unictive-angular 1.0.37 → 1.0.40

package/bin/utils/updatePackageJson.js

@@ -1,9 +1,19 @@
 const fs = require('fs');
 const { show_status } = require('./showStatus');
+const { execSync} = require("child_process");
+
+
+const listPackagesToInstall = [
+  "npm i tailwindcss @tailwindcss/postcss postcss --force",
+  "npm i @ngx-pwa/local-storage --legacy-peer-deps",
+  "npm i primeng --legacy-peer-deps",
+  "npm i primeicons @primeuix/themes quill --legacy-peer-deps",
+  "npm i sweetalert2  --legacy-peer-deps"
+];
 
 
 // ===================== Update package.json =====================
-function update_package_json() {
+async function update_package_json() {
   show_status("Memperbarui package.json...", "info");
 
   const pkgPath = "package.json";
@@ -29,60 +39,74 @@ function update_package_json() {
   fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
   show_status("package.json berhasil diperbarui dengan script build multi-env!", "success");
 
+
+
+  listPackagesToInstall.forEach(command => {  
+    console.log(`Menjalankan: ${command}`);
+    try {
+      execSync(command, { stdio: 'inherit' });
+      show_status(`Berhasil menjalankan: ${command}`, "success");
+    } catch (error) {
+      show_status(`Gagal menjalankan: ${command}`, "error");
+    }
+  });
+
+  
+
   // ------------------- 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");
+  // 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/index.js

@@ -25,6 +25,7 @@ const chalk = require('chalk');
 require('@dotenvx/dotenvx').config({ path: path.resolve(__dirname, ".env"), silent: true });
 
 const { login, logout } = require("./bin/utils/auth");
+const { update_package_json } = require("./bin/utils/updatePackageJson");
 
 
 // Baca versi dari package.json
@@ -166,6 +167,35 @@ function copyRecursiveSync(src, dest) {
 }
 
 
+function createWranglerToml(projectName) {
+
+  show_status("Membuat file wrangler.toml...", "info");
+  const content = `
+name = "${projectName}"
+type = "webpack"
+account_id = "8b7c5266052d4c4df67071db2f22692f"
+workers_dev = true
+compatibility_date = "2024-11-04"
+
+usage_model = "bundled"
+
+site = { bucket = "./dist/${projectName}/browser", entry_point = "workers-site" }
+
+route = ""
+
+compatibility_flags = []
+`.trim();
+
+  fs.writeFileSync(
+    path.join(process.cwd(), "wrangler.toml"),
+    content,
+    { encoding: "utf8" }
+  );
+
+   show_status("File wrangler.toml berhasil dibuat!", "success");
+}
+
+
 
 // ===================== MARK:Main =====================
 async function main() {
@@ -192,8 +222,10 @@ async function main() {
   await sleep(1000);
   refactorAngularJson();
   await sleep(1000);
-  // update_package_json();
-  await run_with_spinner("npm install", "Menginstall dependencies...", "Dependencies berhasil diinstall!", "Gagal install dependencies");
+  await update_package_json();
+  await sleep(1000);
+  createWranglerToml(projectName);
+  // await run_with_spinner("npm install", "Menginstall dependencies...", "Dependencies berhasil diinstall!", "Gagal install dependencies");
   await sleep(1000);
   show_completion(projectName, OS);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unictive-angular",
-  "version": "1.0.37",
+  "version": "1.0.40",
   "description": "CLI untuk membuat project Angular dengan struktur kustom (Modules, Core, API, Shared).",
   "scripts": {
     "build": "npm version patch && npm publish --access public"

package/bin/utils/resource/src/app/MODULES/auth/README.md

@@ -1,10 +0,0 @@
-# AUTH
-
-Folder ini untuk layer **auth**.
-
-- **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.

package/bin/utils/resource/src/app/MODULES/authentication/login/login.module.ts

@@ -1,19 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LoginComponent } from './login.component';
-import { RouterModule, Routes } from '@angular/router';
-import { LibraryModule } from '@shared/libs/library.module';
-
-const routes: Routes = [
-  { path: '', component: LoginComponent }
-]
-
-@NgModule({
-  imports: [
-    CommonModule,
-    LibraryModule,
-    RouterModule.forChild(routes)
-  ],
-  declarations: [LoginComponent]
-})
-export class LoginModule { }

package/bin/utils/resource/src/app/MODULES/authentication/page404/page404.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Page404Component } from './page404.component';
-import { RouterModule, Routes } from '@angular/router';
-
-const routes: Routes = [
-  { path: '', component: Page404Component }
-]
-
-@NgModule({
-  imports: [
-    CommonModule,
-    RouterModule.forChild(routes)
-  ],
-  declarations: [Page404Component]
-})
-export class Page404Module { }

package/bin/utils/resource/src/app/MODULES/authentication/register/register.component.html

@@ -1,3 +0,0 @@
-<p>
-  register works!
-</p>

package/bin/utils/resource/src/app/MODULES/authentication/register/register.component.ts

@@ -1,16 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-register',
-  templateUrl: './register.component.html',
-  styleUrls: ['./register.component.scss'],
-  standalone: false
-})
-export class RegisterComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}

package/bin/utils/resource/src/app/MODULES/authentication/register/register.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RegisterComponent } from './register.component';
-import { RouterModule, Routes } from '@angular/router';
-
-
-const routes: Routes = [
-  { path: '', component: RegisterComponent }
-]
-
-@NgModule({
-  imports: [
-    CommonModule,
-    RouterModule.forChild(routes)
-  ],
-  declarations: [RegisterComponent]
-})
-export class RegisterModule { }

