feat: Split rollup config for Nx caching (#5487)

Author: lachlancollins

nx.json

@@ -8,9 +8,10 @@
           "test:eslint",
           "test:types",
           "test:build",
-          "build:types",
           "build",
-          "rollup"
+          "build:rollup",
+          "build:codemods",
+          "build:types"
         ],
         "accessToken": "ZDdkNDA4MGEtYjNmYi00MWI4LWE1N2QtYTdlNmYxMGJlZWM2fHJlYWQ="
       }
@@ -63,13 +64,12 @@
       "inputs": ["default", "^public"],
       "dependsOn": ["^test:types"]
     },
-    "build:types": {
+    "build": {
       "outputs": [
-        "{projectRoot}/build/**/*.d.ts",
-        "{projectRoot}/build/.tsbuildinfo"
+        "{projectRoot}/build/**/*"
       ],
       "inputs": ["default", "^public"],
-      "dependsOn": ["^build:types"]
+      "dependsOn": ["^build"]
     },
     "test:build": {
       "dependsOn": ["build"],

package.json

@@ -14,9 +14,8 @@
     "test:lib:dev": "pnpm --filter \"./packages/**\" run test:lib:dev",
     "test:build": "nx run-many --target=test:build --projects=root",
     "test:types": "nx affected --target=test:types --parallel=5",
-    "build": "nx run-many --target=build --projects=root",
-    "build:types": "nx affected --target=build:types --parallel=5",
-    "watch": "concurrently --kill-others \"rollup --config rollup.config.js -w\" \"pnpm run build:types --watch\"",
+    "build": "nx run-many --target=build --projects=root --parallel=5",
+    "watch": "concurrently --kill-others \"pnpm -r build:rollup -w\" \"pnpm -r build:types --watch\"",
     "dev": "pnpm run watch",
     "prettier": "prettier --plugin-search-dir . \"{packages,examples}/**/src/**/*.{md,js,jsx,cjs,ts,tsx,json,vue,svelte}\"",
     "prettier:write": "pnpm run prettier --write",

packages/codemods/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs"]
 }

packages/eslint-plugin-query/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs"]
 }

packages/query-async-storage-persister/package.json

@@ -33,6 +33,8 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build"
   },
   "dependencies": {

packages/query-async-storage-persister/rollup.config.mjs

@@ -0,0 +1,17 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { buildConfigs } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  ...buildConfigs({
+    name: 'query-async-storage-persister',
+    packageDir: '.',
+    jsName: 'QueryAsyncStoragePersister',
+    outputFile: 'index',
+    entryFile: 'src/index.ts',
+    globals: {
+      '@tanstack/query-persist-client-core': 'QueryPersistClientCore',
+    },
+  }),
+])

packages/query-async-storage-persister/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/query-broadcast-client-experimental/package.json

@@ -31,6 +31,8 @@
     "clean": "rimraf ./build",
     "test:eslint": "eslint --ext .ts,.tsx ./src",
     "test:types": "tsc",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build"
   },
   "dependencies": {

packages/query-broadcast-client-experimental/rollup.config.mjs

@@ -0,0 +1,18 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { buildConfigs } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  ...buildConfigs({
+    name: 'query-broadcast-client-experimental',
+    packageDir: '.',
+    jsName: 'QueryBroadcastClient',
+    outputFile: 'index',
+    entryFile: 'src/index.ts',
+    globals: {
+      '@tanstack/query-core': 'QueryCore',
+      'broadcast-channel': 'BroadcastChannel',
+    },
+  }),
+])

packages/query-broadcast-client-experimental/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/query-core/package.json

@@ -33,6 +33,8 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build"
   }
 }

packages/query-core/rollup.config.mjs

@@ -0,0 +1,15 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { buildConfigs } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+    ...buildConfigs({
+      name: 'query-core',
+      packageDir: '.',
+      jsName: 'QueryCore',
+      outputFile: 'index',
+      entryFile: ['src/index.ts'],
+      globals: {},
+    }),
+])

packages/query-core/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/query-devtools/package.json

@@ -28,6 +28,8 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build"
   },
   "files": [

packages/query-devtools/rollup.config.mjs

@@ -0,0 +1,8 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { createTanstackQueryDevtoolsConfig } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  createTanstackQueryDevtoolsConfig(),
+])

packages/query-devtools/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/query-persist-client-core/package.json

@@ -33,6 +33,8 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build"
   },
   "dependencies": {

packages/query-persist-client-core/rollup.config.mjs

@@ -0,0 +1,17 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { buildConfigs } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  ...buildConfigs({
+    name: 'query-persist-client-core',
+    packageDir: '.',
+    jsName: 'QueryPersistClientCore',
+    outputFile: 'index',
+    entryFile: ['src/index.ts'],
+    globals: {
+      '@tanstack/query-core': 'QueryCore',
+    },
+  }),
+])

