unictive-angular 1.0.3 → 1.0.5

package/bin/index.js

@@ -7,61 +7,47 @@
  * 👤 by - EkaHersada
  */
 
-const { execSync, spawn } = require("child_process");
+const { execSync, spawn} = require("child_process");
 const fs = require("fs");
 const os = require("os");
 const path = require("path");
-const readline = require("readline");
+const { show_status, run_with_spinner } = require('./utils/showStatus');
+const { setupAssets } = require('./utils/setupAssets');
+const { create_project } = require('./utils/createProject');
+const { update_package_json } = require('./utils/updatePackageJson');
+const updateNotifier = require("update-notifier");
+const chalk = require('chalk');
+
 
 // Baca versi dari package.json
 const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, "../package.json"), "utf8"));
 
+// ===================== Cek argumen versi =====================
 if (process.argv.includes("-v") || process.argv.includes("--version")) {
-  console.log(pkg.version);
+  console.log(`${pkg.name} v${pkg.version}`);
   process.exit(0);
 }
 
-// ===================== Utility =====================
-const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
-const clear = () => process.stdout.write("\x1Bc");
+// ===================== Notifikasi Update =====================
+const notifier = updateNotifier({ pkg, updateCheckInterval: 1000 * 60 * 60 * 24 });
 
-function show_status(message, status = "info") {
-  const icons = {
-    info: "ℹ️ ",
-    success: "✅",
-    warning: "⚠️ ",
-    error: "❌",
-    loading: "⏳",
-  };
-  console.log(`${icons[status] || ""} ${message}`);
-}
+if (notifier.update) {
+  console.log(`
+${chalk.yellow('⚠ Update tersedia untuk unictive-angular CLI ini!')}
+${chalk.gray('Versi lokal ')} : ${chalk.red(notifier.update.current)}
+${chalk.gray('Versi terbaru')} : ${chalk.green(notifier.update.latest)}
 
-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));
-      }
-    });
-  });
+${chalk.gray('Jalankan perintah berikut untuk update:')}
+${chalk.cyan(`npm i -g ${pkg.name}`)}
+
+${chalk.gray('Catatan: Versi terbaru ini mungkin berisi fitur tambahan dan perbaikan bug.')}
+  `);
 }
 
