ci: Use Nx Agents

.github/workflows/ci.yml

@@ -15,7 +15,6 @@ concurrency:
 
 env:
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_CLOUD_ACCESS_TOKEN }}
-  NX_CLOUD_AUTH_TOKEN: ${{ secrets.NX_CLOUD_AUTH_TOKEN }}
 
 jobs:
   test-and-publish:
@@ -36,10 +35,15 @@ jobs:
         with:
           node-version-file: .nvmrc
           cache: pnpm
+      - name: Start Nx Agents
+        run: npx nx-cloud start-ci-run --distribute-on=".nx/workflows/dynamic-changesets.yaml"
       - name: Install dependencies
         run: pnpm install --frozen-lockfile --prefer-offline
       - name: Run Tests
-        run: pnpm run test:ci
+        run: pnpm run test:ci --parallel=3
+      - name: Stop Nx Agents
+        if: ${{ always() }}
+        run: npx nx-cloud stop-all-agents
       - name: Publish
         run: |
           git config --global user.name 'Tanner Linsley'

.github/workflows/pr.yml

@@ -13,7 +13,6 @@ concurrency:
 
 env:
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_CLOUD_ACCESS_TOKEN }}
-  NX_CLOUD_AUTH_TOKEN: ${{ secrets.NX_CLOUD_AUTH_TOKEN }}
 
 jobs:
   test:
@@ -33,11 +32,16 @@ jobs:
         with:
           node-version-file: .nvmrc
           cache: pnpm
+      - name: Start Nx Agents
+        run: npx nx-cloud start-ci-run --distribute-on=".nx/workflows/dynamic-changesets.yaml"
       - name: Install dependencies
         run: pnpm install --frozen-lockfile --prefer-offline
       - name: Get base and head commits for `nx affected`
         uses: nrwl/nx-set-shas@v3
         with:
           main-branch-name: 'main'
       - name: Run Checks
-        run: pnpm run test:pr
+        run: pnpm run test:pr --parallel=3
+      - name: Stop Nx Agents
+        if: ${{ always() }}
+        run: npx nx-cloud stop-all-agents

.gitignore

@@ -3,6 +3,8 @@
 
 # dependencies
 node_modules
+package-lock.json
+yarn.lock
 
 # builds
 types
@@ -38,9 +40,8 @@ stats.html
 
 *.log
 .DS_Store
-node_modules
 .cache
-dist
+.pnpm-store
 ts-perf
 
 /examples/*/*/yarn.lock
@@ -50,7 +51,7 @@ ts-perf
 
 nx-cloud.env
 .vscode
-.nx
+.nx/cache
 
 gpt/db.json
 

.nx/workflows/dynamic-changesets.yaml

@@ -0,0 +1,4 @@
+distribute-on:
+  small-changeset: 8 linux-medium-js
+  medium-changeset: 10 linux-medium-js
+  large-changeset: 12 linux-medium-js

examples/react/kitchen-sink-file-based/src/routes/expensive/index.lazy.tsx

@@ -2,5 +2,5 @@ import { createLazyFileRoute } from '@tanstack/react-router'
 import Expensive from './-components/Expensive'
 
 export const Route = createLazyFileRoute('/expensive/')({
-  component: () => Expensive
+  component: () => Expensive,
 })

examples/react/kitchen-sink-react-query-file-based/src/routes/expensive/index.lazy.tsx

@@ -2,5 +2,5 @@ import { createLazyFileRoute } from '@tanstack/react-router'
 import Expensive from './-components/Expensive'
 
 export const Route = createLazyFileRoute('/expensive/')({
-  component: Expensive
+  component: Expensive,
 })

nx.json

@@ -53,6 +53,10 @@
       "inputs": ["default", "^public"],
       "outputs": ["{projectRoot}/build", "{projectRoot}/dist"],
       "cache": true
+    },
+    "test:format": {
+      "cache": true,
+      "inputs": ["{workspaceRoot}/**/*"]
     }
   }
 }