@simplysm/sd-cli 14.0.89 → 14.0.90

package/src/commands/init/generators/client.ts

@@ -24,10 +24,49 @@ export async function generateClient(
 
   await renderToFile(path.join(TPL, "package.json.hbs"), path.join(out, "package.json"), data);
   await renderToFile(path.join(TPL, "src/main.ts.hbs"), path.join(out, "src/main.ts"), data);
-  await renderToFile(path.join(TPL, "src/AppPage.ts.hbs"), path.join(out, "src/AppPage.ts"), data);
+  await renderToFile(path.join(TPL, "src/app.root.ts.hbs"), path.join(out, "src/app.root.ts"), data);
   await renderToFile(path.join(TPL, "src/index.html.hbs"), path.join(out, "src/index.html"), data);
 
+  if (data.hasDb) {
+    await renderToFile(
+      path.join(TPL, "src/modals/dev.modal.ts.hbs"),
+      path.join(out, "src/modals/dev.modal.ts"),
+      data,
+    );
+  }
+
   if (client.hasRouter) {
-    await copyFixed(path.join(TPL, "src/routes.ts"), path.join(out, "src/routes.ts"));
+    await renderToFile(path.join(TPL, "src/routes.ts.hbs"), path.join(out, "src/routes.ts"), data);
+  }
+
+  if (data.hasAuth && client.hasRouter) {
+    await renderToFile(
+      path.join(TPL, "src/app/login/login.view.ts.hbs"),
+      path.join(out, "src/app/login/login.view.ts"),
+      data,
+    );
+    await renderToFile(
+      path.join(TPL, "src/app/home/home.view.ts.hbs"),
+      path.join(out, "src/app/home/home.view.ts"),
+      data,
+    );
+    await renderToFile(
+      path.join(TPL, "src/app/home/main/main.view.ts.hbs"),
+      path.join(out, "src/app/home/main/main.view.ts"),
+      data,
+    );
+    await renderToFile(
+      path.join(TPL, "src/app/home/my-info/my-info.detail.ts.hbs"),
+      path.join(out, "src/app/home/my-info/my-info.detail.ts"),
+      data,
+    );
+    await copyFixed(
+      path.join(TPL, "login-public/assets/logo.png"),
+      path.join(out, "public/assets/logo.png"),
+    );
+    await copyFixed(
+      path.join(TPL, "login-public/assets/logo-landscape.png"),
+      path.join(out, "public/assets/logo-landscape.png"),
+    );
   }
 }

package/src/commands/init/generators/common.ts

@@ -13,11 +13,65 @@ export async function generateCommon(cwd: string, data: RenderData): Promise<voi
   await renderToFile(path.join(TPL, "package.json.hbs"), path.join(out, "package.json"), data);
   await renderToFile(path.join(TPL, "src/index.ts.hbs"), path.join(out, "src/index.ts"), data);
 
+  if (data.hasAuth) {
+    await renderToFile(
+      path.join(TPL, "src/app-structure.ts.hbs"),
+      path.join(out, "src/app-structure.ts"),
+      data,
+    );
+    await renderToFile(
+      path.join(TPL, "src/auth-info-changed.event.ts.hbs"),
+      path.join(out, "src/auth-info-changed.event.ts"),
+      data,
+    );
+  }
+
   if (data.hasDb) {
+    const dbTpl = path.join(TPL, "src/db");
+    const dbOut = path.join(out, "src", data.dbFolderName);
+
     await renderToFile(
-      path.join(TPL, "src/DbContext.ts.hbs"),
-      path.join(out, "src", `${data.dbContextClassName}.ts`),
+      path.join(dbTpl, "db-context.ts.hbs"),
+      path.join(dbOut, `${data.dbContextFileName}.ts`),
       data,
     );
+    await renderToFile(
+      path.join(dbTpl, "system-data-log.ext.ts.hbs"),
+      path.join(dbOut, "system-data-log.ext.ts"),
+      data,
+    );
+    await renderToFile(
+      path.join(dbTpl, "tables/system/system-data-log.ts.hbs"),
+      path.join(dbOut, "tables/system/system-data-log.ts"),
+      data,
+    );
+    await renderToFile(
+      path.join(dbTpl, "tables/system/system-log.ts.hbs"),
+      path.join(dbOut, "tables/system/system-log.ts"),
+      data,
+    );
+
+    if (data.hasAuth) {
+      await renderToFile(
+        path.join(dbTpl, "tables/system/role.ts.hbs"),
+        path.join(dbOut, "tables/system/role.ts"),
+        data,
+      );
+      await renderToFile(
+        path.join(dbTpl, "tables/system/role-permission.ts.hbs"),
+        path.join(dbOut, "tables/system/role-permission.ts"),
+        data,
+      );
+      await renderToFile(
+        path.join(dbTpl, "tables/master/user.ts.hbs"),
+        path.join(dbOut, "tables/master", `${data.userEntityKebab}.ts`),
+        data,
+      );
+      await renderToFile(
+        path.join(dbTpl, "tables/master/user-config.ts.hbs"),
+        path.join(dbOut, "tables/master", `${data.userEntityKebab}-config.ts`),
+        data,
+      );
+    }
   }
 }

