@sleeperhq/mini-core 4.0.2 → 4.0.4-a

package/bin/build_mini.js

@@ -5,10 +5,11 @@ const os = require('os');
 const path = require('path');
 const readLine = require('readline');
 const fs = require('fs');
+const yargs = require('yargs');
 
 const isWindows = os.platform() === 'win32';
 
-const getCommands = (projectName) => {
+const getCommands = (projectName, useWebpack = false) => {
   // Pathing
   const distPath = path.join('dist', projectName);
   const zipFilePath = `${distPath}.zip`;
@@ -26,6 +27,9 @@ const getCommands = (projectName) => {
   };
   const reactNativeCliPath = path.join('node_modules', 'react-native', 'cli.js');
   
+  // Choose config file based on useWebpack flag
+  const configFile = useWebpack ? 'webpack.config.js' : 'rspack.config.js';
+  
   // Commands
   const removeDir = (isWindows ? 'rmdir /s /q ' : 'rm -rf ');
   // TODO (Windows): double check this zip command.
@@ -47,7 +51,7 @@ const getCommands = (projectName) => {
     --sourcemap-output "${sourcemapOutputPath[platform]}" \
     --minify true \
     --assets-dest "${assetsDestPath[platform]}" \
-    --webpackConfig ./node_modules/@sleeperhq/mini-core/rspack.config.js`;
+    --webpackConfig ./node_modules/@sleeperhq/mini-core/${configFile}`;
   };
   
   // Exposed
@@ -88,15 +92,15 @@ const spawnProcess = (command, errorMessage) => {
 };
 
 const printError = (error) => {
-  console.error("\n\033[91m" + error + "\033[0m");
+  console.error("\n\x1b[91m" + error + "\x1b[0m");
 };
 
 const printInfo = (message) => {
-  console.log("\n\033[96m" + message + "\033[0m");
+  console.log("\n\x1b[96m" + message + "\x1b[0m");
 };
 
 const printComplete = (message) => {
-  console.log("\033[92m" + message + "\033[0m");
+  console.log("\x1b[92m" + message + "\x1b[0m");
 };
 
 const getInput = (message, fallback) => {
@@ -106,7 +110,7 @@ const getInput = (message, fallback) => {
   });
   
   return new Promise((resolve) => {
-    interface.question("\n\033[96m[current: " + fallback + "]\033[0m " + message, (name) => {
+    interface.question("\n\x1b[96m[current: " + fallback + "]\x1b[0m " + message, (name) => {
       const result = name.trim();
       if (!result) {
         resolve(fallback);
@@ -136,7 +140,11 @@ const validateProjectName = (name) => {
   return regex.test(name);
 }
 
-const main = async () => {
+const main = async (useWebpack = false) => {
+  // Print configuration info
+  const configType = useWebpack ? 'webpack' : 'rspack';
+  printInfo(`Using ${configType} configuration`);
+  
   // Enter project name.
   const fallback = getProjectName();
   const projectName = await getInput("Enter project name (return to skip): ", fallback);
@@ -150,7 +158,7 @@ const main = async () => {
     setProjectName(projectName);
   }
 
-  const commands = getCommands(projectName);
+  const commands = getCommands(projectName, useWebpack);
 
   const shouldClean = await getInput("Clean and rebuild project? (y/n): ", 'y');
   if (shouldClean === 'y') {
@@ -186,4 +194,15 @@ const main = async () => {
   process.exit(0);
 };
 
-main();
+// Set up command line arguments
+const argv = yargs(process.argv.slice(2))
+  .option('webpack', {
+    alias: 'w',
+    type: 'boolean',
+    description: 'Use webpack configuration instead of rspack',
+    default: false,
+  })
+  .help()
+  .alias('help', 'h').argv;
+
+main(argv.webpack).catch(console.error);

package/mini_packages.json

@@ -19,7 +19,7 @@
     "@react-navigation/native": "6.1.17",
     "@react-navigation/stack": "6.4.0",
     "@shopify/flash-list":  "1.7.6",
-    "@sleeperhq/mini-core": "4.0.1",
+    "@sleeperhq/mini-core": "4.0.4-a",
     "amazon-cognito-identity-js": "6.3.2",
     "crypto-js": "3.3.0",
     "decimal.js-light": "2.5.1",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleeperhq/mini-core",
-  "version": "4.0.2",
+  "version": "4.0.4-a",
   "description": "Core library frameworks for developing Sleeper Mini Apps.",
   "main": "index.ts",
   "types": "index.d.ts",
@@ -38,6 +38,7 @@
     "@babel/runtime": "7.26.0",
     "@callstack/repack": "blitzstudios/repack.git#callstack-repack-v5.0.9-gitpkg",
     "@callstack/repack-plugin-reanimated": "5.1.1",
+    "@module-federation/enhanced": "0.14.3",
     "@react-native-community/cli": "15.0.1",
     "@react-native-community/cli-platform-android": "15.0.1",
     "@react-native-community/cli-platform-apple": "15.0.1",

package/rspack.config.js

@@ -45,13 +45,7 @@ module.exports = env => {
   const dev = mode === 'development';
 
   const sharedDeps = Object.keys(dependencies).reduce((acc, key) => {
-    acc[key] = { 
-      requiredVersion: dependencies[key],
-      // Only set eager for development to prevent sync loading issues in production
-      eager: dev && (key === 'react' || key === 'react-native'),
-      // Only set singleton for critical packages
-      ...(key === 'react' || key === 'react-native' ? { singleton: true } : {})
-    };
+    acc[key] = { eager: dev, requiredVersion: dependencies[key] };
     return acc;
   }, {});
 
@@ -243,7 +237,7 @@ module.exports = env => {
         },
         extraChunks: [
           {
-            include: new RegExp('.*'),
+            include: /.*/,
             type: 'remote',
             outputPath: path.join(__dirname, '..', '..', '..', 'dist', config.name, platform),
           },
@@ -251,8 +245,9 @@ module.exports = env => {
         listenerIP: config.remoteIP,
       }),
       new ReanimatedPlugin(),
-      new Repack.plugins.ModuleFederationPlugin({
+      new Repack.plugins.ModuleFederationPluginV2({
         name: config.name,
+        filename: `${config.name}.container.bundle`,
         exposes: {
           app: sampleClassPathLocal,
         },

package/webpack.config.js

@@ -119,7 +119,6 @@ module.exports = env => {
         ? 'index.android.bundle'
         : 'index.ios.bundle',
       chunkFilename: '[name].chunk.bundle',
-      publicPath: Repack.getPublicPath({platform, devServer}),
       uniqueName: config.name,
     },
     /**
@@ -289,7 +288,7 @@ module.exports = env => {
         },
         extraChunks: [
           {
-            include: new RegExp('.*'),
+            include: /.*/,
             type: 'remote',
             outputPath: path.join(__dirname, '..', '..', '..', 'dist', config.name, platform),
           },
@@ -297,8 +296,9 @@ module.exports = env => {
         listenerIP: config.remoteIP,
       }),
 
-      new Repack.plugins.ModuleFederationPlugin({
+      new Repack.plugins.ModuleFederationPluginV2({
         name: config.name,
+        filename: `${config.name}.container.bundle`,
         exposes: {
           app: sampleClassPathLocal,
         },