@simplysm/sd-cli 14.0.95 → 14.0.97

package/src/commands/init/templates/client/src/app/home/system/system-log/system-log.list.ts.hbs

@@ -0,0 +1,382 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  effect,
+  inject,
+  signal,
+  untracked,
+  ViewEncapsulation,
+} from "@angular/core";
+import {
+  FormatPipe,
+  injectPermsSignal,
+  injectViewTitleSignal,
+  injectViewTypeSignal,
+  mark,
+  SdAnchor,
+  SdButton,
+  SdCrudList,
+  SdDateRangePicker,
+  SdItemOfTemplate,
+  SdLabel,
+  SdModalProvider,
+  SdSelect,
+  SdSelectItem,
+  SdSharedDataSelect,
+  SdSheetColumn,
+  SdSheetColumnCellTemplate,
+  SdTextfield,
+  SdToastProvider,
+  type SortingDef,
+} from "@simplysm/angular";
+import { expr } from "@simplysm/orm-common";
+import { DateOnly, DateTime, obj } from "@simplysm/core-common";
+import { downloadBlob } from "@simplysm/core-browser";
+import { ExcelWrapper } from "@simplysm/excel";
+import { z } from "zod";
+import { AppOrmProvider, useSharedSignal } from "@{{workspaceName}}/client-common";
+import { NgIcon } from "@ng-icons/core";
+import { tablerDownload } from "@ng-icons/tabler-icons";
+import { TextViewModal } from "../../../../modals/text-view.modal";
+
+const ITEMS_PER_PAGE = 50;
+
+type TSeverity = "error" | "warn" | "log";
+
+@Component({
+  selector: "app-system-log-list",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [
+    SdCrudList,
+    SdSheetColumn,
+    SdSheetColumnCellTemplate,
+    SdTextfield,
+    SdDateRangePicker,
+    SdSelect,
+    SdSelectItem,
+    SdSharedDataSelect,
+    SdItemOfTemplate,
+    SdLabel,
+    SdAnchor,
+    SdButton,
+    NgIcon,
+    FormatPipe,
+  ],
+  template: `
+    <sd-crud-list
+      [key]="'system-log-list'"
+      [(ready)]="ready"
+      [initialized]="initialized()"
+      [(busyCount)]="busyCount"
+      [viewType]="viewType()"
+      [restricted]="!perms().includes('use')"
+      [readonly]="true"
+      [inlineEdit]="false"
+      [items]="items()"
+      [trackByFn]="trackByFn"
+      [(currentPage)]="page"
+      [totalPageCount]="pageLength()"
+      [(sorts)]="sortingDefs"
+      (filterSubmit)="onFilterSubmit()"
+    >
+      <ng-template #filterTpl>
+        <div class="form-box-inline">
+          <div>
+            <label>기간</label>
+            <sd-date-range-picker
+              [(from)]="filter().fromDate"
+              (fromChange)="mark(filter)"
+              [(to)]="filter().toDate"
+              (toChange)="mark(filter)"
+            />
+          </div>
+          <div>
+            <label>심각도</label>
+            <sd-select [(value)]="filter().severity" (valueChange)="mark(filter)">
+              <sd-select-item [value]="undefined">
+                <span class="tx-theme-gray-default">전체</span>
+              </sd-select-item>
+              <sd-select-item [value]="'error'">
+                <sd-label [theme]="'danger'">error</sd-label>
+              </sd-select-item>
+              <sd-select-item [value]="'warn'">
+                <sd-label [theme]="'warning'">warn</sd-label>
+              </sd-select-item>
+              <sd-select-item [value]="'log'">
+                <sd-label [theme]="'gray'">log</sd-label>
+              </sd-select-item>
+            </sd-select>
+          </div>
+          <div>
+            <label>검색어</label>
+            <sd-textfield
+              [type]="'text'"
+              [(value)]="filter().searchText"
+              (valueChange)="mark(filter)"
+            />
+          </div>
+          <div>
+            <label>사용자</label>
+            <sd-shared-data-select
+              [selectMode]="'multi'"
+              [items]="shared{{userEntityPascal}}s.items()"
+              [(value)]="filter().{{userEntityCamel}}Ids"
+              (valueChange)="mark(filter)"
+            >
+              <ng-template [itemOf]="shared{{userEntityPascal}}s.items()" let-item="item">
+                \{{ item.name }}
+              </ng-template>
+            </sd-shared-data-select>
+          </div>
+        </div>
+      </ng-template>
+
+      <ng-template #toolTpl>
+        <sd-button [size]="'sm'" [theme]="'link-success'" (click)="onDownloadExcelButtonClick()">
+          <ng-icon [svg]="tablerDownload" />
+          엑셀 다운로드
+        </sd-button>
+      </ng-template>
+
+      <sd-sheet-column [key]="'id'" [header]="'#'">
+        <ng-template [cell]="items()" let-item="item">
+          <div class="p-xs-sm tx-right">\{{ item.id }}</div>
+        </ng-template>
+      </sd-sheet-column>
+
+      <sd-sheet-column [key]="'dateTime'" [header]="'발생시각'">
+        <ng-template [cell]="items()" let-item="item">
+          <div class="p-xs-sm">\{{ item.dateTime | format: "yyyy-MM-dd HH:mm:ss" }}</div>
+        </ng-template>
+      </sd-sheet-column>
+
+      <sd-sheet-column [key]="'severity'" [header]="'심각도'">
+        <ng-template [cell]="items()" let-item="item">
+          <div class="p-xs-sm">
+            <sd-label [theme]="severityTheme(item.severity)">\{{ item.severity }}</sd-label>
+          </div>
+        </ng-template>
+      </sd-sheet-column>
+
+      <sd-sheet-column [key]="'clientName'" [header]="'클라이언트'">
+        <ng-template [cell]="items()" let-item="item">
+          <div class="p-xs-sm">\{{ item.clientName }}</div>
+        </ng-template>
+      </sd-sheet-column>
+
+      <sd-sheet-column [key]="'{{userEntityCamel}}Name'" [header]="'사용자'">
+        <ng-template [cell]="items()" let-item="item">
+          <div class="p-xs-sm">\{{ item.{{userEntityCamel}}Name ?? "&nbsp;" }}</div>
+        </ng-template>
+      </sd-sheet-column>
+
+      <sd-sheet-column [key]="'message'" [header]="'메시지'">
+        <ng-template [cell]="items()" let-item="item">
+          @if (item.message) {
+            <sd-anchor (click)="onOpenMessage(item)">
+              <div
+                class="p-xs-sm"
+                style="max-width: 40em; overflow: clip; white-space: nowrap; text-overflow: ellipsis;"
+              >
+                \{{ item.message }}
+              </div>
+            </sd-anchor>
+          } @else {
+            <div class="p-xs-sm">&nbsp;</div>
+          }
+        </ng-template>
+      </sd-sheet-column>
+    </sd-crud-list>
+  `,
+})
+export class SystemLogList {
+  private readonly _sdToast = inject(SdToastProvider);
+  private readonly _sdModal = inject(SdModalProvider);
+  private readonly _appOrm = inject(AppOrmProvider);
+
+  perms = injectPermsSignal(["system.system-log"], ["use"]);
+  viewType = injectViewTypeSignal();
+  viewTitle = injectViewTitleSignal();
+
+  ready = signal(false);
+  initialized = signal(false);
+  busyCount = signal(0);
+
+  shared{{userEntityPascal}}s = useSharedSignal("{{userEntityLabel}}");
+
+  items = signal<IItem[]>([]);
+  page = signal(0);
+  pageLength = signal(0);
+  sortingDefs = signal<SortingDef[]>([]);
+
+  filter = signal<IFilter>({ {{userEntityCamel}}Ids: [] });
+  lastFilter = signal<IFilter>({ {{userEntityCamel}}Ids: [] });
+
+  trackByFn = (item: IItem): number => item.id;
+
+  private readonly _excelWrapper = new ExcelWrapper(
+    z.object({
+      dateTime: z.custom<DateTime>().optional().describe("발생시각"),
+      severity: z.string().optional().describe("심각도"),
+      clientName: z.string().optional().describe("클라이언트"),
+      {{userEntityCamel}}Name: z.string().optional().describe("사용자"),
+      message: z.string().optional().describe("메시지"),
+    }),
+  );
+
+  constructor() {
+    effect(() => {
+      if (!this.perms().includes("use") || !this.ready()) {
+        this.initialized.set(true);
+        return;
+      }
+
+      this.lastFilter();
+      this.page();
+      this.sortingDefs();
+
+      void untracked(async () => {
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+          await this._refresh();
+        });
+        this.busyCount.update((v) => v - 1);
+        this.initialized.set(true);
+      });
+    });
+  }
+
+  onFilterSubmit(): void {
+    this.page.set(0);
+    this.lastFilter.set({ ...this.filter() });
+  }
+
+  severityTheme(severity: string): "danger" | "warning" | "gray" {
+    if (severity === "error") return "danger";
+    if (severity === "warn") return "warning";
+    return "gray";
+  }
+
+  async onOpenMessage(item: IItem): Promise<void> {
+    if (item.message == null || item.message === "") return;
+    await this._sdModal.showAsync({
+      type: TextViewModal,
+      title: "메시지",
+      inputs: { text: item.message },
+    });
+  }
+
+  async onDownloadExcelButtonClick(): Promise<void> {
+    if (this.busyCount() > 0) return;
+
+    this.busyCount.update((v) => v + 1);
+    await this._sdToast.try(async () => {
+      const r = await this._search(false);
+      const records = r.items.map((item) => ({
+        dateTime: item.dateTime,
+        severity: item.severity,
+        clientName: item.clientName,
+        {{userEntityCamel}}Name: item.{{userEntityCamel}}Name,
+        message: item.message,
+      }));
+      const wb = await this._excelWrapper.write(this.viewTitle(), records);
+      try {
+        downloadBlob(
+          await wb.toBlob(),
+          `${this.viewTitle()}_${new DateTime().toFormatString("yyMMdd")}.xlsx`,
+        );
+      } finally {
+        await wb.close();
+      }
+    });
+    this.busyCount.update((v) => v - 1);
+  }
+
+  private async _refresh(): Promise<void> {
+    const r = await this._search(true);
+    this.items.set(r.items);
+    this.pageLength.set(r.pageLength);
+  }
+
+  private async _search(usePagination: boolean): Promise<{ items: IItem[]; pageLength: number }> {
+    return this._appOrm.connectAsync(async (db) => {
+      let qr = db.systemLog();
+
+      const fromDate = this.lastFilter().fromDate;
+      if (fromDate != null) {
+        const fromBoundary = new DateTime(fromDate.year, fromDate.month, fromDate.day);
+        qr = qr.where((c) => [expr.gte(c.dateTime, fromBoundary)]);
+      }
+
+      const toDate = this.lastFilter().toDate;
+      if (toDate != null) {
+        const toBoundary = new DateTime(toDate.year, toDate.month, toDate.day).addDays(1);
+        qr = qr.where((c) => [expr.lt(c.dateTime, toBoundary)]);
+      }
+
+      const severity = this.lastFilter().severity;
+      if (severity != null) {
+        qr = qr.where((c) => [expr.eq(c.severity, severity)]);
+      }
+
+      const searchText = this.lastFilter().searchText?.trim();
+      if (searchText != null && searchText.length > 0) {
+        qr = qr.search((c) => [c.clientName, c.message], searchText);
+      }
+
+      const {{userEntityCamel}}Ids = this.lastFilter().{{userEntityCamel}}Ids;
+      if ({{userEntityCamel}}Ids.length > 0) {
+        qr = qr.where((c) => [expr.in(c.{{userEntityCamel}}Id, {{userEntityCamel}}Ids)]);
+      }
+
+      const pageLength = usePagination ? Math.ceil((await qr.count()) / ITEMS_PER_PAGE) : 0;
+
+      let qr2 = qr
+        .include((c) => c.{{userEntityCamel}})
+        .select((c) => ({
+          id: c.id,
+          dateTime: c.dateTime,
+          severity: c.severity,
+          clientName: c.clientName,
+          message: c.message,
+          {{userEntityCamel}}Name: c.{{userEntityCamel}}?.name,
+        }));
+
+      for (const sort of this.sortingDefs()) {
+        qr2 = qr2.orderBy((c) => obj.getChainValue(c, sort.key) as any, sort.desc ? "DESC" : "ASC");
+      }
+      if (!this.sortingDefs().some((s) => s.key === "id")) {
+        qr2 = qr2.orderBy((c) => c.id, "DESC");
+      }
+
+      if (usePagination) {
+        qr2 = qr2.limit(this.page() * ITEMS_PER_PAGE, ITEMS_PER_PAGE);
+      }
+
+      const items = (await qr2.execute()) as IItem[];
+      return { items, pageLength };
+    });
+  }
+
+  protected readonly mark = mark;
+  protected readonly tablerDownload = tablerDownload;
+}
+
+interface IItem {
+  id: number;
+  dateTime: DateTime;
+  severity: string;
+  clientName: string;
+  message?: string;
+  {{userEntityCamel}}Name?: string;
+}
+
+interface IFilter {
+  fromDate?: DateOnly;
+  toDate?: DateOnly;
+  severity?: TSeverity;
+  searchText?: string;
+  {{userEntityCamel}}Ids: number[];
+}