packages/query-persist-client-core/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/query-sync-storage-persister/package.json

@@ -33,6 +33,8 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build"
   },
   "dependencies": {

packages/query-sync-storage-persister/rollup.config.mjs

@@ -0,0 +1,17 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { buildConfigs } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  ...buildConfigs({
+    name: 'query-sync-storage-persister',
+    packageDir: '.',
+    jsName: 'QuerySyncStoragePersister',
+    outputFile: 'index',
+    entryFile: 'src/index.ts',
+    globals: {
+      '@tanstack/query-persist-client-core': 'QueryPersistClientCore',
+    },
+  }),
+])

packages/query-sync-storage-persister/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/react-query-devtools/package.json

@@ -43,6 +43,8 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build && cpy build/lib/index.d.ts build/lib/index.prod.d.ts"
   },
   "devDependencies": {

packages/react-query-devtools/rollup.config.mjs

@@ -0,0 +1,38 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { buildConfigs } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  ...buildConfigs({
+    name: 'react-query-devtools',
+    packageDir: '.',
+    jsName: 'ReactQueryDevtools',
+    outputFile: 'index',
+    entryFile: 'src/index.ts',
+    globals: {
+      react: 'React',
+      'react-dom': 'ReactDOM',
+      '@tanstack/react-query': 'ReactQuery',
+      '@tanstack/query-devtools': 'TanstackQueryDevtools',
+    },
+    bundleUMDGlobals: ['@tanstack/query-devtools'],
+  }),
+  ...buildConfigs({
+    name: 'react-query-devtools-prod',
+    packageDir: '.',
+    jsName: 'ReactQueryDevtools',
+    outputFile: 'index.prod',
+    entryFile: 'src/index.ts',
+    globals: {
+      react: 'React',
+      'react-dom': 'ReactDOM',
+      '@tanstack/react-query': 'ReactQuery',
+      '@tanstack/match-sorter-utils': 'MatchSorterUtils',
+      superjson: 'SuperJson',
+    },
+    forceDevEnv: true,
+    forceBundle: true,
+    skipUmdBuild: true,
+  }),
+])

packages/react-query-devtools/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/react-query-persist-client/package.json

@@ -33,6 +33,8 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build"
   },
   "devDependencies": {

packages/react-query-persist-client/rollup.config.mjs

@@ -0,0 +1,20 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { buildConfigs } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  ...buildConfigs({
+    name: 'react-query-persist-client',
+    packageDir: '.',
+    jsName: 'ReactQueryPersistClient',
+    outputFile: 'index',
+    entryFile: 'src/index.ts',
+    globals: {
+      react: 'React',
+      '@tanstack/query-persist-client-core': 'QueryPersistClientCore',
+      '@tanstack/react-query': 'ReactQuery',
+    },
+    bundleUMDGlobals: ['@tanstack/query-persist-client-core'],
+  }),
+])

packages/react-query-persist-client/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/react-query/package.json

@@ -28,7 +28,9 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
-    "build": "cpy ../codemods/src/**/* ./build/codemods",
+    "build": "pnpm build:rollup && pnpm build:codemods && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
+    "build:codemods": "cpy ../codemods/src/**/* ./build/codemods",
     "build:types": "tsc --build"
   },
   "files": [

packages/react-query/rollup.config.mjs

@@ -0,0 +1,21 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { buildConfigs } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  ...buildConfigs({
+    name: 'react-query',
+    packageDir: '.',
+    jsName: 'ReactQuery',
+    outputFile: 'index',
+    entryFile: ['src/index.ts'],
+    globals: {
+      react: 'React',
+      'react-dom': 'ReactDOM',
+      '@tanstack/query-core': 'QueryCore',
+      'react-native': 'ReactNative',
+    },
+    bundleUMDGlobals: ['@tanstack/query-core'],
+  }),
+])

packages/react-query/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "./.eslintrc.cjs"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.mjs"]
 }

packages/solid-query/package.json

@@ -37,6 +37,8 @@
     "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
+    "build": "pnpm build:rollup && pnpm build:types",
+    "build:rollup": "rollup --config rollup.config.mjs",
     "build:types": "tsc --build"
   },
   "files": [

packages/solid-query/rollup.config.mjs

@@ -0,0 +1,8 @@
+// @ts-check
+
+import { defineConfig } from 'rollup'
+import { createSolidQueryConfig } from "../../scripts/getRollupConfig.mjs"
+
+export default defineConfig([
+  createSolidQueryConfig(),
+])