Merge pull request #4019 from udecode/vendor/react-19

Upgrade dependencies

.changeset/popular-penguins-swim.md

@@ -0,0 +1,14 @@
+---
+'@udecode/react-utils': minor
+'@udecode/plate-floating': minor
+'@udecode/plate-caption': minor
+'@udecode/plate-juice': minor
+'@udecode/cmdk': minor
+'@udecode/plate-core': minor
+'@udecode/plate-math': minor
+'@udecode/plate-csv': minor
+'@udecode/plate-yjs': minor
+'@udecode/plate-ai': minor
+---
+
+Upgrade dependencies to latest

apps/www/next-env.d.ts

@@ -3,4 +3,4 @@
 /// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/www/package.json

@@ -37,41 +37,41 @@
   },
   "dependencies": {
     "@ai-sdk/openai": "^0.0.67",
-    "@ariakit/react": "0.4.11",
-    "@faker-js/faker": "^9.0.2",
-    "@hookform/resolvers": "3.9.1",
-    "@next/third-parties": "15.0.3",
+    "@ariakit/react": "0.4.15",
+    "@faker-js/faker": "^9.4.0",
+    "@hookform/resolvers": "3.10.0",
+    "@next/third-parties": "15.1.6",
     "@radix-ui/colors": "3.0.0",
-    "@radix-ui/react-accessible-icon": "^1.1.0",
-    "@radix-ui/react-accordion": "^1.2.0",
-    "@radix-ui/react-alert-dialog": "^1.1.1",
-    "@radix-ui/react-aspect-ratio": "^1.1.0",
-    "@radix-ui/react-avatar": "^1.1.0",
-    "@radix-ui/react-checkbox": "^1.1.1",
-    "@radix-ui/react-collapsible": "^1.1.0",
-    "@radix-ui/react-context-menu": "^2.2.1",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-hover-card": "^1.1.1",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-menubar": "^1.1.1",
-    "@radix-ui/react-navigation-menu": "^1.2.0",
-    "@radix-ui/react-popover": "^1.1.1",
-    "@radix-ui/react-progress": "^1.1.0",
-    "@radix-ui/react-radio-group": "^1.2.0",
-    "@radix-ui/react-scroll-area": "^1.1.0",
-    "@radix-ui/react-select": "^2.1.1",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slider": "^1.2.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.0",
-    "@radix-ui/react-toast": "^1.2.1",
-    "@radix-ui/react-toggle": "^1.1.0",
-    "@radix-ui/react-toggle-group": "^1.1.0",
-    "@radix-ui/react-toolbar": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
+    "@radix-ui/react-accessible-icon": "^1.1.1",
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-aspect-ratio": "^1.1.1",
+    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-collapsible": "^1.1.2",
+    "@radix-ui/react-context-menu": "^2.2.4",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-hover-card": "^1.1.4",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-menubar": "^1.1.4",
+    "@radix-ui/react-navigation-menu": "^1.2.3",
+    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-radio-group": "^1.2.2",
+    "@radix-ui/react-scroll-area": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.4",
+    "@radix-ui/react-separator": "^1.1.1",
+    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.4",
+    "@radix-ui/react-toggle": "^1.1.1",
+    "@radix-ui/react-toggle-group": "^1.1.1",
+    "@radix-ui/react-toolbar": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.1.6",
     "@slate-yjs/react": "1.1.0",
     "@udecode/cmdk": "workspace:^",
     "@udecode/cn": "workspace:^",
@@ -133,63 +133,62 @@
     "@udecode/slate": "workspace:^",
     "@udecode/utils": "workspace:^",
     "@uploadthing/react": "7.1.0",
-    "@vercel/og": "^0.6.2",
-    "ai": "^3.4.10",
-    "class-variance-authority": "^0.7.0",
-    "cmdk": "^1.0.0",
+    "@vercel/og": "^0.6.4",
+    "ai": "^3.4.33",
+    "class-variance-authority": "^0.7.1",
+    "cmdk": "^1.0.4",
     "contentlayer2": "^0.4.6",
-    "date-fns": "^3.6.0",
+    "date-fns": "^4.1.0",
     "dotenv": "16.4.7",
-    "framer-motion": "^11.5.4",
+    "framer-motion": "^12.0.1",
     "fzf": "0.5.2",
     "html2canvas": "^1.4.1",
     "lodash.template": "^4.5.0",
-    "lucide-react": "0.460.0",
-    "match-sorter": "6.3.4",
-    "next": "15.0.3",
+    "lucide-react": "0.473.0",
+    "next": "15.1.6",
     "next-contentlayer2": "^0.4.6",
-    "next-themes": "^0.4.3",
-    "nuqs": "^2.3.0",
+    "next-themes": "^0.4.4",
+    "nuqs": "^2.3.1",
     "pdf-lib": "^1.17.1",
     "prismjs": "^1.29.0",
     "react": "^18.3.1",
     "react-day-picker": "^8.10.1",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "7.53.2",
+    "react-hook-form": "7.54.2",
     "react-lite-youtube-embed": "^2.4.0",
-    "react-markdown": "9.0.1",
+    "react-markdown": "9.0.3",
     "react-player": "2.16.0",
-    "react-resizable-panels": "^2.0.22",
-    "react-syntax-highlighter": "^15.5.0",
-    "react-textarea-autosize": "^8.5.5",
+    "react-resizable-panels": "^2.1.7",
+    "react-syntax-highlighter": "^15.6.1",
+    "react-textarea-autosize": "^8.5.7",
     "react-tweet": "^3.2.1",
     "react-wrap-balancer": "^1.1.1",
     "remark-emoji": "5.0.1",
-    "sass": "^1.78.0",
+    "sass": "^1.83.4",
     "slate-test-utils": "1.3.2",
-    "sonner": "^1.5.0",
-    "swr": "2.2.6-beta.3",
-    "tailwind-merge": "^2.5.2",
+    "sonner": "^1.7.2",
+    "swr": "2.3.0",
+    "tailwind-merge": "^2.6.0",
     "ts-morph": "^22.0.0",
     "unist-builder": "4.0.0",
     "unist-util-visit": "^5.0.0",
     "uploadthing": "7.2.0",
     "use-file-picker": "2.1.2",
-    "vaul": "1.1.1"
+    "vaul": "1.1.2"
   },
   "devDependencies": {
-    "@shikijs/compat": "^1.17.5",
+    "@shikijs/compat": "^2.1.0",
     "@types/lodash.template": "^4.5.3",
-    "@types/react-color": "^3.0.12",
+    "@types/react-color": "^3.0.13",
     "@types/react-syntax-highlighter": "^15.5.13",
     "autoprefixer": "^10.4.20",
-    "concurrently": "^9.0.1",
-    "glob": "^11.0.0",
+    "concurrently": "^9.1.2",
+    "glob": "^11.0.1",
     "mdast-util-toc": "^7.1.0",
-    "postcss": "^8.4.45",
-    "puppeteer": "^23.6.0",
+    "postcss": "^8.5.1",
+    "puppeteer": "^24.1.0",
     "rehype": "^12.0.1",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-pretty-code": "^0.6.0",
@@ -198,12 +197,12 @@
     "remark-code-import": "^1.2.0",
     "remark-gfm": "^4.0.0",
     "rimraf": "^6.0.1",
-    "shiki": "^1.17.5",
+    "shiki": "^2.1.0",
     "tailwind-scrollbar-hide": "1.1.7",
-    "tailwindcss": "^3.4.11",
+    "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
     "ts-node": "^10.9.2",
-    "tsx": "^4.19.1",
-    "typescript": "5.6.2"
+    "tsx": "^4.19.2",
+    "typescript": "5.7.3"
   }
 }

