create-synapse-mfe 1.0.11 → 1.1.0

package/README.md

@@ -1,15 +1,15 @@
-# create-synapse-mfe 🚀
+# create-synapse-mfe
 
 A lightning-fast, zero-dependency CLI scaffolding tool for bootstrapping a modern, scalable **Micro-Frontend (MFE)** architecture using **Vite**, **React**, and **Module Federation**.
 
-## 🌟 Features
+## Features
 
 - **Zero Dependencies**: Built with native Node.js (`child_process`, `fs`) for instant execution.
 - **Vite & Module Federation**: Pre-configured for high-performance React applications.
 - **Enterprise Ready**: Includes a Host (Shell) app, Remote apps, and shared libraries out of the box.
 - **Nx Monorepo Style**: Organized for scalable development.
 
-## 📦 Usage
+## Usage
 
 You do not need to install this package globally. Simply run it directly using `npx`:
 
@@ -25,7 +25,7 @@ The CLI will interactively ask for your project name (default: `synapse-workspac
 npx create-synapse-mfe@latest my-awesome-mfe
 ```
 
-## 🛠️ Next Steps After Scaffolding
+## Next Steps After Scaffolding
 
 Once your project is generated, follow these simple steps to spin up the entire Micro-Frontend ecosystem:
 
@@ -40,7 +40,7 @@ pnpm install
 pnpm run dev:new
 ```
 
-## 🔐 Default Mock Credentials (Development)
+## Default Mock Credentials (Development)
 
 Saat `MSW` aktif di mode development, gunakan akun berikut untuk login cepat:
 
@@ -55,7 +55,7 @@ Catatan:
 - `auth-mfe` menampilkan kredensial mock otomatis di bawah form login (dev + MSW).
 - Dokumentasi detail tersedia di `/docs/api-mocking`, `/docs/api-interceptors`, dan `/docs/security`.
 
-## 🏗️ Architecture Blueprint
+## Architecture Blueprint
 
 The generated workspace pulls from a clean-slate boilerplate that includes:
 
@@ -64,6 +64,6 @@ The generated workspace pulls from a clean-slate boilerplate that includes:
 - `apps/docs-mfe`: A remote documentation micro-frontend.
 - `libs/`: Shared libraries holding UI components, types, and API logic.
 
-## 📄 License
+## License
 
 MIT

package/bin/index.js

@@ -25,9 +25,9 @@ const rl = readline.createInterface({
   output: process.stdout,
 });
 
-console.log('\x1b[36m%s\x1b[0m', '🚀 Welcome to create-synapse-mfe CLI v1.0.5!');
+console.log('\x1b[36m%s\x1b[0m', 'Welcome to create-synapse-mfe CLI v1.0.5!');
 console.log('Scaffolding a Vite-powered Micro-Frontend Architecture...');
-console.log("\x1b[32m✨ What's new in v1.0.4:\x1b[0m");
+console.log("\x1b[32mWhat's new in v1.0.4:\x1b[0m");
 console.log(
   '  \x1b[34m- Hardened security (removed token from query params & sessionStorage)\x1b[0m'
 );
@@ -50,20 +50,35 @@ const getProjectName = () => {
   });
 };
 
+const getScopeName = () => {
+  return new Promise((resolve) => {
+    if (process.argv[3]) {
+      resolve(process.argv[3]);
+    } else {
+      rl.question('\n\x1b[33m? Nama NPM scope organisasi Anda:\x1b[0m (@synapse) ', (answer) => {
+        let scope = answer.trim() || '@synapse';
+        if (!scope.startsWith('@')) scope = '@' + scope;
+        resolve(scope);
+      });
+    }
+  });
+};
+
 (async () => {
   const projectName = await getProjectName();
+  const scopeName = await getScopeName();
   const currentDir = process.cwd();
   const projectPath = path.join(currentDir, projectName);
 
   if (fs.existsSync(projectPath)) {
     console.error(
-      `\n\x1b[31m❌ Error: Folder "${projectName}" sudah ada! Harap pilih nama lain.\x1b[0m`
+      `\n\x1b[31mError: Folder "${projectName}" sudah ada! Harap pilih nama lain.\x1b[0m`
     );
     process.exit(1);
   }
 
   console.log(
-    `\n\x1b[32m📦 Mengkloning blueprint MFE ke dalam \x1b[1m${projectName}\x1b[0m...\x1b[0m`
+    `\n\x1b[32mMengkloning blueprint MFE ke dalam \x1b[1m${projectName}\x1b[0m...\x1b[0m`
   );
 
   const cloneCmd = `git clone --depth 1 ${GIT_REPO} "${projectName}"`;
@@ -71,7 +86,7 @@ const getProjectName = () => {
     process.exit(1);
   }
 
-  console.log(`\n\x1b[32m🧹 Membersihkan jejak git lama (Re-initializing)...\x1b[0m`);
+  console.log(`\n\x1b[32mMembersihkan jejak git lama (Re-initializing)...\x1b[0m`);
   const gitFolder = path.join(projectPath, '.git');
   if (fs.existsSync(gitFolder)) {
     fs.rmSync(gitFolder, { recursive: true, force: true });
@@ -88,16 +103,22 @@ const getProjectName = () => {
     fs.rmSync(npmWorkflow, { force: true });
   }
 
-  console.log(`\x1b[32m🌱 Memulai repositori Git baru...\x1b[0m`);
+  console.log(`\x1b[32mMemulai repositori Git baru...\x1b[0m`);
   runCommand(`git init`, { cwd: projectPath });
 
-  console.log(`\n\x1b[36m✨ Berhasil! Proyek "\x1b[1m${projectName}\x1b[0m\x1b[36m" telah siap.\n`);
+  if (scopeName !== '@synapse') {
+    console.log(`\n\x1b[32mMengganti NPM scope menjadi \x1b[1m${scopeName}\x1b[0m...\x1b[0m`);
+    // Memanggil script rebranding otomatis yang sudah ada dalam template
+    runCommand(`node scripts/setup-scope.js ${scopeName}`, { cwd: projectPath });
+  }
+
+  console.log(`\n\x1b[36mBerhasil! Proyek "\x1b[1m${projectName}\x1b[0m\x1b[36m" telah siap.\n`);
   console.log('Langkah selanjutnya yang harus Anda lakukan:');
   console.log(`\x1b[33m  cd ${projectName}\x1b[0m`);
   console.log('\x1b[33m  pnpm install\x1b[0m');
   console.log('\x1b[33m  pnpm run dev:new\n\x1b[0m');
 
-  console.log('\x1b[36m🔐 Mock credentials (development):\x1b[0m');
+  console.log('\x1b[36mMock credentials (development):\x1b[0m');
   console.log('  \x1b[34m- auth-mfe (/auth/login): admin@Synapse.com / password123\x1b[0m');
   console.log('  \x1b[34m- auth-mfe (/auth/login): user@Synapse.com / password123\x1b[0m');
   console.log('  \x1b[34m- standalone MFE (isolated): dev@synapse.local / password123\x1b[0m');
@@ -105,7 +126,7 @@ const getProjectName = () => {
     '  \x1b[34m- docs: /docs/api-mocking, /docs/api-interceptors, /docs/security\x1b[0m\n'
   );
 
-  console.log('\x1b[35mSelamat Mengoding Micro-Frontend! ⚛️\x1b[0m\n');
+  console.log('\x1b[35mSelamat Mengoding Micro-Frontend!\x1b[0m\n');
 
   rl.close();
   process.exit(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-synapse-mfe",
-  "version": "1.0.11",
+  "version": "1.1.0",
   "description": "Scaffolding tool to create a new Synapse Micro-Frontend workspace",
   "main": "bin/index.js",
   "bin": {