package/bin/utils/resource/src/app/MODULES/dashboard/README.md

@@ -1,10 +0,0 @@
-# DASHBOARD
-
-Folder ini untuk layer **dashboard**.
-
-- **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.

package/bin/utils/resource/src/app/MODULES/home/README.md

@@ -1,10 +0,0 @@
-# HOME
-
-Folder ini untuk layer **home**.
-
-- **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.

package/bin/utils/resource/src/app/MODULES/home/home.component.html

@@ -1,4 +0,0 @@
-<p>
-  home works!
-</p>
-<app-widget_game></app-widget_game>

package/bin/utils/resource/src/app/MODULES/home/home.module.ts

@@ -1,19 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { HomeComponent } from './home.component';
-import { RouterModule, Routes } from '@angular/router';
-import { Widget_gameModule } from '@shared/widgets/widget_game/widget_game.module';
-
-const routes: Routes = [
-  { path: '', component: HomeComponent }
-]
-
-@NgModule({
-  imports: [
-    CommonModule,
-    Widget_gameModule,
-    RouterModule.forChild(routes)
-  ],
-  declarations: [HomeComponent]
-})
-export class HomeModule { }

package/bin/utils/resource/src/app/core/models/entities/screen.entity.spec.ts

@@ -1,41 +0,0 @@
-import { RepoScreen } from '@core/respository/screen_repo/screen.repo';
-import { ScreenEntity, Screen_m } from './screen.entity';
-import { provideZonelessChangeDetection } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-
-
-describe('ScreenEntity', () => {
-    let repo: RepoScreen;
-
-    const mockScreen: Screen_m = {
-        timestamp: Date.now(),
-        type: 'test',
-        id: 123,
-        name: 'Mock Screen',
-        mode: 'demo',
-        time: 60000
-
-    };
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            imports: [HttpClientTestingModule],
-            providers: [provideZonelessChangeDetection()]
-        }).compileComponents();
-
-        repo = TestBed.inject(RepoScreen);
-    });
-
-    it('should set and get screen', () => {
-        repo.setData(mockScreen);
-        expect(repo.getData.value).toEqual(mockScreen);
-    });
-
-    it('should update state when entity is set again', () => {
-        const newMock: Screen_m = { ...mockScreen, id: 456, name: 'New Mock' };
-        repo.setData(newMock);
-        expect(repo.getData.value?.id).toBe(456);
-        expect(repo.getData.value?.name).toBe('New Mock');
-    });
-});

package/bin/utils/resource/src/app/core/models/entities/screen.entity.ts

@@ -1,16 +0,0 @@
-// import { entityStoreFactory } from "@core/config/entity-store";
-import { singleStoreFactory } from "@core/config/single-store";
-
-
-
-export interface Screen_m {
-    timestamp: number;
-    type: string;
-    id: number;
-    name: string;
-    mode: string;
-    time: number;
-}
-
-
-export const ScreenEntity = singleStoreFactory<Screen_m>();

package/bin/utils/resource/src/app/core/respositories/screen_repo/screen.repo.ts

@@ -1,19 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { ScreenEntity } from '@core/models/entities/screen.entity';
-import { logger } from '@shared/utils/logger';
-
-@Injectable({ providedIn: 'root' })
-export class RepoScreen {
-
-
-    constructor() { }
-
-    setData(screen: any) {
-        ScreenEntity.set(screen);
-    }
-
-    get getData() {
-        return ScreenEntity.state();
-    }
-}

package/bin/utils/resource/src/app/core/respository/screen_repo/screen.repo.ts

@@ -1,27 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { ScreenEntity } from '@core/models/entities/screen.entity';
-import { logger } from '@shared/utils/logger';
-import { Entity_User } from '@core/models/entities/user.entity';
-import { UserService } from '@api/user.service';
-
-@Injectable({ providedIn: 'root' })
-export class RepoScreen {
-
-
-    constructor(
-        private api: UserService
-    ) { }
-
-    load_user() {
-        Entity_User.load(async () => {
-            const res = await this.api.get_user();
-            const response = res?.data ?? [];
-            return response; // hanya return user
-        });
-    }
-
-    get getData() {
-        return ScreenEntity.state();
-    }
-}

package/bin/utils/resource/src/app/core/respository/user/user_repo.ts

@@ -1,26 +0,0 @@
-import { Injectable } from "@angular/core";
-import { UserService } from "@api/user.service";
-import { Entity_User } from "@core/models/entities/user.entity";
-
-@Injectable({ providedIn: 'root' })
-export class Repo_User {
-
-
-    constructor(
-        private api: UserService
-    ) { }
-
-    load_user() {
-        Entity_User.load(async () => {
-            const res = await this.api.get_user();
-            const response = res?.data ?? null;
-            return response; // hanya return user
-        });
-    }
-
-
-    get getData() {
-        return Entity_User.state();
-    }
-
-}

package/bin/utils/resource/src/styles.scss

@@ -1,2 +0,0 @@
-// @import "tailwindcss";
-