Merge pull request #595 from VitNode/react-compiler

feat(frontend)!: Add react-compiler as default

packages/frontend/next.config.mjs

@@ -19,18 +19,34 @@ const nextConfig = config => {
     frontend: new URL(ENVS.frontend_url ?? 'http://localhost:3000'),
   };
 
+  const transpilePackages = config.transpilePackages || [];
+  const imageRemotePatterns = config.images?.remotePatterns || [];
+
   return {
     ...config,
     devIndicators: {
+      ...config.devIndicators,
       appIsrStatus: false,
     },
     env: {
+      ...config.env,
       NEXT_PUBLIC_BACKEND_URL: ENVS.backend_url,
       NEXT_PUBLIC_FRONTEND_URL: ENVS.frontend_url,
     },
-    transpilePackages: ['lucide-react', 'vitnode-frontend', 'vitnode-shared'],
+    experimental: {
+      ...(config.experimental || {}),
+      reactCompiler: true,
+    },
+    transpilePackages: [
+      ...transpilePackages,
+      'lucide-react',
+      'vitnode-frontend',
+      'vitnode-shared',
+    ],
     images: {
+      ...(config.images || {}),
       remotePatterns: [
+        ...imageRemotePatterns,
         {
           protocol: urls.backend.protocol === 'https:' ? 'https' : 'http',
           hostname: urls.backend.hostname,

packages/frontend/package.json

@@ -158,6 +158,7 @@
     "@tiptap/pm": "^2.10.3",
     "@tiptap/react": "^2.10.3",
     "@tiptap/starter-kit": "^2.10.3",
+    "babel-plugin-react-compiler": "19.0.0-beta-df7b47d-20241124",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",

packages/frontend/src/views/layout/root-layout.tsx

@@ -21,7 +21,7 @@ export const generateMetadataRootLayout = async ({
   const metadata: Metadata = {
     manifest: `${CONFIG.backend_client_public_url}/assets/${locale}/manifest.webmanifest`,
     icons: {
-      icon: `${CONFIG.backend_client_public_url}/assets//favicon.ico`,
+      icon: `${CONFIG.backend_client_public_url}/assets/favicon.ico`,
     },
   };