package/src/commands/init/templates/client/src/app/login/login.view.ts.hbs

@@ -108,7 +108,7 @@ export class LoginView {
     effect(() => {
       void untracked(async () => {
         this.initBusyCount.update((v) => v + 1);
-        try {
+        await this._sdToast.try(async () => {
           const ok = await this._appAuth.tryReloadAuth();
           if (ok) {
             const firstRouterLink = this._appAuth.authInfo()?.configs["first-router-link"] ?? "/home/main";
@@ -119,9 +119,8 @@ export class LoginView {
           if (lastLoginId != null && lastLoginId !== "") {
             this.data.update((d) => ({ ...d, loginId: lastLoginId }));
           }
-        } finally {
-          this.initBusyCount.update((v) => v - 1);
-        }
+        });
+        this.initBusyCount.update((v) => v - 1);
       });
     });
   }

package/src/commands/init/templates/client/src/app.root.ts.hbs

@@ -17,12 +17,18 @@ import { DevModal } from "./modals/dev.modal";
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
+{{#if client.hasRouter}}
+  imports: [RouterOutlet],
+{{/if}}
 {{#if hasDb}}
-  host: { "(document:keydown)": "onKeydown($event)" },
+  host: {
+    "(document:keydown)": "onKeydown($event)",
+  },
 {{/if}}
 {{#if client.hasRouter}}
-  imports: [RouterOutlet],
-  template: `<router-outlet />`,
+  template: `
+    <router-outlet />
+  `,
 {{else}}
   template: `<div></div>`,
 {{/if}}

package/src/commands/init/templates/client/src/index.html.hbs

@@ -6,6 +6,7 @@
     <meta name="format-detection" content="telephone=no" />
     <meta name="msapplication-tap-highlight" content="no" />
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+
     <title>{{description}}</title>
   </head>
   <body>

package/src/commands/init/templates/client/src/main.server.ts.hbs

@@ -0,0 +1,24 @@
+import { bootstrapApplication, type BootstrapContext } from "@angular/platform-browser";
+import { provideServerRendering } from "@angular/platform-server";
+import { provideHttpClient, withFetch } from "@angular/common/http";
+import { provideRouter } from "@angular/router";
+import { provideSdAngular } from "@simplysm/angular";
+import { AppRoot } from "./app.root";
+import { routes } from "./routes";
+
+// 프리렌더(빌드 시점) 전용 부트스트랩 — 서버 연결·로그 배선 등 브라우저 전용 초기화는 제외
+const bootstrap = (context: BootstrapContext) =>
+  bootstrapApplication(
+    AppRoot,
+    {
+      providers: [
+        provideHttpClient(withFetch()),
+        provideRouter(routes),
+        provideSdAngular({ clientName: "{{client.name}}" }),
+        provideServerRendering(),
+      ],
+    },
+    context,
+  );
+
+export default bootstrap;

package/src/commands/init/templates/client/src/main.ts.hbs

@@ -3,52 +3,67 @@ import { enableProdMode, inject, provideAppInitializer } from "@angular/core";
 {{else}}
 import { enableProdMode } from "@angular/core";
 {{/if}}
+{{#if client.useSsg}}
+import { bootstrapApplication, provideClientHydration } from "@angular/platform-browser";
+{{else}}
 import { bootstrapApplication } from "@angular/platform-browser";
+{{/if}}
 import { provideHttpClient, withFetch } from "@angular/common/http";
 {{#if client.hasRouter}}
+{{#if client.useSsg}}
+import { provideRouter } from "@angular/router";
+{{else}}
 import { provideRouter, withHashLocation } from "@angular/router";
 {{/if}}
+{{/if}}
 import {
   provideSdAngular,
+{{#if hasAuth}}
+{{#if client.hasRouter}}
+  SdAppStructureProvider,
+{{/if}}
+{{/if}}
 {{#if hasDb}}
   SdSharedDataProvider,
-  SdSystemLogProvider,
 {{/if}}
 {{#if hasAuth}}
   SdSystemConfigProvider,
-{{#if client.hasRouter}}
-  SdAppStructureProvider,
 {{/if}}
+{{#if hasDb}}
+  SdSystemLogProvider,
 {{/if}}
 } from "@simplysm/angular";
 import { createLogger{{#if hasDb}}, DateTime, json{{/if}} } from "@simplysm/core-common";
+import { AppRoot } from "./app.root";
+{{#if client.hasRouter}}
+import { routes } from "./routes";
+{{/if}}
+import "./styles.scss";
 {{#if hasAuth}}
-import { expr } from "@simplysm/orm-common";
+{{#if client.hasRouter}}
+import { {{client.appStructureName}} } from "@{{workspaceName}}/common";
+{{/if}}
 {{/if}}
 {{#if hasServer}}
 import {
-  AppServiceProvider,
+{{#if hasAuth}}
+  AppAuthProvider,
+{{/if}}
 {{#if hasDb}}
   AppOrmProvider,
-  AppSharedDataProvider,
 {{/if}}
-{{#if hasAuth}}
-  AppAuthProvider,
+  AppServiceProvider,
+{{#if hasDb}}
+  AppSharedDataProvider,
 {{/if}}
 } from "@{{workspaceName}}/client-common";
 {{/if}}
 {{#if hasAuth}}
-{{#if client.hasRouter}}
-import { {{client.appStructureName}} } from "@{{workspaceName}}/common";
-{{/if}}
-{{/if}}
-import { AppRoot } from "./app.root";
-{{#if client.hasRouter}}
-import { routes } from "./routes";
+import { expr } from "@simplysm/orm-common";
 {{/if}}
-import "./styles.scss";
 
 const CLIENT_NAME = "{{client.name}}";
+
 const logger = createLogger(CLIENT_NAME);
 
 if (typeof ngDevMode !== "undefined" && !ngDevMode) {
@@ -61,7 +76,12 @@ bootstrapApplication(AppRoot, {
   providers: [
     provideHttpClient(withFetch()),
 {{#if client.hasRouter}}
+{{#if client.useSsg}}
+    provideRouter(routes),
+    provideClientHydration(),
+{{else}}
     provideRouter(routes, withHashLocation()),
+{{/if}}
 {{/if}}
     provideSdAngular({ clientName: CLIENT_NAME }),
 {{#if hasDb}}
@@ -70,7 +90,6 @@ bootstrapApplication(AppRoot, {
 {{/if}}
 {{#if hasServer}}
 
-    //-- app-service 연결
     provideAppInitializer(async () => {
       await inject(AppServiceProvider).connectAsync();
     }),
@@ -78,7 +97,6 @@ bootstrapApplication(AppRoot, {
 {{#if hasAuth}}
 {{#if client.hasRouter}}
 
-    //-- app-structure 초기화
     provideAppInitializer(() => {
       inject(SdAppStructureProvider).initialize({{client.appStructureName}});
     }),

package/src/commands/init/templates/client/src/modals/text-view.modal.ts.hbs

@@ -0,0 +1,30 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  input,
+  output,
+  signal,
+  ViewEncapsulation,
+} from "@angular/core";
+import { type SdModalContentDef } from "@simplysm/angular";
+
+@Component({
+  selector: "app-text-view-modal",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [],
+  template: `
+    <div class="p-default">
+      <div class="p-default bg-theme-gray-lightest bd-radius-default bd bd-theme-gray-lighter">
+        <pre>\{{ text() }}</pre>
+      </div>
+    </div>
+  `,
+})
+export class TextViewModal implements SdModalContentDef<void> {
+  text = input.required<string>();
+  close = output<void>();
+
+  initialized = signal(true);
+}

package/src/commands/init/templates/client/src/routes.ts.hbs

@@ -21,6 +21,28 @@ export const routes: Routes = [
         loadComponent: () =>
           import("./app/home/my-info/my-info.detail").then((m) => m.MyInfoDetail),
       },
+      {
+        path: "master/role-permission",
+        loadComponent: () =>
+          import("./app/home/master/role-permission/role-permission.view").then(
+            (m) => m.RolePermissionView,
+          ),
+      },
+      {
+        path: "master/{{userEntityKebab}}",
+        loadComponent: () =>
+          import("./app/home/master/{{userEntityKebab}}/{{userEntityKebab}}.list").then((m) => m.{{userEntityPascal}}List),
+      },
+      {
+        path: "system/data-log",
+        loadComponent: () =>
+          import("./app/home/system/data-log/data-log.list").then((m) => m.DataLogList),
+      },
+      {
+        path: "system/system-log",
+        loadComponent: () =>
+          import("./app/home/system/system-log/system-log.list").then((m) => m.SystemLogList),
+      },
     ],
   },
 ];

package/src/commands/init/templates/client-common/src/index.ts.hbs

@@ -1,13 +1,15 @@
+{{#if hasAuth}}
+export * from "./providers/app-auth.provider";
+{{/if}}
+{{#if hasDb}}
+export * from "./providers/app-orm.provider";
+{{/if}}
 {{#if hasServer}}
 export * from "./providers/app-service.provider";
 {{/if}}
 {{#if hasDb}}
-export * from "./providers/app-orm.provider";
 export * from "./providers/app-shared-data.provider";
 {{/if}}
-{{#if hasAuth}}
-export * from "./providers/app-auth.provider";
-{{/if}}
 {{#unless hasServer}}
 {{#unless hasDb}}
 export {};

package/src/commands/init/templates/client-common/src/providers/app-auth.provider.ts.hbs

@@ -56,7 +56,7 @@ export class AppAuthProvider {
     await this._appService.client.auth(token);
     this.authInfo.set(authData);
     this._sdAppStructure.permRecord.set(authData.permissions);
-    await this._registerAuthEvent(authData.{{userEntityCamel}}Id);
+    await this._registerAuthEvent(authData.{{userEntityCamel}}Id, authData.roleId);
     this._appSharedData.initialize();
   }
 
@@ -67,10 +67,10 @@ export class AppAuthProvider {
     this._sdAppStructure.permRecord.set(undefined);
   }
 
-  private async _registerAuthEvent({{userEntityCamel}}Id: number): Promise<void> {
+  private async _registerAuthEvent({{userEntityCamel}}Id: number, roleId: number): Promise<void> {
     await this._unregisterAuthEvent();
     this._authEventKey = await this._appService.authInfoChangedEvent.addListener(
-      { {{userEntityCamel}}Id },
+      { {{userEntityCamel}}Id, roleId },
       async () => {
         await this.tryReloadAuth();
       },

package/src/commands/init/templates/client-common/src/providers/app-orm.provider.ts.hbs

@@ -16,15 +16,4 @@ export class AppOrmProvider {
       callback,
     );
   }
-
-  connectWithoutTransAsync<R>(callback: (db: {{dbContextClassName}}) => Promise<R>): Promise<R> {
-    return this._appService.orm.connectWithoutTransaction(
-      {
-        DbClass: {{dbContextClassName}},
-        connOpt: { configName: "{{dbContextNameUpper}}" },
-        dbContextOpt: { database: "{{workspaceNameUpper}}" },
-      },
-      callback,
-    );
-  }
 }