apps/www/src/lib/bundlephobia.ts

@@ -4,7 +4,7 @@ export function formatBytes(bytes: number, decimals = 2) {
   if (bytes === 0) return '0 Bytes';
 
   const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
+  const dm = Math.max(decimals, 0);
   const sizes = ['Bytes', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
 

config/eslint/bases/jest.cjs

@@ -22,11 +22,11 @@ module.exports = {
       files: filePatterns.test,
       plugins: ['jest', 'jest-formatting', 'testing-library', 'jest-dom'],
       rules: {
+        'jest/no-disabled-tests': 'off',
         '@typescript-eslint/ban-ts-comment': 'off',
         '@typescript-eslint/no-empty-function': 'off',
         '@typescript-eslint/no-explicit-any': 'off',
         '@typescript-eslint/no-non-null-assertion': 'off',
-        '@typescript-eslint/no-object-literal-type-assertion': 'off',
         'import/default': 'off',
         'import/namespace': 'off',
         'import/no-duplicates': 'off',

config/eslint/bases/tailwind.cjs

@@ -27,6 +27,7 @@ module.exports = {
       'error',
       {
         whitelist: [
+          'scrollbar-hide',
           'ignore-click-outside/toolbar',
           'chunk-mode',
           'preview',

config/eslint/bases/unicorn.cjs

@@ -13,6 +13,7 @@ module.exports = {
   ],
   plugins: ['unicorn'],
   rules: {
+    'unicorn/prefer-global-this': 'off',
     'unicorn/consistent-destructuring': 'off',
     'unicorn/consistent-function-scoping': [
       'error',

docs/vendor.md

@@ -10,13 +10,12 @@
 - `[email protected]`: issue with react-tweet css, etc.
 - `cosmiconfig`: cli
 - `delay`: cloud
-- `diff`: [no changelog](https://github.com/kpdecker/jsdiff/commits/master/)
+- `diff`: cli
 - `eslint@8`: will upgrade to 9 later
 - `execa`: cli
 - `https-proxy-agent`: cli
 - `[email protected]`: https://github.com/pmndrs/jotai/discussions/2725
 - `juice@8`: Jest encountered an unexpected token
-- `next`: shadcn
 - `next-contentlayer2`: see contentlayer2
 - `ora`: cli
 - `[email protected]`: shadcn
@@ -26,6 +25,7 @@
 - `[email protected]`: shadcn
 - `remark@14`: UnexpectedMDXError
 - `remark-parse@10`: jest
+- `[email protected]`: wait for eslint 9
 - `ts-morph`: shadcn
 - `tsup`: cli
 - `type-fest`: cli

jest.config.cjs

@@ -61,7 +61,7 @@ module.exports = {
   },
   transformIgnorePatterns: [
     '/node_modules/(?!(' +
-      'react-dnd|dnd-core|@react-dnd|react-dnd-html5-backend|react-tweet|unified' +
+      'cheerio|react-dnd|dnd-core|@react-dnd|react-dnd-html5-backend|react-tweet|unified' +
       '|remark-.*' +
       '|mdast-.*' +
       '|micromark.*' +