unictive-angular 1.0.13 → 1.0.15

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

@@ -0,0 +1,25 @@
+import { provideZonelessChangeDetection } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { App } from './app';
+
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [App],
+      providers: [provideZonelessChangeDetection()]
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(App);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, cunicti');
+  });
+});

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

@@ -0,0 +1,32 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { logger } from '@shared/utils/logger';
+@Component({
+  selector: 'app-root',
+  imports: [RouterOutlet],
+  templateUrl: './app.html',
+  styleUrl: './app.scss',
+})
+export class App implements OnInit {
+  protected title = 'OLD PROJECT';
+
+  constructor(private cdr: ChangeDetectorRef) { }
+  ngOnInit(): void {
+    //MARK:TEST
+    setTimeout(() => {
+      this.ubah();
+      logger.log('Title changed to:', this.title);
+      this.cdr.detectChanges();
+
+      // Harap selalu tambahkan this.cdr.detectChanges(); untuk memuat data dari sisi UI secara dinamis, karna project ini menggunakan zoneless;
+      // Terkecuali operasi dari angular context seperti event click, dll...
+    }, 3000);
+
+    // this.cdr.detectChanges();
+    // Initialization logic here
+  }
+
+  ubah() {
+    this.title = 'CHANGE TO NEW PROJECT';
+  }
+}

package/bin/utils/resource/src/app/core/README.md

@@ -0,0 +1,10 @@
+# CORE
+
+Folder ini untuk layer **core**.
+
+- **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/core/config/README.md

@@ -0,0 +1,10 @@
+# CONFIG
+
+Folder ini untuk layer **config**.
+
+- **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/core/guards/README.md

@@ -0,0 +1,10 @@
+# GUARDS
+
+Folder ini untuk layer **guards**.
+
+- **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/core/interceptors/README.md

@@ -0,0 +1,10 @@
+# INTERCEPTORS
+
+Folder ini untuk layer **interceptors**.
+
+- **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/core/interceptors/error.interceptor.ts

