@tamagui/build 2.0.0-1768586279389 → 2.0.0-1768696252732

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 64 ms
+Watch process output: built tamagui-build-test-watch-package in 68 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 336 ms
+Watch process output: built tamagui-build-test-watch-package in 354 ms
 
 Rebuild after file modification complete
 
- ✓ __tests__/integration.test.ts (7 tests) 7361ms
-     ✓ should build the package correctly  918ms
-     ✓ should bundle the package correctly  864ms
-     ✓ should skip mjs files when --skip-mjs is used  895ms
-     ✓ should ignore base URL when --ignore-base-url is used  870ms
-     ✓ should rebuild the package on file change when --watch is used  1060ms
-     ✓ should generate correct platform-specific output  922ms
-     ✓ should minify the output when MINIFY=true is set  1813ms
+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 238 ms
+
+Rebuild after file modification complete
+
+stdout | __tests__/integration.test.ts
+Watch process output: built tamagui-build-test-watch-package in 219 ms
+
+Rebuild after file modification complete
+
+ ✓ __tests__/integration.test.ts (7 tests) 8393ms
+     ✓ should build the package correctly  1069ms
+     ✓ should bundle the package correctly  992ms
+     ✓ should skip mjs files when --skip-mjs is used  1011ms
+     ✓ should ignore base URL when --ignore-base-url is used  998ms
+     ✓ should rebuild the package on file change when --watch is used  1185ms
+     ✓ should generate correct platform-specific output  1017ms
+     ✓ should minify the output when MINIFY=true is set  2099ms
 
  Test Files  1 passed (1)
       Tests  7 passed (7)
-   Start at  06:53:13
-   Duration  7.47s (transform 36ms, setup 0ms, collect 42ms, tests 7.36s, environment 0ms, prepare 2ms)
+   Start at  11:21:00
+   Duration  8.50s (transform 37ms, setup 0ms, collect 42ms, tests 8.39s, environment 0ms, prepare 2ms)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/build",
-  "version": "2.0.0-1768586279389",
+  "version": "2.0.0-1768696252732",
   "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-1768586279389",
+    "@tamagui/babel-plugin-fully-specified": "2.0.0-1768696252732",
     "@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