Update dependencies (#1084)

* upgrade dependencies: bump React to 19.2.7, react-router to 8.0.1, @visx packages to 4.0.0, replace vite-tsconfig-paths plugin with native Vite resolve.tsconfigPaths config, update various dev dependencies including TypeScript ESLint, Vitest, Turbo, Storybook addons, and minor version bumps across multiple packages

* add changeset for @visx 4.0.0 upgrade across all packages

* add minimumReleaseAge: 0 to pnpm-workspace.yaml to allow immediate use of newly published packages

* remove minimumReleaseAgeExclude configuration from pnpm-workspace.yaml to allow all packages to use latest versions immediately

Author: dagda1

.changeset/fifty-parks-share.md

@@ -0,0 +1,16 @@
+---
+"@cutting/react-hook-form-components": minor
+"@cutting/cloudinary-blurhash": minor
+"@cutting/use-get-parent-size": minor
+"@cutting/component-library": minor
+"@cutting/performance-scout": minor
+"@cutting/eslint-config": minor
+"@cutting/use-shortcuts": minor
+"@cutting/use-mathjax": minor
+"@cutting/devtools": minor
+"@cutting/markdown": minor
+"@cutting/hooks": minor
+"@cutting/svg": minor
+---
+
+upgrade @visx to 4

apps/frontendsupport/package.json

@@ -41,13 +41,13 @@
     "gsap": "^3.15.0",
     "helmet": "8.2.0",
     "image-size": "^2.0.2",
-    "isbot": "5.1.40",
-    "js-yaml": "^4.1.1",
+    "isbot": "5.1.43",
+    "js-yaml": "^4.2.0",
     "katex": "^0.17.0",
     "mdx-bundler": "^10.1.1",
     "micromark-util-chunked": "^2.0.1",
     "nocache": "4.0.0",
-    "puppeteer": "25.0.4",
+    "puppeteer": "25.1.0",
     "react-loading-skeleton": "^3.5.0",
     "reading-time": "^1.5.0",
     "referrer-policy": "1.2.0",
@@ -61,7 +61,7 @@
   },
   "devDependencies": {
     "@cld-apis/types": "^0.1.6",
-    "@commander-js/extra-typings": "^14.0.0",
+    "@commander-js/extra-typings": "^15.0.0",
     "@cutting/cloudinary-blurhash": "workspace:*",
     "@pnpm/find-workspace-packages": "^6.0.9",
     "@types/compression": "1.8.1",
@@ -74,18 +74,18 @@
     "@vanilla-extract/vite-plugin": "5.2.2",
     "browserslist": "^4.28.2",
     "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-prettier": "^5.5.6",
     "gray-matter": "^4.0.3",
-    "js-yaml": "^4.1.1",
+    "js-yaml": "^4.2.0",
     "nodemon": "3.1.14",
-    "npm-run-all2": "^9.0.1",
-    "prettier": "3.8.3",
-    "react": "19.2.6",
+    "npm-run-all2": "^9.0.2",
+    "prettier": "3.8.4",
+    "react": "19.2.7",
     "react-calendly": "4.4.0",
     "react-device-detect": "2.2.3",
-    "react-dom": "19.2.6",
-    "react-hook-form": "7.76.1",
-    "react-is": "19.2.6",
+    "react-dom": "19.2.7",
+    "react-hook-form": "7.79.0",
+    "react-is": "19.2.7",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-mathjax": "^7.1.0",
     "rehype-preset-minify": "^7.0.1",
@@ -96,7 +96,7 @@
     "remark-math": "^6.0.0",
     "rimraf": "6.1.3",
     "toml": "^4.1.1",
-    "tsx": "^4.22.3",
+    "tsx": "^4.22.4",
     "unist-util-visit": "^5.1.0",
     "use-debounce": "10.1.1",
     "uuid": "^14.0.0"
@@ -106,11 +106,11 @@
     "@vanilla-extract/css": "1.20.1",
     "@vanilla-extract/dynamic": "2.1.5",
     "@vanilla-extract/sprinkles": "1.6.5",
-    "react": "19.2.6",
+    "react": "19.2.7",
     "react-calendly": "4.4.0",
     "react-device-detect": "2.2.3",
-    "react-dom": "19.2.6",
-    "react-hook-form": "7.76.1",
+    "react-dom": "19.2.7",
+    "react-hook-form": "7.79.0",
     "react-is": "19.2.0",
     "use-debounce": "10.1.1"
   },

apps/frontendsupport/vite.config.ts

@@ -1,10 +1,9 @@
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 import react from '@vitejs/plugin-react';
 import { defineConfig, type PluginOption } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
