unictive-angular 1.0.29 → 1.0.30

package/bin/utils/resource/package.json

@@ -26,6 +26,7 @@
     "@ngx-pwa/local-storage": "^20.0.0",
     "postcss": "^8.5.6",
     "rxjs": "~7.8.0",
+    "sweetalert2": "^11.22.5",
     "tslib": "^2.3.0"
   },
   "devDependencies": {

package/bin/utils/resource/src/app/API/user.service.ts

@@ -0,0 +1,26 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { AbstractApiService } from '@core/interceptors/jsonrpc';
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class UserService extends AbstractApiService<any> {
+
+  constructor(
+    http: HttpClient
+  ) {
+    super(http, '');
+  }
+
+
+  get_user(endpoint?: string): Promise<any> {
+    return this.get(
+      endpoint ? endpoint : '/api/users'
+    );
+  }
+
+
+
+}

package/bin/utils/resource/src/app/app.ts

@@ -1,5 +1,8 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, effect, OnInit } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
+import { Entity_User } from '@core/models/entities/user.entity';
+import { Repo_User } from '@core/respository/user/user_repo';
+
 import { logger } from '@shared/utils/logger';
 @Component({
   selector: 'app-root',
@@ -10,8 +13,21 @@ import { logger } from '@shared/utils/logger';
 export class App implements OnInit {
   protected title = 'OLD PROJECT';
 
-  constructor(private cdr: ChangeDetectorRef) { }
+  user = Entity_User.state();
+
+  constructor(private cdr: ChangeDetectorRef, private repo_user: Repo_User) {
+    effect(() => {
+      const user = this.user.value;
+      logger.log('User state changed:', user);
+    })
+
+  }
+
+
   ngOnInit(): void {
+
+    this.repo_user.load_user();
+
     //MARK:TEST
     setTimeout(() => {
       this.ubah();

package/bin/utils/resource/src/app/core/config/entity-store.ts

@@ -1,33 +1,33 @@
 import { signal, computed } from '@angular/core';
 
 export interface EntityState<T> {
-    items: T[];
+    value: T[];
     loading: boolean;
     error?: string;
 }
 
 export function entityStoreFactory<T extends { id: string | number }>() {
-    const _state = signal<EntityState<T>>({ items: [], loading: false });
+    const _state = signal<EntityState<T>>({ value: [], loading: false });
 
     return {
         state: _state,
 
         // Mutations
-        setAll(items: T[]) {
-            _state.set({ items, loading: false });
+        setAll(value: T[]) {
+            _state.set({ value, loading: false });
         },
 
         add(item: T) {
             _state.update((curr) => ({
                 ...curr,
-                items: [...curr.items, item]
+                value: [...curr.value, item]
             }));
         },
 
         update(id: T['id'], partial: Partial<T>) {
             _state.update((curr) => ({
                 ...curr,
-                items: curr.items.map((i) =>
+                value: curr.value.map((i) =>
                     i.id === id ? { ...i, ...partial } : i
                 )
             }));
@@ -36,27 +36,27 @@ export function entityStoreFactory<T extends { id: string | number }>() {
         remove(id: T['id']) {
             _state.update((curr) => ({
                 ...curr,
-                items: curr.items.filter((i) => i.id !== id)
+                value: curr.value.filter((i) => i.id !== id)
             }));
         },
 
         clear() {
-            _state.set({ items: [], loading: false });
+            _state.set({ value: [], loading: false });
         },
 
         // Selectors
         getById: (id: T['id']) =>
-            computed(() => _state().items.find((i) => i.id === id)),
+            computed(() => _state().value.find((i) => i.id === id)),
 
-        all: computed(() => _state().items),
-        count: computed(() => _state().items.length),
+        all: computed(() => _state().value),
+        count: computed(() => _state().value.length),
 
         // Async Loader
-        async loadAll(fetchFn: () => Promise<T[]>) {
+        async load(fetchFn: () => Promise<T[]>) {
             _state.update((curr) => ({ ...curr, loading: true, error: undefined }));
             try {
                 const data = await fetchFn();
-                _state.set({ items: data, loading: false });
+                _state.set({ value: data, loading: false });
             } catch (err: any) {
                 _state.update((curr) => ({
                     ...curr,

package/bin/utils/resource/src/app/core/interceptors/jwt.interceptor.ts

@@ -22,6 +22,7 @@ export const jwtInterceptor: HttpInterceptorFn = (request, next) => {
         request = request.clone({
           setHeaders: {
             Authorization: `Bearer ${token.token}`,
+            'x-api-key': 'reqres-free-v1' // hapus
           },
         });
       }

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

@@ -0,0 +1,15 @@
+// import { entityStoreFactory } from "@core/config/entity-store";
+import { singleStoreFactory } from "@core/config/single-store";
+
+
+
+export interface User_m {
+    username: string;
+    email: string;
+    id: number;
+    role: string;
+    token: string;
+}
+
+
+export const Entity_User = singleStoreFactory<User_m>();

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

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

@@ -0,0 +1,26 @@
+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/package.json

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