@tamagui/native-bundle 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/index.js

@@ -20,7 +20,16 @@ async function bundleNative(options) {
       return name;
     }
   };
+  const resolvePackageDir = (name) => {
+    try {
+      const pkgJson = fileURLToPath(import.meta.resolve(`${name}/package.json`));
+      return dirname(pkgJson);
+    } catch {
+      return name;
+    }
+  };
   const rnwl = resolvePath("@tamagui/react-native-web-lite");
+  const rnwlDir = resolvePackageDir("@tamagui/react-native-web-lite");
   const fakeRN = resolvePath("@tamagui/fake-react-native");
   const entryPath = resolve(cwd, entry);
   const defaultDefine = {
@@ -28,7 +37,14 @@ async function bundleNative(options) {
     "process.env.NODE_ENV": JSON.stringify("production"),
     "process.env.TAMAGUI_IS_CORE_NODE": JSON.stringify("1")
   };
-  const external = isTest ? [/^react($|\/)/, /^react-native($|\/)/] : [/^react($|\/)/];
+  const external = isTest ? [/^react($|\/)/, /^react-native($|\/)/] : [
+    /^react($|\/)/,
+    /^react-native-reanimated($|\/)/,
+    /^react-native-worklets($|\/)/,
+    // Reanimated's internal code requires react-native/Libraries/Renderer/shims/ReactFabric
+    // which doesn't exist in the web bundle. Externalize it so the bundler doesn't try to resolve it.
+    /react-native\/Libraries\//
+  ];
   const alias = isTest ? [
     // Aliases don't work for pre-bundled deps, so we externalize and alias in vitest config
   ] : [
@@ -38,7 +54,7 @@ async function bundleNative(options) {
     },
     {
       find: /^react-native\/(.+)$/,
-      replacement: `${rnwl}/$1`
+      replacement: `${rnwlDir}/src/$1`
     }
   ];
   await build({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/native-bundle",
-  "version": "2.0.0-rc.4",
+  "version": "2.0.0-rc.40",
   "description": "Vite-based bundler for creating native CommonJS bundles for Tamagui packages",
   "license": "MIT",
   "author": {
@@ -21,7 +21,7 @@
     "watch": "node build.mjs --watch"
   },
   "dependencies": {
-    "vite": "^7.1.12"
+    "vite": "^8.0.3"
   },
   "devDependencies": {
     "esbuild": "^0.27.2"

package/src/index.ts

@@ -71,7 +71,17 @@ export async function bundleNative(options: BundleOptions): Promise<void> {
     }
   }
 
+  const resolvePackageDir = (name: string) => {
+    try {
+      const pkgJson = fileURLToPath(import.meta.resolve(`${name}/package.json`))
+      return dirname(pkgJson)
+    } catch {
+      return name
+    }
+  }
+
   const rnwl = resolvePath('@tamagui/react-native-web-lite')
+  const rnwlDir = resolvePackageDir('@tamagui/react-native-web-lite')
   const fakeRN = resolvePath('@tamagui/fake-react-native')
   const entryPath = resolve(cwd, entry)
 
@@ -84,7 +94,16 @@ export async function bundleNative(options: BundleOptions): Promise<void> {
   // For test bundles, bundle a fake react-native implementation
   // For production bundles, bundle react-native-web-lite
   // Note: react and all its subpaths (jsx-runtime, compiler-runtime, etc.) must be external
-  const external = isTest ? [/^react($|\/)/, /^react-native($|\/)/] : [/^react($|\/)/]
+  const external = isTest
+    ? [/^react($|\/)/, /^react-native($|\/)/]
+    : [
+        /^react($|\/)/,
+        /^react-native-reanimated($|\/)/,
+        /^react-native-worklets($|\/)/,
+        // Reanimated's internal code requires react-native/Libraries/Renderer/shims/ReactFabric
+        // which doesn't exist in the web bundle. Externalize it so the bundler doesn't try to resolve it.
+        /react-native\/Libraries\//,
+      ]
   const alias = isTest
     ? [
         // Aliases don't work for pre-bundled deps, so we externalize and alias in vitest config
@@ -96,7 +115,7 @@ export async function bundleNative(options: BundleOptions): Promise<void> {
         },
         {
           find: /^react-native\/(.+)$/,
-          replacement: `${rnwl}/$1`,
+          replacement: `${rnwlDir}/src/$1`,
         },
       ]