refactor: restructure to monorepo with npm workspaces (Phase 0)

Move frontend to packages/client/, server to packages/server/.
Root package.json uses npm workspaces to orchestrate both.

Structure:
  reaktor/
    packages/client/  (React + Vite + Tone.js frontend)
    packages/server/  (static file server, future API)
    dist/             (built output, shared)
    docker-compose.yml (app + PostgreSQL for future backend)

- npm run dev → runs Vite dev server from client workspace
- npm run build → builds client, outputs to root dist/
- npm run start → runs server.js serving dist/
- Dockerfile updated for multi-stage monorepo build
- docker-compose.yml added with PostgreSQL service (ready for Phase 1)
- All imports and paths preserved, zero functionality change

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jose Luis
2026-03-21 19:52:57 +01:00
parent 4baa86eed0
commit b058997889
59 changed files with 96 additions and 33 deletions

View File

@@ -1,13 +1,17 @@
FROM node:20-alpine AS build FROM node:20-alpine AS build
WORKDIR /app WORKDIR /app
COPY package.json package-lock.json* ./ COPY package.json package-lock.json* ./
COPY packages/client/package.json packages/client/
COPY packages/server/package.json packages/server/
RUN npm install RUN npm install
COPY . . COPY packages/client packages/client
RUN npm run build RUN npm run build
FROM node:20-alpine FROM node:20-alpine
WORKDIR /app WORKDIR /app
COPY --from=build /app/dist ./dist COPY --from=build /app/dist ./dist
COPY server.js . COPY packages/server/server.js ./packages/server/server.js
COPY packages/server/package.json ./packages/server/package.json
COPY package.json ./
EXPOSE 80 EXPOSE 80
CMD ["node", "server.js"] CMD ["node", "packages/server/server.js"]

24
docker-compose.yml Normal file
View File

@@ -0,0 +1,24 @@
services:
app:
build: .
ports:
- "80:80"
depends_on:
db:
condition: service_healthy
db:
image: postgres:16-alpine
environment:
POSTGRES_USER: reaktor
POSTGRES_PASSWORD: reaktor_dev
POSTGRES_DB: reaktor
volumes:
- pgdata:/var/lib/postgresql/data
healthcheck:
test: ["CMD-SHELL", "pg_isready -U reaktor"]
interval: 5s
retries: 5
volumes:
pgdata:

42
package-lock.json generated
View File

@@ -1,21 +1,14 @@
{ {
"name": "reaktor-montlab", "name": "reaktor",
"version": "1.0.0", "version": "1.0.0",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "reaktor-montlab", "name": "reaktor",
"version": "1.0.0", "workspaces": [
"dependencies": { "packages/*"
"react": "^18.2.0", ]
"react-dom": "^18.2.0",
"tone": "^14.8.49"
},
"devDependencies": {
"@vitejs/plugin-react": "^4.2.0",
"vite": "^5.4.0"
}
}, },
"node_modules/@babel/code-frame": { "node_modules/@babel/code-frame": {
"version": "7.29.0", "version": "7.29.0",
@@ -749,6 +742,14 @@
"@jridgewell/sourcemap-codec": "^1.4.14" "@jridgewell/sourcemap-codec": "^1.4.14"
} }
}, },
"node_modules/@reaktor/client": {
"resolved": "packages/client",
"link": true
},
"node_modules/@reaktor/server": {
"resolved": "packages/server",
"link": true
},
"node_modules/@rolldown/pluginutils": { "node_modules/@rolldown/pluginutils": {
"version": "1.0.0-beta.27", "version": "1.0.0-beta.27",
"resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz", "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
@@ -1722,6 +1723,23 @@
"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
"dev": true, "dev": true,
"license": "ISC" "license": "ISC"
},
"packages/client": {
"name": "@reaktor/client",
"version": "1.0.0",
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tone": "^14.8.49"
},
"devDependencies": {
"@vitejs/plugin-react": "^4.2.0",
"vite": "^5.4.0"
}
},
"packages/server": {
"name": "@reaktor/server",
"version": "1.0.0"
} }
} }
} }

View File

@@ -1,21 +1,10 @@
{ {
"name": "reaktor-montlab", "name": "reaktor",
"version": "1.0.0",
"private": true, "private": true,
"type": "module", "workspaces": ["packages/*"],
"scripts": { "scripts": {
"dev": "vite", "dev": "npm run dev -w packages/client",
"build": "vite build", "build": "npm run build -w packages/client",
"preview": "vite preview", "start": "node packages/server/server.js"
"start": "node server.js"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tone": "^14.8.49"
},
"devDependencies": {
"@vitejs/plugin-react": "^4.2.0",
"vite": "^5.4.0"
} }
} }

View File

@@ -0,0 +1,20 @@
{
"name": "@reaktor/client",
"version": "1.0.0",
"private": true,
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tone": "^14.8.49"
},
"devDependencies": {
"@vitejs/plugin-react": "^4.2.0",
"vite": "^5.4.0"
}
}

View File

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 496 B

View File

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@@ -4,5 +4,5 @@ import react from '@vitejs/plugin-react';
export default defineConfig({ export default defineConfig({
plugins: [react()], plugins: [react()],
server: { port: 3000 }, server: { port: 3000 },
build: { outDir: 'dist' } build: { outDir: '../../dist', emptyOutDir: true }
}); });

View File

@@ -0,0 +1,8 @@
{
"name": "@reaktor/server",
"version": "1.0.0",
"private": true,
"scripts": {
"start": "node server.js"
}
}

View File

@@ -4,7 +4,7 @@ const fs = require('fs');
const path = require('path'); const path = require('path');
const PORT = process.env.PORT || 80; const PORT = process.env.PORT || 80;
const STATIC_DIR = path.join(__dirname, 'dist'); const STATIC_DIR = path.join(__dirname, '..', '..', 'dist');
const MIME = { const MIME = {
'.html': 'text/html', '.css': 'text/css', '.js': 'application/javascript', '.html': 'text/html', '.css': 'text/css', '.js': 'application/javascript',