@@ -0,0 +1,47 @@
+import { throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+import { HttpInterceptorFn } from '@angular/common/http';
+import { logger } from '@shared/utils/logger';
+
+const excludedUrls: string[] = [
+  '/your-excluded-url',
+  '/another-excluded-url',
+  '/api/health',
+  // Tambahkan URL lain yang ingin dikecualikan di sini
+];
+
+export const errorInterceptor: HttpInterceptorFn = (req, next) => {
+  return next(req).pipe(
+    catchError((err) => {
+      if (excludedUrls.some((url) => req.url.includes(url))) {
+        return throwError(() => err);
+      }
+
+      // You need to inject services manually since HttpInterceptorFn is a function
+      // const helper: HelperService = injector.get(HelperService);
+      // const auth: AuthService = injector.get(AuthService);
+
+      switch (err.status) {
+        case 401:
+          setTimeout(() => {
+            // helper.errorAlertHandler(err);
+            // helper.dismissLoading();
+            // auth.onLogout();
+          }, 1000);
+          break;
+        default:
+          setTimeout(() => {
+            // helper.dismissLoading();
+            // helper.errorAlertHandler(err);
+          }, 1000);
+          break;
+      }
+
+      const error = err?.error?.message || err?.statusText;
+
+      logger.error('Error Interceptor:', error);
+      return throwError(() => error);
+    })
+  );
+};

package/bin/utils/resource/src/app/core/interceptors/jsonrpc.ts

@@ -0,0 +1,440 @@
+import {
+  HttpClient,
+  HttpEvent,
+  HttpEventType,
+  HttpHeaders,
+  HttpParams,
+  HttpRequest,
+} from '@angular/common/http';
+import { logger } from '@shared/utils/logger';
+import { delay, lastValueFrom, Observable } from 'rxjs';
+import { environment } from 'src/environments/environment';
+
+export abstract class AbstractApiService<T> {
+  constructor(protected http: HttpClient, protected path: string) {}
+
+  protected createCustomHeaders(headers: {
+    [key: string]: string;
+  }): HttpHeaders {
+    let customHeaders = new HttpHeaders();
+    for (const key in headers) {
+      if (headers.hasOwnProperty(key)) {
+        customHeaders = customHeaders.set(key, headers[key]);
+      }
+    }
+    return customHeaders;
+  }
+
+  async export2(endpointURL?: string): Promise<any> {
+    return lastValueFrom(
+      this.http.get<any>(
+        `${environment.apiUrl}` + (endpointURL ? endpointURL : this.path),
+        { responseType: 'blob' as 'json' }
+      )
+    );
+  }
+
+  async exportPost(data: any, endpointURL?: string, param?: any): Promise<any> {
+    return lastValueFrom(
+      this.http.post<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + new HttpParams({ fromObject: param }).toString() : ''),
+        data,
+        { responseType: 'blob' as 'json' }
+      )
+    );
+  }
+
+  //MARK:GET
+  async getAll(params?: any, endpointURL?: string): Promise<any> {
+    let param = new HttpParams({ fromObject: params }).toString();
+    return lastValueFrom(
+      this.http.get<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + param : '')
+      )
+    );
+  }
+
+  async getById(id?: any, endpointURL?: string): Promise<any> {
+    return lastValueFrom(
+      this.http.get<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          '/' +
+          id
+      )
+    );
+  }
+
+  async get(endpointURL?: string): Promise<any> {
+    return lastValueFrom(
+      this.http.get<any>(
+        `${environment.apiUrl}` + (endpointURL ? endpointURL : this.path)
+      )
+    );
+  }
+
+  async getURL(url: string): Promise<any> {
+    return lastValueFrom(this.http.get<any>(url));
+  }
+
+  //MARK:POST
+
+  async post(data: any, endpointURL?: string, param?: any): Promise<any> {
+    let params;
+    if (param) {
+      params = new HttpParams({ fromObject: param }).toString();
+    }
+    return lastValueFrom(
+      this.http.post<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (params ? '?' + params : ''),
+        data
+      )
+    );
+  }
+
+  //POST with form data
+
+  async post_formdata_edited_array(
+    data: any,
+    endpointURL?: string,
+    params?: any
+  ): Promise<any> {
+    let param = new HttpParams({ fromObject: params }).toString();
+    let body = new FormData();
+
+    for (var key in data) {
+      // body.append(key, data[key]);
+
+      if (data[key] == null) {
+        body.append(key, '');
+        continue;
+      }
+
+      if (Array.isArray(data[key])) {
+        data[key].forEach((item: any) => {
+          body.append(`${key}[]`, item);
+        });
+      } else {
+        body.append(key, data[key]);
+      }
+    }
+
+    return lastValueFrom(
+      this.http.post<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + param : ''),
+        body,
+        {
+          headers: this.createCustomHeaders({
+            Accept: 'application/json',
+            // Add any other headers you need here
+          }),
+        }
+      )
+    );
+  }
+
+  async acces_custom(endpointURL?: string, token?: any) {
+    return lastValueFrom(
+      this.http.get<any>(
+        `${environment.apiUrl}` + (endpointURL ? endpointURL : this.path),
+        {
+          headers: this.createCustomHeaders({
+            // Accept: 'application/json',
+            Authorization: `Bearer ${token}`, // Assuming token is a string
+            'Content-Type': 'application/json', // Set content type if needed
+            // Add any other headers you need here
+          }),
+        }
+      )
+    );
+  }
+
+  async post_formdata(
+    data: any,
+    endpointURL?: string,
+    params?: any
+  ): Promise<any> {
+    let param = new HttpParams({ fromObject: params }).toString();
+    let body = new FormData();
+
+    for (var key in data) {
+      // body.append(key, data[key]);
+
+      if (Array.isArray(data[key])) {
+        data[key].forEach((item: any) => {
+          body.append(key, item == null ? '' : item);
+        });
+      } else {
+        body.append(key, data[key] == null ? '' : data[key]);
+      }
+    }
+
+    return lastValueFrom(
+      this.http.post<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + param : ''),
+        body,
+        {
+          headers: this.createCustomHeaders({
+            Accept: 'application/json',
+            // Add any other headers you need here
+          }),
+        }
+      )
+    );
+  }
+
+  //MARK:PUT
+  async putId(id: number | string, data: T, endpointURL?: string): Promise<T> {
+    return lastValueFrom(
+      this.http.put<T>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          '/' +
+          id,
+        data
+      )
+    );
+  }
+
+  async put_custom(data: any, endpointURL?: string, params?: any): Promise<T> {
+    let param = new HttpParams({ fromObject: params }).toString();
+    return lastValueFrom(
+      this.http.put<T>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + param : ''),
+        data
+      )
+    );
+  }
+
+  //put with form data
+  async put_formdata(
+    data: any,
+    endpointURL?: string,
+    params?: any
+  ): Promise<Response> {
+    let param = new HttpParams({ fromObject: params }).toString();
+    let body = new FormData();
+    for (var key in data) {
+      body.append(key, data[key]);
+    }
+
+    return lastValueFrom(
+      this.http.put<Response>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + param : ''),
+        body,
+        {
+          headers: this.createCustomHeaders({
+            Accept: 'application/json',
+            // Add any other headers you need here
+          }),
+        }
+      )
+    );
+  }
+
+  //MARK:DELETE
+  async delete(id: number | string, endpointURL?: string): Promise<Response> {
+    return lastValueFrom(
+      this.http.delete<Response>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          '/' +
+          id
+      )
+    );
+  }
+  async delete_param(params?: any, endpointURL?: string): Promise<any> {
+    let param = new HttpParams({ fromObject: params }).toString();
+    return lastValueFrom(
+      this.http.delete<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + param : '')
+      )
+    );
+  }
+
+  //MARK:PATCH
+  async patch(
+    id: number | string,
+    partialdata: Partial<T>,
+    endpointURL?: string
+  ): Promise<T> {
+    return lastValueFrom(
+      this.http.patch<T>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          '/' +
+          id,
+        partialdata
+      )
+    );
+  }
+
+  async post_formdata_custom(
+    data: any,
+    endpointURL?: string,
+    params?: any
+  ): Promise<any> {
+    let param = new HttpParams({ fromObject: params }).toString();
+    let body = this.jsonToFormData(data);
+
+    return lastValueFrom(
+      this.http.post<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + param : ''),
+        body,
+        {
+          headers: this.createCustomHeaders({
+            Accept: 'application/json',
+            // Add any other headers you need here
+          }),
+        }
+      )
+    );
+  }
+
+  async put_formdata_custom(
+    data: any,
+    endpointURL?: string,
+    params?: any
+  ): Promise<any> {
+    let param = new HttpParams({ fromObject: params }).toString();
+    let body = this.jsonToFormData(data);
+
+    return lastValueFrom(
+      this.http.post<any>(
+        `${environment.apiUrl}` +
+          (endpointURL ? endpointURL : this.path) +
+          (param ? '?' + param : ''),
+        body,
+        {
+          headers: this.createCustomHeaders({
+            Accept: 'application/json',
+            // Add any other headers you need here
+          }),
+        }
+      )
+    );
+  }
+
+  uploadFile(file: File): Observable<HttpEvent<any>> {
+    const formData: FormData = new FormData();
+    formData.append('file', file);
+
+    const req = this.http.post('/api/upload', formData, {
+      reportProgress: true,
+      observe: 'events',
+    });
+
+    return req;
+  }
+
+  consoleFormData(payload: any) {
+    const form = this.jsonToFormData(payload);
+    for (const [key, value] of form.entries()) {
+      console.log(`${key}: ${value}`);
+    }
+
+    logger.log('Form Data:', form);
+  }
+
+  jsonToFormData(
+    json: any,
+    formData: FormData = new FormData(),
+    parentKey: string = ''
+  ): FormData {
+    for (const key in json) {
+      if (json.hasOwnProperty(key)) {
+        const value = json[key];
+
+        //console.log(value);
+        const newKey = parentKey ? `${parentKey}[${key}]` : key;
+
+        if (value && typeof value === 'object' && !Array.isArray(value)) {
+          // Rekursif untuk nested object
+          if (value instanceof File) {
+            formData.append(newKey, value);
+          } else {
+            this.jsonToFormData(value, formData, newKey);
+          }
+        } else if (Array.isArray(value)) {
+          // Tangani array
+          value.forEach((item, index) => {
+            if (item && typeof item === 'object' && item.id !== undefined) {
+              // Array berisi objek dengan id
+
+              if (item?.isObject) {
+                for (const subKey in item) {
+                  if (item.hasOwnProperty(subKey) && subKey != 'isObject') {
+                    const subValue = item[subKey];
+                    const newSubKey = `${newKey}[${item.id}][${subKey}]`;
+                    if (subValue && typeof subValue === 'object') {
+                      // this.jsonToFormData(subValue, formData, newSubKey);
+                      formData.append(newSubKey, !subValue ? '' : subValue);
+                    } else {
+                      formData.append(newSubKey, !subValue ? '' : subValue);
+                    }
+                  }
+                }
+              } else {
+                formData.append(
+                  `${newKey}[${item.id}]`,
+                  item?.value ? item.value : ''
+                );
+              }
+            } else {
+              // Array berisi objek sederhana
+              if (item?.isObject) {
+                for (const subKey in item) {
+                  if (item.hasOwnProperty(subKey) && subKey != 'isObject') {
+                    const subValue = item[subKey];
+                    const newSubKey = `${newKey}[${index}][${subKey}]`;
+                    if (subValue && typeof subValue === 'object') {
+                      // this.jsonToFormData(subValue, formData, newSubKey);
+                      formData.append(newSubKey, !subValue ? '' : subValue);
+                    } else {
+                      formData.append(newSubKey, !subValue ? '' : subValue);
+                    }
+                  }
+                }
+              } else {
+                // Array berisi nilai sederhana
+                formData.append(
+                  `${newKey}[${index}]`,
+                  item === null || item === undefined ? '' : item
+                );
+              }
+            }
+          });
+
+          if (value.length === 0) {
+            formData.append(`${newKey}[]`, '');
+          }
+        } else {
+          // Nilai sederhana langsung append ke FormData
+          formData.append(
+            newKey,
+            value === null || value === undefined ? '' : value
+          );
+        }
+      }
+    }
+    return formData;
+  }
+}

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

