@tamagui/build 2.3.2 → 2.3.3-1782465561627

package/__tests__/fixtures/js-main-package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ node ../../../tamagui-build.js
-built tamagui-build-test-js-main-package in 7299 ms
+built tamagui-build-test-js-main-package in 3991 ms

package/__tests__/fixtures/simple-package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ node ../../../tamagui-build.js
-built tamagui-build-test-simple-tpackage in 3371 ms
+built tamagui-build-test-simple-tpackage in 2084 ms

package/__tests__/fixtures/simple-package/src/index.ts

@@ -39,6 +39,18 @@ export function getNativeImportMarker() {
   return 'web-import-marker'
 }
 
+export function getNativeRequireMarker() {
+  if (process.env.TAMAGUI_TARGET === 'native') {
+    // bare require behind a native DCE guard must survive as a real require(),
+    // not esbuild's __require() shim which throws under Metro's esm scope.
+    // lodash.debounce is just an external (yet bundleable) stand-in for a native-only require.
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    return require('lodash.debounce').NativeRequireMarker
+  }
+
+  return 'web-require-marker'
+}
+
 export function getNodeEnvMarker() {
   if (process.env.NODE_ENV === 'test') {
     return 'test-env-marker'

package/__tests__/fixtures/watch-package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ node ../../../tamagui-build.js
-built tamagui-build-test-watch-package in 4935 ms
+built tamagui-build-test-watch-package in 1668 ms

package/__tests__/integration.test.ts

@@ -204,6 +204,27 @@ describe('tamagui-build integration test', () => {
 
     expect(nativeOutput).toContain('getNativeOnlyMarker')
     expect(nativeOnlyOutput).toContain('native-import-marker')
+    expect(nativeOutput).toContain('from "./nativeOnly.native.js"')
+    expect(nativeOutput).toContain('from "./nested/index.native.js"')
+    expect(nativeOutput).not.toContain('from "./nativeOnly"')
+    expect(nativeOutput).not.toContain('from "./nested"')
+  })
+
+  it('should emit a real require() (not the throwing __require shim) for native esm', async () => {
+    execSync('bun run build', { cwd: simplePackagePath })
+
+    const nativeOutput = await readFile(join(distPath, 'esm', 'index.native.js'), 'utf-8')
+    const webOutput = await readFile(join(distPath, 'esm', 'index.mjs'), 'utf-8')
+
+    // native keeps the require behind the DCE guard, but as a real require() that Metro
+    // can statically resolve — never the __require() call site that throws at runtime
+    expect(nativeOutput).toContain('require("lodash.debounce")')
+    // no __require() call sites — that shim throws "Dynamic require ... is not supported"
+    expect(nativeOutput).not.toContain('__require(')
+
+    // web DCE strips the native branch entirely, so the require never leaks into web
+    expect(webOutput).toContain('web-require-marker')
+    expect(webOutput).not.toContain('lodash.debounce')
   })
 
   it('should keep side-effectful native statements outside dev-only guards', async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/build",
-  "version": "2.3.2",
+  "version": "2.3.3-1782465561627",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "bin": {
     "tamagui-build": "tamagui-build.js",
@@ -17,7 +17,7 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-typescript": "^7.26.0",
     "@swc/core": "^1.14.0",
-    "@tamagui/babel-plugin-fully-specified": "2.3.2",
+    "@tamagui/babel-plugin-fully-specified": "2.3.3-1782465561627",
     "@types/fs-extra": "^9.0.13",
     "baseline-browser-mapping": "^2.9.15",
     "chokidar": "^3.5.2",

package/tamagui-build.js

@@ -1254,6 +1254,15 @@ async function esbuildWriteIfChanged(
           if (isESM && hadTamaguiTarget) {
             contents = await pruneUnusedImports(contents, path)
           }
+
+          // esbuild emits bare require() in esm output as a __require() shim that throws
+          // ("Dynamic require ... is not supported") under Metro's esm module scope. native
+          // always has a real require, so call it directly. this keeps the
+          // require('react-native')-behind-a-TAMAGUI_TARGET==='native' DCE guard working on
+          // native instead of crashing at runtime (e.g. toast PanResponder).
+          if (platform === 'native' && isESM) {
+            contents = contents.replaceAll('__require(', 'require(')
+          }
         }
 
         if (isESM && pkg.sideEffects !== true && pkg.sideEffects !== undefined) {