vite-plugin-react-native 0.0.3 → 1.0.0

package/dist/index.d.ts

@@ -1,5 +1,83 @@
-import { Plugin } from 'vite';
+import { AliasOptions, Plugin } from 'vite';
+
+declare function flowRemoveTypesPlugin(): {
+    name: string;
+    transform: {
+        filter: {
+            code: RegExp;
+        };
+        handler: (code: string) => {
+            code: string;
+        };
+    };
+};
+declare function stripFlowTypes(code: string): string;
+declare function treeshakeFixPlugin(): {
+    name: string;
+    transform: {
+        handler: (_code: string, id: string) => {
+            moduleSideEffects: string;
+        } | null;
+    };
+};
+declare function transformCssInteropDoctorCheck(code: string, id: string): {
+    code: string;
+    map: null;
+    changed: boolean;
+};
+declare function transformReanimatedWebUtils(code: string, id: string, isProduction: boolean): {
+    code: string;
+    map: null;
+    changed: boolean;
+};
+
+/** Vite 配置：别名、define、build、optimizeDeps */
+
+type AliasEntry = {
+    find: string | RegExp;
+    replacement: string;
+};
+declare function normalizeUserAlias(alias: AliasOptions): AliasEntry[];
+declare function buildResolveAlias(options: {
+    userAliasArray: AliasEntry[];
+    routerDomEntry: string | null;
+}): AliasEntry[];
+
+/** 常量与工具：扩展名、optimizeDeps 列表、去重、Vite 版本、动态 include */
+declare const RESOLVE_EXTENSIONS: readonly [".web.mjs", ".web.js", ".web.ts", ".web.tsx", ".web.jsx", ".mjs", ".js", ".ts", ".tsx", ".jsx", ".json"];
+declare const MODULE_TYPES: {
+    readonly '.js': "jsx";
+    readonly '.mjs': "jsx";
+    readonly '.cjs': "jsx";
+    readonly '.flow': "jsx";
+};
+declare const TREESHAKE_SAFE_PRESET: {
+    annotations: boolean;
+    invalidImportSideEffects: boolean;
+    manualPureFunctions: string[];
+    moduleSideEffects: boolean;
+    propertyReadSideEffects: "always";
+    unknownGlobalSideEffects: boolean;
+    propertyWriteSideEffects: "always";
+};
+declare const CORE_OPTIMIZE_DEPS_INCLUDE: readonly ["react", "react-dom", "react/jsx-runtime", "react/jsx-dev-runtime", "react-native-web"];
+declare const OPTIONAL_OPTIMIZE_DEPS_INCLUDE: readonly ["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"];
+type RequireLike = {
+    resolve: (id: string, options?: {
+        paths?: string[];
+    }) => string;
+};
+declare function uniqueStrings(values: Array<string | undefined>): string[];
+/** 从项目解析的 Vite 主版本号，用于判断是否使用 rolldownOptions（Vite 8+） */
+declare function getViteMajorVersion(projectRoot: string, require: RequireLike): number;
+/**
+ * 仅包含项目已安装的依赖，避免 optimizeDeps.include 里未安装的包导致解析失败。
+ * 核心列表 + 可选列表中在 package.json 里出现的项。
+ */
+declare function getInstalledOptimizeDepsInclude(projectRoot: string, routerDomEntry: string | null): string[];
+
+/** Vite 插件：React Native Web 兼容（别名、虚拟模块、Flow、optimizeDeps） */
 
 declare function reactNative(): Plugin;
 
-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/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,81 +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 config = {
-        resolve: {
-          alias: [
-            ...userAliasArray,
-            { find: /^react-native$/, replacement: "react-native-web" },
-            { find: /^react-native-router-dom$/, replacement: routerDomEntry }
-          ],
-          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: {
-          include: uniqueStrings([
-            ...userOptimizeDepsInclude,
-            "react",
-            "react-dom",
-            "react/jsx-runtime",
-            "react/jsx-dev-runtime",
-            "hoist-non-react-statics",
-            "invariant"
-          ]),
-          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);
@@ -139,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() {}
@@ -164,10 +364,131 @@ 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";
+  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 {
+      }
+      const 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)) {
+        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.3",
+  "version": "1.0.0",
   "description": "Vite plugin for React Native web compatibility",
   "keywords": [
     "vite",
@@ -37,7 +37,10 @@
     "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",
@@ -45,4 +48,4 @@
     "typescript": "^5.0.0",
     "vite": "^7.0.0"
   }
-}
+}