npm - vite-plugin-react-native-web - Versions diffs - 2.6.0 → 2.7.0 - Mend

vite-plugin-react-native-web 2.6.0 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -26,7 +26,7 @@ export default defineConfig({
 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.
+- `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 false. Be cautious when enabling this option, since it overrides user-defined manual chunks in the Vite configuration.
 If you are getting errors please report them in the issues section.

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "vite-plugin-react-native-web",
-	"version": "2.6.0",
+	"version": "2.7.0",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -24,7 +24,7 @@
 	},
 	"scripts": {
 		"build": "rollup -c",
-		"lint": "biome check --write ./src ./types ./biome.json ./tsconfig.json ./rollup.config.mjs",
+		"lint": "biome check --write ./src ./types ./biome.json ./tsconfig.json ./rollup.config.mjs ./example/tsconfig.app.json ./example/tsconfig.node.json ./example/tsconfig.json ./example/vite.config.ts ./example/src",
 		"prerelease": "npm run build",
 		"release": "npm publish"
 	},

package/dist/cjs/index.js DELETED Viewed

@@ -1,144 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var fs = require('node:fs/promises');
-var flowRemoveTypes = require('flow-remove-types');
-var vite = require('vite');
-const development = process.env.NODE_ENV === 'development';
-const extensions = [
-    // ⚠️ This currently does not work as expected (https://github.com/evanw/esbuild/issues/4053)
-    // '.web.mjs',
-    // '.mjs',
-    // '.web.js',
-    // '.js',
-    // '.web.mts',
-    // '.mts',
-    // '.web.ts',
-    // '.ts',
-    // '.web.jsx',
-    // '.jsx',
-    // '.web.tsx',
-    // '.tsx',
-    // '.json',
-    // ⚠️ Temporary fix
-    '.web.mjs',
-    '.web.js',
-    '.web.mts',
-    '.web.ts',
-    '.web.jsx',
-    '.web.tsx',
-    '.mjs',
-    '.js',
-    '.mts',
-    '.ts',
-    '.jsx',
-    '.tsx',
-    '.json',
-];
-const reactNativeFlowJsxPathPattern = /\.(js|flow)$/;
-const reactNativeFlowJsxLoader = 'jsx';
-const flowPragmaPattern = /@flow\b/;
-const useClientPragmaPattern = /['"]use client['"]/;
-const jsxElementPattern = /<([A-Za-z][A-Za-z0-9]*)\b[^>]*>([\s\S]*?)<\/\1>/;
-const jsxSelfClosingPattern = /<([A-Za-z][A-Za-z0-9]*)\b[^>]*\/?>/;
-const jsxFragmentPattern = /<>([\s\S]*?)<\/>/;
-const esbuildPlugin = () => ({
-    name: 'react-native-web',
-    setup: (build) => {
-        build.onLoad({ filter: reactNativeFlowJsxPathPattern }, async (args) => {
-            let contents = await fs.readFile(args.path, 'utf-8');
-            if (flowPragmaPattern.test(contents)) {
-                const transformed = flowRemoveTypes(contents);
-                contents = transformed.toString();
-            }
-            return {
-                contents,
-                loader: reactNativeFlowJsxLoader,
-            };
-        });
-    },
-});
-const reactNativeWeb = (options) => ({
-    enforce: 'pre',
-    name: 'react-native-web',
-    config: () => ({
-        define: {
-            global: 'globalThis',
-            __DEV__: JSON.stringify(development),
-            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
-            'process.env.EXPO_OS': JSON.stringify('web'),
-        },
-        build: {
-            commonjsOptions: {
-                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,
-            alias: [{ find: 'react-native', replacement: 'react-native-web' }],
-        },
-        optimizeDeps: {
-            esbuildOptions: {
-                plugins: [esbuildPlugin()],
-                resolveExtensions: extensions,
-            },
-        },
-    }),
-    async transform(code, id) {
-        id = id.split('?')[0];
-        if (!reactNativeFlowJsxPathPattern.test(id)) {
-            return;
-        }
-        let map = null;
-        if (flowPragmaPattern.test(code)) {
-            const transformed = flowRemoveTypes(code);
-            code = transformed.toString();
-            map = {
-                file: id,
-                toUrl: () => id,
-                ...transformed.generateMap(),
-            };
-        }
-        if (jsxElementPattern.test(code) || jsxSelfClosingPattern.test(code) || jsxFragmentPattern.test(code)) {
-            const result = await vite.transformWithEsbuild(code, id, {
-                loader: reactNativeFlowJsxLoader,
-                tsconfigRaw: {
-                    compilerOptions: {
-                        jsx: 'react-jsx',
-                    },
-                },
-            });
-            code = result.code;
-            map = result.map;
-            // Do not include source maps for files that are using 'use client' pragma since these break the esbuild mappings (https://github.com/vitejs/vite/issues/15012)
-            if (useClientPragmaPattern.test(code)) {
-                map = null;
-            }
-        }
-        return { code, map };
-    },
-});
-exports.default = reactNativeWeb;
-module.exports = Object.assign(exports.default, exports);
-//# sourceMappingURL=index.js.map

package/dist/es/index.js DELETED Viewed

@@ -1,139 +0,0 @@
-import fs from 'node:fs/promises';
-import flowRemoveTypes from 'flow-remove-types';
-import { transformWithEsbuild } from 'vite';
-const development = process.env.NODE_ENV === 'development';
-const extensions = [
-    // ⚠️ This currently does not work as expected (https://github.com/evanw/esbuild/issues/4053)
-    // '.web.mjs',
-    // '.mjs',
-    // '.web.js',
-    // '.js',
-    // '.web.mts',
-    // '.mts',
-    // '.web.ts',
-    // '.ts',
-    // '.web.jsx',
-    // '.jsx',
-    // '.web.tsx',
-    // '.tsx',
-    // '.json',
-    // ⚠️ Temporary fix
-    '.web.mjs',
-    '.web.js',
-    '.web.mts',
-    '.web.ts',
-    '.web.jsx',
-    '.web.tsx',
-    '.mjs',
-    '.js',
-    '.mts',
-    '.ts',
-    '.jsx',
-    '.tsx',
-    '.json',
-];
-const reactNativeFlowJsxPathPattern = /\.(js|flow)$/;
-const reactNativeFlowJsxLoader = 'jsx';
-const flowPragmaPattern = /@flow\b/;
-const useClientPragmaPattern = /['"]use client['"]/;
-const jsxElementPattern = /<([A-Za-z][A-Za-z0-9]*)\b[^>]*>([\s\S]*?)<\/\1>/;
-const jsxSelfClosingPattern = /<([A-Za-z][A-Za-z0-9]*)\b[^>]*\/?>/;
-const jsxFragmentPattern = /<>([\s\S]*?)<\/>/;
-const esbuildPlugin = () => ({
-    name: 'react-native-web',
-    setup: (build) => {
-        build.onLoad({ filter: reactNativeFlowJsxPathPattern }, async (args) => {
-            let contents = await fs.readFile(args.path, 'utf-8');
-            if (flowPragmaPattern.test(contents)) {
-                const transformed = flowRemoveTypes(contents);
-                contents = transformed.toString();
-            }
-            return {
-                contents,
-                loader: reactNativeFlowJsxLoader,
-            };
-        });
-    },
-});
-const reactNativeWeb = (options) => ({
-    enforce: 'pre',
-    name: 'react-native-web',
-    config: () => ({
-        define: {
-            global: 'globalThis',
-            __DEV__: JSON.stringify(development),
-            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
-            'process.env.EXPO_OS': JSON.stringify('web'),
-        },
-        build: {
-            commonjsOptions: {
-                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,
-            alias: [{ find: 'react-native', replacement: 'react-native-web' }],
-        },
-        optimizeDeps: {
-            esbuildOptions: {
-                plugins: [esbuildPlugin()],
-                resolveExtensions: extensions,
-            },
-        },
-    }),
-    async transform(code, id) {
-        id = id.split('?')[0];
-        if (!reactNativeFlowJsxPathPattern.test(id)) {
-            return;
-        }
-        let map = null;
-        if (flowPragmaPattern.test(code)) {
-            const transformed = flowRemoveTypes(code);
-            code = transformed.toString();
-            map = {
-                file: id,
-                toUrl: () => id,
-                ...transformed.generateMap(),
-            };
-        }
-        if (jsxElementPattern.test(code) || jsxSelfClosingPattern.test(code) || jsxFragmentPattern.test(code)) {
-            const result = await transformWithEsbuild(code, id, {
-                loader: reactNativeFlowJsxLoader,
-                tsconfigRaw: {
-                    compilerOptions: {
-                        jsx: 'react-jsx',
-                    },
-                },
-            });
-            code = result.code;
-            map = result.map;
-            // Do not include source maps for files that are using 'use client' pragma since these break the esbuild mappings (https://github.com/vitejs/vite/issues/15012)
-            if (useClientPragmaPattern.test(code)) {
-                map = null;
-            }
-        }
-        return { code, map };
-    },
-});
-export { reactNativeWeb as default };
-//# sourceMappingURL=index.js.map

package/dist/es/package.json DELETED Viewed

	@@ -1 +0,0 @@
1	- {"type":"module"}