+// ===================== Utility =====================
+const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
+const clear = () => process.stdout.write("\x1Bc");
+
 // ===================== Header =====================
 function clear_and_header(version) {
   clear();
@@ -115,50 +101,10 @@ async function check_dependencies() {
   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() {
@@ -225,20 +171,8 @@ folders.forEach((folder) => {
 
 }
 
-// ===================== 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) {
@@ -248,25 +182,11 @@ function show_completion(projectName, OS) {
   console.log(`📦 Nama Project: ${projectName}`);
   console.log(`🖥  Sistem: ${OS}`);
   console.log("🚀 Jalankan dengan:");
-  console.log(`   cd ${projectName} && npm start`);
+  console.log(`   cd ${projectName} && ng serve`);
   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;
@@ -289,14 +209,37 @@ function copyRecursiveSync(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!"
-  );
+ show_status("Menyalin folder app dari template ke src/app...", "info");
+
+  const srcFolder = path.join(__dirname, "templates", "app");
+  const destFolder = path.join(process.cwd(), "src", "app");
+
+  copyRecursiveSync(srcFolder, destFolder);
+
+  show_status("Folder src/app berhasil disalin!", "success");
+}
+
+
+// ===================== MARK: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();
+  await sleep(1000);
+  setupAssets();
+  await sleep(1000);
+  update_package_json();
+  await run_with_spinner("npm install", "Menginstall dependencies...", "Dependencies berhasil diinstall!", "Gagal install dependencies");
+  await sleep(1000);
+  show_completion(projectName, OS);
 }
 
+
   
 
 main().catch((err) => {

package/bin/utils/createProject.js

@@ -0,0 +1,88 @@
+const fs = require('fs');
+const { show_status} = require('./showStatus');
+const { execSync, spawn} = require("child_process");
+const readline = require("readline");
+const path = require('path');
+
+
+
+// ===================== 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 (zoneless, no-SSR): ${projectName}`, "info");
+
+//   const command = process.platform === "win32" ? "npx.cmd" : "npx";
+//   const args = [
+//     "ng", "new", projectName,
+//     "--zone-less",       // aktifkan Zoneless
+//     "--ssr=false",       // nonaktifkan SSR
+//     "--skip-git",        // tidak membuat repo git
+//     // "--defaults"         // pakai default pilihan
+//     "--style=scss"
+//   ];
+
+//   await new Promise((resolve, reject) => {
+//     const child = spawn(command, args, { stdio: "inherit" });
+
+//     child.on("error", reject);
+//     child.on("close", (code) => {
+//       if (code === 0) resolve();
+//       else reject(new Error(`ng new exited with code ${code}`));
+//     });
+//   });
+
+//   process.chdir(projectName);
+//   show_status("Project berhasil dibuat!", "success");
+//   return projectName;
+// }
+
+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} --zoneless --ssr=false --skip-git --style=scss`, { stdio: "inherit" });
+  process.chdir(projectName);
+  show_status("Project berhasil dibuat!", "success");
+  return projectName;
+}
+
+module.exports = { get_project_name, create_project };

package/bin/utils/setupAssets.js

@@ -0,0 +1,103 @@
+const fs = require('fs');
+const path = require('path');
+const { show_status } = require('./showStatus');
+
+function setupAssets() {
+  show_status("Generate environment files...", "info");
+  const angularJsonPath = path.join(process.cwd(), 'angular.json');
+  const assetsPath = path.join(process.cwd(), 'src', 'assets');
+  const envPath = path.join(process.cwd(), 'src', 'environments');
+
+  // Pastikan file angular.json ada
+  if (!fs.existsSync(angularJsonPath)) {
+    console.error('✖ angular.json not found! Run this script in the Angular project root.');
+    process.exit(1);
+  }
+
+  // 1. Update angular.json untuk menambahkan src/assets
+  const angularJson = JSON.parse(fs.readFileSync(angularJsonPath, 'utf8'));
+  const projectName = Object.keys(angularJson.projects)[0];
+  const buildOptions = angularJson.projects[projectName].architect.build.options;
+
+  if (!buildOptions.assets.includes('src/assets')) {
+    buildOptions.assets.push('src/assets');
+    fs.writeFileSync(angularJsonPath, JSON.stringify(angularJson, null, 2));
+    console.log('✔ Added "src/assets" to angular.json');
+  } else {
+    console.log('ℹ "src/assets" already exists in angular.json');
+  }
+
+  // 2. Buat folder assets jika belum ada
+  if (!fs.existsSync(assetsPath)) {
+    fs.mkdirSync(assetsPath, { recursive: true });
+    console.log('✔ Created src/assets folder');
+  } else {
+    console.log('ℹ src/assets folder already exists');
+  }
+
+
+  // 3. Generate folder environments di root src
+  if (!fs.existsSync(envPath)) {
+    fs.mkdirSync(envPath, { recursive: true });
+    console.log('✔ Created src/environments folder');
+  }
+
+  const envFiles = [
+    {
+      name: 'environment.ts',
+      content: `export const environment = {
+  production: false,
+  apiUrl: 'http://localhost:3000/api',
+  envName: 'dev'
+};`,
+      json: {
+        production: false,
+        apiUrl: 'http://localhost:3000/api',
+        envName: 'dev'
+      }
+    },
+    {
+      name: 'environment.staging.ts',
+      content: `export const environment = {
+  production: false,
+  apiUrl: 'https://staging.example.com/api',
+  envName: 'staging'
+};`,
+      json: {
+        production: false,
+        apiUrl: 'https://staging.example.com/api',
+        envName: 'staging'
+      }
+    },
+    {
+      name: 'environment.prod.ts',
+      content: `export const environment = {
+  production: true,
+  apiUrl: 'https://api.example.com',
+  envName: 'prod'
+};`,
+      json: {
+        production: true,
+        apiUrl: 'https://api.example.com',
+        envName: 'prod'
+      }
+    }
+  ];
+
+  // 5. Generate environment JSON di src/assets/environments
+  envFiles.forEach(file => {
+    const jsonFileName = file.name;
+    const jsonPath = path.join(envPath, jsonFileName);
+    if (!fs.existsSync(jsonPath)) {
+      fs.writeFileSync(jsonPath, file.content);
+
+      console.log(`✔ Created ${jsonFileName} in src/environments`);
+    } else {
+      console.log(`ℹ ${jsonFileName} already exists in src/environments`);
+    }
+  });
+
+  console.log('🎉 environments setup complete!');
+}
+
+module.exports = { setupAssets };

package/bin/utils/showStatus.js

@@ -0,0 +1,44 @@
+
+const { execSync, spawn} = require("child_process");
+
+
+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));
+      }
+    });
+  });
+}
+
+module.exports = { show_status, run_with_spinner };

package/bin/utils/updatePackageJson.js

@@ -0,0 +1,26 @@
+const fs = require('fs');
+const { show_status } = require('./showStatus');
+
+
+// ===================== 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");
+
+  // Tambahkan/Update scripts
+  pkg.scripts["start:dev"] = "ng serve --port 4200 --open";
+  pkg.scripts["build:dev"] = "cp src/env/config.dev.json src/assets/config.json && ng build";
+  pkg.scripts["build:staging"] = "cp src/env/config.staging.json src/assets/config.json && ng build";
+  pkg.scripts["build:prod"] = "cp src/env/config.prod.json src/assets/config.json && ng build --configuration production";
+  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 dengan script build multi-env!", "success");
+}
+
+
+module.exports = {update_package_json };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "unictive-angular",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "CLI untuk membuat project Angular dengan struktur kustom (Modules, Core, API, Shared).",
-"scripts": {
-    "build": "npm publish --access public"
-},
+  "scripts": {
+    "build": "npm version patch && npm publish --access public"
+  },
   "bin": {
     "unictive-angular": "./bin/index.js"
   },
@@ -16,5 +16,8 @@
   ],
   "author": "EkaHersada",
   "license": "MIT",
-  "dependencies": {}
+  "dependencies": {
+    "chalk": "^5.6.0",
+    "update-notifier": "^7.3.1"
+  }
 }

package/test/.editorconfig

@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/test/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/test/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/test/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/test/README.md

@@ -0,0 +1,59 @@
+# Test
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.0.3.
+
+## Development server
+
+To start a local development server, run:
+
+```bash
+ng serve
+```
+
+Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the project run:
+
+```bash
+ng build
+```
+
+This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.