stuff

Author: dannyhw

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@vitejs/vite-plugin-react-monorepo",
+  "name": "@dhw/vite-plugin-react-native-web-monorepo",
   "private": true,
   "type": "module",
   "engines": {

packages/plugin-react/CHANGELOG.md renamed to packages/plugin-react-native-web/CHANGELOG.md

@@ -1,11 +1,10 @@
 {
-  "name": "@vitejs/plugin-react",
+  "name": "@dhw/plugin-react-native-web",
   "version": "4.3.4",
   "license": "MIT",
-  "author": "Evan You",
+  "author": "Daniel Williams",
   "contributors": [
-    "Alec Larson",
-    "Arnaud Barré"
+    "Daniel Williams"
   ],
   "files": [
     "dist"
@@ -44,6 +43,7 @@
     "babel-plugin-react-native-web": "^0.19.13",
     "@babel/plugin-transform-flow-strip-types": "^7.25.9",
     "@babel/plugin-transform-modules-commonjs": "^7.26.3",
+    "@babel/plugin-syntax-export-default-from": "^7.25.9",
     "@types/babel__core": "^7.20.5",
     "react-refresh": "^0.14.2"
   },

packages/plugin-react/LICENSE renamed to packages/plugin-react-native-web/LICENSE

@@ -40,7 +40,7 @@ let prevRefreshSig;
 if (import.meta.hot && !inWebWorker) {
   if (!window.__vite_plugin_react_preamble_installed__) {
     throw new Error(
-      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +
+      "@dhw/plugin-react-native-web can't detect preamble. Something is wrong. " +
       "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"
     );
   }

packages/plugin-react/README.md renamed to packages/plugin-react-native-web/README.md

@@ -82,7 +82,7 @@ type ReactBabelHookContext = { ssr: boolean; id: string }
 
 export type ViteReactPluginApi = {
   /**
-   * Manipulate the Babel options of `@vitejs/plugin-react`
+   * Manipulate the Babel options of `@dhw/plugin-react-native-web`
    */
   reactBabel?: ReactBabelHook
 }
@@ -146,6 +146,7 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
           'process.env.NODE_ENV': JSON.stringify(
             process.env.NODE_ENV || env.mode,
           ),
+          __reanimatedLoggerConfig: `{}`,
         },
         optimizeDeps: {
           esbuildOptions: {
@@ -166,18 +167,18 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
 
       if (opts.jsxRuntime === 'classic') {
         return {
+          ...commonOptions,
           esbuild: {
             jsx: 'transform',
           },
-          ...commonOptions,
         } satisfies ViteOptions
       } else {
         return {
+          ...commonOptions,
           esbuild: {
             jsx: 'automatic',
             jsxImportSource: opts.jsxImportSource,
           },
-          ...commonOptions,
           optimizeDeps: {
             ...commonOptions.optimizeDeps,
             esbuildOptions: {
@@ -199,7 +200,7 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
 
       if ('jsxPure' in opts) {
         config.logger.warnOnce(
-          '[@vitejs/plugin-react] jsxPure was removed. You can configure esbuild.jsxSideEffects directly.',
+          '[@dhw/plugin-react-native-web] jsxPure was removed. You can configure esbuild.jsxSideEffects directly.',
         )
       }
 
@@ -234,9 +235,20 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
         return newBabelOptions
       })()
       const plugins = [
-        loadPlugin('babel-plugin-react-native-web'),
-        loadPlugin('@babel/plugin-transform-flow-strip-types'),
-        loadPlugin('@babel/plugin-transform-modules-commonjs'),
+        await loadPlugin('babel-plugin-react-native-web'),
+        await loadPlugin('@babel/plugin-transform-flow-strip-types'),
+        await loadPlugin('@babel/plugin-syntax-export-default-from'),
+        // [
+        //   // this is a fix for reanimated not working in production
+        //   '@babel/plugin-transform-modules-commonjs',
+        //   {
+        //     strict: false,
+        //     strictMode: false, // prevent "use strict" injections
+        //     allowTopLevelThis: true, // dont rewrite global `this` -> `undefined`
+        //   },
+        // ],
+
+        // await loadPlugin('@babel/plugin-transform-modules-commonjs'),
         ...babelOptions.plugins,
       ]
 
@@ -336,7 +348,7 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
     jsxImportRuntime,
   ]
   const staticBabelPlugins =
-    typeof opts.babel === 'object' ? opts.babel?.plugins ?? [] : []
+    typeof opts.babel === 'object' ? (opts.babel?.plugins ?? []) : []
   const reactCompilerPlugin = getReactCompilerPlugin(staticBabelPlugins)
   if (reactCompilerPlugin != null) {
     const reactCompilerRuntimeModule =
@@ -353,7 +365,7 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
         include: dependencies,
       },
       resolve: {
-        dedupe: ['react', 'react-dom'],
+        dedupe: ['react', 'react-dom', 'react-native', 'react-native-web'],
       },
     }),
     resolveId(id) {