vite-plugin-react-native 1.0.0 → 1.0.1

package/README.md

@@ -147,7 +147,8 @@ cd demo && npm install && npm run build
 
 ## Vite 版本
 
-- Vite 4.x / 5.x / 6.x / 7.x
+- Vite 4.x / 5.x / 6.x / 7.x / 8.x  
+- 仓库内 `demo/` 已在 **Vite 6、7、8** 下验证通过（`npm run build`）；开发态 `npm run dev` 可本地自测。
 
 ## 工作原理简述
 

package/dist/index.cjs

@@ -435,6 +435,8 @@ function reactNative() {
   const pluginDir = path2__default.default.dirname(url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))));
   const require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
   let buildMode = "development";
+  let useRolldown = false;
+  let transformWithOxcFn = null;
   return {
     name: "react-native",
     enforce: "pre",
@@ -448,7 +450,7 @@ function reactNative() {
         routerDomEntry = fs__default.default.existsSync(path2__default.default.join(routerDomDir, "src/index.ts")) ? path2__default.default.join(routerDomDir, "src/index.ts") : path2__default.default.join(routerDomDir, "dist/index.mjs");
       } catch {
       }
-      const useRolldown = getViteMajorVersion(projectRoot, require2) >= 8;
+      useRolldown = getViteMajorVersion(projectRoot, require2) >= 8;
       const resolveExtensions = userConfig.resolve?.extensions ?? [...RESOLVE_EXTENSIONS];
       const installedInclude = getInstalledOptimizeDepsInclude(projectRoot, routerDomEntry);
       const partial = buildViteConfig({
@@ -486,6 +488,24 @@ function reactNative() {
       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 vite.transformWithEsbuild(resultCode, idPath, {
           loader: "jsx",
           jsx: "automatic"

package/dist/index.js

@@ -426,6 +426,8 @@ 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",
@@ -439,7 +441,7 @@ function reactNative() {
         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;
+      useRolldown = getViteMajorVersion(projectRoot, require2) >= 8;
       const resolveExtensions = userConfig.resolve?.extensions ?? [...RESOLVE_EXTENSIONS];
       const installedInclude = getInstalledOptimizeDepsInclude(projectRoot, routerDomEntry);
       const partial = buildViteConfig({
@@ -477,6 +479,24 @@ function reactNative() {
       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"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-react-native",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Vite plugin for React Native web compatibility",
   "keywords": [
     "vite",
@@ -46,6 +46,6 @@
     "@types/node": "^20.0.0",
     "tsup": "^8.5.1",
     "typescript": "^5.0.0",
-    "vite": "^7.0.0"
+    "vite": "^8.0.0"
   }
 }