unictive-angular 1.0.36 → 1.0.38

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

@@ -1,15 +1,44 @@
-// import { entityStoreFactory } from "@core/config/entity-store";
+
 import { singleStoreFactory } from "@core/config/single-store";
 
+export interface User_m {
+    nip: string;
+    peopleId?: any;
+    peopleName?: string;
+    roleName?: string;
+    position?: string;
+    imageProfile?: string;
+    isCulture?: boolean;
+    isInovation?: boolean
+    branch?: string;
+    role?: Role_m[];
+    roleId?: number;
+    groupId?: number;
+    roleCode?: string;
+    apps: apps[];
+}
 
+export interface apps {
+    appId?: string;
+    show?: boolean;
+    active?: boolean;
+    count_notif?: number;
+}
 
-export interface User_m {
-    username: string;
-    email: string;
-    id: number;
-    role: string;
-    token: string;
+export interface Role_m {
+    id?: number;
+    people_id?: number;
+    branch?: string;
+    primary_role_id?: string;
+    position_name?: string;
+    role_atasan?: string;
+    group_id?: number;
+    is_active?: string;
+    start_date?: string;
+    end_date?: string;
+    parent_id?: number;
 }
 
 
+
 export const Entity_User = singleStoreFactory<User_m>();

package/bin/utils/resource/src/app/core/services/helper.service.ts

@@ -185,51 +185,64 @@ export class HelperService {
     Swal.close();
   }
 
-  async confirmationAlert(data: Popup_m): Promise<boolean> {
-    switch (data.type) {
-      case 'delete':
-        data.icon = 'icon-delete.svg';
-        break;
-      case 'success':
-        data.icon = 'icon-success.svg';
-        break;
-      case 'confirm':
-        data.icon = 'icon-confirm.svg';
-        break;
-      case 'suspend':
-        data.icon = 'icon-suspend.svg';
-        break;
-      case 'change':
-        data.icon = 'icon-edit.svg';
-        break;
-      case 'send':
-        data.icon = 'icon-send.png';
-        break;
-      case 'restore':
-        data.icon = 'icon-restore.png';
-        break;
-      default:
-        break;
-    }
+  async confirmationAlert(data: Popup_m, strict = true): Promise<boolean> {
+    // switch (data.type) {
+    //   case 'delete':
+    //     data.icon = 'icon-delete.svg';
+    //     break;
+    //   case 'success':
+    //     data.icon = 'icon-success.svg';
+    //     break;
+    //   case 'confirm':
+    //     data.icon = 'icon-confirm.svg';
+    //     break;
+    //   case 'suspend':
+    //     data.icon = 'icon-suspend.svg';
+    //     break;
+    //   case 'change':
+    //     data.icon = 'icon-edit.svg';
+    //     break;
+    //   case 'send':
+    //     data.icon = 'icon-send.png';
+    //     break;
+    //   case 'restore':
+    //     data.icon = 'icon-restore.png';
+    //     break;
+    //   default:
+    //     break;
+    // }
 
     return Swal.fire({
       html: `
-      <h4 class="text-[18px] lg:text-[24px] mb-[16px] text-[#272727]">${data.title}</h4>
-      <div class="!text-[#272727] text-[16px] leading-[1.2]">${data.message}</div>
+      <h5 class="text-[18px] lg:text-[24px] font-semibold mb-2 text-[#272727]">${data.title}</h5>
+      <div class="text-[#272727]! text-[16px] leading-[1.2]">${data.message}</div>
     `,
 
+      icon: data.icon ? 'info' : undefined,
       showCancelButton: data?.showCancel ?? true,
       confirmButtonText: data.button,
       cancelButtonText: data?.button_cancel ? data.button_cancel : 'Batal',
       reverseButtons: true,
+
       confirmButtonColor: data.type == 'delete' ? '#D12114' : '#0072B9',
       customClass: {
         cancelButton: 'custom-cancel-button',
+
+
       },
+
+      allowOutsideClick: strict,   // klik luar modal
+      allowEscapeKey: strict,      // tombol ESC
+      allowEnterKey: strict,       // enter (opsional)
+      showCloseButton: strict,
     }).then((result) => result.isConfirmed);
   }
 
 
+  currentUrl() {
+    return this.router.url;
+  }
+
 
 
 

package/bin/utils/resource/src/app/core/services/listener.service.ts

@@ -1,5 +1,10 @@
 import { Injectable, signal } from '@angular/core';
 
+export type ForceLogoutReason =
+  | 'SESSION_TAKEN'
+  | 'TOKEN_EXPIRED'
+  | 'BANNED';
+
 @Injectable({
   providedIn: 'root'
 })
@@ -10,6 +15,26 @@ export class ListenerService {
     message: null,
   });
 
+
+  forceLogout = signal<{
+    reason: ForceLogoutReason;
+    payload?: any;
+    at: number;
+  } | null>(null);
+
   constructor() { }
 
+
+  emitForceLogout(reason: ForceLogoutReason, payload?: any) {
+    this.forceLogout.set({
+      reason,
+      payload,
+      at: Date.now()
+    });
+  }
+
+  clear() {
+    this.forceLogout.set(null);
+  }
+
 }

