unictive-angular 1.0.3

package/README-NPM.md

@@ -0,0 +1,41 @@
+# angular-unictive
+
+🚀 **CLI untuk membuat project Angular dengan struktur kustom (Clean Architecture)**  
+⚡ Kompatibel dengan **macOS, Linux, Windows**  
+👤 by [EkaHersada]  
+
+---
+
+## 📦 Instalasi
+
+```bash
+npm i -g angular-unictive
+```
+
+---
+
+## 🚀 Cara Pakai
+
+Buat project baru:
+```bash
+angular-unictive
+```
+
+Cek versi:
+```bash
+angular-unictive -v
+```
+
+---
+
+## ✨ Fitur
+- Auto generate project Angular baru.
+- Tambahan struktur folder: `modules`, `core`, `api`, `shared`.
+- Tambahan file contoh (`AppService`, `User Model`, dll).
+- Update otomatis `package.json` dengan script dev.
+- Support macOS, Linux, Windows.
+
+---
+
+## 📜 Lisensi
+MIT © 2025 - EkaHersada

package/README.md

@@ -0,0 +1,105 @@
+# create-angular-project-safe
+
+🚀 **CLI Script untuk membuat proyek Angular dengan struktur kustom (Clean Architecture)**  
+⚡ Kompatibel dengan **macOS, Linux, Windows**  
+👤 by [EkaHersada]  
+
+---
+
+## ✨ Fitur
+
+- Otomatis membuat project Angular baru menggunakan **Angular CLI**.
+- Menambahkan struktur folder **Modules, Core, API, Shared**.
+- Otomatis membuat file contoh (`AppService`, `User Model`, dll).
+- Auto update `package.json` dengan script tambahan (`start:dev`, `build:dev`, dll).
+- Deteksi sistem operasi (macOS, Linux, Windows).
+- Spinner interaktif saat proses berjalan.
+- Fallback: Install otomatis **Angular CLI** jika belum ada.
+- Perintah **versi CLI** (`-v` / `--version`).
+
+---
+
+## 📦 Instalasi
+
+### Global Install via NPM
+```bash
+npm i -g unictive-angular
+```
+
+### Cek versi
+```bash
+unictive-angular -v
+```
+
+---
+
+## 🚀 Cara Penggunaan
+
+### Buat proyek baru
+```bash
+unictive-angular
+```
+
+Kemudian ikuti instruksi untuk memasukkan **nama project**.
+
+### Output
+- Proyek Angular baru akan dibuat.
+- Struktur folder tambahan otomatis ditambahkan:
+
+```
+src/app/
+  ├── modules/
+  │   ├── auth/
+  │   ├── dashboard/
+  │   └── home/
+  ├── core/
+  │   ├── services/
+  │   ├── guards/
+  │   ├── interceptors/
+  │   ├── models/
+  │   └── config/
+  ├── api/
+  │   ├── endpoints/
+  │   ├── config/
+  │   └── services/
+  └── shared/
+      ├── components/
+      ├── directives/
+      ├── pipes/
+      ├── layout/
+      └── utils/
+```
+
+---
+
+## 🛠 Script tambahan di `package.json`
+
+```json
+"scripts": {
+  "start:dev": "ng serve --port 4200 --open",
+  "build:dev": "ng build",
+  "lint": "ng lint",
+  "test": "ng test --watch=false"
+}
+```
+
+---
+
+## 🔧 Prasyarat
+
+- **Node.js** (>= 16)
+- **npm** (>= 8)
+- **Angular CLI** (jika belum ada, akan otomatis diinstall)
+
+---
+
+## 💡 Jalankan Proyek
+
+```bash
+cd nama-project && ng serve
+```
+
+---
+
+## 📜 Lisensi
+MIT License © 2025 - EkaHersada  

package/bin/index.js