-  plugins: [tsconfigPaths() as PluginOption, vanillaExtractPlugin() as PluginOption, react() as PluginOption],
+  plugins: [vanillaExtractPlugin() as PluginOption, react() as PluginOption],
   build: {
     sourcemap: true,
     minify: true,
@@ -14,6 +13,9 @@ export default defineConfig({
       },
     },
   },
+  resolve: {
+    tsconfigPaths: true,
+  },
   optimizeDeps: {
     include: ['react/jsx-runtime'],
   },

apps/website/package.json

@@ -45,7 +45,7 @@
     "helmet": "8.2.0",
     "mathjs": "15.2.0",
     "nocache": "4.0.0",
-    "puppeteer": "25.0.4",
+    "puppeteer": "25.1.0",
     "rc-slider": "11.1.9",
     "referrer-policy": "1.2.0",
     "regression": "2.0.1",
@@ -74,58 +74,58 @@
     "@vanilla-extract/css": "1.20.1",
     "@vanilla-extract/sprinkles": "1.6.5",
     "@vanilla-extract/vite-plugin": "5.2.2",
-    "@visx/axis": "3.12.0",
-    "@visx/curve": "3.12.0",
-    "@visx/group": "3.12.0",
-    "@visx/scale": "3.12.0",
-    "@visx/shape": "3.12.0",
-    "@visx/text": "3.12.0",
+    "@visx/axis": "4.0.0",
+    "@visx/curve": "4.0.0",
+    "@visx/group": "4.0.0",
+    "@visx/scale": "4.0.0",
+    "@visx/shape": "4.0.0",
+    "@visx/text": "4.0.0",
     "classnames": "2.5.1",
     "copyfiles": "2.4.1",
     "d3-array": "3.2.4",
     "d3-scale": "4.0.2",
     "d3-selection": "3.0.0",
     "d3-shape": "3.2.0",
-    "dayjs": "1.11.20",
+    "dayjs": "1.11.21",
     "history": "5.3.0",
     "immer": "11.1.8",
     "install": "0.13.0",
     "nodemon": "3.1.14",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "react-helmet": "6.1.0",
-    "react-hook-form": "7.76.1",
-    "react-is": "19.2.6",
-    "react-router": "7.15.1",
+    "react-hook-form": "7.79.0",
+    "react-is": "19.2.7",
+    "react-router": "8.0.1",
     "rimraf": "6.1.3",