package/bin/utils/resource/src/app/shared/ui/button/button.component.ts

@@ -0,0 +1,96 @@
+import { NgClass } from '@angular/common';
+import { Component, computed, EventEmitter, Input, input, OnInit, Output, signal } from '@angular/core';
+import { ButtonModule } from 'primeng/button';
+
+
+// import { ButtonModule } from 'primeng/button';
+
+@Component({
+  selector: 'app-button',
+  template: `
+      <button
+        pButton
+        [type]="type"
+        [disabled]="isDisabled()"
+        [ngClass]="[class, variantClass]"
+        style="background:none;"
+        class="rounded-xl! flex items-center text-sm!"
+        (click)="handleClick()"
+      >
+        @if (loadings() && loading) {
+          <i class="pi pi-spinner animate-spin text-white"></i>
+        }
+        <ng-content>
+          Label
+        </ng-content>
+      </button>
+  `,
+  imports: [ButtonModule, NgClass],
+})
+export class ButtonComponent implements OnInit {
+
+  disabled: any = input(false);
+  internalDisabled = signal(false);
+  isDisabled = computed(() => this.internalDisabled() || this.disabled());
+  @Input() variant: 'primary' | 'outline-primary' | 'success' | 'warning' | 'secondary' | 'danger' | 'outline' | 'softblue' | 'gray' | 'white' | 'ghost' = 'primary';
+  @Input() type: 'button' | 'submit' = 'button';
+  @Input() class = '';
+  @Input() loading = false;
+
+  @Input() debounceTime = 2000; // waktu tunggu (2 detik)
+  private debounceTimer: any = null;
+
+  loadings = signal(false);
+
+  @Output() onClick = new EventEmitter<void>();
+
+  constructor() { }
+
+  ngOnInit() { }
+
+  handleClick() {
+    // logika anti spam klik berulang
+    if (!this.debounceTimer) {
+      this.onClick.emit();
+    }
+
+    this.loadings.set(true);
+
+    clearTimeout(this.debounceTimer);
+    // set timer baru
+    this.debounceTimer = setTimeout(() => {
+      this.debounceTimer = null;
+      this.loadings.set(false);
+    }, this.debounceTime);
+  }
+
+  get variantClass() {
+    switch (this.variant) {
+      case 'primary':
+        return '!bg-[#206EE1] !border-[#206EE1] text-white hover:!bg-[#206EE1]/90';
+      case 'success':
+        return '!bg-[#15A244] !border-[#15A244] text-white hover:!bg-[#13b248]';
+      case 'warning':
+        return '!bg-[#CC8E12] !border-[#CC8E12] text-white hover:!bg-[#e09d17]';
+      case 'secondary':
+        return '!bg-[#EFF2F5] !border-[#EFF2F5] !text-[#050505] hover:!bg-[#E5E5E5]';
+      case 'danger':
+        return '!bg-[#D12D39] !border-[#D12D39] text-white hover:!bg-[#fd313f]';
+      case 'outline':
+        return '!bg-[#FFFFFF] !border-[#EFF2F5] !text-[#050505] hover:!bg-[#F8F9FA]';
+      case 'ghost':
+        return '!bg-transparent !border-none !text-[#585858]';
+      case 'softblue':
+        return '!text-primary !bg-[#e5f0fb] !border-[#e5f0fb] hover:!bg-[#d5e7f8]';
+      case 'gray':
+        return '!bg-[#EFF2F5] !border-[#EFF2F5] hover:!bg-[#E5E5E5] !text-[#6A6C6D]';
+      case 'outline-primary':
+        return '!bg-transparent !border-primary !text-primary';
+      case 'white':
+        return '!bg-[#FFFFFF70] !border-none !text-black hover:!bg-[#FFFFFF95]';
+      default:
+        return '!bg-primary !border-primary text-white hover:!bg-primary/90';
+    }
+  }
+
+}

package/bin/utils/resource/tsconfig.json

@@ -20,8 +20,8 @@
       "@api/*": ["src/app/API/*"],
       "@core": ["src/app/core"],
       "@core/*": ["src/app/core/*"],
-      "@MODULES": ["src/app/MODULES"],
-      "@MODULES/*": ["src/app/MODULES/*"],
+      "@PAGES": ["src/app/PAGES"],
+      "@PAGES/*": ["src/app/PAGES/*"],
       "@shared": ["src/app/shared"],
       "@shared/*": ["src/app/shared/*"],
     },

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
@@ -192,8 +193,8 @@ 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 run_with_spinner("npm install", "Menginstall dependencies...", "Dependencies berhasil diinstall!", "Gagal install dependencies");
   await sleep(1000);
   show_completion(projectName, OS);
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "unictive-angular",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "description": "CLI untuk membuat project Angular dengan struktur kustom (Modules, Core, API, Shared).",
   "scripts": {
-    "build": "npm version patch && npm publish"
+    "build": "npm version patch && npm publish --access public"
   },
   "bin": {
     "unictive-angular": "./index.js"

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');
-    });
-});