@@ -0,0 +1,305 @@
+#!/usr/bin/env node
+
+/**
+ * Script installer Angular Project dengan struktur kustom
+ * Nama file: create-angular-project-safe.js
+ * ⚡ Kompatibel: macOS, Linux, Windows
+ * 👤 by - EkaHersada
+ */
+
+const { execSync, spawn } = require("child_process");
+const fs = require("fs");
+const os = require("os");
+const path = require("path");
+const readline = require("readline");
+
+// Baca versi dari package.json
+const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, "../package.json"), "utf8"));
+
+if (process.argv.includes("-v") || process.argv.includes("--version")) {
+  console.log(pkg.version);
+  process.exit(0);
+}
+
+// ===================== Utility =====================
+const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
+const clear = () => process.stdout.write("\x1Bc");
+
+function show_status(message, status = "info") {
+  const icons = {
+    info: "ℹ️ ",
+    success: "✅",
+    warning: "⚠️ ",
+    error: "❌",
+    loading: "⏳",
+  };
+  console.log(`${icons[status] || ""} ${message}`);
+}
+
+async function run_with_spinner(cmd, msg, successMsg, errorMsg) {
+  let spinnerFrames = ["▏", "▎", "▍", "▌", "▋", "▊", "▉", "█", "▉", "▊", "▋", "▌", "▍", "▎"];
+  let i = 0;
+  let active = true;
+
+  const spinner = setInterval(() => {
+    process.stdout.write(`\r${spinnerFrames[i++ % spinnerFrames.length]} ${msg}`);
+  }, 100);
+
+  return new Promise((resolve, reject) => {
+    const child = spawn(cmd, { shell: true, stdio: "ignore" });
+
+    child.on("exit", (code) => {
+      clearInterval(spinner);
+      process.stdout.write("\r\x1b[K"); // clear line
+      if (code === 0) {
+        show_status(successMsg, "success");
+        resolve(true);
+      } else {
+        show_status(errorMsg, "error");
+        reject(new Error(errorMsg));
+      }
+    });
+  });
+}
+
+// ===================== Header =====================
+function clear_and_header(version) {
+  clear();
+  console.log("================================================================");
+  console.log("        SCRIPT PEMBUATAN PROJECT ANGULAR DENGAN STRUKTUR KUSTOM");
+  console.log("================================================================");
+  console.log(`📦 Versi CLI: ${version}`);
+  console.log("🔧 Membuat project Angular dengan struktur:");
+  console.log("    MODULES, CORE, API, SHARED");
+  console.log("⚡ Kompatibel dengan macOS, Linux, dan Windows");
+  console.log("🛡️ Versi Aman - Penanganan Error Lengkap");
+  console.log("👤 by - EkaHersada");
+  console.log("================================================================\n");
+}
+
+// ===================== OS Detection =====================
+function check_os() {
+  show_status("Mendeteksi sistem operasi...", "info");
+  let platform = os.platform();
+  if (platform === "darwin") {
+    show_status("🍏 Sistem operasi: macOS", "success");
+    return "macOS";
+  } else if (platform === "linux") {
+    show_status("🐧 Sistem operasi: Linux", "success");
+    return "Linux";
+  } else if (platform === "win32") {
+    show_status("🪟 Sistem operasi: Windows", "success");
+    return "Windows";
+  } else {
+    show_status(`❓ Sistem operasi tidak dikenali: ${platform}`, "warning");
+    return "Unknown";
+  }
+}
+
+// ===================== Dependencies =====================
+async function check_dependencies() {
+  show_status("Memeriksa dependensi...", "info");
+
+  await run_with_spinner("node -v", "Memeriksa Node.js...", `Node.js: ${execSync("node -v").toString().trim()}`, "Node.js tidak ditemukan!");
+  await run_with_spinner("npm -v", "Memeriksa npm...", `npm: ${execSync("npm -v").toString().trim()}`, "npm tidak ditemukan!");
+
+  try {
+    execSync("ng version", { stdio: "ignore" });
+  } catch {
+    show_status("Angular CLI tidak ditemukan, menginstall...", "warning");
+    await run_with_spinner("npm install -g @angular/cli@latest", "Menginstall Angular CLI...", "Angular CLI berhasil diinstall", "Gagal install Angular CLI");
+  }
+
+  const ngVersion = execSync("ng version").toString().split("\n").find((l) => l.includes("Angular CLI"));
+  await run_with_spinner("ng version", "Memeriksa Angular CLI...", `Angular CLI: ${ngVersion?.split(" ")[2] || "Unknown"}`, "Angular CLI terinstall, tapi tidak bisa baca versi");
+  console.log("");
+}
+
+// ===================== Input Project Name =====================
+async function get_project_name() {
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout,
+  });
+
+  function ask(q) {
+    return new Promise((resolve) => rl.question(q, resolve));
+  }
+
+  let name;
+  while (true) {
+    name = await ask("Masukan nama project: ");
+    name = name.trim().toLowerCase().replace(/[^a-z0-9\-_]/g, "").replace(/^-+|-+$/g, "");
+    if (!name) {
+      show_status("Nama project tidak boleh kosong!", "error");
+      continue;
+    }
+    if (name.length > 50) {
+      show_status("Nama project terlalu panjang!", "error");
+      continue;
+    }
+    break;
+  }
+
+  rl.close();
+  return name;
+}
+
+// ===================== Create Project =====================
+async function create_project() {
+  const projectName = await get_project_name();
+  if (fs.existsSync(projectName)) {
+    show_status(`Direktori '${projectName}' sudah ada!`, "error");
+    process.exit(1);
+  }
+
+  show_status(`Membuat project Angular: ${projectName}`, "info");
+  execSync(`ng new ${projectName}`, { stdio: "inherit" });
+  process.chdir(projectName);
+  show_status("Project berhasil dibuat!", "success");
+  return projectName;
+}
+
+// ===================== Structure =====================
+function create_structure() {
+  show_status("Membuat struktur folder arsitektur...", "info");
+  const folders = [
+  // Core Layer
+  "src/app/core",
+  "src/app/core/config",
+  "src/app/core/guards",
+  "src/app/core/interceptors",
+  "src/app/core/models",
+  "src/app/core/services",
+
+  // Shared Layer
+  "src/app/shared",
+  "src/app/shared/ui",
+  "src/app/shared/pipes",
+  "src/app/shared/directives",
+  "src/app/shared/utils",
+
+  // Features Layer - contoh fitur awal
+  "src/app/features/dashboard/domain",
+  "src/app/features/dashboard/application",
+  "src/app/features/dashboard/infrastructure",
+  "src/app/features/dashboard/presentation",
+
+  "src/app/features/profile/domain",
+  "src/app/features/profile/application",
+  "src/app/features/profile/infrastructure",
+  "src/app/features/profile/presentation",
+
+  "src/app/features/settings/domain",
+  "src/app/features/settings/application",
+  "src/app/features/settings/infrastructure",
+  "src/app/features/settings/presentation",
+];
+
+// Fungsi menulis README di tiap folder
+function writeReadme(folder) {
+  const layer = folder.split("/").pop();
+  const content = `# ${layer.toUpperCase()}
+
+Folder ini untuk layer **${layer}**.
+
+- **domain** → berisi entity, interface, dan aturan bisnis murni
+- **application** → berisi use case, service koordinasi domain
+- **infrastructure** → berisi API call, repository, integrasi eksternal
+- **presentation** → berisi komponen Angular, routing, dan UI
+
+> Bagian ini adalah bagian dari arsitektur **Clean Architecture** untuk fitur ini.
+`;
+
+  fs.writeFileSync(path.join(folder, "README.md"), content);
+}
+
+// Buat folder dan isi README
+folders.forEach((folder) => {
+  fs.mkdirSync(folder, { recursive: true });
+  writeReadme(folder);
+  console.log(`Created: ${folder}`);
+});
+
+  show_status("Struktur folder berhasil dibuat!", "success");
+
+}
+
+// ===================== Update package.json =====================
+function update_package_json() {
+  show_status("Memperbarui package.json...", "info");
+  const pkg = JSON.parse(fs.readFileSync("package.json", "utf8"));
+  fs.copyFileSync("package.json", "package.json.backup");
+
+  pkg.scripts["start:dev"] = "ng serve --port 4200 --open";
+  pkg.scripts["build:dev"] = "ng build";
+  pkg.scripts["lint"] = "ng lint";
+  pkg.scripts["test"] = "ng test --watch=false";
+
+  fs.writeFileSync("package.json", JSON.stringify(pkg, null, 2));
+  show_status("package.json berhasil diperbarui!", "success");
+}
+
+// ===================== Show Completion =====================
+function show_completion(projectName, OS) {
+  console.log("🎉=======================================================🎉");
+  console.log("                PROYEK ANGULAR BERHASIL DIBUAT!");
+  console.log("🎉=======================================================🎉");
+  console.log(`📦 Nama Project: ${projectName}`);
+  console.log(`🖥  Sistem: ${OS}`);
+  console.log("🚀 Jalankan dengan:");
+  console.log(`   cd ${projectName} && npm start`);
+  console.log("✅ Semua proses selesai. Selamat berkoding!");
+}
+
+// ===================== Main =====================
+async function main() {
+
+    const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, "../package.json"), "utf8"));
+
+clear_and_header(pkg.version);
+  const OS = check_os();
+  await check_dependencies();
+  const projectName = await create_project();
+  create_structure();
+  update_package_json();
+
+  await run_with_spinner("npm install", "Menginstall dependencies...", "Dependencies berhasil diinstall!", "Gagal install dependencies");
+  show_completion(projectName, OS);
+}
+
+function copyRecursiveSync(src, dest) {
+  if (!fs.existsSync(src)) return;
+
+  const stats = fs.statSync(src);
+
+  if (stats.isDirectory()) {
+    if (!fs.existsSync(dest)) {
+      fs.mkdirSync(dest, { recursive: true });
+    }
+
+    fs.readdirSync(src).forEach((file) => {
+      const srcFile = path.join(src, file);
+      const destFile = path.join(dest, file);
+      copyRecursiveSync(srcFile, destFile);
+    });
+  } else {
+    fs.copyFileSync(src, dest);
+  }
+}
+
+async function copy_template() {
+  await run_with_spinner(
+    `cp -r "${path.join(__dirname, "templates", "app")}" "${path.join(process.cwd(), "src", "app")}"`,
+    "Menyalin folder app dari template ke src/app...",
+    "Folder src/app berhasil disalin!",
+    "Gagal menyalin folder src/app!"
+  );
+}
+
+  
+
+main().catch((err) => {
+  console.error("❌ Terjadi kesalahan:", err.message);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "unictive-angular",
+  "version": "1.0.3",
+  "description": "CLI untuk membuat project Angular dengan struktur kustom (Modules, Core, API, Shared).",
+"scripts": {
+    "build": "npm publish --access public"
+},
+  "bin": {
+    "unictive-angular": "./bin/index.js"
+  },
+  "keywords": [
+    "angular",
+    "cli",
+    "scaffold",
+    "angular-project"
+  ],
+  "author": "EkaHersada",
+  "license": "MIT",
+  "dependencies": {}
+}