vite-plugin-react-native-web 3.0.0-rc.2 → 3.0.0

package/dist/cjs/index.js

@@ -27,11 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 let flow_remove_types = require("flow-remove-types");
 flow_remove_types = __toESM(flow_remove_types);
 //#region src/plugins/flow-remove-types-plugin.ts
-const reactNativeFlowJsxPathPattern = /\.(js|flow)$/;
 const flowRemoveTypesPlugin = () => ({
 	name: "flow-remove-types",
 	transform: {
-		filter: { id: reactNativeFlowJsxPathPattern },
+		filter: { code: /@flow/ },
 		handler: async (code) => {
 			code = (0, flow_remove_types.default)(code).toString();
 			return code;
@@ -50,18 +49,6 @@ const treeshakeFixPlugin = () => ({
 	}
 });
 //#endregion
-//#region src/plugins/type-exports-fix.ts
-const typeExportsFixPlugin = () => ({
-	name: "type-exports-fix",
-	load: {
-		filter: { id: /expo-modules-core.*ts-declarations.*\.ts$/ },
-		handler: () => ({
-			code: "export {}",
-			moduleType: "js"
-		})
-	}
-});
-//#endregion
 //#region src/index.ts
 const development = process.env.NODE_ENV === "development";
 const extensions = [
@@ -81,13 +68,20 @@ const extensions = [
 ];
 const moduleTypes = {
 	".js": "jsx",
+	".mjs": "jsx",
+	".cjs": "jsx",
 	".flow": "jsx"
 };
-const optimizeDepsInclude = [
-	"expo",
-	"expo-modules-core",
-	"react-native"
-];
+const treeshakePreset = {
+	annotations: true,
+	invalidImportSideEffects: true,
+	manualPureFunctions: [],
+	moduleSideEffects: true,
+	propertyReadSideEffects: "always",
+	unknownGlobalSideEffects: true,
+	propertyWriteSideEffects: "always"
+};
+const optimizeDepsInclude = ["react-native-web"];
 const reactNativeWeb = (_options) => ({
 	enforce: "pre",
 	name: "react-native-web",
@@ -107,23 +101,19 @@ const reactNativeWeb = (_options) => ({
 		},
 		build: { rolldownOptions: {
 			resolve: { extensions },
+			shimMissingExports: true,
+			treeshake: treeshakePreset,
 			moduleTypes,
-			plugins: [
-				flowRemoveTypesPlugin(),
-				treeshakeFixPlugin(),
-				typeExportsFixPlugin()
-			]
+			plugins: [flowRemoveTypesPlugin(), treeshakeFixPlugin()]
 		} },
 		optimizeDeps: {
 			include: optimizeDepsInclude,
 			rolldownOptions: {
 				resolve: { extensions },
+				shimMissingExports: true,
+				treeshake: treeshakePreset,
 				moduleTypes,
-				plugins: [
-					flowRemoveTypesPlugin(),
-					treeshakeFixPlugin(),
-					typeExportsFixPlugin()
-				]
+				plugins: [flowRemoveTypesPlugin(), treeshakeFixPlugin()]
 			}
 		}
 	})

package/dist/es/index.js

@@ -1,10 +1,9 @@
 import flowRemoveTypes from "flow-remove-types";
 //#region src/plugins/flow-remove-types-plugin.ts
-const reactNativeFlowJsxPathPattern = /\.(js|flow)$/;
 const flowRemoveTypesPlugin = () => ({
 	name: "flow-remove-types",
 	transform: {
-		filter: { id: reactNativeFlowJsxPathPattern },
+		filter: { code: /@flow/ },
 		handler: async (code) => {
 			code = flowRemoveTypes(code).toString();
 			return code;
@@ -23,18 +22,6 @@ const treeshakeFixPlugin = () => ({
 	}
 });
 //#endregion
-//#region src/plugins/type-exports-fix.ts
-const typeExportsFixPlugin = () => ({
-	name: "type-exports-fix",
-	load: {
-		filter: { id: /expo-modules-core.*ts-declarations.*\.ts$/ },
-		handler: () => ({
-			code: "export {}",
-			moduleType: "js"
-		})
-	}
-});
-//#endregion
 //#region src/index.ts
 const development = false;
 const extensions = [
@@ -54,13 +41,20 @@ const extensions = [
 ];
 const moduleTypes = {
 	".js": "jsx",
+	".mjs": "jsx",
+	".cjs": "jsx",
 	".flow": "jsx"
 };
-const optimizeDepsInclude = [
-	"expo",
-	"expo-modules-core",
-	"react-native"
-];
+const treeshakePreset = {
+	annotations: true,
+	invalidImportSideEffects: true,
+	manualPureFunctions: [],
+	moduleSideEffects: true,
+	propertyReadSideEffects: "always",
+	unknownGlobalSideEffects: true,
+	propertyWriteSideEffects: "always"
+};
+const optimizeDepsInclude = ["react-native-web"];
 const reactNativeWeb = (_options) => ({
 	enforce: "pre",
 	name: "react-native-web",
@@ -80,23 +74,19 @@ const reactNativeWeb = (_options) => ({
 		},
 		build: { rolldownOptions: {
 			resolve: { extensions },
+			shimMissingExports: true,
+			treeshake: treeshakePreset,
 			moduleTypes,
-			plugins: [
-				flowRemoveTypesPlugin(),
-				treeshakeFixPlugin(),
-				typeExportsFixPlugin()
-			]
+			plugins: [flowRemoveTypesPlugin(), treeshakeFixPlugin()]
 		} },
 		optimizeDeps: {
 			include: optimizeDepsInclude,
 			rolldownOptions: {
 				resolve: { extensions },
+				shimMissingExports: true,
+				treeshake: treeshakePreset,
 				moduleTypes,
-				plugins: [
-					flowRemoveTypesPlugin(),
-					treeshakeFixPlugin(),
-					typeExportsFixPlugin()
-				]
+				plugins: [flowRemoveTypesPlugin(), treeshakeFixPlugin()]
 			}
 		}
 	})

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vite-plugin-react-native-web",
-	"version": "3.0.0-rc.2",
+	"version": "3.0.0",
 	"type": "module",
 	"publishConfig": {
 		"access": "public"
@@ -25,7 +25,6 @@
 	},
 	"scripts": {
 		"build": "rolldown -c rolldown.config.ts",
-		"lint": "biome check --write",
 		"prerelease": "npm run build",
 		"release": "npm publish"
 	},
@@ -43,10 +42,9 @@
 		"react-native-web"
 	],
 	"dependencies": {
-		"flow-remove-types": "^2.304.0"
+		"flow-remove-types": "^2.305.0"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.4.6",
 		"@rollup/plugin-typescript": "^12.3.0",
 		"@types/node": "^25.5.0",
 		"rolldown": "^1.0.0-rc.9",

package/README.md

@@ -1,53 +0,0 @@
-# vite-plugin-react-native-web
-
-[![npm](https://img.shields.io/npm/v/vite-plugin-react-native-web?style=flat-square)](https://www.npmjs.com/package/vite-plugin-react-native-web)
-
-Add React Native Web support to Vite by removing Flow types, aliasing `react-native` to `react-native-web` and transforming .js files as .jsx files using ESBuild.
-
-## Installation
-
-Just install it:
-
-```bash
-npm i vite-plugin-react-native-web -D
-```
-
-## Usage
-
-```typescript
-import reactNativeWeb from "vite-plugin-react-native-web";
-
-export default defineConfig({
-  plugins: [reactNativeWeb({ ... })],
-});
-```
-
-If you are getting errors please report them in the issues section.
-
-The following variables are defined in the transformed files: (inferred during Vite's build process)
-
-- `global` as `globalThis`
-- `__DEV__` as `process.env.NODE_ENV === 'development'`
-- `process.env.NODE_ENV` as `process.env.NODE_ENV`
-- `process.env.EXPO_OS` as `"web"`
-
-## Examples
-
-- [React + TypeScript + Vite + React Native Web Example](./apps/example)
-- [React + TypeScript + Expo + Vite + React Native Web Example](./apps/expo-example)
-
-## Contributing
-
-Please feel free to contribute to this project. Just fork it and submit a PR.
-
-## License
-
-MIT
-
-```
-
-```
-
-```
-
-```