@@ -0,0 +1,36 @@
+import { inject, Injectable } from '@angular/core';
+import {
+  HttpRequest,
+  HttpHandler,
+  HttpEvent,
+  HttpInterceptor,
+  HttpInterceptorFn,
+} from '@angular/common/http';
+import { Observable, finalize, from, switchMap } from 'rxjs';
+
+import { StorageMap } from '@ngx-pwa/local-storage';
+import { environment } from 'src/environments/environment';
+
+export const jwtInterceptor: HttpInterceptorFn = (request, next) => {
+  // Assume you have access to StorageMap and environment
+  // You may need to inject StorageMap via a provider in your app module
+  const storage = inject(StorageMap);
+
+  return from(storage.get(environment.tokenName)).pipe(
+    switchMap((token: any) => {
+      if (token) {
+        request = request.clone({
+          setHeaders: {
+            Authorization: `Bearer ${token.token}`,
+          },
+        });
+      }
+
+      return next(request).pipe(
+        finalize(() => {
+          // end loading
+        })
+      );
+    })
+  );
+};

package/bin/utils/resource/src/app/core/models/README.md

@@ -0,0 +1,10 @@
+# MODELS
+
+Folder ini untuk layer **models**.
+
+- **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/core/services/README.md

@@ -0,0 +1,10 @@
+# SERVICES
+
+Folder ini untuk layer **services**.
+
+- **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/shared/README.md

@@ -0,0 +1,10 @@
+# SHARED
+
+Folder ini untuk layer **shared**.
+
+- **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/shared/directives/README.md

@@ -0,0 +1,10 @@
+# DIRECTIVES
+
+Folder ini untuk layer **directives**.
+
+- **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/shared/pipes/README.md

@@ -0,0 +1,10 @@
+# PIPES
+
+Folder ini untuk layer **pipes**.
+
+- **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/shared/ui/README.md

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