Refactor frontend into multi-package monorepo with EditorPort abstraction

.github/workflows/ci_backend.yaml

@@ -4,13 +4,13 @@ on:
     branches: main
     paths:
       - ".github/workflows/ci_backend.yaml"
-      - "backend/**"
+      - "packages/backend/**"
   pull_request:
     branches:
       - main
     paths:
       - ".github/workflows/ci_backend.yaml"
-      - "backend/**"
+      - "packages/backend/**"
 
 jobs:
   test:
@@ -21,7 +21,7 @@ jobs:
       matrix:
         node-version: [20.x, 22.x, 24.x]
     env:
-      working-directory: ./backend
+      working-directory: ./packages/backend
     steps:
       - name: Checkout 🛎️
         uses: actions/checkout@v4

.github/workflows/ci_frontend.yaml

@@ -4,13 +4,17 @@ on:
     branches: main
     paths:
       - ".github/workflows/ci_frontend.yaml"
-      - "frontend/**"
+      - "packages/frontend/**"
+      - "packages/ui/**"
+      - "packages/codemirror/**"
   pull_request:
     branches:
       - main
     paths:
       - ".github/workflows/ci_frontend.yaml"
-      - "frontend/**"
+      - "packages/frontend/**"
+      - "packages/ui/**"
+      - "packages/codemirror/**"
 
 jobs:
   test:
@@ -20,8 +24,6 @@ jobs:
       fail-fast: false
       matrix:
         node-version: [20.x, 22.x, 24.x]
-    env:
-      working-directory: ./frontend
     steps:
       - name: Checkout 🛎️
         uses: actions/checkout@v4
@@ -34,13 +36,13 @@ jobs:
           cache: "pnpm"
       - name: Install packages
         run: pnpm install --frozen-lockfile
-        working-directory: ${{ env.working-directory }}
+      - name: Lint UI
+        run: pnpm --filter=@codepair/ui lint
+      - name: Lint CodeMirror
+        run: pnpm --filter=@codepair/codemirror lint
       - name: Prettier
-        run: pnpm run format:check
-        working-directory: ${{ env.working-directory }}
+        run: pnpm --filter=@codepair/frontend format:check
       - name: Lint
-        run: pnpm run lint
-        working-directory: ${{ env.working-directory }}
+        run: pnpm --filter=@codepair/frontend lint
       - name: Build
-        run: pnpm run build
-        working-directory: ${{ env.working-directory }}
+        run: pnpm --filter=@codepair/frontend build

.github/workflows/docker-publish-latest.yaml

@@ -5,7 +5,7 @@ on:
       - main
     paths:
       - ".github/workflows/docker-publish-latest.yaml"
-      - "backend/**"
+      - "packages/backend/**"
       - "Dockerfile"
 jobs:
   call-base-docker-publish:

.github/workflows/gh_pages.yaml

@@ -7,8 +7,6 @@ on:
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
-    env:
-      working-directory: ./frontend
     steps:
       - name: Checkout 🛎️
         uses: actions/checkout@v4
@@ -22,22 +20,21 @@ jobs:
           cache-dependency-path: pnpm-lock.yaml
 
       - name: Setup Sentry Env 🛠️
-        working-directory: ${{ env.working-directory }}
+        working-directory: ./packages/frontend
         run: |
           echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> .env.sentry-build-plugin
           echo "SENTRY_ORG=${{ secrets.SENTRY_ORG }}" >> .env.sentry-build-plugin
           echo "SENTRY_PROJECT=${{ secrets.SENTRY_PROJECT }}" >> .env.sentry-build-plugin
 
       - name: Install and Build 🔧
-        working-directory: ${{ env.working-directory }}
         env:
           NODE_OPTIONS: "--max_old_space_size=4096"
         run: |
           pnpm install --frozen-lockfile
-          pnpm run build
+          pnpm --filter=@codepair/frontend build
 
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@v4.7.3
         with:
           branch: gh-pages
-          folder: frontend/dist
+          folder: packages/frontend/dist

.husky/pre-commit

@@ -4,31 +4,31 @@ LINT_FRONTEND=false
 LINT_BACKEND=false
 
 for FILE in $CHANGED_FILES; do
-  if [[ "$FILE" =~ ^frontend/ ]]; then
+  if [[ "$FILE" =~ ^packages/frontend/ ]]; then
     LINT_FRONTEND=true
-  elif [[ "$FILE" =~ ^backend/ ]]; then
+  elif [[ "$FILE" =~ ^packages/backend/ ]]; then
     LINT_BACKEND=true
   fi
 done
 
 if [ "$LINT_FRONTEND" = true ]; then
   echo "Changes detected in the frontend. Linting & Formatting frontend..."
-  cd frontend
+  cd packages/frontend
   npx lint-staged
   if [ $? -ne 0 ]; then
     echo "Frontend Linting & Formatting failed. Commit aborted."
     exit 1
   fi
-  cd ..
+  cd ../..
 fi
 
 if [ "$LINT_BACKEND" = true ]; then
  echo "Changes detected in the backend. Linting & Formatting backend..."
-  cd backend
+  cd packages/backend
   npx lint-staged
   if [ $? -ne 0 ]; then
     echo "Backend Linting & Formatting failed. Commit aborted."
     exit 1
   fi
-  cd ..
+  cd ../..
 fi

Dockerfile

@@ -37,9 +37,9 @@ COPY . /usr/src/app
 WORKDIR /usr/src/app
 RUN sed -i 's/"prepare": "husky install"/"prepare": ""/' ./package.json
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
-RUN pnpx prisma@^5.8.1 generate --schema=./backend/prisma/schema.prisma
+RUN pnpx prisma@^5.8.1 generate --schema=./packages/backend/prisma/schema.prisma
 RUN pnpm backend build
-RUN pnpm deploy --filter=backend --prod /prod/backend
+RUN pnpm deploy --filter=@codepair/backend --prod /prod/backend
 WORKDIR /prod/backend
 RUN pnpx prisma@^5.8.1 generate