@tamagui/native-bundle 2.0.0-1769665879528 → 2.0.0-1780064412517

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,29 +1,29 @@
 {
   "name": "@tamagui/native-bundle",
-  "version": "2.0.0-1769665879528",
-  "type": "module",
+  "version": "2.0.0-1780064412517",
   "description": "Vite-based bundler for creating native CommonJS bundles for Tamagui packages",
-  "main": "dist/index.js",
-  "types": "src/index.ts",
-  "scripts": {
-    "build": "node build.mjs",
-    "watch": "node build.mjs --watch"
-  },
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
   },
-  "dependencies": {
-    "vite": "^7.1.12"
-  },
-  "devDependencies": {
-    "esbuild": "^0.25.11"
-  },
   "files": [
     "dist",
     "src"
   ],
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "src/index.ts",
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "node build.mjs",
+    "watch": "node build.mjs --watch"
+  },
+  "dependencies": {
+    "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)
 
@@ -86,7 +96,14 @@ export async function bundleNative(options: BundleOptions): Promise<void> {
   // Note: react and all its subpaths (jsx-runtime, compiler-runtime, etc.) must be external
   const external = isTest
     ? [/^react($|\/)/, /^react-native($|\/)/]
-    : [/^react($|\/)/]
+    : [
+        /^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
@@ -98,7 +115,7 @@ export async function bundleNative(options: BundleOptions): Promise<void> {
         },
         {
           find: /^react-native\/(.+)$/,
-          replacement: `${rnwl}/$1`,
+          replacement: `${rnwlDir}/src/$1`,
         },
       ]