package/src/commands/init/generators/server.ts

@@ -12,4 +12,34 @@ export async function generateServer(cwd: string, data: RenderData): Promise<voi
 
   await renderToFile(path.join(TPL, "package.json.hbs"), path.join(out, "package.json"), data);
   await renderToFile(path.join(TPL, "src/main.ts.hbs"), path.join(out, "src/main.ts"), data);
+
+  if (data.hasDb) {
+    await renderToFile(
+      path.join(TPL, "src/utils/orm.utils.ts.hbs"),
+      path.join(out, "src/utils/orm.utils.ts"),
+      data,
+    );
+    await renderToFile(
+      path.join(TPL, "src/services/dev.service.ts.hbs"),
+      path.join(out, "src/services/dev.service.ts"),
+      data,
+    );
+    await renderToFile(
+      path.join(TPL, "src/index.ts.hbs"),
+      path.join(out, "src/index.ts"),
+      data,
+    );
+  }
+
+  if (data.hasAuth) {
+    await renderToFile(
+      path.join(TPL, "src/services/auth.service.ts.hbs"),
+      path.join(out, "src/services/auth.service.ts"),
+      data,
+    );
+    await copyFixed(
+      path.join(TPL, "public-dev/초기화.xlsx"),
+      path.join(out, "public-dev/초기화.xlsx"),
+    );
+  }
 }

package/src/commands/init/init.ts

@@ -1,4 +1,5 @@
 import crypto from "crypto";
+import path from "path";
 import { createLogger } from "@simplysm/core-common";
 import { generateClient } from "./generators/client";
 import { generateClientCommon } from "./generators/client-common";
@@ -9,6 +10,7 @@ import { normalize } from "./normalize";
 import { promptInit } from "./prompts";
 import type { RenderData } from "./types";
 import { validateBeforePrompt, validateInput } from "./validate";
+import { shellSpawn } from "../../utils/shell-spawn";
 
 const logger = createLogger("sd:cli:init");
 
