chore: Introducing nx for caching (#4766)

* initial work

* fixing typecheck output

* fixing outputs

* adjusting pr.yml workflow

* changing the root build to use dependOn

* working on test caching...

* adding inputs for example build tasks

* fixing example build caching

* adding a pr script

* fixing typo in pr.yml

* adding dependency test:ci > build-js to fix pipeline error

.github/workflows/pr.yml

@@ -20,11 +20,5 @@ jobs:
       - name: Install Dependencies
         run: npm install --legacy-peer-deps
 
-      - name: Build the Project
-        run: npm run build
-
-      - name: Running Typechecks
-        run: npm run typecheck
-
-      - name: Running Tests
-        run: npm run test
+      - name: Run Checks
+        run: npm run pr

nx.json

@@ -0,0 +1,24 @@
+{
+  "tasksRunnerOptions": {
+    "default": {
+      "runner": "nx/tasks-runners/default",
+      "options": {
+        "cacheableOperations": ["build", "build-js", "test:ci", "typecheck"]
+      }
+    }
+  },
+  "defaultBase": "main",
+  "namedInputs": {
+    "packageSources": [
+      "{workspaceRoot}/packages/**/src/**/*.ts",
+      "{workspaceRoot}/packages/**/tsconfig.json"
+    ],
+    "buildDeps": ["{projectRoot}/**/*", "!{projectRoot}/__tests__/**/*"]
+  },
+  "targetDefaults": {
+    "build": {
+      "outputs": ["{projectRoot}/build"],
+      "inputs": ["buildDeps", "^buildDeps"]
+    }
+  }
+}

package.json

@@ -4,9 +4,9 @@
   "scripts": {
     "clean": "npm exec --workspaces -c \"rm -rf build || true\"",
     "test": "(is-ci && npm run test:ci) || npm run test:dev",
-    "test:ci": "vitest",
+    "test:ci": "nx test:ci root",
     "test:dev": "vitest --watch",
-    "build": "rollup --config rollup.config.js && npm run typecheck",
+    "build": "nx build root",
     "watch": "concurrently --kill-others \"rollup --config rollup.config.js -w\" \"tsc -b --watch\"",
     "linkAll": "lerna exec 'npm link' --parallel",
     "unlinkAll": "lerna exec 'npm unlink' --parallel",
@@ -15,7 +15,8 @@
     "visualize": "lerna exec 'open build/stats-html.html'",
     "cipublish": "ts-node scripts/publish.ts",
     "cipublishforce": "CI=true npm run cipublish",
-    "typecheck": "tsc -b"
+    "typecheck": "nx typecheck root",
+    "pr": "nx run-many --targets=test:ci,build,typecheck --projects=root"
   },
   "namespace": "@tanstack",
   "workspaces": [
@@ -111,6 +112,7 @@
     "ts-node": "^10.7.0",
     "typescript": "^4.7.4",
     "vitest": "^0.29.3",
-    "vue": "^3.2.33"
+    "vue": "^3.2.33",
+    "nx": "15.8.7"
   }
 }

project.json

@@ -0,0 +1,31 @@
+{
+  "name": "root",
+  "targets": {
+    "build-js": {
+      "command": "rollup --config rollup.config.js",
+      "inputs": ["packageSources"],
+      "outputs": [
+        "{workspaceRoot}/packages/*/build/stats*",
+        "{workspaceRoot}/packages/*/build/**/*.(cjs|mjs|js)*"
+      ]
+    },
+    "typecheck": {
+      "command": "tsc -b",
+      "inputs": ["packageSources"],
+      "outputs": [
+        "{workspaceRoot}/packages/*/build/**/*d.ts",
+        "{workspaceRoot}/packages/*/build/.tsbuildinfo"
+      ]
+    },
+    "build": {
+      "command": "echo \"  @tanstack/table > All packages built! 📦\"",
+      "dependsOn": ["build-js", "typecheck"],
+      "inputs": ["packageSources"]
+    },
+    "test:ci": {
+      "command": "vitest",
+      "inputs": ["packageSources", "{workspaceRoot}/packages/*/__tests__/**/*"],
+      "dependsOn": ["build-js"]
+    }
+  }
+}