fix: adding react compiler

Author: jherr

frameworks/react-cra/add-ons/compiler/info.json

@@ -0,0 +1,10 @@
+{
+  "name": "Compiler",
+  "phase": "setup",
+  "description": "Add React Compiler",
+  "link": "https://react.dev/learn/react-compiler",
+  "modes": ["code-router", "file-router"],
+  "type": "add-on",
+  "priority": 50,
+  "routes": []
+}

frameworks/react-cra/add-ons/compiler/package.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "babel-plugin-react-compiler": "^1.0.0"
+  }
+}

frameworks/react-cra/add-ons/compiler/small-logo.svg

@@ -3,7 +3,7 @@
   "description": "TanStack DB",
   "phase": "add-on",
   "type": "add-on",
-  "priority": 50,
+  "priority": 48,
   "modes": ["file-router"],
   "link": "https://tanstack.com/db/latest",
   "dependsOn": ["tanstack-query", "start"],

frameworks/react-cra/add-ons/db/info.json

@@ -3,7 +3,7 @@
   "description": "Add Drizzle ORM to your application.",
   "phase": "add-on",
   "type": "add-on",
-  "priority": 48,
+  "priority": 46,
   "link": "https://orm.drizzle.team/",
   "modes": ["file-router"],
   "dependsOn": ["start"],

frameworks/react-cra/add-ons/drizzle/info.json

@@ -3,7 +3,7 @@
   "description": "TanStack Form",
   "phase": "add-on",
   "type": "add-on",
-  "priority": 46,
+  "priority": 44,
   "modes": ["file-router", "code-router"],
   "link": "https://tanstack.com/form/latest",
   "routes": [

frameworks/react-cra/add-ons/form/info.json

@@ -16,7 +16,11 @@ const config = defineConfig({
     }),
     <% if (tailwind) { %>tailwindcss(),<% } %>
     tanstackStart(),
-    viteReact(),
+    viteReact(<% if (addOnEnabled.compiler) { %>{
+      babel: {
+        plugins: ["babel-plugin-react-compiler"],
+      },
+    }<% } %>),
   ],
 })
 

frameworks/react-cra/add-ons/start/assets/vite.config.ts.ejs

@@ -13,7 +13,11 @@ export default defineConfig({
   plugins: [<% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %> <% if(fileRouter) { %>tanstackRouter({
     target: "react",
     autoCodeSplitting: true,
-  }), <% } %>viteReact()<% if (tailwind) { %>, tailwindcss()<% } %><% if (addOnEnabled['module-federation']) { %>, federation(federationConfig)<% } %>],
+  }), <% } %>viteReact(<% if (addOnEnabled.compiler) { %>{
+    babel: {
+      plugins: ["babel-plugin-react-compiler"],
+    },
+  }<% } %>)<% if (tailwind) { %>, tailwindcss()<% } %><% if (addOnEnabled['module-federation']) { %>, federation(federationConfig)<% } %>],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),

frameworks/react-cra/project/base/vite.config.ts.ejs

@@ -1,3 +1,3 @@
 // This file is auto-generated. Do not edit manually.
 // Generated from add-ons, examples, hosts, project, and toolchains directories
-export const contentChecksum = 'a764212c22f02af2f32bfd84918a2af90df10112b5ffaedfc825db426d615b1c'
+export const contentChecksum = '9955097b6723f7743c47d4ab8baa3100fddb88f3ab2f53c82666573b02934250'