@codemoreira/esad 1.4.6-2 → 1.4.6-4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemoreira/esad",
-  "version": "1.4.6-2",
+  "version": "1.4.6-4",
   "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/cli/utils/scaffold.js

@@ -35,15 +35,21 @@ async function renameProject(targetDir, newName) {
     if (appJson.expo) {
       appJson.expo.name = newName;
       appJson.expo.slug = newName;
+      appJson.expo.scheme = newName.replace(/[^a-zA-Z0-9]/g, '').toLowerCase();
+      
       if (appJson.expo.android) {
         appJson.expo.android.package = `com.anonymous.${newName.replace(/[^a-zA-Z0-9]/g, '')}`;
       }
+      
+      if (appJson.expo.ios) {
+        appJson.expo.ios.bundleIdentifier = `com.anonymous.${newName.replace(/[^a-zA-Z0-9]/g, '')}`;
+      }
     } else {
       appJson.name = newName;
       appJson.slug = newName;
     }
     await fs.writeJson(appJsonPath, appJson, { spaces: 2 });
-    console.log(`✅ Updated app.json name/slug/package.`);
+    console.log(`✅ Updated app.json name/slug/package/scheme.`);
   }
 
   // 3. Update Rspack Config if exists
@@ -60,27 +66,37 @@ async function renameProject(targetDir, newName) {
 }
 
 /**
- * Prepares the native folders and applies Re.Pack patches
+ * Prepares the native folders and ensures the ESAD Config Plugin is registered
  */
 async function prepareNative(cwd, platform = 'android') {
+  const appJsonPath = path.join(cwd, 'app.json');
+  
+  // 1. Ensure Config Plugin is in app.json
+  if (fs.existsSync(appJsonPath)) {
+    const appJson = await fs.readJson(appJsonPath);
+    if (appJson.expo) {
+      const plugins = appJson.expo.plugins || [];
+      const pluginName = '@codemoreira/esad/plugin/config-plugin';
+      
+      if (!plugins.includes(pluginName) && !plugins.some(p => Array.isArray(p) && p[0] === pluginName)) {
+        appJson.expo.plugins = [...plugins, pluginName];
+        await fs.writeJson(appJsonPath, appJson, { spaces: 2 });
+        console.log(`✅ Added ESAD Config Plugin to app.json.`);
+      }
+    }
+  }
+
+  // 2. Run Prebuild (this will trigger the plugin)
   if (!fs.existsSync(path.join(cwd, 'android')) && (platform === 'android' || platform === 'all')) {
     console.log(`📦 Native folder not found. Running expo prebuild...`);
     await runProcess('npx', ['expo', 'prebuild', '--platform', 'android'], cwd);
+  } else if (platform === 'all' || platform === 'ios' || platform === 'android') {
+    // If folder exists, we still might want to run prebuild to sync changes if forced, 
+    // but ESAD's dev command usually assumes it's managed.
+    // For now, let's just ensure react-native.config.js exists.
   }
 
-  // Apply Gradle Patch (Android)
-  const buildGradlePath = path.join(cwd, 'android/app/build.gradle');
-  if (fs.existsSync(buildGradlePath)) {
-    let content = await fs.readFile(buildGradlePath, 'utf8');
-    if (!content.includes('project.ext.react')) {
-      const patch = `\nproject.ext.react = [\n    bundleCommand: "repack-bundle",\n    bundleConfig: "rspack.config.mjs"\n]\n\n`;
-      content = content.replace(/react \{/, `${patch}react {`);
-      await fs.writeFile(buildGradlePath, content);
-      console.log(`✅ Patched android/app/build.gradle for Re.Pack.`);
-    }
-  }
-
-  // Create react-native.config.js if missing
+  // 3. Create react-native.config.js if missing
   const rnConfigPath = path.join(cwd, 'react-native.config.js');
   if (!fs.existsSync(rnConfigPath)) {
     const content = `module.exports = {\n  commands: require('@callstack/repack/commands/rspack'),\n};\n`;

package/src/plugin/config-plugin.js

@@ -0,0 +1,45 @@
+const { withAppBuildGradle, withXcodeProject } = require('expo/config-plugins');
+
+/**
+ * ESAD Re.Pack Config Plugin
+ * 
+ * Automates the native patching required for Re.Pack/Rspack to work with Expo.
+ * Replaces manual patching in ESAD CLI.
+ */
+module.exports = (config) => {
+  // --- iOS Patching ---
+  config = withXcodeProject(config, (configuration) => {
+    const xcodeProject = configuration.modResults;
+    const bundleReactNativeCodeAndImagesBuildPhase = xcodeProject.buildPhaseObject(
+      'PBXShellScriptBuildPhase',
+      'Bundle React Native code and images'
+    );
+
+    if (bundleReactNativeCodeAndImagesBuildPhase) {
+      const script = JSON.parse(bundleReactNativeCodeAndImagesBuildPhase.shellScript);
+      const patched = script
+        .replace(
+          /if \[\[ -z "\$CLI_PATH" \]\]; then[\s\S]*?fi\n?/g,
+          `export CLI_PATH="$("$NODE_BINARY" --print "require('path').dirname(require.resolve('@react-native-community/cli/package.json')) + '/build/bin.js'")"`
+        )
+        .replace(/if \[\[ -z "\$BUNDLE_COMMAND" \]\]; then[\s\S]*?fi\n?/g, '');
+      
+      bundleReactNativeCodeAndImagesBuildPhase.shellScript = JSON.stringify(patched);
+    }
+    return configuration;
+  });
+
+  // --- Android Patching ---
+  config = withAppBuildGradle(config, (configuration) => {
+    const buildGradle = configuration.modResults.contents;
+    // Ensure Re.Pack bundle command is used
+    const patched = buildGradle
+      .replace(/cliFile.*/, '')
+      .replace(/bundleCommand.*/, 'bundleCommand = "bundle"');
+    
+    configuration.modResults.contents = patched;
+    return configuration;
+  });
+
+  return config;
+};

package/src/plugin/index.js

@@ -3,6 +3,7 @@ const fs = require('node:fs');
 const Repack = require('@callstack/repack');
 const { ExpoModulesPlugin } = require('@callstack/repack-plugin-expo-modules');
 const { ProvidePlugin, DefinePlugin } = require('@rspack/core');
+const { ReanimatedPlugin } = require('@callstack/repack-plugin-reanimated');
 
 /**
  * ESAD Re.Pack Plugin Wrapper
@@ -48,6 +49,7 @@ function withESAD(env, options) {
         '@': dirname,
         'expo-router': path.resolve(dirname, 'node_modules/expo-router'),
         'react-native': path.resolve(dirname, 'node_modules/react-native'),
+        'react-native-web': path.resolve(dirname, 'node_modules/react-native'),
         ...Repack.getResolveOptions().alias,
       }
     },
@@ -85,9 +87,16 @@ function withESAD(env, options) {
       new DefinePlugin({
         'process.env.NODE_ENV': JSON.stringify(isDev ? 'development' : 'production'),
         '__DEV__': JSON.stringify(isDev),
+        'process.env.EXPO_BASE_URL': JSON.stringify(''),
+        'process.env.EXPO_OS': JSON.stringify(platform),
+        'process.env.EXPO_PROJECT_ROOT': JSON.stringify(dirname),
+        'process.env.EXPO_ROUTER_ABS_APP_ROOT': JSON.stringify(path.resolve(dirname, 'app')),
+        'process.env.EXPO_ROUTER_APP_ROOT': JSON.stringify('./app'),
+        'process.env.EXPO_ROUTER_IMPORT_MODE': JSON.stringify('sync'),
       }),
       new ExpoModulesPlugin(),
       new Repack.RepackPlugin(),
+      new ReanimatedPlugin(),
       new Repack.plugins.ModuleFederationPluginV2({
         name: id,
         filename: `${id}.container.js.bundle`,