chore: move to nx

.github/workflows/ci.yml

@@ -8,6 +8,8 @@ on:
 
 permissions:
   contents: read
+  # nx-set-shas reads previous workflow runs to find the last green main commit
+  actions: read
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -19,6 +21,9 @@ jobs:
     timeout-minutes: 15
     steps:
       - uses: actions/checkout@v7
+        with:
+          fetch-depth: 0
+          persist-credentials: false
 
       - uses: pnpm/action-setup@v5
 
@@ -29,27 +34,23 @@ jobs:
 
       - run: pnpm install --frozen-lockfile
 
+      - uses: nrwl/nx-set-shas@v4
+
       - name: Check formatting
         run: pnpm format:check
 
       - name: Type-check
         run: pnpm typecheck
 
-      - name: Test host app
-        run: pnpm test
+      - name: Test and build affected projects
+        run: pnpm exec nx affected -t test build
 
       - name: Test devtools package
         run: pnpm test:devtools
 
-      - name: Build Angular host app (SSR)
-        run: pnpm build
-
       - name: Build Chrome extension
         run: pnpm extension:build
 
-      - name: Build devtools package
-        run: pnpm devtools:build-pkg
-
       - name: Check committed build output is current
         run: |
           stale=$(git status --porcelain -- extension/ui)

.gitignore

@@ -43,3 +43,8 @@ __screenshots__/
 # System files
 .DS_Store
 Thumbs.db
+
+# Nx
+.nx/cache
+.nx/workspace-data
+.nx/migrate-runs

.vscode/extensions.json

@@ -1,4 +1,3 @@
 {
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
-  "recommendations": ["angular.ng-template"]
+  "recommendations": ["angular.ng-template", "nrwl.angular-console"]
 }

nx.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "targetDefaults": {
+    "build": { "cache": true, "dependsOn": ["^build"], "inputs": ["production", "^production"] },
+    "test": { "cache": true, "inputs": ["default", "^production"] }
+  },
+  "namedInputs": {
+    "sharedGlobals": [],
+    "default": ["{projectRoot}/**/*", "sharedGlobals"],
+    "production": ["default"]
+  },
+  "nxCloudId": "6ababfaa6b3b7cbe16499a58",
+  "analytics": true
+}

package.json

@@ -7,10 +7,10 @@
   },
   "scripts": {
     "ng": "ng",
-    "start": "pnpm devtools:build-pkg && ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test",
+    "start": "pnpm devtools:build-pkg && nx serve",
+    "build": "nx build",
+    "watch": "nx build --watch --configuration development",
+    "test": "nx test",
     "test:devtools": "vitest run --root packages/ng-devtools",
     "typecheck": "tsc -p tsconfig.app.json --noEmit && tsc -p tsconfig.spec.json --noEmit && tsc -p app/tsconfig.json --noEmit && tsc -p packages/ng-devtools",
     "format": "prettier --write .",
@@ -51,14 +51,20 @@
   },
   "devDependencies": {
     "@analogjs/vite-plugin-angular": "^2.7.2",
+    "@angular-devkit/core": "^22.1.8",
+    "@angular-devkit/schematics": "^22.1.8",
     "@angular/build": "^22.1.8",
     "@angular/cli": "^22.1.8",
     "@angular/compiler-cli": "^22.1.0",
     "@devframes/agentic": "^1.1.0",
     "@devframes/vite": "^1.0.0",
+    "@nx/angular": "23.2.1",
+    "@nx/workspace": "23.2.1",
+    "@schematics/angular": "^22.1.8",
     "@types/express": "^5.0.1",
     "@types/node": "^24.0.0",
     "jsdom": "^28.0.0",
+    "nx": "23.2.1",
     "prettier": "^3.8.1",
     "sass": "^1.105.0",
     "typescript": "~6.0.2",

packages/ng-devtools/package.json

@@ -39,6 +39,17 @@
     "build": "tsdown && vite build --config ../../app/vite.config.ts --outDir ../packages/ng-devtools/dist/public --emptyOutDir",
     "prepack": "pnpm build"
   },
+  "nx": {
+    "targets": {
+      "build": {
+        "inputs": [
+          "production",
+          "^production",
+          "{workspaceRoot}/app/**/*"
+        ]
+      }
+    }
+  },
   "files": [
     "dist",
     "bin.mjs"