vite-plugin-react-native-web 2.0.0 → 2.0.2

package/README.md

@@ -27,7 +27,7 @@ export default defineConfig({
 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 `window`
+- `global` as `self`
 - `__DEV__` as `process.env.NODE_ENV === 'development'`
 - `process.env.NODE_ENV` as `process.env.NODE_ENV`
 

package/dist/cjs/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vite = require('vite');
-var flowRemoveTypes = require('flow-remove-types');
 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';
@@ -44,9 +44,9 @@ const getLoader = (path) => {
 const esbuildPlugin = () => ({
     name: 'react-native-web',
     setup: (build) => {
-        // We need to manually resolve .web files since the resolveExtensions option does not seem to work properly.
         build.onLoad({ filter: scriptPathPattern }, async (args) => {
             let path = args.path;
+            // We need to manually resolve .web files since the resolveExtensions option does not seem to work properly.
             const webPath = args.path.replace(/(\.[^/.]+)$/, '.web$1');
             try {
                 await fs.access(webPath);
@@ -56,7 +56,8 @@ const esbuildPlugin = () => ({
             let contents = await fs.readFile(path, 'utf-8');
             const loader = getLoader(path);
             if (nativeLegacyScriptPathPattern.test(path) && flowPragmaPattern.test(contents)) {
-                contents = flowRemoveTypes(contents).toString();
+                const transformed = flowRemoveTypes(contents);
+                contents = transformed.toString();
             }
             return {
                 contents,
@@ -90,10 +91,12 @@ const reactNativeWeb = ( /*options: ViteReactNativeWebOptions = {}*/) => ({
         if (!nativeLegacyScriptPathPattern.test(id)) {
             return;
         }
+        let map = null;
         if (flowPragmaPattern.test(code)) {
-            code = flowRemoveTypes(code).toString();
+            const transformed = flowRemoveTypes(code);
+            code = transformed.toString();
+            map = transformed.generateMap();
         }
-        let map = null;
         if (jsxElementPattern.test(code) || jsxSelfClosingPattern.test(code) || jsxFragmentPattern.test(code)) {
             const loader = getLoader(id);
             const result = await vite.transformWithEsbuild(code, id, {

package/dist/es/index.js

@@ -1,6 +1,6 @@
-import { transformWithEsbuild } from 'vite';
-import flowRemoveTypes from 'flow-remove-types';
 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';
@@ -40,9 +40,9 @@ const getLoader = (path) => {
 const esbuildPlugin = () => ({
     name: 'react-native-web',
     setup: (build) => {
-        // We need to manually resolve .web files since the resolveExtensions option does not seem to work properly.
         build.onLoad({ filter: scriptPathPattern }, async (args) => {
             let path = args.path;
+            // We need to manually resolve .web files since the resolveExtensions option does not seem to work properly.
             const webPath = args.path.replace(/(\.[^/.]+)$/, '.web$1');
             try {
                 await fs.access(webPath);
@@ -52,7 +52,8 @@ const esbuildPlugin = () => ({
             let contents = await fs.readFile(path, 'utf-8');
             const loader = getLoader(path);
             if (nativeLegacyScriptPathPattern.test(path) && flowPragmaPattern.test(contents)) {
-                contents = flowRemoveTypes(contents).toString();
+                const transformed = flowRemoveTypes(contents);
+                contents = transformed.toString();
             }
             return {
                 contents,
@@ -86,10 +87,12 @@ const reactNativeWeb = ( /*options: ViteReactNativeWebOptions = {}*/) => ({
         if (!nativeLegacyScriptPathPattern.test(id)) {
             return;
         }
+        let map = null;
         if (flowPragmaPattern.test(code)) {
-            code = flowRemoveTypes(code).toString();
+            const transformed = flowRemoveTypes(code);
+            code = transformed.toString();
+            map = transformed.generateMap();
         }
-        let map = null;
         if (jsxElementPattern.test(code) || jsxSelfClosingPattern.test(code) || jsxFragmentPattern.test(code)) {
             const loader = getLoader(id);
             const result = await transformWithEsbuild(code, id, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vite-plugin-react-native-web",
-    "version": "2.0.0",
+    "version": "2.0.2",
     "publishConfig": {
         "access": "public"
     },
@@ -24,6 +24,7 @@
     },
     "scripts": {
         "build": "rollup -c",
+        "lint": "biome check --write ./src ./types ./biome.json ./tsconfig.json ./rollup.config.mjs",
         "prerelease": "npm run build",
         "release": "npm publish"
     },
@@ -44,6 +45,7 @@
         "flow-remove-types": "^2.233.0"
     },
     "devDependencies": {
+        "@biomejs/biome": "^1.9.4",
         "@rollup/plugin-typescript": "^11.1.6",
         "@types/node": "^20.12.4",
         "rollup": "^4.14.0",
@@ -52,4 +54,4 @@
         "vite": "^5.2.8"
     },
     "types": "./types/index.d.ts"
-}
+}

package/types/index.d.ts

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