@codemoreira/esad 2.0.1-25 → 2.0.1-26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemoreira/esad",
-  "version": "2.0.1-25",
+  "version": "2.0.1-26",
   "description": "Easy Super App Development - Zero-Config CLI and DevTools for React Native Module Federation",
   "main": "src/plugin/index.js",
   "types": "./src/plugin/index.d.ts",

package/src/plugin/env-shim.js

@@ -0,0 +1,16 @@
+/**
+ * ESAD Runtime Environment Shim
+ * Injected at the very beginning of the bundle to prevent "TypeError: right operand of 'in' is not an object"
+ */
+if (typeof process === 'undefined') {
+  // Use globalThis for modern JS environments (Hermes/V8)
+  const globalObj = typeof globalThis !== 'undefined' ? globalThis : (typeof global !== 'undefined' ? global : {});
+  globalObj.process = { env: {} };
+} else if (!process.env) {
+  process.env = {};
+}
+
+// These placeholders are replaced by Rspack's DefinePlugin during build time
+process.env.EXPO_OS = '__EXPO_OS__';
+process.env.NODE_ENV = '__NODE_ENV__';
+process.env.REPACK_PLATFORM = '__REPACK_PLATFORM__';

package/src/plugin/index.js

@@ -2,7 +2,7 @@ const path = require('node:path');
 const fs = require('node:fs');
 const Repack = require('@callstack/repack');
 const { ExpoModulesPlugin } = require('@callstack/repack-plugin-expo-modules');
-const { DefinePlugin, BannerPlugin } = require('@rspack/core');
+const { DefinePlugin } = require('@rspack/core');
 
 /**
  * ESAD Re.Pack Plugin Wrapper
@@ -38,7 +38,10 @@ function withESAD(env, options) {
   const config = {
     mode: isDev ? 'development' : 'production',
     context: dirname,
-    entry: options.entry || './index.js',
+    entry: [
+      path.resolve(__dirname, 'env-shim.js'),
+      options.entry || './index.js'
+    ],
     output: {
       path: path.resolve(dirname, 'build', platform),
       filename: 'index.bundle',
@@ -106,26 +109,14 @@ function withESAD(env, options) {
     },
     plugins: [
       new DefinePlugin({
+        '__EXPO_OS__': JSON.stringify(platform),
+        '__NODE_ENV__': JSON.stringify(isDev ? 'development' : 'production'),
+        '__REPACK_PLATFORM__': JSON.stringify(platform),
         'process.env.NODE_ENV': JSON.stringify(isDev ? 'development' : 'production'),
         'process.env.EXPO_OS': JSON.stringify(platform),
         'process.env.REPACK_PLATFORM': JSON.stringify(platform),
-        'process.env': JSON.stringify({
-          NODE_ENV: isDev ? 'development' : 'production',
-          EXPO_OS: platform,
-          REPACK_PLATFORM: platform,
-        }),
         '__DEV__': JSON.stringify(isDev),
       }),
-      new BannerPlugin({
-        raw: true,
-        entryOnly: true,
-        banner: `
-          if (typeof process === 'undefined') { var process = { env: {} }; }
-          if (typeof process.env === 'undefined') { process.env = {}; }
-          process.env.EXPO_OS = '${platform}';
-          process.env.NODE_ENV = '${isDev ? 'development' : 'production'}';
-        `,
-      }),
       new ExpoModulesPlugin(),
       new Repack.RepackPlugin(),
       new Repack.plugins.ModuleFederationPluginV2({

package/src/plugin/runtime-env.js

@@ -1,15 +0,0 @@
-/**
- * ESAD Runtime Environment Polyfill
- * This file is injected at the very beginning of the bundle to ensure
- * that Expo and React Navigation find the expected environment variables.
- */
-if (typeof global !== 'undefined') {
-  global.process = global.process || {};
-  global.process.env = global.process.env || {};
-  
-  // These values are placeholders that will be replaced by DefinePlugin
-  // or set via BannerPlugin, but here we provide a safe fallback object.
-  if (typeof global.process.env !== 'object' || global.process.env === null) {
-    global.process.env = {};
-  }
-}