unictive-angular 1.0.6 → 1.0.7

package/bin/index.js

@@ -15,7 +15,7 @@ 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 updateNotifier = require('update-notifier');
 const chalk = require('chalk');
 
 
@@ -29,7 +29,7 @@ if (process.argv.includes("-v") || process.argv.includes("--version")) {
 }
 
 // ===================== Notifikasi Update =====================
-const notifier = updateNotifier({ pkg, updateCheckInterval: 1000 * 60 * 60 * 24 });
+const notifier = updateNotifier({ pkg, updateCheckInterval: 1000 * 60 * 60 * 6 });
 
 if (notifier.update) {
   console.log(`
@@ -106,71 +106,6 @@ async function check_dependencies() {
 
 
 
-// ===================== 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");
-
-}
-
 
 
 
@@ -208,16 +143,6 @@ function copyRecursiveSync(src, dest) {
   }
 }
 
-async function copy_template() {
- 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 =====================

package/bin/utils/createStructure.js

@@ -0,0 +1,83 @@
+const fs = require('fs');
+const path = require('path');
+const { show_status } = require('./showStatus');
+
+const path_template = path.join(__dirname, "templates", "app");
+
+async function copy_template() {
+ show_status("Menyalin folder app dari template ke src/app...", "info");
+
+  const srcFolder = path_template;
+  const destFolder = path.join(process.cwd(), "src", "app");
+
+  copyRecursiveSync(srcFolder, destFolder);
+
+  show_status("Folder src/app berhasil disalin!", "success");
+}
+
+
+
+// ===================== 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");
+
+}

package/bin/utils/updatePackageJson.js

@@ -6,21 +6,83 @@ const { show_status } = require('./showStatus');
 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";
+  const pkgPath = "package.json";
+  const angularJsonPath = "angular.json";
+
+  // ------------------- Backup -------------------
+  const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
+  fs.copyFileSync(pkgPath, "package.json.backup");
+
+  // ------------------- Scripts -------------------
+  pkg.scripts = pkg.scripts || {};
+  pkg.scripts["start:dev"] = "ng serve --configuration=dev --port 4200 --open";
+  pkg.scripts["start:staging"] = "ng serve --configuration=staging --port 4200 --open";
+  pkg.scripts["start:prod"] = "ng serve --configuration=production --port 4200 --open";
+
+  pkg.scripts["build:dev"] = "ng build --configuration=dev";
+  pkg.scripts["build:staging"] = "ng build --configuration=staging";
+  pkg.scripts["build:prod"] = "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));
-
+  fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
   show_status("package.json berhasil diperbarui dengan script build multi-env!", "success");
-}
 
+  // ------------------- Angular file replacements -------------------
+  if (!fs.existsSync(angularJsonPath)) {
+    show_status("⚠ angular.json tidak ditemukan! Lewati file replacement.", "warning");
+    return;
+  }
+
+  const angularJson = JSON.parse(fs.readFileSync(angularJsonPath, "utf8"));
+
+  // Pilih project
+  const projectNames = Object.keys(angularJson.projects);
+  const projectName = angularJson.defaultProject || projectNames[0];
+
+  const project = angularJson.projects[projectName];
+  const buildTarget = project.architect?.build || project.targets?.build;
+
+  if (!buildTarget) {
+    show_status("⚠ Build target tidak ditemukan di angular.json!", "error");
+    return;
+  }
+
+  const buildConfig = buildTarget.configurations || {};
+
+  // ------------------- Tambahkan environment config -------------------
+  buildConfig["dev"] = {
+    fileReplacements: [
+      {
+        replace: "src/environments/environment.ts",
+        with: "src/environments/environment.dev.ts"
+      }
+    ]
+  };
+
+  buildConfig["staging"] = {
+    fileReplacements: [
+      {
+        replace: "src/environments/environment.ts",
+        with: "src/environments/environment.staging.ts"
+      }
+    ]
+  };
+
+  buildConfig["production"] = {
+    fileReplacements: [
+      {
+        replace: "src/environments/environment.ts",
+        with: "src/environments/environment.prod.ts"
+      }
+    ]
+  };
+
+  buildTarget.configurations = buildConfig;
+
+  fs.writeFileSync(angularJsonPath, JSON.stringify(angularJson, null, 2));
+  show_status("angular.json berhasil diperbarui dengan file replacement multi-env!", "success");
+}
 
 module.exports = {update_package_json };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unictive-angular",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "CLI untuk membuat project Angular dengan struktur kustom (Modules, Core, API, Shared).",
   "scripts": {
     "build": "npm version patch && npm publish --access public"
@@ -18,6 +18,6 @@
   "license": "MIT",
   "dependencies": {
     "chalk": "^5.6.0",
-    "update-notifier": "^6.0.2"
+    "update-notifier": "^5.1.0"
   }
 }

package/test/.editorconfig

@@ -1,17 +0,0 @@
-# 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

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

package/test/.vscode/launch.json

@@ -1,20 +0,0 @@
-{
-  // 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

@@ -1,42 +0,0 @@
-{
-  // 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

@@ -1,59 +0,0 @@
-# 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.

package/test/angular.json

@@ -1,92 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "test": {
-      "projectType": "application",
-      "schematics": {
-        "@schematics/angular:component": {
-          "style": "scss"
-        }
-      },
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular/build:application",
-          "options": {
-            "browser": "src/main.ts",
-            "tsConfig": "tsconfig.app.json",
-            "inlineStyleLanguage": "scss",
-            "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              },
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ]
-          },
-          "configurations": {
-            "production": {
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "500kB",
-                  "maximumError": "1MB"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "4kB",
-                  "maximumError": "8kB"
-                }
-              ],
-              "outputHashing": "all"
-            },
-            "development": {
-              "optimization": false,
-              "extractLicenses": false,
-              "sourceMap": true
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "serve": {
-          "builder": "@angular/build:dev-server",
-          "configurations": {
-            "production": {
-              "buildTarget": "test:build:production"
-            },
-            "development": {
-              "buildTarget": "test:build:development"
-            }
-          },
-          "defaultConfiguration": "development"
-        },
-        "extract-i18n": {
-          "builder": "@angular/build:extract-i18n"
-        },
-        "test": {
-          "builder": "@angular/build:karma",
-          "options": {
-            "tsConfig": "tsconfig.spec.json",
-            "inlineStyleLanguage": "scss",
-            "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              }
-            ],
-            "styles": [
-              "src/styles.scss"
-            ]
-          }
-        }
-      }
-    }
-  }
-}