deps: upgrade dev dependencies

.changeset/migrate-tsup-to-tsdown.md

@@ -0,0 +1,13 @@
+---
+"@wbe/interpol": patch
+---
+
+Migrate the build from `tsup` to `tsdown` and update all dependencies to their latest version.
+
+`tsup` is no longer maintained and can't emit declaration files with TypeScript 7, so the build was broken after the dependencies update.
+
+- Build: `tsup` is replaced by `tsdown` (rolldown). The published files and the public API are the same: `interpol.js`, `interpol.cjs`, `interpol.d.ts`, `interpol.d.cts` and their sourcemaps.
+- Minification: still done by `terser` (as a rolldown plugin) to keep properties mangling, the bundle size is unchanged (~3.5kB brotli).
+- Dependencies: TypeScript 7, Vite 8, Vitest 5, jsdom 30, size-limit 14, changesets 3, pnpm 12.
+- Tests: jsdom 30 drops invalid CSS declarations like a browser does, `styles()` tests now use valid unitless values (`0`) to check `autoUnits = false`. The `styles()` behavior is unchanged.
+- Remove codesandbox ci, no longer compatible

.github/workflows/release.yml

@@ -23,7 +23,7 @@ jobs:
       - name: Use Node
         uses: actions/setup-node@v3
         with:
-          node-version: "20"
+          node-version: "24"
 
       - name: Cache pnpm modules
         uses: actions/cache@v3
@@ -33,9 +33,9 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-
 
-      - uses: pnpm/action-setup@v2
+      # pnpm version is read from the "packageManager" field of package.json
+      - uses: pnpm/action-setup@v4
         with:
-          version: 8.3.1
           run_install: |
             args: [--filter "@wbe/*"]
 

.github/workflows/size-limit.yml

@@ -11,10 +11,13 @@ jobs:
       CI_JOB_NUMBER: 1
     steps:
       - uses: actions/checkout@v1
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2
+      - name: Use Node
+        uses: actions/setup-node@v4
         with:
-          version: 8
+          node-version: "24"
+      # pnpm version is read from the "packageManager" field of package.json
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
       - name: Use Size limit
         uses: andresz1/size-limit-action@dd31dce7dcc72a041fd3e49abf0502b13fc4ce05 # support for pnpm
         with:

.github/workflows/tests.yml

@@ -5,23 +5,21 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [24.x]
     steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
-        with:
-          node-version: ${{ matrix.node-version }}
-
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
         with:
-          version: 8
+          node-version: ${{ matrix.node-version }}
+
+      # pnpm version is read from the "packageManager" field of package.json
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
 
       - name: Install dependencies
         run: pnpm install

examples/interpol-basic/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-bokeh/package.json

@@ -10,7 +10,7 @@
     "@wbe/interpol": "latest"
   },
   "devDependencies": {
-    "typescript": "~5.8.3",
-    "vite": "^7.1.7"
+    "typescript": "~7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-colors/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-easing/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-gl-property/package.json

@@ -10,11 +10,11 @@
   "dependencies": {
     "@wbe/interpol": "latest",
     "ogl": "^1.0.11",
-    "prettier": "^3.6.2",
+    "prettier": "^3.9.10",
     "tweakpane": "^4.0.5"
   },
   "devDependencies": {
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-graph/package.json

@@ -9,16 +9,16 @@
   },
   "dependencies": {
     "@wbe/interpol": "latest",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "tweakpane": "^4.0.5"
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.6.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-gsap-benchmark/package.json

@@ -9,15 +9,15 @@
   },
   "dependencies": {
     "@wbe/interpol": "latest",
-    "@wbe/utils": "^0.2.1",
-    "animejs": "^4.2.0",
-    "gsap": "^3.13.0",
-    "stats-gl": "^3.6.0",
+    "@wbe/utils": "^0.3.2",
+    "animejs": "^4.5.0",
+    "gsap": "^3.15.0",
+    "stats-gl": "^4.2.3",
     "tweakpane": "^4.0.5"
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-keyframes/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-offsets/package.json

@@ -9,16 +9,16 @@
   },
   "dependencies": {
     "@wbe/interpol": "latest",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "tweakpane": "^4.0.5"
   },
   "devDependencies": {
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.6.0",
-    "less": "^4.3.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "less": "^4.9.1",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/interpol-particles/package.json

@@ -9,15 +9,15 @@
   },
   "dependencies": {
     "@wbe/interpol": "latest",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "tweakpane": "^4.0.5"
   },
   "devDependencies": {
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.6.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/styles-memory/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/timeline-basic/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/timeline-nested/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@tweakpane/core": "^2.0.5",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

examples/timeline-visual/package.json

@@ -9,15 +9,15 @@
   },
   "dependencies": {
     "@wbe/interpol": "latest",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "tweakpane": "^4.0.5"
   },
   "devDependencies": {
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.6.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4"
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

package.json

@@ -33,8 +33,8 @@
   ],
   "scripts": {
     "dev": "pnpm --parallel --color --filter './examples/*' run dev",
-    "build": "tsup",
-    "build:watch": "tsup --watch --sourcemap",
+    "build": "tsdown",
+    "build:watch": "tsdown --watch --sourcemap",
     "test": "vitest run",
     "test:watch": "vitest --reporter verbose",
     "size": "size-limit",
@@ -45,23 +45,23 @@
     "clean": "rm -rf dist && find . -type d -name 'node_modules' -prune -exec rm -rf '{}' +"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.29.5",
-    "@size-limit/preset-small-lib": "^11.2.0",
-    "@types/node": "^24.0.13",
-    "jsdom": "^26.1.0",
-    "prettier": "^3.6.2",
-    "size-limit": "^11.2.0",
-    "terser": "^5.43.1",
-    "tsup": "^8.5.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4",
-    "vitest": "^3.2.4"
+    "@changesets/cli": "^3.0.3",
+    "@size-limit/preset-small-lib": "^14.2.0",
+    "@types/node": "^26.6.5",
+    "jsdom": "^30.1.2",
+    "prettier": "^3.9.10",
+    "size-limit": "^14.2.0",
+    "terser": "^5.51.2",
+    "tsdown": "^0.23.0",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4",
+    "vitest": "^5.0.3"
   },
   "prettier": {
     "semi": false,
     "printWidth": 100
   },
-  "packageManager": "pnpm@8.15.4",
+  "packageManager": "pnpm@12.10.1",
   "size-limit": [
     {
       "name": "@wbe/interpol",