vite-plugin-rnw 0.0.3 → 0.0.5

package/README.md

@@ -1,6 +1,8 @@
 # vite-plugin-rnw
 
-A vite plugin for React Native Web projects. (edited from a version of the react plugin)
+A vite plugin for React Native Web projects.
+
+This plugin is based on the [react plugin](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md)
 
 - enable [Fast Refresh](https://www.npmjs.com/package/react-refresh) in development (requires react >= 16.9)
 - use the [automatic JSX runtime](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html)
@@ -32,8 +34,15 @@ export default defineConfig({
 });
 ```
 
-> `node_modules` can be processed by this plugin when needed
-> the excludes default is `/\/node_modules\/(?!react-native|@react-native|expo|@expo)/;`
+`node_modules` can be processed by this plugin when needed
+
+By default the excludes pattern is:
+
+```js
+/\/node_modules\/(?!react-native|@react-native|expo|@expo)/;
+```
+
+This means any package that starts with react-native, @react-native, expo, or @expo will be included and other node_modules will be excluded. But you can change this to include or exclude any package you want.
 
 ### jsxImportSource
 

package/dist/index.cjs

@@ -25,6 +25,7 @@ const node_path = __toESM(require("node:path"));
 const node_url = __toESM(require("node:url"));
 const node_fs = __toESM(require("node:fs"));
 const vite = __toESM(require("vite"));
+const __bunchtogether_vite_plugin_flow = __toESM(require("@bunchtogether/vite-plugin-flow"));
 const vite_plugin_commonjs = __toESM(require("vite-plugin-commonjs"));
 const __rolldown_pluginutils = __toESM(require("@rolldown/pluginutils"));
 
@@ -186,13 +187,23 @@ function rnw(opts = {}) {
 				},
 				optimizeDeps: {
 					...initialOptions.optimizeDeps,
-					include: ["react-native-reanimated"],
+					include: ["react-native-reanimated", "react-native-css-interop"],
 					esbuildOptions: {
 						...(_initialOptions$optim = initialOptions.optimizeDeps) === null || _initialOptions$optim === void 0 ? void 0 : _initialOptions$optim.esbuildOptions,
 						resolveExtensions: extensions,
-						loader: { ".js": "jsx" }
+						loader: { ".js": "jsx" },
+						plugins: [(0, __bunchtogether_vite_plugin_flow.esbuildFlowPlugin)(/* @__PURE__ */ new RegExp(/\.(flow|jsx?)$/), (_path) => "jsx")]
 					}
 				},
+				build: { rollupOptions: {
+					treeshake: "safest",
+					plugins: [{
+						name: "nativewind-fix",
+						async transform(code, id) {
+							if (id.includes("react-native-css-interop") && id.includes("runtime/components.js")) return { moduleSideEffects: "no-treeshake" };
+						}
+					}]
+				} },
 				resolve: {
 					extensions,
 					alias: { "react-native": "react-native-web" }
@@ -334,6 +345,7 @@ function rnw(opts = {}) {
 		}
 	};
 	return [
+		(0, __bunchtogether_vite_plugin_flow.flowPlugin)({ exclude }),
 		{
 			name: "treat-js-files-as-jsx",
 			async transform(code, id) {

package/dist/index.js

@@ -3,6 +3,7 @@ import { fileURLToPath } from "node:url";
 import { readFileSync } from "node:fs";
 import * as vite from "vite";
 import { createFilter } from "vite";
+import { esbuildFlowPlugin, flowPlugin } from "@bunchtogether/vite-plugin-flow";
 import commonjs from "vite-plugin-commonjs";
 import { exactRegex, makeIdFiltersToMatchWithQuery } from "@rolldown/pluginutils";
 
@@ -164,13 +165,23 @@ function rnw(opts = {}) {
 				},
 				optimizeDeps: {
 					...initialOptions.optimizeDeps,
-					include: ["react-native-reanimated"],
+					include: ["react-native-reanimated", "react-native-css-interop"],
 					esbuildOptions: {
 						...(_initialOptions$optim = initialOptions.optimizeDeps) === null || _initialOptions$optim === void 0 ? void 0 : _initialOptions$optim.esbuildOptions,
 						resolveExtensions: extensions,
-						loader: { ".js": "jsx" }
+						loader: { ".js": "jsx" },
+						plugins: [esbuildFlowPlugin(/* @__PURE__ */ new RegExp(/\.(flow|jsx?)$/), (_path) => "jsx")]
 					}
 				},
+				build: { rollupOptions: {
+					treeshake: "safest",
+					plugins: [{
+						name: "nativewind-fix",
+						async transform(code, id) {
+							if (id.includes("react-native-css-interop") && id.includes("runtime/components.js")) return { moduleSideEffects: "no-treeshake" };
+						}
+					}]
+				} },
 				resolve: {
 					extensions,
 					alias: { "react-native": "react-native-web" }
@@ -312,6 +323,7 @@ function rnw(opts = {}) {
 		}
 	};
 	return [
+		flowPlugin({ exclude }),
 		{
 			name: "treat-js-files-as-jsx",
 			async transform(code, id) {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.3",
+  "version": "0.0.5",
   "name": "vite-plugin-rnw",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -39,26 +39,28 @@
   },
   "devDependencies": {
     "@types/node": "^22",
-    "tsdown": "^0.12.9",
-    "vite": "^7.0.4",
     "babel-plugin-react-compiler": "19.1.0-rc.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "rolldown": "1.0.0-beta.24"
+    "rolldown": "1.0.0-beta.24",
+    "tsdown": "^0.12.9",
+    "vite": "^7.0.4"
   },
   "peerDependencies": {
+    "react-native-web": "*",
     "typescript": "^5",
-    "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
-    "react-native-web": "*"
+    "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
   },
   "dependencies": {
-    "vite-plugin-commonjs": "^0.10.4",
-    "@babel/plugin-transform-modules-commonjs": "^7.27.1",
     "@babel/core": "^7.28.0",
+    "@babel/plugin-transform-flow-strip-types": "^7.27.1",
+    "@babel/plugin-transform-modules-commonjs": "^7.27.1",
     "@babel/plugin-transform-react-jsx-self": "^7.27.1",
     "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+    "@bunchtogether/vite-plugin-flow": "^1.0.2",
     "@rolldown/pluginutils": "1.0.0-beta.24",
     "@types/babel__core": "^7.20.5",
-    "react-refresh": "^0.17.0"
+    "react-refresh": "^0.17.0",
+    "vite-plugin-commonjs": "^0.10.4"
   }
 }