react-mfe-gen 1.0.6 → 1.0.7

package/README.md

@@ -1,4 +1,4 @@
-# react-mfe-gen
+# 🏗️ React Microfront end generator (react-mfe-gen)
 
 react-mfe-gen is a CLI tool that helps you quickly scaffold a base setup for React Micro-Frontend (MFE) architecture.
 
@@ -6,10 +6,11 @@ This tool uses the Runtime Integration approach — meaning each MFE is built as
 
 ## 🚀 Features:
 
-- Quickly set up a React MFE base project.
+- Quickly set up a React microfront end base project.
 - Follows Runtime Integration best practices.
-- Generates Web Components for seamless runtime integration.
-- Easy to use and beginner-friendly.
+- Outputs ready-to-execute code with fully dynamic, seamlessly integrated components..
+- Dynamically installs additional libraries based on user choices, such as state management, styling, and form handling.
+- Automatically cleans up any incomplete code if an unexpected issue occurs during the process.
 
 ## 📦 Prerequisites:
 
@@ -21,6 +22,6 @@ Node.js installed (latest LTS recommended).
     `npm install -g react-mfe-gen`
 
 - Run the CLI
-    `react-mfe-gen`
+    `create-react-mfe`
 
-- Follow the prompts to generate your project or container.
+- Answer the prompts to generate your project, container, or micro-frontend.

package/creation/container-creation.js

@@ -41,7 +41,9 @@ const containerCreation = async (language) => {
     ]);
 
     // store working dir
-    wrokingDirectories.push(commonInfo.containerPath);
+    wrokingDirectories.push(
+      `${commonInfo.containerPath}\\${containerName}`
+    );
 
     // Go inside user specified dir
     process.chdir(commonInfo.containerPath);

package/creation/new-pro-creation.js

@@ -47,7 +47,9 @@ const newProjectCreation = async (language) => {
     ]);
 
     // store working dir
-    wrokingDirectories.push(commonInfo.containerPath);
+    wrokingDirectories.push(
+      `${commonInfo.containerPath}\\${projectInfo.projectName}`
+    );
     // Go inside user specified dir
     process.chdir(commonInfo.containerPath);
 
@@ -82,7 +84,9 @@ const newProjectCreation = async (language) => {
         ...PROMPT.COMMON,
       ]);
       // store working dir
-      wrokingDirectories.push(mfeInfo.path);
+      wrokingDirectories.push(
+        `${mfeInfo.path}\\${mfeName}`
+      );
       // Go inside user specified mfe dir
       process.chdir(mfeInfo.path);
       const mfeAppCommand = utils.getLanguageTemplate(mfeName, isTypeScript);

package/creation/single-mfe-creation.js

@@ -19,8 +19,10 @@ const singleMfeCreation = async (language) => {
       PROMPT.CONDITIONAL.FORM_MANAGEMENT,
     ]);
 
-    // store working dir
-    wrokingDirectories.push(mfeInfo.mfePath);
+        // store working dir
+    wrokingDirectories.push(
+      `${mfeInfo.mfePath}\\${mfeName}`
+    );
 
     // Go inside user specified dir
     process.chdir(mfeInfo.mfePath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mfe-gen",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "CLI tool for react Microfront end initial setup",
   "main": "index.js",
   "scripts": {
@@ -26,7 +26,7 @@
     "access": "public"
   },
   "bin": {
-    "react-mfe-gen": "./index.js"
+    "create-react-mfe": "./index.js"
   },
   "keywords": [
     "react",

package/utility.js

@@ -162,7 +162,7 @@ class utils {
     // Create readme
     await writeFile("README.md", `# ${projectName}\n${projectDescription}`);
 
-    console.log(`${projectName} created ✅`);
+    console.log(`${projectName} created ✅\n`);
   }
   static async configureMfe(info, mfeName, index) {
     // Destructure inputs