From bb884fc260d4a104ed20d29e0ff7fe72bc588ba7 Mon Sep 17 00:00:00 2001 From: iCrawl Date: Sun, 19 May 2024 03:34:54 +0200 Subject: [PATCH] chore: react compiler --- apps/guide/next.config.js | 30 +- apps/guide/package.json | 27 +- apps/website/next.config.mjs | 24 +- apps/website/package.json | 39 +- .../[packageName]/[version]/layout.tsx | 7 +- apps/website/src/components/ui/CmdK.tsx | 49 +- package.json | 20 +- packages/ui/package.json | 16 +- pnpm-lock.yaml | 33232 +++++++++------- 9 files changed, 18529 insertions(+), 14915 deletions(-) diff --git a/apps/guide/next.config.js b/apps/guide/next.config.js index 0cc48d90e..5e10a6572 100644 --- a/apps/guide/next.config.js +++ b/apps/guide/next.config.js @@ -1,25 +1,17 @@ /* eslint-disable @typescript-eslint/no-var-requires */ /* eslint-disable @typescript-eslint/no-require-imports */ -// import bundleAnalyzer from '@next/bundle-analyzer'; // import { withContentlayer } from 'next-contentlayer'; -const bundleAnalyzer = require('@next/bundle-analyzer'); const { withContentlayer } = require('next-contentlayer'); -const withBundleAnalyzer = bundleAnalyzer({ - enabled: process.env.ANALYZE === 'true', +module.exports = withContentlayer({ + reactStrictMode: true, + experimental: { + typedRoutes: true, + }, + images: { + dangerouslyAllowSVG: true, + contentDispositionType: 'attachment', + contentSecurityPolicy: "default-src 'self'; frame-src 'none'; sandbox;", + }, + poweredByHeader: false, }); - -module.exports = withBundleAnalyzer( - withContentlayer({ - reactStrictMode: true, - experimental: { - typedRoutes: true, - }, - images: { - dangerouslyAllowSVG: true, - contentDispositionType: 'attachment', - contentSecurityPolicy: "default-src 'self'; frame-src 'none'; sandbox;", - }, - poweredByHeader: false, - }), -); diff --git a/apps/guide/package.json b/apps/guide/package.json index 14b458bb4..e2f9d9e16 100644 --- a/apps/guide/package.json +++ b/apps/guide/package.json @@ -54,35 +54,34 @@ "ariakit": "2.0.0-next.44", "cmdk": "^1.0.0", "contentlayer": "^0.3.4", - "next": "14.2.1", + "next": "^14.2.3", "next-contentlayer": "^0.3.4", "next-themes": "^0.3.0", - "react": "^18.2.0", + "react": "^18.3.1", "react-custom-scrollbars-2": "^4.5.0", - "react-dom": "^18.2.0", + "react-dom": "^18.3.1", "rehype-autolink-headings": "^6.1.1", "rehype-slug": "^5.1.0", "remark-gfm": "^3.0.1", - "sharp": "^0.33.3" + "sharp": "^0.33.4" }, "devDependencies": { - "@next/bundle-analyzer": "14.2.1", - "@testing-library/react": "^15.0.2", + "@testing-library/react": "^15.0.7", "@testing-library/user-event": "^14.5.2", "@types/html-escaper": "^3.0.2", "@types/node": "18.18.8", - "@types/react": "^18.2.79", - "@types/react-dom": "^18.2.25", - "@unocss/eslint-plugin": "^0.59.3", - "@unocss/postcss": "^0.58.5", - "@unocss/reset": "^0.59.3", + "@types/react": "^18.3.2", + "@types/react-dom": "^18.3.0", + "@unocss/eslint-plugin": "^0.60.2", + "@unocss/postcss": "^0.60.2", + "@unocss/reset": "^0.60.2", "@vitejs/plugin-react": "^4.2.1", - "@vitest/coverage-v8": "^1.5.0", + "@vitest/coverage-v8": "^1.6.0", "cross-env": "^7.0.3", "eslint": "^8.57.0", "eslint-config-neon": "^0.1.62", "eslint-formatter-pretty": "^6.0.1", - "happy-dom": "^14.7.1", + "happy-dom": "^14.11.0", "hast-util-to-string": "^2.0.0", "hastscript": "^8.0.0", "html-escaper": "^3.0.3", @@ -90,7 +89,7 @@ "prettier": "^3.2.5", "turbo": "^1.13.2", "typescript": "^5.4.5", - "unocss": "^0.59.3", + "unocss": "^0.60.2", "vercel": "^34.0.0", "vitest": "^1.5.0" }, diff --git a/apps/website/next.config.mjs b/apps/website/next.config.mjs index fe70f3514..3f7790d25 100644 --- a/apps/website/next.config.mjs +++ b/apps/website/next.config.mjs @@ -1,11 +1,7 @@ -import bundleAnalyzer from '@next/bundle-analyzer'; -import localesPlugin from '@react-aria/optimize-locales-plugin'; - -const withBundleAnalyzer = bundleAnalyzer({ - enabled: process.env.ANALYZE === 'true', -}); - -export default withBundleAnalyzer({ +/** + * @type {import('next').NextConfig} + */ +export default { reactStrictMode: true, images: { dangerouslyAllowSVG: true, @@ -18,14 +14,8 @@ export default withBundleAnalyzer({ }, }, experimental: { - ppr: false, - }, - webpack(config, { isServer }) { - if (!isServer) { - config.plugins.push(localesPlugin.webpack({ locales: ['en-US'] })); - } - - return config; + ppr: true, + reactCompiler: true, }, async redirects() { return [ @@ -41,4 +31,4 @@ export default withBundleAnalyzer({ }, ]; }, -}); +}; diff --git a/apps/website/package.json b/apps/website/package.json index 9d5119cad..b34d7afdd 100644 --- a/apps/website/package.json +++ b/apps/website/package.json @@ -50,52 +50,51 @@ "@radix-ui/react-collapsible": "^1.0.3", "@react-icons/all-files": "^4.1.0", "@vercel/analytics": "^1.2.2", - "@vercel/blob": "^0.22.3", + "@vercel/blob": "^0.23.2", "@vercel/edge-config": "^1.1.0", "@vercel/og": "^0.6.2", "@vercel/postgres": "^0.8.0", "cmdk": "^1.0.0", "geist": "^1.3.0", "jotai": "^2.8.0", - "lucide-react": "^0.368.0", - "meilisearch": "^0.38.0", - "next": "14.2.1", + "lucide-react": "^0.378.0", + "meilisearch": "^0.40.0", + "next": "^14.3.0-canary.70", "next-mdx-remote": "^4.4.1", "next-themes": "^0.3.0", - "overlayscrollbars": "^2.6.0", + "overlayscrollbars": "^2.8.0", "overlayscrollbars-react": "^0.5.6", - "react": "^18.2.0", - "react-aria-components": "^1.1.1", - "react-dom": "^18.2.0", - "sharp": "^0.33.3", + "react": "^19.0.0-rc-3f1436cca1-20240516", + "react-aria-components": "^1.2.0", + "react-dom": "^19.0.0-rc-3f1436cca1-20240516", + "sharp": "^0.33.4", "usehooks-ts": "^3.1.0", - "vaul": "^0.9.0" + "vaul": "^0.9.1" }, "devDependencies": { - "@next/bundle-analyzer": "14.2.1", - "@react-aria/optimize-locales-plugin": "^1.0.2", - "@shikijs/rehype": "1.1.7", - "@tailwindcss/typography": "^0.5.12", - "@testing-library/react": "^15.0.2", + "@shikijs/rehype": "^1.6.0", + "@tailwindcss/typography": "^0.5.13", + "@testing-library/react": "^15.0.7", "@testing-library/user-event": "^14.5.2", "@types/node": "18.18.8", - "@types/react": "^18.2.79", - "@types/react-dom": "^18.2.25", + "@types/react": "^18.3.2", + "@types/react-dom": "^18.3.0", "@vitejs/plugin-react": "^4.2.1", - "@vitest/coverage-v8": "^1.5.0", + "@vitest/coverage-v8": "^1.6.0", "autoprefixer": "^10.4.19", + "babel-plugin-react-compiler": "^0.0.0-experimental-592953e-20240517", "cpy-cli": "^5.0.0", "cross-env": "^7.0.3", "eslint": "^8.57.0", "eslint-config-neon": "^0.1.62", "eslint-formatter-pretty": "^6.0.1", - "happy-dom": "^14.7.1", + "happy-dom": "^14.11.0", "postcss": "^8.4.38", "prettier": "^3.2.5", "prettier-plugin-tailwindcss": "^0.5.14", "remark-gfm": "^3.0.1", "remark-rehype": "^11.1.0", - "shiki": "1.3.0", + "shiki": "^1.6.0", "tailwindcss": "^3.4.3", "turbo": "^1.13.2", "typescript": "^5.4.5", diff --git a/apps/website/src/app/docs/packages/[packageName]/[version]/layout.tsx b/apps/website/src/app/docs/packages/[packageName]/[version]/layout.tsx index 53200e66c..e9344635c 100644 --- a/apps/website/src/app/docs/packages/[packageName]/[version]/layout.tsx +++ b/apps/website/src/app/docs/packages/[packageName]/[version]/layout.tsx @@ -5,7 +5,6 @@ import { Navigation } from '~/components/Navigation'; import { OverlayScrollbarsComponent } from '~/components/OverlayScrollbars'; import { Drawer } from '~/components/ui/Drawer'; import { Footer } from '~/components/ui/Footer'; -import { ENV } from '~/util/env'; import { fetchDependencies } from '~/util/fetchDependencies'; // eslint-disable-next-line promise/prefer-await-to-then @@ -33,11 +32,9 @@ export default async function Layout({ return ( // eslint-disable-next-line react/no-unknown-property
-