vite-plugin-react-native 0.0.4 → 1.0.1

package/dist/index.js

@@ -1,21 +1,12 @@
-import path from 'path';
+import path2 from 'path';
 import fs from 'fs';
 import { createRequire } from 'module';
 import { fileURLToPath } from 'url';
+import { transformWithEsbuild } from 'vite';
+import flowRemoveTypes from 'flow-remove-types';
 
-// index.ts
-function uniqueStrings(values) {
-  const out = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const v of values) {
-    if (!v) continue;
-    if (seen.has(v)) continue;
-    seen.add(v);
-    out.push(v);
-  }
-  return out;
-}
-var webResolveExtensions = [
+// src/index.ts
+var RESOLVE_EXTENSIONS = [
   ".web.mjs",
   ".web.js",
   ".web.ts",
@@ -28,103 +19,290 @@ var webResolveExtensions = [
   ".jsx",
   ".json"
 ];
-function reactNative() {
-  const safeAreaId = "virtual:rn-safe-area-context";
-  const resolvedSafeAreaId = "\0" + safeAreaId;
-  const screensId = "virtual:rn-screens";
-  const resolvedScreensId = "\0" + screensId;
-  const pluginDir = path.dirname(fileURLToPath(import.meta.url));
-  const require2 = createRequire(import.meta.url);
+var MODULE_TYPES = { ".js": "jsx", ".mjs": "jsx", ".cjs": "jsx", ".flow": "jsx" };
+var TREESHAKE_SAFE_PRESET = {
+  annotations: true,
+  invalidImportSideEffects: true,
+  manualPureFunctions: [],
+  moduleSideEffects: true,
+  propertyReadSideEffects: "always",
+  unknownGlobalSideEffects: true,
+  propertyWriteSideEffects: "always"
+};
+var CORE_OPTIMIZE_DEPS_INCLUDE = [
+  "react",
+  "react-dom",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-native-web"
+];
+var OPTIONAL_OPTIMIZE_DEPS_INCLUDE = [
+  "hoist-non-react-statics",
+  "invariant",
+  "react-native-reanimated",
+  "react-native-css-interop",
+  "react-native-i18njs",
+  "@react-native/normalize-colors",
+  "inline-style-prefixer",
+  "inline-style-prefixer/lib/plugins/crossFade",
+  "css-in-js-utils"
+];
+function uniqueStrings(values) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const v of values) {
+    if (!v || seen.has(v)) continue;
+    seen.add(v);
+    out.push(v);
+  }
+  return out;
+}
+function getViteMajorVersion(projectRoot, require2) {
+  try {
+    const pkgPath = require2.resolve("vite/package.json", {
+      paths: [projectRoot]
+    });
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+    const v = String(pkg.version ?? "0");
+    const major = Number(v.split(".")[0]);
+    return Number.isFinite(major) ? major : 0;
+  } catch {
+    return 0;
+  }
+}
+function getInstalledOptimizeDepsInclude(projectRoot, routerDomEntry) {
+  const pkgPath = path2.join(projectRoot, "package.json");
+  let deps = {};
+  try {
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+    deps = { ...pkg.dependencies ?? {}, ...pkg.devDependencies ?? {} };
+  } catch {
+    return [...CORE_OPTIMIZE_DEPS_INCLUDE];
+  }
+  const installed = OPTIONAL_OPTIMIZE_DEPS_INCLUDE.filter((entry) => {
+    const pkgName = entry.split("/")[0];
+    return pkgName in deps;
+  });
+  const list = [...CORE_OPTIMIZE_DEPS_INCLUDE, ...installed];
+  if (routerDomEntry && "react-native-router-dom" in deps) {
+    list.push("react-native-router-dom");
+  }
+  return list;
+}
+var DOCTOR_PATTERN = /return\s*<react-native-css-interop-jsx-pragma-check\s*\/>\s*===\s*true\s*;/g;
+function flowRemoveTypesPlugin() {
   return {
-    name: "react-native",
-    enforce: "pre",
-    config(userConfig, env) {
-      const mode = env.mode;
-      const isProd = mode === "production";
-      const projectRoot = userConfig.root ? path.resolve(userConfig.root) : process.cwd();
-      const routerDomPackageJson = require2.resolve("react-native-router-dom/package.json", { paths: [projectRoot, pluginDir] });
-      const routerDomDir = path.dirname(routerDomPackageJson);
-      const routerDomSourceEntry = path.join(routerDomDir, "src/index.ts");
-      const routerDomDistEntry = path.join(routerDomDir, "dist/index.mjs");
-      const routerDomEntry = fs.existsSync(routerDomSourceEntry) ? routerDomSourceEntry : routerDomDistEntry;
-      const userAlias = userConfig.resolve?.alias;
-      const userAliasArray = Array.isArray(userAlias) ? userAlias : userAlias && typeof userAlias === "object" ? Object.entries(userAlias).map(([find, replacement]) => ({ find, replacement })) : [];
-      const userResolveExtensions = Array.isArray(userConfig.resolve?.extensions) ? userConfig.resolve?.extensions : null;
-      const userOptimizeDepsExclude = Array.isArray(userConfig.optimizeDeps?.exclude) ? userConfig.optimizeDeps?.exclude : [];
-      const userOptimizeDepsInclude = Array.isArray(userConfig.optimizeDeps?.include) ? userConfig.optimizeDeps?.include : [];
-      const userOptimizeDepsEsbuildOptions = userConfig.optimizeDeps?.esbuildOptions && typeof userConfig.optimizeDeps.esbuildOptions === "object" ? userConfig.optimizeDeps.esbuildOptions : {};
-      const config = {
-        resolve: {
-          alias: [
-            ...userAliasArray,
-            { find: /^react-native$/, replacement: "react-native-web" },
-            { find: /^react-native-router-dom$/, replacement: routerDomEntry },
-            { find: /^inline-style-prefixer\/lib\/plugins\/(.*)$/, replacement: "inline-style-prefixer/es/plugins/$1" },
-            { find: "react-native/Libraries/EventEmitter/RCTDeviceEventEmitter", replacement: "react-native-web/dist/vendor/react-native/NativeEventEmitter/RCTDeviceEventEmitter" },
-            { find: "react-native/Libraries/vendor/emitter/EventEmitter", replacement: "react-native-web/dist/vendor/react-native/emitter/EventEmitter" },
-            { find: "react-native/Libraries/EventEmitter/NativeEventEmitter", replacement: "react-native-web/dist/vendor/react-native/NativeEventEmitter" }
-          ],
-          dedupe: ["react", "react-dom"],
-          extensions: userResolveExtensions ? void 0 : webResolveExtensions
-        },
-        build: {
-          commonjsOptions: {
-            esmExternals: true,
-            requireReturnsDefault: "auto",
-            transformMixedEsModules: true
-          }
-        },
-        define: {
-          __DEV__: JSON.stringify(!isProd),
-          "process.env.NODE_ENV": JSON.stringify(mode),
-          global: "globalThis"
-        },
-        optimizeDeps: {
-          esbuildOptions: {
-            ...userOptimizeDepsEsbuildOptions,
-            resolveExtensions: "resolveExtensions" in userOptimizeDepsEsbuildOptions ? userOptimizeDepsEsbuildOptions.resolveExtensions : userResolveExtensions ?? webResolveExtensions,
-            loader: {
-              ..."loader" in userOptimizeDepsEsbuildOptions ? userOptimizeDepsEsbuildOptions.loader : {},
-              ".js": "jsx"
-            }
-          },
-          include: uniqueStrings([
-            ...userOptimizeDepsInclude,
-            "react",
-            "react-dom",
-            "react/jsx-runtime",
-            "react/jsx-dev-runtime",
-            "hoist-non-react-statics",
-            "invariant",
-            "react-native-web",
-            "react-native-reanimated",
-            "react-native-css-interop",
-            "react-native-router-dom",
-            "react-native-i18njs",
-            "@react-native/normalize-colors",
-            "inline-style-prefixer",
-            "inline-style-prefixer/lib/plugins/crossFade",
-            "css-in-js-utils"
-          ]),
-          exclude: uniqueStrings([
-            ...userOptimizeDepsExclude,
-            "react-native",
-            "react-native-gesture-handler",
-            "react-native-safe-area-context",
-            "react-native-screens"
-          ])
+    name: "flow-remove-types",
+    transform: {
+      filter: { code: /@flow/ },
+      handler(code) {
+        return { code: flowRemoveTypes(code).toString() };
+      }
+    }
+  };
+}
+function stripFlowTypes(code) {
+  try {
+    return flowRemoveTypes(code).toString();
+  } catch {
+    return code;
+  }
+}
+function treeshakeFixPlugin() {
+  return {
+    name: "treeshake-fix",
+    transform: {
+      handler(_code, id) {
+        if (id.includes("react-native-css-interop") || id.includes("react-native-css") || id.includes("expo-modules-core")) {
+          return { moduleSideEffects: "no-treeshake" };
         }
-      };
-      return config;
+        return null;
+      }
+    }
+  };
+}
+function transformCssInteropDoctorCheck(code, id) {
+  if (!id.includes("node_modules/react-native-css-interop") || !id.includes("dist/doctor.js")) {
+    return { code, map: null, changed: false };
+  }
+  const re = new RegExp(DOCTOR_PATTERN.source, "g");
+  if (!re.test(code)) return { code, map: null, changed: false };
+  re.lastIndex = 0;
+  return { code: code.replace(re, "return true;"), map: null, changed: true };
+}
+function analyzeReanimatedRequires(code, exportedVars) {
+  const importMap = /* @__PURE__ */ new Map();
+  for (const varName of exportedVars) {
+    const re = new RegExp(
+      `${varName}\\s*=\\s*[\\s\\S]*?require\\(['"]([^'"]+)['"]\\)(?:\\.([\\w]+))?`,
+      "g"
+    );
+    const m = re.exec(code);
+    if (m) {
+      const [, modulePath, prop] = m;
+      const key = `${modulePath}:${prop || "default"}`;
+      if (!importMap.has(key)) importMap.set(key, []);
+      importMap.get(key).push(varName);
+    }
+  }
+  return importMap;
+}
+function generateReanimatedExports(importMap) {
+  let out = "";
+  for (const [key, vars] of importMap) {
+    const [modulePath, prop] = key.split(":");
+    for (const v of vars) {
+      out += prop === "default" ? `export { default as ${v} } from '${modulePath}';
+` : `export { ${prop} as ${v} } from '${modulePath}';
+`;
+    }
+  }
+  return out;
+}
+var REANIMATED_TRY_CATCH_RE = /try\s*\{[^{}]*?require\([^)]+\)[^{}]*?\}\s*catch[^{}]*?\{[^{}]*?\}/gs;
+function transformReanimatedWebUtils(code, id, isProduction) {
+  if (!isProduction || !id.includes("node_modules/react-native-reanimated") || !id.includes("ReanimatedModule/js-reanimated/webUtils") || !code.includes("export let") || !code.includes("try") || !code.includes("require")) {
+    return { code, map: null, changed: false };
+  }
+  const exportLetMatches = [...code.matchAll(/export let (\w+);/g)];
+  const exportedVars = exportLetMatches.map((m) => m[1]);
+  if (!exportedVars.length) return { code, map: null, changed: false };
+  const importMap = analyzeReanimatedRequires(code, exportedVars);
+  let result = code.replace(REANIMATED_TRY_CATCH_RE, "\n").replace(/export let \w+;/g, "");
+  const exports$1 = generateReanimatedExports(importMap);
+  if (!exports$1) return { code, map: null, changed: false };
+  result = result.trimEnd() + "\n\n" + exports$1;
+  return { code: result, map: null, changed: true };
+}
+
+// src/config.ts
+function normalizeUserAlias(alias) {
+  if (Array.isArray(alias)) return alias;
+  if (alias && typeof alias === "object") {
+    return Object.entries(alias).map(([find, replacement]) => ({ find, replacement: String(replacement) }));
+  }
+  return [];
+}
+function buildResolveAlias(options) {
+  const { userAliasArray, routerDomEntry } = options;
+  const alias = [...userAliasArray];
+  if (routerDomEntry) {
+    alias.push({ find: /^react-native-router-dom$/, replacement: routerDomEntry });
+  }
+  alias.push(
+    { find: /^react-native\/(?!Libraries\/Core\/Devtools\/openURLInBrowser$)(.*)$/, replacement: "react-native-web/$1" },
+    { find: "inline-style-prefixer/lib/createPrefixer", replacement: "inline-style-prefixer/es/createPrefixer" },
+    { find: /^inline-style-prefixer\/lib\/plugins\/(.*)$/, replacement: "inline-style-prefixer/es/plugins/$1" },
+    { find: /^css-in-js-utils\/lib\/(.*)$/, replacement: "css-in-js-utils/es/$1" },
+    { find: "react-native/Libraries/EventEmitter/RCTDeviceEventEmitter", replacement: "react-native-web/dist/vendor/react-native/NativeEventEmitter/RCTDeviceEventEmitter" },
+    { find: "react-native/Libraries/vendor/emitter/EventEmitter", replacement: "react-native-web/dist/vendor/react-native/emitter/EventEmitter" },
+    { find: "react-native/Libraries/EventEmitter/NativeEventEmitter", replacement: "react-native-web/dist/vendor/react-native/NativeEventEmitter" }
+  );
+  return alias;
+}
+function buildViteConfig(ctx) {
+  const { mode, userConfig, resolveExtensions, useRolldown, installedInclude, routerDomEntry } = ctx;
+  const isProd = mode === "production";
+  const userAliasArray = normalizeUserAlias(userConfig.resolve?.alias ?? []);
+  const alias = buildResolveAlias({ userAliasArray, routerDomEntry });
+  const od = userConfig.optimizeDeps;
+  const userOptimizeDepsExclude = Array.isArray(od?.exclude) ? od.exclude : [];
+  const userOptimizeDepsInclude = Array.isArray(od?.include) ? od.include : [];
+  const userEsbuildOptions = od?.esbuildOptions && typeof od.esbuildOptions === "object" ? od.esbuildOptions : {};
+  const userRolldownOptions = od?.rolldownOptions && typeof od.rolldownOptions === "object" ? od.rolldownOptions : void 0;
+  const rolldownPlugins = [flowRemoveTypesPlugin(), treeshakeFixPlugin()];
+  return {
+    resolve: {
+      alias,
+      dedupe: ["react", "react-dom"],
+      extensions: Array.isArray(userConfig.resolve?.extensions) ? void 0 : [...resolveExtensions]
     },
-    resolveId(source) {
-      if (source === "react-native-safe-area-context") return resolvedSafeAreaId;
-      if (source === "react-native-screens") return resolvedScreensId;
-      return null;
+    build: useRolldown ? {
+      rolldownOptions: {
+        resolve: { extensions: [...resolveExtensions] },
+        shimMissingExports: true,
+        treeshake: TREESHAKE_SAFE_PRESET,
+        moduleTypes: MODULE_TYPES,
+        plugins: rolldownPlugins
+      }
+    } : {
+      commonjsOptions: {
+        esmExternals: true,
+        requireReturnsDefault: "auto",
+        transformMixedEsModules: true
+      }
     },
-    load(id) {
-      if (id === resolvedSafeAreaId) {
-        return `
+    define: {
+      __DEV__: JSON.stringify(!isProd),
+      "process.env.NODE_ENV": JSON.stringify(mode),
+      "process.env.EXPO_OS": JSON.stringify("web"),
+      global: "globalThis",
+      _WORKLET: false,
+      EXPO_OS: JSON.stringify("web")
+    },
+    optimizeDeps: {
+      ...useRolldown ? {
+        rolldownOptions: {
+          ...userRolldownOptions,
+          resolve: {
+            ...userRolldownOptions?.resolve,
+            extensions: [...resolveExtensions]
+          },
+          shimMissingExports: true,
+          treeshake: TREESHAKE_SAFE_PRESET,
+          moduleTypes: MODULE_TYPES,
+          plugins: [
+            ...rolldownPlugins,
+            ...userRolldownOptions?.plugins ?? []
+          ]
+        }
+      } : {
+        esbuildOptions: {
+          ...userEsbuildOptions,
+          resolveExtensions: "resolveExtensions" in userEsbuildOptions ? userEsbuildOptions.resolveExtensions : resolveExtensions,
+          loader: {
+            ..."loader" in userEsbuildOptions ? userEsbuildOptions.loader : {},
+            ".js": "jsx"
+          }
+        }
+      },
+      include: uniqueStrings([...userOptimizeDepsInclude, ...installedInclude]),
+      exclude: uniqueStrings([
+        ...userOptimizeDepsExclude,
+        "react-native",
+        "react-native-gesture-handler",
+        "react-native-safe-area-context",
+        "react-native-screens",
+        "@react-native/new-app-screen"
+      ])
+    }
+  };
+}
+
+// src/virtuals.ts
+var VIRTUAL_RN_WEB = "virtual:rn-web";
+var VIRTUAL_OPEN_URL_IN_BROWSER = "virtual:rn-openURLInBrowser";
+var VIRTUAL_SAFE_AREA = "virtual:rn-safe-area-context";
+var VIRTUAL_SCREENS = "virtual:rn-screens";
+var VIRTUAL_GESTURE_HANDLER = "virtual:rn-gesture-handler";
+var RESOLVED_RN_WEB = "\0" + VIRTUAL_RN_WEB;
+var RESOLVED_OPEN_URL_IN_BROWSER = "\0" + VIRTUAL_OPEN_URL_IN_BROWSER;
+var RESOLVED_SAFE_AREA = "\0" + VIRTUAL_SAFE_AREA;
+var RESOLVED_SCREENS = "\0" + VIRTUAL_SCREENS;
+var RESOLVED_GESTURE_HANDLER = "\0" + VIRTUAL_GESTURE_HANDLER;
+var RN_LIBRARIES_OPEN_URL = "react-native/Libraries/Core/Devtools/openURLInBrowser";
+function getVirtualModuleContent(id) {
+  if (id === RESOLVED_RN_WEB) {
+    return [
+      "export * from 'react-native-web';",
+      "export const ReactNativeVersion = { major: 0, minor: 84, patch: 1, prerelease: null, getVersionString() { return this.major + '.' + this.minor + '.' + this.patch + (this.prerelease ? '-' + this.prerelease : ''); } };"
+    ].join("\n");
+  }
+  if (id === RESOLVED_OPEN_URL_IN_BROWSER) {
+    return "export default function openURLInBrowser(url) { if (typeof window !== 'undefined' && url) window.open(url, '_blank'); }\n";
+  }
+  if (id === RESOLVED_SAFE_AREA) {
+    return `
 import * as React from 'react';
 import { View } from 'react-native';
 export const SafeAreaInsetsContext = React.createContext(null);
@@ -161,9 +339,9 @@ export function SafeAreaView(props) {
   return React.createElement(View, props);
 }
 `;
-      }
-      if (id === resolvedScreensId) {
-        return `
+  }
+  if (id === RESOLVED_SCREENS) {
+    return `
 import * as React from 'react';
 import { View } from 'react-native';
 export function enableScreens() {}
@@ -186,10 +364,151 @@ export function ScreenContainer(props) {
   return React.createElement(View, { ...rest, style: withFlex1Style(style) });
 }
 `;
+  }
+  if (id === RESOLVED_GESTURE_HANDLER) {
+    return `
+import * as React from 'react';
+import { View } from 'react-native';
+
+export function GestureHandlerRootView(props) {
+  return React.createElement(View, props);
+}
+
+export const Gesture = {
+  Tap: () => null,
+  Pan: () => null,
+  Pinch: () => null,
+  LongPress: () => null,
+  Fling: () => null,
+  Native: () => null,
+  Manual: () => null,
+  Race: () => null,
+  Simultaneous: () => null,
+  Exclusive: () => null,
+};
+export function GestureDetector(props) {
+  return React.createElement(View, props);
+}
+export default { GestureHandlerRootView, Gesture, GestureDetector };
+`;
+  }
+  return null;
+}
+function resolveVirtualId(source) {
+  if (source === "react-native") return RESOLVED_RN_WEB;
+  if (source === RN_LIBRARIES_OPEN_URL) return RESOLVED_OPEN_URL_IN_BROWSER;
+  if (source === "react-native-safe-area-context") return RESOLVED_SAFE_AREA;
+  if (source === "react-native-screens") return RESOLVED_SCREENS;
+  if (source === "react-native-gesture-handler") return RESOLVED_GESTURE_HANDLER;
+  return null;
+}
+
+// src/index.ts
+function replaceRequireAssetsWithImports(code) {
+  const re = /require\s*\(\s*['"](\.\/assets\/[^'"]+)['"]\s*\)/g;
+  const matches = [...code.matchAll(re)];
+  if (!matches.length) return code;
+  const seen = /* @__PURE__ */ new Map();
+  const imports = [];
+  let i = 0;
+  for (const m of matches) {
+    const p = m[1];
+    if (seen.has(p)) continue;
+    const name = `__rn_asset_${i++}`;
+    seen.set(p, name);
+    imports.push(`import ${name} from '${p}';`);
+  }
+  let out = code.replace(re, (_, p) => seen.get(p) ?? _);
+  const at = Math.max(0, out.search(/\n?import\s+/));
+  return out.slice(0, at) + imports.join("\n") + "\n" + out.slice(at);
+}
+function reactNative() {
+  const pluginDir = path2.dirname(fileURLToPath(import.meta.url));
+  const require2 = createRequire(import.meta.url);
+  let buildMode = "development";
+  let useRolldown = false;
+  let transformWithOxcFn = null;
+  return {
+    name: "react-native",
+    enforce: "pre",
+    config(userConfig, env) {
+      buildMode = env.mode ?? "development";
+      const projectRoot = userConfig.root ? path2.resolve(userConfig.root) : process.cwd();
+      let routerDomEntry = null;
+      try {
+        const routerDomPkg = require2.resolve("react-native-router-dom/package.json", { paths: [projectRoot, pluginDir] });
+        const routerDomDir = path2.dirname(routerDomPkg);
+        routerDomEntry = fs.existsSync(path2.join(routerDomDir, "src/index.ts")) ? path2.join(routerDomDir, "src/index.ts") : path2.join(routerDomDir, "dist/index.mjs");
+      } catch {
+      }
+      useRolldown = getViteMajorVersion(projectRoot, require2) >= 8;
+      const resolveExtensions = userConfig.resolve?.extensions ?? [...RESOLVE_EXTENSIONS];
+      const installedInclude = getInstalledOptimizeDepsInclude(projectRoot, routerDomEntry);
+      const partial = buildViteConfig({
+        mode: buildMode,
+        userConfig,
+        resolveExtensions,
+        useRolldown,
+        installedInclude,
+        routerDomEntry
+      });
+      return partial;
+    },
+    resolveId(source) {
+      const resolved = resolveVirtualId(source);
+      return resolved ?? null;
+    },
+    load(id) {
+      const content = getVirtualModuleContent(id);
+      return content ?? null;
+    },
+    async transform(code, id) {
+      const idPath = id.split("?")[0];
+      const isNodeModulesJs = id.includes("node_modules") && /\.(js|jsx|mjs|cjs)$/.test(idPath);
+      const hasFlow = /@flow/.test(code);
+      const isReactNativePkg = /node_modules[/\\]@react-native[/\\]/.test(id) || /node_modules[/\\]react-native[/\\]/.test(id);
+      let resultCode = code;
+      if (isNodeModulesJs && (hasFlow || isReactNativePkg)) {
+        resultCode = stripFlowTypes(resultCode);
+      }
+      if (id.includes("node_modules/@react-native") && /require\s*\(\s*['"]\.\/assets\//.test(resultCode)) {
+        resultCode = replaceRequireAssetsWithImports(resultCode);
+      }
+      const cssInterop = transformCssInteropDoctorCheck(resultCode, id);
+      if (cssInterop.changed) resultCode = cssInterop.code;
+      const reanimated = transformReanimatedWebUtils(resultCode, id, buildMode === "production");
+      if (reanimated.changed) resultCode = reanimated.code;
+      if (id.includes("node_modules/@react-native") && /\.js$/.test(idPath) && /<[A-Za-z]/.test(resultCode)) {
+        if (useRolldown) {
+          if (transformWithOxcFn === null) {
+            try {
+              const vite = await import('vite');
+              if (typeof vite.transformWithOxc === "function") {
+                transformWithOxcFn = vite.transformWithOxc;
+              }
+            } catch {
+            }
+          }
+          if (transformWithOxcFn) {
+            const result2 = await transformWithOxcFn(resultCode, idPath, {
+              lang: "jsx",
+              sourcemap: true
+            });
+            return { code: result2.code, map: result2.map ?? null };
+          }
+        }
+        const result = await transformWithEsbuild(resultCode, idPath, {
+          loader: "jsx",
+          jsx: "automatic"
+        });
+        return { code: result.code, map: result.map ?? null };
+      }
+      if (resultCode !== code || cssInterop.changed || reanimated.changed) {
+        return { code: resultCode, map: null };
       }
       return null;
     }
   };
 }
 
-export { reactNative };
+export { CORE_OPTIMIZE_DEPS_INCLUDE, MODULE_TYPES, OPTIONAL_OPTIMIZE_DEPS_INCLUDE, RESOLVE_EXTENSIONS, TREESHAKE_SAFE_PRESET, buildResolveAlias, flowRemoveTypesPlugin, getInstalledOptimizeDepsInclude, getViteMajorVersion, normalizeUserAlias, reactNative, stripFlowTypes, transformCssInteropDoctorCheck, transformReanimatedWebUtils, treeshakeFixPlugin, uniqueStrings };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-react-native",
-  "version": "0.0.4",
+  "version": "1.0.1",
   "description": "Vite plugin for React Native web compatibility",
   "keywords": [
     "vite",
@@ -37,12 +37,15 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "peerDependencies": {
-    "vite": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+    "vite": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+  },
+  "dependencies": {
+    "flow-remove-types": "^2.305.1"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",
     "tsup": "^8.5.1",
     "typescript": "^5.0.0",
-    "vite": "^7.0.0"
+    "vite": "^8.0.0"
   }
 }