Analog to nx

apps/docs/README.md

@@ -10,9 +10,10 @@ From the repository root:
 pnpm install
 pnpm docs:dev     # dev server on http://localhost:5173
 pnpm docs:build   # production build in apps/docs/dist
+pnpm docs:test    # unit tests for the build plugins
 ```
 
-With Nx: `pnpm nx serve angular-devtools-docs`, `pnpm nx build angular-devtools-docs` and `pnpm nx test angular-devtools-docs`.
+These scripts run Nx targets. The `@nx/vite` and `@nx/vitest` plugins infer them from `vite.config.ts`. You can also run any target directly, for example `pnpm nx typecheck angular-devtools-docs` or `pnpm nx preview angular-devtools-docs`.
 
 ## Edit
 

apps/docs/package.json

@@ -9,16 +9,8 @@
     "node": "^22.22.3 || ^24.15.0 || >=26.0.0"
   },
   "scripts": {
-    "ng": "ng",
-    "dev": "vite",
-    "start": "pnpm run dev",
-    "build": "vite build",
-    "watch": "vite build --watch",
-    "test": "vitest run",
-    "preview": "node dist/analog/server/index.mjs",
     "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "test:watch": "vitest"
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "@analogjs/content": "^2.7.5",
@@ -63,22 +55,5 @@
     "typescript": "~6.0.2",
     "vite": "^8.3.0",
     "vitest": "^4.0.8"
-  },
-  "nx": {
-    "name": "angular-devtools-docs",
-    "targets": {
-      "build": {
-        "outputs": [
-          "{projectRoot}/dist"
-        ]
-      },
-      "serve": {
-        "command": "vite",
-        "options": {
-          "cwd": "{projectRoot}"
-        },
-        "continuous": true
-      }
-    }
   }
 }

apps/docs/project.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "name": "angular-devtools-docs",
+  "projectType": "application",
+  "sourceRoot": "apps/docs/src",
+  "tags": ["type:app", "scope:docs"],
+  "targets": {
+    "preview": {
+      "dependsOn": ["build"],
+      "command": "node dist/analog/server/index.mjs",
+      "options": {"cwd": "{projectRoot}"},
+      "continuous": true
+    }
+  }
+}

nx.json

@@ -9,6 +9,27 @@
     "default": ["{projectRoot}/**/*", "sharedGlobals"],
     "production": ["default"]
   },
+  "plugins": [
+    {
+      "plugin": "@nx/vite/plugin",
+      "include": ["apps/docs/**/*"],
+      "options": {
+        "buildTargetName": "build",
+        "devTargetName": "serve",
+        "previewTargetName": "preview",
+        "serveStaticTargetName": "serve-static",
+        "typecheckTargetName": "typecheck"
+      }
+    },
+    {
+      "plugin": "@nx/vitest",
+      "include": ["apps/docs/**/*"],
+      "options": {
+        "testTargetName": "test",
+        "testMode": "run"
+      }
+    }
+  ],
   "nxCloudId": "6ababfaa6b3b7cbe16499a58",
   "analytics": true
 }

package.json

@@ -32,8 +32,9 @@
     "extension:build": "pnpm devtools:build && rm -rf extension/ui && cp -r dist/devtools-ui extension/ui",
     "extension:zip": "pnpm extension:build && rm -f dist/ng-devtools-extension.zip && cd extension && zip -r ../dist/ng-devtools-extension.zip . -x '*.DS_Store'",
     "analog:dev": "pnpm --filter analog-demo dev",
-    "docs:dev": "pnpm --filter angular-devtools-docs dev",
-    "docs:build": "pnpm --filter angular-devtools-docs build"
+    "docs:dev": "nx serve angular-devtools-docs",
+    "docs:build": "nx build angular-devtools-docs",
+    "docs:test": "nx test angular-devtools-docs"
   },
   "private": true,
   "packageManager": "pnpm@10.33.4",
@@ -70,6 +71,8 @@
     "@ngrx/store": "^22.0.1",
     "@ngrx/store-devtools": "^22.0.1",
     "@nx/angular": "23.2.1",
+    "@nx/vite": "23.2.1",
+    "@nx/vitest": "23.2.1",
     "@nx/workspace": "23.2.1",
     "@schematics/angular": "^22.1.8",
     "@types/express": "^5.0.1",