vite-plugin-react-native-web 2.4.1 → 2.5.0

package/README.md

@@ -18,21 +18,33 @@ npm i vite-plugin-react-native-web -D
 import reactNativeWeb from "vite-plugin-react-native-web";
 
 export default defineConfig({
-  plugins: [
-    reactNativeWeb()
-  ]
+  plugins: [reactNativeWeb({ ... })],
 });
 ```
 
+## Options
+
+The plugin accepts an options object with the following optional properties:
+
+- `enableExpoManualChunk` (boolean): When set to true, this option enables manual chunking for expo-modules-core modules to optimize bundle size and loading performance. Default is true.
+
 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 `self`
 - `__DEV__` as `process.env.NODE_ENV === 'development'`
 - `process.env.NODE_ENV` as `process.env.NODE_ENV`
+- `process.env.EXPO_OS` as `"web"`
 
 ## Contributing
+
 Please feel free to contribute to this project. Just fork it and submit a PR.
 
 ## License
+
 MIT
+
+```
+
+```

package/dist/cjs/index.js

@@ -6,7 +6,6 @@ var fs = require('node:fs/promises');
 var flowRemoveTypes = require('flow-remove-types');
 var vite = require('vite');
 
-// import type { ViteReactNativeWebOptions } from '../types'
 const development = process.env.NODE_ENV === 'development';
 const extensions = [
     // ⚠️ This currently does not work as expected (https://github.com/evanw/esbuild/issues/4053)
@@ -61,7 +60,7 @@ const esbuildPlugin = () => ({
         });
     },
 });
-const reactNativeWeb = ( /*options: ViteReactNativeWebOptions = {}*/) => ({
+const reactNativeWeb = (options) => ({
     enforce: 'pre',
     name: 'react-native-web',
     config: () => ({
@@ -76,6 +75,23 @@ const reactNativeWeb = ( /*options: ViteReactNativeWebOptions = {}*/) => ({
                 extensions,
                 transformMixedEsModules: true,
             },
+            rollupOptions: (options === null || options === void 0 ? void 0 : options.enableExpoManualChunk) !== false
+                ? {
+                    output: {
+                        manualChunks(id) {
+                            if (id.includes('expo-modules-core')) {
+                                return 'expo-modules-core';
+                            }
+                        },
+                        entryFileNames: (chunk) => {
+                            if (chunk.name === 'expo-modules-core') {
+                                return '0-expo-modules-core.js';
+                            }
+                            return '[name].js';
+                        },
+                    },
+                }
+                : undefined,
         },
         resolve: {
             extensions,

package/dist/es/index.js

@@ -2,7 +2,6 @@ import fs from 'node:fs/promises';
 import flowRemoveTypes from 'flow-remove-types';
 import { transformWithEsbuild } from 'vite';
 
-// import type { ViteReactNativeWebOptions } from '../types'
 const development = process.env.NODE_ENV === 'development';
 const extensions = [
     // ⚠️ This currently does not work as expected (https://github.com/evanw/esbuild/issues/4053)
@@ -57,7 +56,7 @@ const esbuildPlugin = () => ({
         });
     },
 });
-const reactNativeWeb = ( /*options: ViteReactNativeWebOptions = {}*/) => ({
+const reactNativeWeb = (options) => ({
     enforce: 'pre',
     name: 'react-native-web',
     config: () => ({
@@ -72,6 +71,23 @@ const reactNativeWeb = ( /*options: ViteReactNativeWebOptions = {}*/) => ({
                 extensions,
                 transformMixedEsModules: true,
             },
+            rollupOptions: (options === null || options === void 0 ? void 0 : options.enableExpoManualChunk) !== false
+                ? {
+                    output: {
+                        manualChunks(id) {
+                            if (id.includes('expo-modules-core')) {
+                                return 'expo-modules-core';
+                            }
+                        },
+                        entryFileNames: (chunk) => {
+                            if (chunk.name === 'expo-modules-core') {
+                                return '0-expo-modules-core.js';
+                            }
+                            return '[name].js';
+                        },
+                    },
+                }
+                : undefined,
         },
         resolve: {
             extensions,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vite-plugin-react-native-web",
-	"version": "2.4.1",
+	"version": "2.5.0",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -54,4 +54,4 @@
 		"vite": "^7.0.4"
 	},
 	"types": "./types/index.d.ts"
-}
+}

package/types/index.d.ts

@@ -1,6 +1,7 @@
 import type { Plugin as VitePlugin } from 'vite'
 
-// biome-ignore lint/complexity/noBannedTypes: Empty type for now
-export type ViteReactNativeWebOptions = {}
+export type ViteReactNativeWebOptions = {
+	enableExpoManualChunk?: boolean
+}
 
 export default function reactNativeWeb(options?: ViteReactNativeWebOptions): VitePlugin