vxrn 1.14.4 → 1.15.0

package/dist/utils/createNativeDevEngine.mjs

@@ -4,9 +4,9 @@ import { DEFAULT_ASSET_EXTS } from "../constants/defaults.mjs";
 import { getNativePrelude } from "../runtime/native-prelude.mjs";
 const FLOW_FILE_PATTERN = /node_modules[\\/](?:react-native|@react-native)[\\/].*\.js$/;
 function getResolveExtensions(platform) {
-  const platformExts = platform === "ios" ? [".ios.tsx", ".ios.ts", ".ios.jsx", ".ios.js"] : [".android.tsx", ".android.ts", ".android.jsx", ".android.js"],
-    nativeExts = [".native.tsx", ".native.ts", ".native.jsx", ".native.js"],
-    defaultExts = [".tsx", ".ts", ".jsx", ".js", ".mjs", ".cjs", ".json"];
+  const platformExts = platform === "ios" ? [".ios.tsx", ".ios.ts", ".ios.jsx", ".ios.js"] : [".android.tsx", ".android.ts", ".android.jsx", ".android.js"];
+  const nativeExts = [".native.tsx", ".native.ts", ".native.jsx", ".native.js"];
+  const defaultExts = [".tsx", ".ts", ".jsx", ".js", ".mjs", ".cjs", ".json"];
   return [...platformExts, ...nativeExts, ...defaultExts];
 }
 function getNativeResolveConfig(platform) {
@@ -17,73 +17,75 @@ function getNativeResolveConfig(platform) {
   };
 }
 function getNativeTransformConfig(platform, dev, root) {
-  const entryConfig = globalThis.__vxrnNativeEntryConfig || {},
-    setupFileDefines = (() => {
-      const sf = entryConfig.setupFile;
-      if (!sf) return {};
-      const files = typeof sf == "string" ? {
-        client: sf,
-        server: sf,
-        ios: sf,
-        android: sf
-      } : "native" in sf ? {
-        client: sf.client,
-        server: sf.server,
-        ios: sf.native,
-        android: sf.native
-      } : sf;
-      return {
-        ...(files.client && {
-          "process.env.ONE_SETUP_FILE_CLIENT": JSON.stringify(files.client)
-        }),
-        ...(files.server && {
-          "process.env.ONE_SETUP_FILE_SERVER": JSON.stringify(files.server)
-        }),
-        ...(files.ios && {
-          "process.env.ONE_SETUP_FILE_IOS": JSON.stringify(files.ios)
-        }),
-        ...(files.android && {
-          "process.env.ONE_SETUP_FILE_ANDROID": JSON.stringify(files.android)
-        })
-      };
-    })(),
-    envDefines = (() => {
-      const defines = {};
-      try {
-        const mode2 = dev ? "development" : "production";
-        for (const envFile of [".env", ".env.local", `.env.${mode2}`, `.env.${mode2}.local`]) {
-          const envPath = join(root, envFile);
-          if (!existsSync(envPath)) continue;
-          const content = readFileSync(envPath, "utf8");
-          for (const line of content.split(`
-`)) {
-            const match = line.match(/^\s*(VITE_\w+)\s*=\s*(.*)$/);
-            if (match) {
-              const [, key, rawVal] = match,
-                val = rawVal.replace(/^['"]|['"]$/g, "").trim();
-              defines[`import.meta.env.${key}`] = JSON.stringify(val), defines[`process.env.${key}`] = JSON.stringify(val);
-            }
+  const entryConfig = globalThis.__vxrnNativeEntryConfig || {};
+  const setupFileDefines = (() => {
+    const sf = entryConfig.setupFile;
+    if (!sf) return {};
+    const files = typeof sf === "string" ? {
+      client: sf,
+      server: sf,
+      ios: sf,
+      android: sf
+    } : "native" in sf ? {
+      client: sf.client,
+      server: sf.server,
+      ios: sf.native,
+      android: sf.native
+    } : sf;
+    return {
+      ...(files.client && {
+        "process.env.ONE_SETUP_FILE_CLIENT": JSON.stringify(files.client)
+      }),
+      ...(files.server && {
+        "process.env.ONE_SETUP_FILE_SERVER": JSON.stringify(files.server)
+      }),
+      ...(files.ios && {
+        "process.env.ONE_SETUP_FILE_IOS": JSON.stringify(files.ios)
+      }),
+      ...(files.android && {
+        "process.env.ONE_SETUP_FILE_ANDROID": JSON.stringify(files.android)
+      })
+    };
+  })();
+  const envDefines = (() => {
+    const defines = {};
+    try {
+      const mode2 = dev ? "development" : "production";
+      for (const envFile of [".env", ".env.local", `.env.${mode2}`, `.env.${mode2}.local`]) {
+        const envPath = join(root, envFile);
+        if (!existsSync(envPath)) continue;
+        const content = readFileSync(envPath, "utf8");
+        for (const line of content.split("\n")) {
+          const match = line.match(/^\s*(VITE_\w+)\s*=\s*(.*)$/);
+          if (match) {
+            const [, key, rawVal] = match;
+            const val = rawVal.replace(/^['"]|['"]$/g, "").trim();
+            defines[`import.meta.env.${key}`] = JSON.stringify(val);
+            defines[`process.env.${key}`] = JSON.stringify(val);
           }
         }
-      } catch {}
-      return defines;
-    })(),
-    mode = dev ? "development" : "production",
-    envObject = {
-      MODE: mode,
-      DEV: dev,
-      PROD: !dev,
-      SSR: !1,
-      VITE_ENVIRONMENT: platform,
-      VITE_NATIVE: "1",
-      EXPO_OS: platform
-    };
+      }
+    } catch {}
+    return defines;
+  })();
+  const mode = dev ? "development" : "production";
+  const envObject = {
+    MODE: mode,
+    DEV: dev,
+    PROD: !dev,
+    SSR: false,
+    VITE_ENVIRONMENT: platform,
+    VITE_NATIVE: "1",
+    EXPO_OS: platform
+  };
   for (const [key, val] of Object.entries(envDefines)) {
     const match = key.match(/^import\.meta\.env\.(.+)$/);
-    if (match) try {
-      envObject[match[1]] = JSON.parse(val);
-    } catch {
-      envObject[match[1]] = val;
+    if (match) {
+      try {
+        envObject[match[1]] = JSON.parse(val);
+      } catch {
+        envObject[match[1]] = val;
+      }
     }
   }
   return {
@@ -135,6 +137,8 @@ function getNativePlugins(root, platform, viteImportGlobPlugin, dev) {
   }),
   // strip Flow types from react-native and @react-native packages
   flowStripPlugin(),
+  // guard undefined native methods in NativeAnimatedHelper
+  nativeAnimatedGuardPlugin(),
   // handle asset imports (.png, .jpg, .ttf, etc.)
   assetPlugin({
     root,
@@ -149,32 +153,53 @@ function getNativePlugins(root, platform, viteImportGlobPlugin, dev) {
 function getNativeOutputOptions(prelude) {
   return {
     format: "esm",
-    sourcemap: !0,
+    sourcemap: true,
     intro: prelude,
-    codeSplitting: !1,
-    strictExecutionOrder: !0
+    codeSplitting: false,
+    strictExecutionOrder: true
   };
 }
 function postProcessNativeBundle(code) {
-  return code = code.replace(/^\s*export\s*\{[^}]*\}\s*;?\s*$/gm, ""), code = code.replace(/^if \(import\.meta\.hot\).*$/gm, ""), code;
+  code = code.replace(/^\s*export\s*\{[^}]*\}\s*;?\s*$/gm, "");
+  code = code.replace(/^if \(import\.meta\.hot\).*$/gm, "");
+  {
+    const marker = "NativeAnimatedModule_default ?? NativeAnimatedTurboModule_default;";
+    const idx = code.indexOf(marker);
+    if (idx !== -1) {
+      const beforeMarker = code.lastIndexOf("NativeAnimatedModule = ", idx);
+      if (beforeMarker !== -1) {
+        const lineStart = code.lastIndexOf("\n", beforeMarker);
+        const snippet = code.slice(lineStart + 1, beforeMarker + 50);
+        if (snippet.includes("(function()") || snippet.includes("new Proxy")) {
+          const afterMarker = code.indexOf("})();", idx);
+          if (afterMarker !== -1) {
+            const end = afterMarker + "})();".length;
+            code = code.slice(0, beforeMarker) + "NativeAnimatedModule = NativeAnimatedModule_default ?? NativeAnimatedTurboModule_default;" + code.slice(end);
+          }
+        }
+      }
+    }
+  }
+  return code;
 }
 async function downlevelClassFieldsInBundle(code) {
-  const startMarker = "//#region \\0rolldown/runtime.js",
-    endMarker = "//#endregion",
-    startIdx = code.indexOf(startMarker);
+  const startMarker = "//#region \\0rolldown/runtime.js";
+  const endMarker = "//#endregion";
+  const startIdx = code.indexOf(startMarker);
   if (startIdx === -1) return code;
   const endIdx = code.indexOf(endMarker, startIdx);
   if (endIdx === -1) return code;
-  const runtimeEnd = endIdx + endMarker.length,
-    runtimeSection = code.slice(startIdx, runtimeEnd);
+  const runtimeEnd = endIdx + endMarker.length;
+  const runtimeSection = code.slice(startIdx, runtimeEnd);
   try {
-    const result = await (await import("@swc/core")).transform(runtimeSection, {
+    const swc = await import("@swc/core");
+    const result = await swc.transform(runtimeSection, {
       filename: "rolldown-runtime.js",
-      configFile: !1,
-      swcrc: !1,
-      sourceMaps: !1,
-      inputSourceMap: !1,
-      isModule: !1,
+      configFile: false,
+      swcrc: false,
+      sourceMaps: false,
+      inputSourceMap: false,
+      isModule: false,
       env: {
         targets: {
           node: 9999
@@ -190,73 +215,78 @@ async function downlevelClassFieldsInBundle(code) {
             runtime: "preserve"
           }
         },
-        externalHelpers: !1,
+        externalHelpers: false,
         assumptions: {
-          setPublicClassFields: !0,
-          privateFieldsAsProperties: !0
+          setPublicClassFields: true,
+          privateFieldsAsProperties: true
         }
       }
     });
     return code.slice(0, startIdx) + result.code + code.slice(runtimeEnd);
   } catch (err) {
-    return console.warn("[vxrn] downlevelClassFieldsInBundle failed, returning original:", err), code;
+    console.warn("[vxrn] downlevelClassFieldsInBundle failed, returning original:", err);
+    return code;
   }
 }
 async function createNativeDevEngine(options) {
   const {
-      root,
-      port,
-      host = "localhost",
-      platform,
-      serverUrl,
-      plugins: userPlugins = [],
-      onHmrUpdate
-    } = options,
-    {
-      dev,
-      viteImportGlobPlugin
-    } = await import("rolldown/experimental"),
-    hmrRuntimeSource = getHmrRuntimeSource(),
-    prelude = getNativePrelude({
-      dev: !0,
-      platform,
-      serverUrl: serverUrl || `http://${host}:${port}`
-    });
-  let currentBundle = null,
-    bundleResolve = null,
-    bundlePromise = null;
-  const resolvedHost = host === "0.0.0.0" ? "localhost" : host,
-    inputOptions = {
-      input: VIRTUAL_NATIVE_ENTRY,
-      cwd: root,
-      platform: "neutral",
-      resolve: getNativeResolveConfig(platform),
-      transform: getNativeTransformConfig(platform, !0, root),
-      experimental: {
-        devMode: {
-          implement: hmrRuntimeSource,
-          host,
-          port
-        },
-        incrementalBuild: !0
-      },
-      treeshake: !1,
-      // some react-native ecosystem packages import symbols that don't exist in
-      // the declared entry (e.g. @react-navigation/elements imports NavigationProvider
-      // from @react-navigation/native which doesn't export it). metro silently shims
-      // these — rolldown needs an explicit opt-in.
-      shimMissingExports: !0,
-      moduleTypes: {
-        ".js": "jsx"
+    root,
+    port,
+    host = "localhost",
+    platform,
+    serverUrl,
+    plugins: userPlugins = [],
+    onHmrUpdate
+  } = options;
+  const {
+    dev,
+    viteImportGlobPlugin
+  } = await import("rolldown/experimental");
+  const hmrRuntimeSource = getHmrRuntimeSource();
+  const prelude = getNativePrelude({
+    dev: true,
+    platform,
+    serverUrl: serverUrl || `http://${host}:${port}`
+  });
+  let currentBundle = null;
+  let bundleResolve = null;
+  let bundlePromise = null;
+  const resolvedHost = host === "0.0.0.0" ? "localhost" : host;
+  const inputOptions = {
+    input: VIRTUAL_NATIVE_ENTRY,
+    cwd: root,
+    platform: "neutral",
+    resolve: getNativeResolveConfig(platform),
+    transform: getNativeTransformConfig(platform, true, root),
+    experimental: {
+      devMode: {
+        implement: hmrRuntimeSource,
+        host,
+        port
       },
-      plugins: [nativeVirtualEntryPlugin(root, {
-        dev: !0
-      }), ...getNativePlugins(root, platform, viteImportGlobPlugin, !0), ...userPlugins]
+      incrementalBuild: true,
+      // lazyBarrel defers barrel re-export initialization — needed in dev mode
+      // to avoid breaking worklet closure serialization order.
+      // removed from prod builds (buildNativeBundle) where it caused build errors.
+      lazyBarrel: true
+    },
+    treeshake: false,
+    // some react-native ecosystem packages import symbols that don't exist in
+    // the declared entry (e.g. @react-navigation/elements imports NavigationProvider
+    // from @react-navigation/native which doesn't export it). metro silently shims
+    // these — rolldown needs an explicit opt-in.
+    shimMissingExports: true,
+    moduleTypes: {
+      ".js": "jsx"
     },
-    outputOptions = {
-      ...getNativeOutputOptions(prelude),
-      // connect HMR WebSocket using RN's WebSocket module (not the global)
-      outro: `
+    plugins: [nativeVirtualEntryPlugin(root, {
+      dev: true
+    }), ...getNativePlugins(root, platform, viteImportGlobPlugin, true), ...userPlugins]
+  };
+  const outputOptions = {
+    ...getNativeOutputOptions(prelude),
+    // connect HMR WebSocket using RN's WebSocket module (not the global)
+    outro: `
 try {
   var __WS = (init_WebSocket(), __toCommonJS(WebSocket_exports)).default;
   var __hmrUrl = 'ws://${resolvedHost}:${port}/hot';
@@ -285,49 +315,65 @@ try {
   __hmrWS.onerror = function(e) { console.warn('[vxrn] HMR connection error:', e.message || e); };
 } catch(e) {}
 `
-    },
-    engine = await dev(inputOptions, outputOptions, {
-      onOutput: async result => {
-        if (result instanceof Error) {
-          console.error("[vxrn] native bundle error:", result.message);
-          return;
-        }
-        const chunk = result.output.find(o => o.type === "chunk" && o.isEntry);
-        if (chunk && "code" in chunk) {
-          let code = postProcessNativeBundle(chunk.code);
-          code = await downlevelClassFieldsInBundle(code);
-          const hmrClientStub = 'registerCallableModule("HMRClient",{setup:function(){},enable:function(){},disable:function(){},registerBundle:function(){},log:function(){}})';
-          code = code.replace(/registerCallableModule\s*\(\s*["']AppRegistry["']/, match => hmrClientStub + "," + match), currentBundle = {
-            code,
-            map: chunk.map?.toString()
-          }, console.info(`[vxrn] native bundle ready (${Math.round(chunk.code.length / 1024)}KB)`), bundleResolve && (bundleResolve(currentBundle), bundleResolve = null, bundlePromise = null);
-        }
-      },
-      onHmrUpdates: async result => {
-        if (result instanceof Error) {
-          console.error("[vxrn] HMR error:", result.message), onHmrUpdate?.({
-            type: "hmr:error"
-          });
-          return;
+  };
+  const engine = await dev(inputOptions, outputOptions, {
+    onOutput: async result => {
+      if (result instanceof Error) {
+        console.error("[vxrn] native bundle error:", result.message);
+        return;
+      }
+      const output = result;
+      const chunk = output.output.find(o => o.type === "chunk" && o.isEntry);
+      if (chunk && "code" in chunk) {
+        let code = postProcessNativeBundle(chunk.code);
+        code = await downlevelClassFieldsInBundle(code);
+        const hmrClientStub = `registerCallableModule("HMRClient",{setup:function(){},enable:function(){},disable:function(){},registerBundle:function(){},log:function(){}})`;
+        code = code.replace(/registerCallableModule\s*\(\s*["']AppRegistry["']/, match => hmrClientStub + "," + match);
+        currentBundle = {
+          code,
+          map: chunk.map?.toString()
+        };
+        console.info(`[vxrn] native bundle ready (${Math.round(chunk.code.length / 1024)}KB)`);
+        if (bundleResolve) {
+          bundleResolve(currentBundle);
+          bundleResolve = null;
+          bundlePromise = null;
         }
-        const updates = result.updates || [];
-        for (const item of updates) {
-          const update = item.update || item;
-          update.type === "Patch" && update.code ? onHmrUpdate?.({
+      }
+    },
+    onHmrUpdates: async result => {
+      if (result instanceof Error) {
+        console.error("[vxrn] HMR error:", result.message);
+        onHmrUpdate?.({
+          type: "hmr:error"
+        });
+        return;
+      }
+      const updates = result.updates || [];
+      for (const item of updates) {
+        const update = item.update || item;
+        if (update.type === "Patch" && update.code) {
+          onHmrUpdate?.({
             type: "hmr:update",
             code: update.code
-          }) : update.type === "FullReload" && onHmrUpdate?.({
+          });
+        } else if (update.type === "FullReload") {
+          onHmrUpdate?.({
             type: "hmr:reload"
           });
         }
-        updates.length === 0 && onHmrUpdate?.({
+      }
+      if (updates.length === 0) {
+        onHmrUpdate?.({
           type: "hmr:reload"
         });
-      },
-      rebuildStrategy: "auto",
-      watch: {}
-    });
-  return await engine.run(), {
+      }
+    },
+    rebuildStrategy: "auto",
+    watch: {}
+  });
+  await engine.run();
+  return {
     engine,
     async getBundle() {
       if (currentBundle) return currentBundle;
@@ -335,11 +381,15 @@ try {
         let timeoutId;
         bundlePromise = new Promise((resolve2, reject) => {
           bundleResolve = value => {
-            clearTimeout(timeoutId), resolve2(value);
-          }, timeoutId = setTimeout(() => reject(new Error("[vxrn] bundle build timed out after 120s")), 12e4);
+            clearTimeout(timeoutId);
+            resolve2(value);
+          };
+          timeoutId = setTimeout(() => reject(new Error("[vxrn] bundle build timed out after 120s")), 12e4);
         });
       }
-      return await engine.ensureLatestBuildOutput(), currentBundle || bundlePromise;
+      await engine.ensureLatestBuildOutput();
+      if (currentBundle) return currentBundle;
+      return bundlePromise;
     },
     async close() {
       await engine.close();
@@ -348,66 +398,69 @@ try {
 }
 async function buildNativeBundle(options) {
   const {
-      root,
-      platform,
-      dev = !1,
-      serverUrl,
-      plugins: userPlugins = []
-    } = options,
-    {
-      build
-    } = await import("rolldown"),
-    {
-      viteImportGlobPlugin
-    } = await import("rolldown/experimental"),
-    prelude = getNativePrelude({
-      dev,
-      platform,
-      serverUrl
-    }),
-    chunk = (await build({
-      input: VIRTUAL_NATIVE_ENTRY,
-      cwd: root,
-      platform: "neutral",
-      resolve: getNativeResolveConfig(platform),
-      transform: getNativeTransformConfig(platform, dev, root),
-      treeshake: !dev,
-      shimMissingExports: !0,
-      moduleTypes: {
-        ".js": "jsx"
-      },
-      plugins: [nativeVirtualEntryPlugin(root, {
-        dev
-      }), ...getNativePlugins(root, platform, viteImportGlobPlugin, dev), ...userPlugins],
-      output: getNativeOutputOptions(prelude)
-    })).output.find(o => o.type === "chunk" && o.isEntry);
-  if (!chunk || !("code" in chunk)) throw new Error("[vxrn] production build produced no output");
+    root,
+    platform,
+    dev = false,
+    serverUrl,
+    plugins: userPlugins = []
+  } = options;
+  const {
+    build
+  } = await import("rolldown");
+  const {
+    viteImportGlobPlugin
+  } = await import("rolldown/experimental");
+  const prelude = getNativePrelude({
+    dev,
+    platform,
+    serverUrl
+  });
+  const result = await build({
+    input: VIRTUAL_NATIVE_ENTRY,
+    cwd: root,
+    platform: "neutral",
+    resolve: getNativeResolveConfig(platform),
+    transform: getNativeTransformConfig(platform, dev, root),
+    treeshake: !dev,
+    shimMissingExports: true,
+    moduleTypes: {
+      ".js": "jsx"
+    },
+    plugins: [nativeVirtualEntryPlugin(root, {
+      dev
+    }), ...getNativePlugins(root, platform, viteImportGlobPlugin, dev), ...userPlugins],
+    output: getNativeOutputOptions(prelude)
+  });
+  const chunk = result.output.find(o => o.type === "chunk" && o.isEntry);
+  if (!chunk || !("code" in chunk)) {
+    throw new Error("[vxrn] production build produced no output");
+  }
   let code = postProcessNativeBundle(chunk.code);
-  return code = await downlevelClassFieldsInBundle(code), {
+  code = await downlevelClassFieldsInBundle(code);
+  return {
     code,
     map: chunk.map?.toString()
   };
 }
 const VIRTUAL_NATIVE_ENTRY = "virtual:native-entry";
 function nativeVirtualEntryPlugin(root, opts) {
-  const isDev = opts?.dev !== !1,
-    resolvedId = resolve(root, "__virtual-native-entry.tsx"),
-    entryConfig = globalThis.__vxrnNativeEntryConfig || {},
-    routerRoot = entryConfig.routerRoot || "app",
-    flags = entryConfig.flags || {},
-    setupFileImport = (() => {
-      const sf = entryConfig.setupFile;
-      if (!sf) return "";
-      const file = typeof sf == "string" ? sf : "native" in sf ? sf.native : sf.ios;
-      if (!file) return "";
-      const resolved = resolve(root, file);
-      return `import ${JSON.stringify(resolved)};`;
-    })(),
-    routeGlobs = [`./${routerRoot}/**/*.tsx`, `./${routerRoot}/**/*.ts`, `!./${routerRoot}/**/*+api.*`, `!./${routerRoot}/**/*.test.*`, `!./${routerRoot}/**/*.d.ts`, `!./${routerRoot}/**/*.server.*`, `!./${routerRoot}/**/_middleware.*`, `!./${routerRoot}/**/*.web.*`,
-    // ignoredRouteFiles from One's router config
-    ...(entryConfig.ignoredRouteFiles || []).map(pattern => `!./${routerRoot}/${pattern}`)],
-    entryCode = `
-${isDev ? `
+  const isDev = opts?.dev !== false;
+  const resolvedId = resolve(root, "__virtual-native-entry.tsx");
+  const entryConfig = globalThis.__vxrnNativeEntryConfig || {};
+  const routerRoot = entryConfig.routerRoot || "app";
+  const flags = entryConfig.flags || {};
+  const setupFileImport = (() => {
+    const sf = entryConfig.setupFile;
+    if (!sf) return "";
+    const file = typeof sf === "string" ? sf : "native" in sf ? sf.native : sf.ios;
+    if (!file) return "";
+    const resolved = resolve(root, file);
+    return `import ${JSON.stringify(resolved)};`;
+  })();
+  const routeGlobs = [`./${routerRoot}/**/*.tsx`, `./${routerRoot}/**/*.ts`, `!./${routerRoot}/**/*+api.*`, `!./${routerRoot}/**/*.test.*`, `!./${routerRoot}/**/*.d.ts`, `!./${routerRoot}/**/*.server.*`, `!./${routerRoot}/**/_middleware.*`, `!./${routerRoot}/**/*.web.*`,
+  // ignoredRouteFiles from One's router config
+  ...(entryConfig.ignoredRouteFiles || []).map(pattern => `!./${routerRoot}/${pattern}`)];
+  const refreshSetup = isDev ? `
 // react-refresh/runtime MUST initialize before React loads
 import RefreshRuntime from 'react-refresh/runtime';
 RefreshRuntime.injectIntoGlobalHook(globalThis);
@@ -416,7 +469,9 @@ globalThis.$RefreshReg$ = function(type, id) {
   RefreshRuntime.register(type, id);
 };
 globalThis.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
-` : ""}
+` : "";
+  const entryCode = `
+${refreshSetup}
 ${setupFileImport}
 import { createApp } from 'one';
 
@@ -436,10 +491,28 @@ createApp({
   return {
     name: "vxrn:native-virtual-entry",
     resolveId(id) {
-      if (id === VIRTUAL_NATIVE_ENTRY) return resolvedId;
+      if (id === VIRTUAL_NATIVE_ENTRY) {
+        return resolvedId;
+      }
     },
     load(id) {
-      if (id === resolvedId) return entryCode;
+      if (id === resolvedId) {
+        return entryCode;
+      }
+    }
+  };
+}
+function nativeAnimatedGuardPlugin() {
+  return {
+    name: "vxrn:native-animated-guard",
+    transform(code, id) {
+      if (!id.includes("animated/NativeAnimatedHelper")) return;
+      const target = "const method = nullthrows(NativeAnimatedModule)[methodName];";
+      if (!code.includes(target)) return;
+      return {
+        code: code.replace(target, `const method = nullthrows(NativeAnimatedModule)[methodName];
+        if (typeof method !== 'function') return;`)
+      };
     }
   };
 }
@@ -447,37 +520,44 @@ function serverFileExclusionPlugin() {
   return {
     name: "vxrn:server-file-exclusion",
     load(id) {
-      if (/\.server\.\w+$/.test(id)) return {
-        code: "export default undefined;",
-        moduleType: "js"
-      };
-      if (/[\\/]_middleware\.\w+$/.test(id)) return {
-        code: "export default undefined;",
-        moduleType: "js"
-      };
+      if (/\.server\.\w+$/.test(id)) {
+        return {
+          code: "export default undefined;",
+          moduleType: "js"
+        };
+      }
+      if (/[\\/]_middleware\.\w+$/.test(id)) {
+        return {
+          code: "export default undefined;",
+          moduleType: "js"
+        };
+      }
     }
   };
 }
 function environmentGuardPlugin() {
-  const THROWING = ["server-only", "client-only", "web-only"],
-    NOOP = ["native-only"];
+  const THROWING = ["server-only", "client-only", "web-only"];
+  const NOOP = ["native-only"];
   return {
     name: "vxrn:environment-guard",
     resolveId(source) {
       if (THROWING.includes(source)) return {
         id: `\0env-guard-throw:${source}`,
-        external: !1
+        external: false
       };
       if (NOOP.includes(source)) return {
         id: `\0env-guard-noop:${source}`,
-        external: !1
+        external: false
       };
     },
     load(id) {
-      if (id.startsWith("\0env-guard-throw:")) return {
-        code: `throw new Error("Cannot import '${id.slice(17)}' in a native bundle.");`,
-        moduleType: "js"
-      };
+      if (id.startsWith("\0env-guard-throw:")) {
+        const pkg = id.slice("\0env-guard-throw:".length);
+        return {
+          code: `throw new Error("Cannot import '${pkg}' in a native bundle.");`,
+          moduleType: "js"
+        };
+      }
       if (id.startsWith("\0env-guard-noop:")) return {
         code: "",
         moduleType: "js"
@@ -490,10 +570,12 @@ function cssStubPlugin() {
     name: "vxrn:css-stub",
     load: {
       handler(id) {
-        if (/\.css$/.test(id)) return {
-          code: "",
-          moduleType: "js"
-        };
+        if (id.endsWith(".css")) {
+          return {
+            code: "",
+            moduleType: "js"
+          };
+        }
       }
     }
   };
@@ -504,10 +586,11 @@ function vxrnCompilerPlugin(platform, dev) {
   return {
     name: "vxrn:compiler",
     async transform(code, id) {
-      if (!/\.[cm]?[jt]sx?$/.test(id) || id.includes("\0") || id.includes("virtual:")) return;
+      if (!/\.[cm]?[jt]sx?$/.test(id)) return;
+      if (id.includes("\0") || id.includes("virtual:")) return;
       const needsRefresh = isRefreshCandidate(id);
       try {
-        compiler || (compiler = await import("@vxrn/compiler"));
+        if (!compiler) compiler = await import("@vxrn/compiler");
         const props = {
           id,
           code,
@@ -527,12 +610,14 @@ function vxrnCompilerPlugin(platform, dev) {
         const result = await compiler.transformBabel(id, code, babelOptions);
         if (result?.code) {
           let out = result.code;
-          return needsRefresh && (out = `
+          if (needsRefresh) {
+            const escapedId = id.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+            out = `
 var __prevRefreshReg = globalThis.$RefreshReg$;
 var __prevRefreshSig = globalThis.$RefreshSig$;
 if (globalThis.__ReactRefresh) {
   globalThis.$RefreshReg$ = function(type, id) {
-    globalThis.__ReactRefresh.register(type, "${id.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}" + " " + id);
+    globalThis.__ReactRefresh.register(type, "${escapedId}" + " " + id);
   };
   globalThis.$RefreshSig$ = globalThis.__ReactRefresh.createSignatureFunctionForTransform;
 }
@@ -548,16 +633,23 @@ if (import.meta.hot) {
     }
   });
 }
-`), {
+`;
+          }
+          return {
             code: out
           };
         }
       } catch (err) {
-        if (dev && console.warn(`[vxrn:compiler] ${id}: ${err.message || err}`), needsRefresh) return {
-          code: code + `
+        if (dev) {
+          console.warn(`[vxrn:compiler] ${id}: ${err.message || err}`);
+        }
+        if (needsRefresh) {
+          return {
+            code: code + `
 if (import.meta.hot) { import.meta.hot.accept(); }
 `
-        };
+          };
+        }
       }
     }
   };
@@ -567,11 +659,13 @@ function flowStripPlugin() {
     name: "vxrn:flow-strip",
     transform: {
       async handler(code, id) {
-        if (FLOW_FILE_PATTERN.test(id)) try {
-          const result = await (await import("fast-flow-transform")).default({
+        if (!FLOW_FILE_PATTERN.test(id)) return;
+        try {
+          const fft = await import("fast-flow-transform");
+          const result = await fft.default({
             filename: id,
             source: code,
-            sourcemap: !0,
+            sourcemap: true,
             dialect: "flow",
             format: "pretty"
           });
@@ -593,31 +687,35 @@ function assetPlugin(opts) {
     load: {
       async handler(id) {
         if (!assetRegex.test(id)) return;
-        const ext = extname(id).slice(1),
-          name = basename(id, `.${ext}`),
-          dir = dirname(id),
-          relativePath = relative(opts.root, id),
-          httpLocation = "/assets/" + dirname(relativePath),
-          assetData = {
-            __packager_asset: !0,
-            name,
-            type: ext,
-            scales: [1],
-            httpServerLocation: httpLocation,
-            fileSystemLocation: dir,
-            hash: "",
-            width: void 0,
-            height: void 0
-          };
-        if (["png", "jpg", "jpeg", "gif", "webp", "bmp"].includes(ext)) try {
-          const {
+        const ext = extname(id).slice(1);
+        const name = basename(id, `.${ext}`);
+        const dir = dirname(id);
+        const relativePath = relative(opts.root, id);
+        const httpLocation = "/assets/" + dirname(relativePath);
+        const assetData = {
+          __packager_asset: true,
+          name,
+          type: ext,
+          scales: [1],
+          httpServerLocation: httpLocation,
+          fileSystemLocation: dir,
+          hash: "",
+          width: void 0,
+          height: void 0
+        };
+        if (["png", "jpg", "jpeg", "gif", "webp", "bmp"].includes(ext)) {
+          try {
+            const {
               imageSize
-            } = await import("image-size"),
-            dims = imageSize(id);
-          assetData.width = dims.width, assetData.height = dims.height;
-        } catch {}
+            } = await import("image-size");
+            const dims = imageSize(id);
+            assetData.width = dims.width;
+            assetData.height = dims.height;
+          } catch {}
+        }
+        const code = `module.exports = require('react-native/Libraries/Image/AssetRegistry').registerAsset(${JSON.stringify(assetData)});`;
         return {
-          code: `module.exports = require('react-native/Libraries/Image/AssetRegistry').registerAsset(${JSON.stringify(assetData)});`,
+          code,
           moduleType: "js"
         };
       }
@@ -629,45 +727,49 @@ function hermesCompatSWCPlugin(dev) {
   return {
     name: "vxrn:hermes-compat",
     async transform(code, id) {
-      if (!/\.[cm]?[jt]sx?$/.test(id) || id.includes("\0") || id.includes("virtual:")) return;
-      const hasClass = code.includes("class ") || code.includes("class{"),
-        hasAsync = !dev && code.includes("async ");
-      if (!(!hasClass && !hasAsync) && !(code.length > 5e5)) try {
-        swc || (swc = await import("@swc/core"));
-        const envIncludes = ["transform-class-properties", "transform-class-static-block", "transform-private-methods", "transform-private-property-in-object", ...(dev ? [] : ["transform-classes", "transform-async-to-generator"])];
-        return {
-          code: (await swc.transform(code, {
-            filename: id,
-            configFile: !1,
-            swcrc: !1,
-            sourceMaps: !1,
-            inputSourceMap: !1,
-            env: {
-              targets: {
-                node: 9999
-              },
-              include: envIncludes
+      if (!/\.[cm]?[jt]sx?$/.test(id)) return;
+      if (id.includes("\0") || id.includes("virtual:")) return;
+      const hasClass = code.includes("class ") || code.includes("class{");
+      const hasAsync = !dev && code.includes("async ");
+      if (!hasClass && !hasAsync) return;
+      if (code.length > 5e5) return;
+      try {
+        if (!swc) swc = await import("@swc/core");
+        const envIncludes = ["transform-class-properties", "transform-class-static-block", "transform-private-methods", "transform-private-property-in-object", ...(!dev ? ["transform-classes", "transform-async-to-generator"] : [])];
+        const result = await swc.transform(code, {
+          filename: id,
+          configFile: false,
+          swcrc: false,
+          sourceMaps: false,
+          inputSourceMap: false,
+          env: {
+            targets: {
+              node: 9999
             },
-            jsc: {
-              parser: {
-                syntax: "typescript",
-                tsx: !0
-              },
-              transform: {
-                react: {
-                  runtime: "preserve"
-                }
-              },
-              externalHelpers: !1,
-              assumptions: {
-                setPublicClassFields: !0,
-                privateFieldsAsProperties: !0
+            include: envIncludes
+          },
+          jsc: {
+            parser: {
+              syntax: "typescript",
+              tsx: true
+            },
+            transform: {
+              react: {
+                runtime: "preserve"
               }
             },
-            isModule: !id.endsWith(".cjs")
-          })).code
+            externalHelpers: false,
+            assumptions: {
+              setPublicClassFields: true,
+              privateFieldsAsProperties: true
+            }
+          },
+          isModule: !id.endsWith(".cjs")
+        });
+        return {
+          code: result.code
         };
-      } catch {}
+      } catch (err) {}
     }
   };
 }