unictive-angular 1.1.4 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/bin/utils/resource/src/app/app.config.ts +1 -18
  2. package/bin/utils/resource/src/app/shared/ui/button/button.component.ts +6 -9
  3. package/bin/utils/resource/src/app/shared/ui/input-text/input-text.component.ts +16 -9
  4. package/bin/utils/updatePackageJson.js +122 -124
  5. package/package.json +1 -1
package/bin/utils/resource/src/app/app.config.ts CHANGED
@@ -14,8 +14,7 @@ import { errorInterceptor } from '@core/interceptors/error.interceptor';
14
14
  import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
15
15
 
16
16
  import { AuthService } from '@api/auth/auth.service';
17
- import { providePrimeNG } from 'primeng/config';
18
- import Aura from '@primeuix/themes/aura';
17
+
19
18
 
20
19
  export function appInitFactoryFromApi(auth: AuthService) {
21
20
  return auth.initFromApi();
@@ -30,21 +29,5 @@ export const appConfig: ApplicationConfig = {
30
29
  provideHttpClient(withInterceptors([jwtInterceptor, errorInterceptor])),
31
30
  provideAppInitializer(() => appInitFactoryFromApi(inject(AuthService))),
32
31
 
33
- providePrimeNG({
34
- theme: {
35
- preset: Aura,
36
- options: {
37
- darkModeSelector: '[data-theme="dark"]',
38
- lightModeSelector: '[data-theme="light"]',
39
- },
40
- },
41
-
42
- zIndex: {
43
- modal: 1100, // dialog, sidebar
44
- overlay: 1000, // dropdown, overlaypanel
45
- menu: 1000, // overlay menus
46
- tooltip: 1100 // tooltip
47
- }
48
- }),
49
32
  ],
50
33
  };
package/bin/utils/resource/src/app/shared/ui/button/button.component.ts CHANGED
@@ -1,31 +1,28 @@
1
1
  import { NgClass } from '@angular/common';
2
2
  import { Component, computed, EventEmitter, Input, input, OnInit, Output, signal } from '@angular/core';
3
- import { ButtonModule } from 'primeng/button';
4
-
5
-
6
- // import { ButtonModule } from 'primeng/button';
7
3
 
8
4
  @Component({
9
5
  selector: 'app-button',
10
6
  template: `
11
7
  <button
12
- pButton
13
8
  [type]="type"
14
9
  [disabled]="isDisabled()"
15
10
  [ngClass]="[class, variantClass]"
16
- style="background:none;"
17
- class="rounded-xl! flex items-center text-sm!"
11
+ class="inline-flex items-center justify-center gap-2 px-4 py-2 border rounded-xl text-sm font-medium cursor-pointer transition-colors disabled:opacity-60 disabled:cursor-not-allowed"
18
12
  (click)="handleClick()"
19
13
  >
20
14
  @if (loadings() && loading) {
21
- <i class="pi pi-spinner animate-spin text-white"></i>
15
+ <svg class="size-4 animate-spin" viewBox="0 0 24 24" fill="none" aria-hidden="true">
16
+ <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" class="opacity-25" />
17
+ <path d="M22 12a10 10 0 0 0-10-10" stroke="currentColor" stroke-width="4" stroke-linecap="round" />
18
+ </svg>
22
19
  }
23
20
  <ng-content>
24
21
  Label
25
22
  </ng-content>
26
23
  </button>
27
24
  `,
28
- imports: [ButtonModule, NgClass],
25
+ imports: [NgClass],
29
26
  })
