@tamagui/build 2.0.0-1768530912818 → 2.0.0-1768636514428

package/.turbo/turbo-test.log

@@ -2,26 +2,36 @@
  RUN  v4.0.4 /Users/n8/tamagui/code/packages/build
 
 stdout | __tests__/integration.test.ts > tamagui-build integration test > should rebuild the package on file change when --watch is used
-Watch process output: built tamagui-build-test-watch-package in 75 ms
+Watch process output: built tamagui-build-test-watch-package in 66 ms
 
 Initial build complete, modifying file...
 
 stdout | __tests__/integration.test.ts > tamagui-build integration test > should rebuild the package on file change when --watch is used
-Watch process output: built tamagui-build-test-watch-package in 374 ms
+Watch process output: built tamagui-build-test-watch-package in 343 ms
 
 Rebuild after file modification complete
 
- ✓ __tests__/integration.test.ts (7 tests) 8426ms
-     ✓ should build the package correctly  1132ms
-     ✓ should bundle the package correctly  930ms
-     ✓ should skip mjs files when --skip-mjs is used  970ms
-     ✓ should ignore base URL when --ignore-base-url is used  970ms
-     ✓ should rebuild the package on file change when --watch is used  1144ms
-     ✓ should generate correct platform-specific output  1004ms
-     ✓ should minify the output when MINIFY=true is set  2251ms
+stdout | __tests__/integration.test.ts > tamagui-build integration test > should generate correct platform-specific output
+Watch process output: built tamagui-build-test-watch-package in 233 ms
+
+Rebuild after file modification complete
+
+stdout | __tests__/integration.test.ts
+Watch process output: built tamagui-build-test-watch-package in 214 ms
+
+Rebuild after file modification complete
+
+ ✓ __tests__/integration.test.ts (7 tests) 8021ms
+     ✓ should build the package correctly  985ms
+     ✓ should bundle the package correctly  931ms
+     ✓ should skip mjs files when --skip-mjs is used  994ms
+     ✓ should ignore base URL when --ignore-base-url is used  997ms
+     ✓ should rebuild the package on file change when --watch is used  1143ms
+     ✓ should generate correct platform-specific output  989ms
+     ✓ should minify the output when MINIFY=true is set  1963ms
 
  Test Files  1 passed (1)
       Tests  7 passed (7)
-   Start at  14:57:43
-   Duration  8.56s (transform 41ms, setup 0ms, collect 47ms, tests 8.43s, environment 0ms, prepare 2ms)
+   Start at  21:55:33
+   Duration  8.13s (transform 36ms, setup 0ms, collect 41ms, tests 8.02s, environment 0ms, prepare 2ms)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/build",
-  "version": "2.0.0-1768530912818",
+  "version": "2.0.0-1768636514428",
   "bin": {
     "tamagui-build": "tamagui-build.js",
     "teesx": "./teesx.sh"
@@ -13,9 +13,12 @@
   },
   "dependencies": {
     "@babel/core": "^7.25.2",
+    "@babel/preset-typescript": "^7.26.0",
     "@swc/core": "^1.14.0",
-    "@tamagui/babel-plugin-fully-specified": "2.0.0-1768530912818",
+    "@tamagui/babel-plugin-fully-specified": "2.0.0-1768636514428",
     "@types/fs-extra": "^9.0.13",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "baseline-browser-mapping": "^2.9.11",
     "chokidar": "^3.5.2",
     "esbuild": "^0.25.11",
     "esbuild-plugin-es5": "^2.1.1",

package/tamagui-build.js

@@ -21,12 +21,70 @@ const {
 
 const jsOnly = !!process.env.JS_ONLY
 const skipJS = !!(process.env.SKIP_JS || false)
+
+/**
+ * esbuild plugin that runs React Compiler on TS/TSX files before transformation
+ */
+const reactCompilerPlugin = {
+  name: 'react-compiler',
+  setup(build) {
+    build.onLoad({ filter: /\.tsx?$/ }, async (args) => {
+      const source = await FSE.readFile(args.path, 'utf8')
+      const isTSX = args.path.endsWith('.tsx')
+
+      try {
+        const result = transform(source, {
+          filename: args.path,
+          configFile: false,
+          presets: [
+            ['@babel/preset-typescript', { isTSX, allExtensions: true }],
+          ],
+          plugins: [
+            [
+              require.resolve('babel-plugin-react-compiler'),
+              {
+                // Target React 19 for optimal output
+                target: '19',
+                // Log when functions can't be compiled and why
+                logger: process.env.REACT_COMPILER_DEBUG
+                  ? {
+                      logEvent(filename, event) {
+                        if (event.kind === 'CompileError' || event.kind === 'CompileSkip') {
+                          const name = event.fnLoc?.identifierName || 'unknown'
+                          const reason = event.detail?.reason || event.reason || ''
+                          console.log(`[RC] ${basename(filename)}:${name} - ${reason}`)
+                        }
+                      },
+                    }
+                  : undefined,
+              },
+            ],
+          ],
+        })
+
+        return {
+          contents: result.code,
+          loader: isTSX ? 'jsx' : 'js', // jsx/js since babel stripped TS
+        }
+      } catch (err) {
+        // If React Compiler fails, fall back to original source
+        console.warn(`React Compiler skipped for ${args.path}:`, err.message)
+        return null // let esbuild handle it normally
+      }
+    })
+  },
+}
+
 const shouldSkipTypes = !!(
   process.argv.includes('--skip-types') || process.env.SKIP_TYPES
 )
 
 const shouldSkipNative = !!process.argv.includes('--skip-native')
 const shouldSkipMJS = !!process.argv.includes('--skip-mjs')
+// React Compiler is disabled by default - use --react-compiler to enable
+const shouldEnableCompiler = !!(
+  process.argv.includes('--react-compiler') || process.env.REACT_COMPILER
+)
 const shouldBundleFlag = !!process.argv.includes('--bundle')
 const shouldBundleNodeModules = !!process.argv.includes('--bundle-modules')
 const shouldClean = !!process.argv.includes('clean')
@@ -631,6 +689,9 @@ async function esbuildWriteIfChanged(
       plugins: [
         ...(opts.plugins || []),
 
+        // React Compiler for automatic memoization (disabled by default, enable with --react-compiler)
+        ...(shouldEnableCompiler ? [reactCompilerPlugin] : []),
+
         ...(platform === 'native' && !opts.bundle
           ? [
               // class isnt supported by hermes