@@ -19,7 +21,7 @@ export interface InitOptions {
 export async function runInit(opts: InitOptions): Promise<void> {
   await validateBeforePrompt(opts.cwd);
 
-  const input = await promptInit();
+  const input = await promptInit(path.basename(opts.cwd));
   validateInput(input);
 
   const normalized = normalize(input);
@@ -40,7 +42,15 @@ export async function runInit(opts: InitOptions): Promise<void> {
 
   logger.info("워크스페이스 부트스트랩 완료.");
 
-  const steps: string[] = ["pnpm install"];
+  logger.info("의존성 설치 및 도구 준비 중...");
+  await shellSpawn("mise", ["trust"], { cwd: opts.cwd, stdio: "inherit" });
+  await shellSpawn("mise", ["install"], { cwd: opts.cwd, stdio: "inherit" });
+  await shellSpawn("pnpm", ["install"], { cwd: opts.cwd, stdio: "inherit" });
+  await shellSpawn("pnpm", ["approve-builds", "--all"], { cwd: opts.cwd, stdio: "inherit" });
+  await shellSpawn("pnpm", ["up", "-r"], { cwd: opts.cwd, stdio: "inherit" });
+  logger.info("의존성 설치 및 도구 준비 완료.");
+
+  const steps: string[] = [];
   if (data.hasDb) {
     steps.push("sd.config.ts 의 configs.orm.MAIN 접속 정보 (host/port/user/password/database) 를 실제 값으로 수정");
   }

package/src/commands/init/normalize.ts

@@ -1,11 +1,21 @@
+import { str } from "@simplysm/core-common";
 import type { ClientSpec, InitInput, NormalizedInput } from "./types";
 
 const DB_PORTS: Record<NonNullable<InitInput["dbDialect"]>, number> = {
   mysql: 3306,
-  postgres: 5432,
+  postgresql: 5432,
   mssql: 1433,
 };
 
+const DB_CREDENTIALS: Record<
+  NonNullable<InitInput["dbDialect"]>,
+  { username: string; password: string }
+> = {
+  mysql: { username: "root", password: "1234" },
+  postgresql: { username: "postgres", password: "postgres" },
+  mssql: { username: "sa", password: "1234" },
+};
+
 function toDbContextBase(name: string): string {
   return name.replace(/DbContext$/i, "");
 }
@@ -20,19 +30,44 @@ function toDbContextNameUpper(name: string): string {
   return toDbContextBase(name).toUpperCase();
 }
 
+function toDbContextKebab(name: string): string {
+  return toDbContextBase(name)
+    .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+    .replace(/[\s_]+/g, "-")
+    .toLowerCase();
+}
+
+function toDbContextFileName(name: string): string {
+  return `${toDbContextKebab(name)}.db-context`;
+}
+
 export function normalize(input: InitInput): NormalizedInput {
+  const hasDb = input.hasServer && input.hasDb;
+  const hasAuth = hasDb && (input.hasAuth ?? false);
+
   const clients: ClientSpec[] = input.clients.map((c) => {
     const name = c.name.startsWith("client-") ? c.name : `client-${c.name}`;
     const isMobile = c.type === "mobile";
+    const hasRouter = isMobile ? false : c.hasRouter;
+    const baseName = name.startsWith("client-") ? name.slice("client-".length) : name;
     return {
       name,
       type: c.type,
-      hasRouter: isMobile ? false : c.hasRouter,
+      hasRouter,
       isMobile,
+      appStructureName: `${str.toCamelCase(baseName)}AppStructureItems`,
+      needsNgIcons: (hasRouter && hasAuth) || hasDb,
     };
   });
 
-  const hasDb = input.hasServer && input.hasDb;
+  const routerClients = clients.filter((c) => c.hasRouter);
+  const appStructureNames =
+    routerClients.length > 0
+      ? routerClients.map((c) => c.appStructureName)
+      : ["appStructureItems"];
+
+  const userEntityKebab = hasAuth ? (input.userEntityName ?? "user") : "";
+  const userEntityLabel = hasAuth ? (input.userEntityLabel ?? "사용자") : "";
   const hasCommon = input.hasServer;
   const hasClientCommon = input.hasServer || clients.length >= 2;
   const hasMobile = clients.some((c) => c.isMobile);
@@ -45,11 +80,21 @@ export function normalize(input: InitInput): NormalizedInput {
     hasDb,
     dbDialect: hasDb ? input.dbDialect : undefined,
     dbPort: hasDb && input.dbDialect != null ? DB_PORTS[input.dbDialect] : 0,
+    dbUsername: hasDb && input.dbDialect != null ? DB_CREDENTIALS[input.dbDialect].username : "",
+    dbPassword: hasDb && input.dbDialect != null ? DB_CREDENTIALS[input.dbDialect].password : "",
     isMysql: hasDb && input.dbDialect === "mysql",
-    isPostgres: hasDb && input.dbDialect === "postgres",
+    isPostgres: hasDb && input.dbDialect === "postgresql",
     isMssql: hasDb && input.dbDialect === "mssql",
     dbContextClassName: hasDb ? toDbContextClassName(input.dbContextName ?? "main") : "",
     dbContextNameUpper: hasDb ? toDbContextNameUpper(input.dbContextName ?? "main") : "",
+    dbContextFileName: hasDb ? toDbContextFileName(input.dbContextName ?? "main") : "",
+    dbFolderName: hasDb ? `db-${toDbContextKebab(input.dbContextName ?? "main")}` : "",
+    hasAuth,
+    userEntityPascal: hasAuth ? str.toPascalCase(userEntityKebab) : "",
+    userEntityCamel: hasAuth ? str.toCamelCase(userEntityKebab) : "",
+    userEntityKebab,
+    userEntityLabel,
+    appStructureNames,
     serverPort: input.serverPort ?? 40080,
     mobileAppId: hasMobile ? input.mobileAppId : undefined,
     firstMobileClientName: clients.find((c) => c.isMobile)?.name,

package/src/commands/init/prompts.ts

@@ -4,9 +4,10 @@ import type { ClientInputSpec, ClientType, DbDialect, InitInput } from "./types"
 const KEBAB_CASE_RE = /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/;
 const APPID_RE = /^[a-z][a-z0-9]*(\.[a-z][a-z0-9]*)+$/;
 
-export async function promptInit(): Promise<InitInput> {
+export async function promptInit(workspaceNameDefault: string): Promise<InitInput> {
   const workspaceName = await input({
     message: "워크스페이스 이름 (영문 kebab-case, 예: my-project):",
+    default: KEBAB_CASE_RE.test(workspaceNameDefault) ? workspaceNameDefault : undefined,
     validate: (v) => KEBAB_CASE_RE.test(v) || "영문 kebab-case 만 허용됩니다.",
   });
 
@@ -22,6 +23,9 @@ export async function promptInit(): Promise<InitInput> {
   let hasDb = false;
   let dbDialect: DbDialect | undefined;
   let dbContextName: string | undefined;
+  let hasAuth = false;
+  let userEntityName: string | undefined;
+  let userEntityLabel: string | undefined;
   let serverPort: number | undefined;
   if (hasServer) {
     hasDb = await confirm({
@@ -33,7 +37,7 @@ export async function promptInit(): Promise<InitInput> {
         message: "DB dialect 를 선택하세요:",
         choices: [
           { name: "MySQL", value: "mysql" },
-          { name: "PostgreSQL", value: "postgres" },
+          { name: "PostgreSQL", value: "postgresql" },
           { name: "MSSQL", value: "mssql" },
         ],
       });
@@ -43,10 +47,34 @@ export async function promptInit(): Promise<InitInput> {
         validate: (v) =>
           /^[A-Za-z][A-Za-z0-9]*$/.test(v) || "영문 (대소문자) + 숫자만, 첫 글자는 영문",
       });
+
+      hasAuth = await confirm({
+        message: "사용자 인증을 사용할까요? (사용자/역할/권한/로그 테이블 부트스트랩)",
+        default: true,
+      });
+      if (hasAuth) {
+        const useDefaultEntity = await confirm({
+          message: "사용자 엔티티를 user / 사용자 로 만들까요?",
+          default: true,
+        });
+        if (useDefaultEntity) {
+          userEntityName = "user";
+          userEntityLabel = "사용자";
+        } else {
+          userEntityName = await input({
+            message: "사용자 엔티티 영문 식별자 (kebab-case, 예: employee):",
+            validate: (v) => KEBAB_CASE_RE.test(v) || "영문 kebab-case 만 허용됩니다.",
+          });
+          userEntityLabel = await input({
+            message: "사용자 엔티티 한글 라벨 (예: 직원):",
+            validate: (v) => v.trim().length > 0 || "라벨을 입력하세요.",
+          });
+        }
+      }
     }
 
     const portStr = await input({
-      message: "server port (dev/prod 동일):",
+      message: "server port:",
       default: "40080",
       validate: (v) => {
         const n = Number(v);
@@ -103,6 +131,9 @@ export async function promptInit(): Promise<InitInput> {
     hasDb,
     dbDialect,
     dbContextName,
+    hasAuth,
+    userEntityName,
+    userEntityLabel,
     mobileAppId,
     serverPort,
   };

package/src/commands/init/templates/client/package.json.hbs

@@ -6,7 +6,6 @@
   "type": "module",
   "private": true,
   "dependencies": {
-    "consola": "^3.4.2",
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0",
     "@angular/platform-browser": "^21.2.0",
@@ -16,7 +15,9 @@
     "@{{workspaceName}}/client-common": "workspace:*"{{/if}}{{#if hasServer}},
     "@simplysm/service-client": "^14.0.0",
     "@simplysm/service-common": "^14.0.0"{{/if}}{{#if client.hasRouter}},
-    "@angular/router": "^21.2.0"{{/if}}{{#if hasDb}},
+    "@angular/router": "^21.2.0"{{/if}}{{#if client.needsNgIcons}},
+    "@ng-icons/core": "^33.2.3",
+    "@ng-icons/tabler-icons": "^33.2.3"{{/if}}{{#if hasDb}},
     "@{{workspaceName}}/common": "workspace:*",
     "@simplysm/orm-common": "^14.0.0"{{/if}}{{#if client.isMobile}},
     "@capacitor/core": "^7.0.0"{{/if}}

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

@@ -0,0 +1,137 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  effect,
+  inject,
+  signal,
+  untracked,
+  ViewEncapsulation,
+} from "@angular/core";
+import { Router, RouterOutlet } from "@angular/router";
+import {
+  SdAppStructureProvider,
+  SdBusyContainer,
+  SdRouterLink,
+  SdSidebar,
+  SdSidebarContainer,
+  SdSidebarMenu,
+  SdSidebarUser,
+  type SdSidebarUserMenu,
+  SdToastProvider,
+} from "@simplysm/angular";
+import { AppAuthProvider } from "@{{workspaceName}}/client-common";
+import { NgIcon } from "@ng-icons/core";
+import { tablerUserCircle } from "@ng-icons/tabler-icons";
+
+@Component({
+  selector: "app-home-view",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [
+    RouterOutlet,
+    SdBusyContainer,
+    SdSidebarContainer,
+    SdSidebar,
+    SdSidebarMenu,
+    SdSidebarUser,
+    SdRouterLink,
+    NgIcon,
+  ],
+  template: `
+    <sd-busy-container [busy]="busyCount() > 0">
+      @if (initialized()) {
+        <sd-sidebar-container>
+          <sd-sidebar class="flex-column">
+            <div>
+              <div
+                class="p-default-xl sh-topbar"
+                style="cursor: pointer;"
+                [sdRouterLink]="{ link: '/home/main' }"
+              >
+                <img
+                  alt="로고"
+                  src="assets/logo-landscape.png"
+                  style="height: 100%; width: auto;"
+                />
+              </div>
+
+              <sd-sidebar-user [userMenu]="userMenu">
+                <div style="float: left;" class="pr-default">
+                  <ng-icon [svg]="tablerUserCircle" [size]="'3em'" />
+                </div>
+
+                <div>\{{ authInfo()?.name }}</div>
+                <small>\{{ authInfo()?.roleName }}</small>
+              </sd-sidebar-user>
+            </div>
+
+            <div class="flex-fill">
+              <sd-sidebar-menu [menus]="menus()" />
+            </div>
+          </sd-sidebar>
+
+          <div class="fill">
+            <router-outlet />
+          </div>
+        </sd-sidebar-container>
+      }
+    </sd-busy-container>
+  `,
+})
+export class HomeView {
+  private readonly _sdToast = inject(SdToastProvider);
+  private readonly _appAuth = inject(AppAuthProvider);
+  private readonly _sdAppStructure = inject(SdAppStructureProvider);
+  private readonly _router = inject(Router);
+
+  busyCount = signal(0);
+  initialized = signal(false);
+
+  authInfo = computed(() => this._appAuth.authInfo());
+  menus = computed(() => this._sdAppStructure.usableMenus());
+
+  userMenu: SdSidebarUserMenu = {
+    title: "내 계정 정보",
+    menus: [
+      {
+        title: "내 정보 수정",
+        onClick: async () => {
+          await this._router.navigate(["/home/my-info"]);
+        },
+      },
+      {
+        title: "로그아웃",
+        onClick: async () => {
+          await this._appAuth.logout();
+          await this._router.navigate(["/login"]);
+        },
+      },
+    ],
+  };
+
+  constructor() {
+    effect(() => {
+      void untracked(async () => {
+        if (this._appAuth.authInfo() != null) {
+          this.initialized.set(true);
+          return;
+        }
+
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+          const ok = await this._appAuth.tryReloadAuth();
+          if (!ok) {
+            await this._router.navigateByUrl("/login", { replaceUrl: true });
+            return;
+          }
+        });
+        this.busyCount.update((v) => v - 1);
+        this.initialized.set(true);
+      });
+    });
+  }
+
+  protected readonly tablerUserCircle = tablerUserCircle;
+}

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

@@ -0,0 +1,16 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from "@angular/core";
+import { injectViewTypeSignal, SdBaseContainer } from "@simplysm/angular";
+
+@Component({
+  selector: "app-main-view",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  template: `
+    <sd-base-container [initialized]="true" [viewType]="viewType()" />
+  `,
+  imports: [SdBaseContainer],
+})
+export class MainView {
+  viewType = injectViewTypeSignal();
+}