30
27
  export class ButtonComponent implements OnInit {
31
28
 
package/bin/utils/resource/src/app/shared/ui/input-text/input-text.component.ts CHANGED
@@ -2,7 +2,6 @@ import { CommonModule } from '@angular/common';
2
2
  import { Component, forwardRef, input, Input, OnInit } from '@angular/core';
3
3
  import { ControlValueAccessor, FormControl, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
4
4
  import { AlertErrorInputComponent } from '@shared/widgets/alert-error-input/alert-error-input.component';
5
- import { FloatLabelModule } from "primeng/floatlabel";
6
5
 
7
6
  @Component({
8
7
  selector: 'input-text',
@@ -11,7 +10,6 @@ import { FloatLabelModule } from "primeng/floatlabel";
11
10
  ReactiveFormsModule,
12
11
  FormsModule,
13
12
  AlertErrorInputComponent,
14
- FloatLabelModule,
15
13
  CommonModule
16
14
  ],
17
15
  providers: [
@@ -28,13 +26,22 @@ import { FloatLabelModule } from "primeng/floatlabel";
28
26
  @if(this.type == 'password'){
29
27
  <div class="relative">
30
28
  <input [autocomplete]="false" (ngModelChange)="onValueChange($event)" [(ngModel)]="value" [type]="showPassword ? 'text' : type"
31
- class="w-full p-0! border-none! rounded-lg focus:outline-none! focus:ring-0"
32
- [placeholder]="placeholder()" />
33
- <i
34
- class="pi absolute right-0 top-0 -translate-y-1/2 cursor-pointer text-gray-500 hover:text-gray-700"
35
- [ngClass]="showPassword ? 'pi-eye' : 'pi-eye-slash'"
36
- (click)="showPassword = !showPassword"
37
- ></i>
29
+ class="w-full p-0! pr-6! border-none! rounded-lg focus:outline-none! focus:ring-0"
30
+ [placeholder]="placeholder()" />
31
+ <button
32
+ type="button"
33
+ class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-gray-500 hover:text-gray-700"
34
+ [attr.aria-label]="showPassword ? 'Sembunyikan password' : 'Tampilkan password'"
35
+ (click)="togglePassword()"
36
+ >
37
+ <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
38
+ <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z" />
39
+ <circle cx="12" cy="12" r="3" />
40
+ @if (!showPassword) {
41
+ <line x1="3" y1="3" x2="21" y2="21" />
42
+ }
43
+ </svg>
44
+ </button>
38
45
  </div>
39
46
  }
40
47
  @else {
package/bin/utils/updatePackageJson.js CHANGED
@@ -1,124 +1,122 @@
1
- const fs = require('fs');
2
- const { show_status } = require('./showStatus');
3
- const { execSync} = require("child_process");
4
-
5
-
6
- const listPackagesToInstall = [
7
- "npm i tailwindcss @tailwindcss/postcss postcss --force",
8
- "npm i @ngx-pwa/local-storage ",
9
- // "npm i primeng --legacy-peer-deps",
10
- // "npm i primeicons @primeuix/themes quill --legacy-peer-deps",
11
- "npm i sweetalert2 ",
12
- "npm i @angular/animations ",
13
- ];
14
-
15
-
16
- // ===================== Update package.json =====================
17
- async function update_package_json() {
18
- show_status("Memperbarui package.json...", "info");
19
-
20
- const pkgPath = "package.json";
21
- const angularJsonPath = "angular.json";
22
-
23
- // ------------------- Backup -------------------
24
- const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
25
- fs.copyFileSync(pkgPath, "package.json.backup");
26
-
27
- // ------------------- Scripts -------------------
28
- pkg.scripts = pkg.scripts || {};
29
- pkg.scripts["start:dev"] = "ng serve --configuration=dev --port 4200 --open";
30
- pkg.scripts["start:staging"] = "ng serve --configuration=staging --port 4200 --open";
31
- pkg.scripts["start:prod"] = "ng serve --configuration=production --port 4200 --open";
32
-
33
- pkg.scripts["build:dev"] = "ng build --configuration=dev";
34
- pkg.scripts["build:staging"] = "ng build --configuration=staging";
35
- pkg.scripts["build:prod"] = "ng build --configuration=production";
36
- pkg.scripts["staging"] = "git pull && npm run build:staging";
37
-
38
- pkg.scripts["lint"] = "ng lint";
39
- pkg.scripts["test"] = "ng test --watch=false";
40
-
41
- fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
42
- show_status("package.json berhasil diperbarui dengan script build multi-env!", "success");
43
-
44
-
45
-
46
- // ------------------- Bin -------------------
47
- pkg.bin = pkg.bin || {};
48
- pkg.bin["dx"] = "./tools/dx.js";
49
- fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
50
- show_status('Menambahkan field "bin" ke package.json!', "success");
51
-
52
-
53
- listPackagesToInstall.forEach(command => {
54
- console.log(`Menjalankan: ${command}`);
55
- try {
56
- execSync(command, { stdio: 'inherit' });
57
- show_status(`Berhasil menjalankan: ${command}`, "success");
58
- } catch (error) {
59
- show_status(`Gagal menjalankan: ${command}`, "error");
60
- }
61
- });
62
-
63
-
64
-
65
-
66
-
67
-
68
- // ------------------- Angular file replacements -------------------
69
- // if (!fs.existsSync(angularJsonPath)) {
70
- // show_status("⚠ angular.json tidak ditemukan! Lewati file replacement.", "warning");
71
- // return;
72
- // }
73
-
74
- // const angularJson = JSON.parse(fs.readFileSync(angularJsonPath, "utf8"));
75
-
76
- // // Pilih project
77
- // const projectNames = Object.keys(angularJson.projects);
78
- // const projectName = angularJson.defaultProject || projectNames[0];
79
-
80
- // const project = angularJson.projects[projectName];
81
- // const buildTarget = project.architect?.build || project.targets?.build;
82
-
83
- // if (!buildTarget) {
84
- // show_status("⚠ Build target tidak ditemukan di angular.json!", "error");
85
- // return;
86
- // }
87
-
88
- // const buildConfig = buildTarget.configurations || {};
89
-
90
- // // ------------------- Tambahkan environment config -------------------
91
- // buildConfig["dev"] = {
92
- // fileReplacements: [
93
- // {
94
- // replace: "src/environments/environment.ts",
95
- // with: "src/environments/environment.dev.ts"
96
- // }
97
- // ]
98
- // };
99
-
100
- // buildConfig["staging"] = {
101
- // fileReplacements: [
102
- // {
103
- // replace: "src/environments/environment.ts",
104
- // with: "src/environments/environment.staging.ts"
105
- // }
106
- // ]
107
- // };
108
-
109
- // buildConfig["production"] = {
110
- // fileReplacements: [
111
- // {
112
- // replace: "src/environments/environment.ts",
113
- // with: "src/environments/environment.prod.ts"
114
- // }
115
- // ]
116
- // };
117
-
118
- // buildTarget.configurations = buildConfig;
119
-
120
- // fs.writeFileSync(angularJsonPath, JSON.stringify(angularJson, null, 2));
121
- // show_status("angular.json berhasil diperbarui dengan file replacement multi-env!", "success");
122
- }
123
-
124
- module.exports = {update_package_json };
1
+ const fs = require('fs');
2
+ const { show_status } = require('./showStatus');
3
+ const { execSync} = require("child_process");
4
+
5
+
6
+ const listPackagesToInstall = [
7
+ "npm i tailwindcss @tailwindcss/postcss postcss --force",
8
+ "npm i @ngx-pwa/local-storage ",
9
+ "npm i sweetalert2 ",
10
+ "npm i @angular/animations ",
11
+ ];
12
+
13
+
14
+ // ===================== Update package.json =====================
15
+ async function update_package_json() {
16
+ show_status("Memperbarui package.json...", "info");
17
+
18
+ const pkgPath = "package.json";
19
+ const angularJsonPath = "angular.json";
20
+
21
+ // ------------------- Backup -------------------
22
+ const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
23
+ fs.copyFileSync(pkgPath, "package.json.backup");
24
+
25
+ // ------------------- Scripts -------------------
26
+ pkg.scripts = pkg.scripts || {};
27
+ pkg.scripts["start:dev"] = "ng serve --configuration=dev --port 4200 --open";
28
+ pkg.scripts["start:staging"] = "ng serve --configuration=staging --port 4200 --open";
29
+ pkg.scripts["start:prod"] = "ng serve --configuration=production --port 4200 --open";
30
+
31
+ pkg.scripts["build:dev"] = "ng build --configuration=dev";
32
+ pkg.scripts["build:staging"] = "ng build --configuration=staging";
33
+ pkg.scripts["build:prod"] = "ng build --configuration=production";
34
+ pkg.scripts["staging"] = "git pull && npm run build:staging";
35
+
36
+ pkg.scripts["lint"] = "ng lint";
37
+ pkg.scripts["test"] = "ng test --watch=false";
38
+
39
+ fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
40
+ show_status("package.json berhasil diperbarui dengan script build multi-env!", "success");
41
+
42
+
43
+
44
+ // ------------------- Bin -------------------
45
+ pkg.bin = pkg.bin || {};
46
+ pkg.bin["dx"] = "./tools/dx.js";
47
+ fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
48
+ show_status('Menambahkan field "bin" ke package.json!', "success");
49
+
50
+
51
+ listPackagesToInstall.forEach(command => {
52
+ console.log(`Menjalankan: ${command}`);
53
+ try {
54
+ execSync(command, { stdio: 'inherit' });
55
+ show_status(`Berhasil menjalankan: ${command}`, "success");
56
+ } catch (error) {
57
+ show_status(`Gagal menjalankan: ${command}`, "error");
58
+ }
59
+ });
60
+
61
+
62
+
63
+
64
+
65
+
66
+ // ------------------- Angular file replacements -------------------
67
+ // if (!fs.existsSync(angularJsonPath)) {
68
+ // show_status("⚠ angular.json tidak ditemukan! Lewati file replacement.", "warning");
69
+ // return;
70
+ // }
71
+
72
+ // const angularJson = JSON.parse(fs.readFileSync(angularJsonPath, "utf8"));
73
+
74
+ // // Pilih project
75
+ // const projectNames = Object.keys(angularJson.projects);
76
+ // const projectName = angularJson.defaultProject || projectNames[0];
77
+
78
+ // const project = angularJson.projects[projectName];
79
+ // const buildTarget = project.architect?.build || project.targets?.build;
80
+
81
+ // if (!buildTarget) {
82
+ // show_status("⚠ Build target tidak ditemukan di angular.json!", "error");
83
+ // return;
84
+ // }
85
+
86
+ // const buildConfig = buildTarget.configurations || {};
87
+
88
+ // // ------------------- Tambahkan environment config -------------------
89
+ // buildConfig["dev"] = {
90
+ // fileReplacements: [
91
+ // {
92
+ // replace: "src/environments/environment.ts",
93
+ // with: "src/environments/environment.dev.ts"
94
+ // }
95
+ // ]
96
+ // };
97
+
98
+ // buildConfig["staging"] = {
99
+ // fileReplacements: [
100
+ // {
101
+ // replace: "src/environments/environment.ts",
102
+ // with: "src/environments/environment.staging.ts"
103
+ // }
104
+ // ]
105
+ // };
106
+
107
+ // buildConfig["production"] = {
108
+ // fileReplacements: [
109
+ // {
110
+ // replace: "src/environments/environment.ts",
111
+ // with: "src/environments/environment.prod.ts"
112
+ // }
113
+ // ]
114
+ // };
115
+
116
+ // buildTarget.configurations = buildConfig;
117
+
118
+ // fs.writeFileSync(angularJsonPath, JSON.stringify(angularJson, null, 2));
119
+ // show_status("angular.json berhasil diperbarui dengan file replacement multi-env!", "success");
120
+ }
121
+
122
+ module.exports = {update_package_json };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unictive-angular",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "description": "CLI untuk membuat project Angular dengan struktur kustom (Modules, Core, API, Shared).",
5
5
  "scripts": {
6
6
  "build": "npm version patch && npm publish --access public"