chore: move to nx (#46)

* chore: move to nx

* feat(nx-cloud): setup nx cloud workspace (#47)

This commit sets up Nx Cloud for your Nx workspace, enabling distributed caching and the Nx Cloud GitHub integration for fast CI and improved developer experience.

You can access your Nx Cloud workspace by going to
https://cloud.nx.app/orgs/60bf2bb0b7f2ae00054c0716/workspaces/6ababfaa6b3b7cbe16499a58

> [!TIP]
> Run `npx nx generate ci-workflow` if you don't have a CI script configured yet.

**Note:** This commit attempts to maintain formatting of the nx.json file, however you may need to correct formatting by running an nx format command and committing the changes.

* Update .github/workflows/ci.yml

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: santoshyadavdev

.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"]
 }

angular.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
+}

nx.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",

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"