feat: Replace rollup with tsup/esbuild (#5597)

Co-authored-by: Dominik Dorfmeister <[email protected]>
Co-authored-by: Aryan Deora <[email protected]>

Author: 3 people

.browserslistrc

@@ -42,12 +42,12 @@ If you're not using a module bundler or package manager, you can also use this l
 React Query is optimized for modern browsers. It is compatible with the following browsers config
 
 ```
-Chrome >= 84
+Chrome >= 91
 Firefox >= 90
-Edge >= 84
+Edge >= 91
 Safari >= 15
 iOS >= 15
-opera >= 70
+opera >= 77
 ```
 
 > Depending on your environment, you might need to add polyfills. If you want to support older browsers, you need to transpile the library from `node_modules` yourselves.

babel.config.cjs

@@ -27,11 +27,9 @@
   },
   "namedInputs": {
     "sharedGlobals": [
-      "{workspaceRoot}/.browserslistrc",
       "{workspaceRoot}/.eslintrc.cjs",
-      "{workspaceRoot}/babel.config.cjs",
       "{workspaceRoot}/package.json",
-      "{workspaceRoot}/scripts/getRollupConfig.js",
+      "{workspaceRoot}/scripts/getTsupConfig.js",
       "{workspaceRoot}/tsconfig.json"
     ],
     "default": [

docs/react/installation.md

@@ -31,15 +31,7 @@
   "namespace": "@tanstack",
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.6.0",
-    "@babel/core": "^7.21.8",
-    "@babel/preset-env": "^7.21.5",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.5",
     "@commitlint/parse": "^17.6.5",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-replace": "^5.0.2",
     "@solidjs/testing-library": "^0.5.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
@@ -59,7 +51,6 @@
     "@typescript-eslint/parser": "^5.54.0",
     "@vitest/coverage-istanbul": "^0.33.0",
     "axios": "^1.4.0",
-    "babel-preset-solid": "^1.6.10",
     "chalk": "^5.2.0",
     "concurrently": "^8.0.1",
     "cpy-cli": "^4.2.0",
@@ -84,9 +75,6 @@
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.1",
     "rollup": "^3.26.0",
-    "rollup-plugin-node-externals": "^6.1.1",
-    "rollup-plugin-preserve-directives": "^0.2.0",
-    "rollup-plugin-visualizer": "^5.9.2",
     "rollup-preset-solid": "^2.0.1",
     "semver": "^7.5.1",
     "solid-js": "^1.6.13",

nx.json

@@ -11,18 +11,18 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "type": "module",
-  "types": "build/lib/index.d.ts",
-  "main": "build/lib/index.cjs",
-  "module": "build/lib/index.js",
+  "types": "build/legacy/index.d.ts",
+  "main": "build/legacy/index.cjs",
+  "module": "build/legacy/index.js",
   "exports": {
     ".": {
       "import": {
-        "types": "./build/lib/index.d.ts",
-        "default": "./build/lib/index.js"
+        "types": "./build/legacy/index.d.ts",
+        "default": "./build/legacy/index.js"
       },
       "require": {
-        "types": "./build/lib/index.d.cts",
-        "default": "./build/lib/index.cjs"
+        "types": "./build/legacy/index.d.cts",
+        "default": "./build/legacy/index.cjs"
       }
     },
     "./package.json": "./package.json"

package.json

@@ -1,13 +1,8 @@
 // @ts-check
 
 import { defineConfig } from 'tsup'
+import { legacyConfig } from '../../scripts/getTsupConfig.js'
 
-export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['cjs', 'esm'],
-  target: ['es2020', 'node16'],
-  outDir: 'build/lib',
-  dts: true,
-  sourcemap: true,
-  clean: true,
-})
+export default defineConfig([
+  legacyConfig({ entry: ['src/*.ts', 'src/*.tsx'], bundle: true }),
+])

packages/eslint-plugin-query/package.json

@@ -11,21 +11,25 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "type": "module",
-  "types": "build/lib/index.d.ts",
-  "main": "build/lib/index.legacy.cjs",
-  "module": "build/lib/index.legacy.js",
+  "types": "build/legacy/index.d.ts",
+  "main": "build/legacy/index.cjs",
+  "module": "build/legacy/index.js",
   "exports": {
     ".": {
-      "types": "./build/lib/index.d.ts",
-      "import": "./build/lib/index.js",
-      "require": "./build/lib/index.cjs",
-      "default": "./build/lib/index.cjs"
+      "import": {
+        "types": "./build/modern/index.d.ts",
+        "default": "./build/modern/index.js"
+      },
+      "require": {
+        "types": "./build/modern/index.d.cts",
+        "default": "./build/modern/index.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
   "files": [
-    "build/lib/*",
+    "build",
     "src"
   ],
   "scripts": {
@@ -34,10 +38,8 @@
     "test:types": "tsc --noEmit",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
-    "test:build": "publint --strict",
-    "build": "pnpm build:rollup && pnpm build:types",
-    "build:rollup": "rollup --config rollup.config.js",
-    "build:types": "tsc --emitDeclarationOnly"
+    "test:build": "publint --strict && attw --pack",
+    "build": "tsup"
   },
   "dependencies": {
     "@tanstack/query-persist-client-core": "workspace:*"

packages/eslint-plugin-query/tsup.config.js

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