-    "tsx": "4.22.3",
+    "tsx": "4.22.4",
     "vite-plugin-environment": "1.1.3",
     "vite-plugin-ssr": "0.4.142",
     "vite-plugin-svgr": "5.2.0"
   },
   "peerDependencies": {
     "@vanilla-extract/css": "1.20.1",
     "@vanilla-extract/sprinkles": "1.6.5",
-    "@visx/axis": "3.12.0",
-    "@visx/curve": "3.12.0",
-    "@visx/group": "3.12.0",
-    "@visx/scale": "3.12.0",
-    "@visx/shape": "3.12.0",
-    "@visx/text": "3.12.0",
+    "@visx/axis": "4.0.0",
+    "@visx/curve": "4.0.0",
+    "@visx/group": "4.0.0",
+    "@visx/scale": "4.0.0",
+    "@visx/shape": "4.0.0",
+    "@visx/text": "4.0.0",
     "classnames": "2.5.1",
     "d3-array": "3.2.4",
     "d3-scale": "4.0.2",
     "d3-selection": "3.0.0",
     "d3-shape": "3.2.0",
-    "dayjs": "1.11.20",
+    "dayjs": "1.11.21",
     "history": "5.3.0",
     "immer": "11.1.8",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "react-helmet": "6.1.0",
-    "react-hook-form": "7.76.1",
-    "react-is": "19.2.6",
-    "react-router": "7.15.1"
+    "react-hook-form": "7.79.0",
+    "react-is": "19.2.7",
+    "react-router": "8.0.1"
   },
   "volta": {
     "extends": "../../package.json"

apps/website/vite.config.ts

@@ -2,15 +2,11 @@ import { isDevelopment, isProduction } from '@cutting/util';
 import mdx from '@mdx-js/rollup';
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 import react from '@vitejs/plugin-react';
-import { createRequire } from 'module';
 import svgrPlugin from 'vite-plugin-svgr';
-import tsconfigPaths from 'vite-tsconfig-paths';
 import { defineConfig } from 'vitest/config';
 
-const require = createRequire(import.meta.url);
-
 export default defineConfig({
-  plugins: [mdx(), tsconfigPaths(), vanillaExtractPlugin(), svgrPlugin({ svgrOptions: { icon: true } }), react()],
+  plugins: [mdx(), vanillaExtractPlugin(), svgrPlugin({ svgrOptions: { icon: true } }), react()],
   assetsInclude: ['src/assets/images/**.png', 'src/assets/images/**.jpg'],
   mode: '',
   build: {
@@ -25,19 +21,6 @@ export default defineConfig({
   optimizeDeps: { include: ['react/jsx-runtime'] },
   root: '',
   resolve: {
-    alias: [
-      {
-        find: '@visx/axis',
-        replacement: require.resolve('@visx/axis/esm/index'),
-      },
-      {
-        find: '@visx/shape',
-        replacement: require.resolve('@visx/shape/esm/index'),
-      },
-      {
-        find: '@visx/scale',
-        replacement: require.resolve('@visx/scale/esm/index'),
-      },
-    ],
+    tsconfigPaths: true,
   },
 });

package.json

@@ -24,32 +24,32 @@
   "dependencies": {
     "@cutting/assert": "workspace:*",
     "@capsizecss/core": "4.1.3",
-    "@capsizecss/metrics": "4.0.0",
+    "@capsizecss/metrics": "4.1.0",
     "@capsizecss/vanilla-extract": "2.0.4",
     "@vanilla-extract/css": "1.20.1",
     "@vanilla-extract/dynamic": "2.1.5",
     "@vanilla-extract/sprinkles": "1.6.5",
-    "@visx/axis": "3.12.0",
-    "@visx/curve": "3.12.0",
-    "@visx/group": "3.12.0",
-    "@visx/scale": "3.12.0",
-    "@visx/shape": "3.12.0",
-    "@visx/text": "3.12.0",
+    "@visx/axis": "4.0.0",
+    "@visx/curve": "4.0.0",
+    "@visx/group": "4.0.0",
+    "@visx/scale": "4.0.0",
+    "@visx/shape": "4.0.0",
+    "@visx/text": "4.0.0",
     "d3-array": "3.2.4",
     "d3-scale": "4.0.2",
     "d3-selection": "3.0.0",
     "d3-shape": "3.2.0",
-    "dayjs": "1.11.20",
+    "dayjs": "1.11.21",
     "history": "5.3.0",
     "immer": "11.1.8",
-    "react": "19.2.6",
+    "react": "19.2.7",
     "react-calendly": "4.4.0",
     "react-device-detect": "2.2.3",
-    "react-dom": "19.2.6",
+    "react-dom": "19.2.7",
     "react-helmet": "6.1.0",
-    "react-hook-form": "7.76.1",
-    "react-is": "19.2.6",
-    "react-router": "7.15.1",
+    "react-hook-form": "7.79.0",
+    "react-is": "19.2.7",
+    "react-router": "8.0.1",
     "use-debounce": "10.1.1"
   },
   "devDependencies": {
@@ -63,35 +63,34 @@
     "@eslint/js": "^10.0.1",
     "@mdx-js/loader": "^3.1.1",
     "@rollup/plugin-terser": "1.0.0",
-    "@types/node": "25.9.1",
-    "@types/react": "19.2.15",
+    "@types/node": "26.0.0",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "@typescript-eslint/eslint-plugin": "8.59.4",
-    "@typescript-eslint/parser": "8.59.4",
+    "@typescript-eslint/eslint-plugin": "8.61.1",
+    "@typescript-eslint/parser": "8.61.1",
     "@vanilla-extract/vite-plugin": "5.2.2",
     "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/coverage-v8": "4.1.7",
+    "@vitest/coverage-v8": "4.1.9",
     "cheerio": "^1.2.0",
     "core-js": "3.49.0",
-    "eslint": "^10.4.0",
+    "eslint": "^10.5.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-prettier": "5.5.5",
+    "eslint-plugin-prettier": "5.5.6",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.1.1",
     "eslint-plugin-simple-import-sort": "^13.0.0",
     "follow-redirects": "1.16.0",
     "husky": "9.1.7",
     "jsdom": "29.1.1",
-    "lint-staged": "17.0.5",
+    "lint-staged": "17.0.7",
     "node-fetch": "3.3.2",
-    "prettier": "3.8.3",
-    "turbo": "2.9.14",
+    "prettier": "3.8.4",
+    "turbo": "2.9.18",
     "typescript": "6.0.3",
-    "vite": "8.0.14",
-    "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "4.1.7",
+    "vite": "8.0.16",
+    "vitest": "4.1.9",
     "whatwg-fetch": "3.6.20"
   },
   "packageManager": "pnpm@11.3.0",

packages/cloudinary-blurhash/package.json

@@ -22,7 +22,7 @@
     "log-update": "^8.0.0"
   },
   "devDependencies": {
-    "commander": "14.0.3"
+    "commander": "15.0.0"
   },
   "files": [
     "dist/**/*",