@simplysm/sd-cli 13.0.71 → 13.0.74

package/src/utils/typecheck-serialization.ts

@@ -1,86 +1,86 @@
-import ts from "typescript";
-import { fsExistsSync, fsReadSync } from "@simplysm/core-node";
-
-/**
- * Serialized Diagnostic that can be passed to Worker
- */
-export interface SerializedDiagnostic {
-  category: number;
-  code: number;
-  messageText: string;
-  file?: {
-    fileName: string;
-  };
-  start?: number;
-  length?: number;
-}
-
-/**
- * Convert Diagnostic to serializable form
- * (remove circular references/functions for structured clone communication between Worker threads)
- */
-export function serializeDiagnostic(diagnostic: ts.Diagnostic): SerializedDiagnostic {
-  // If DiagnosticMessageChain, flatten entire chain to preserve all context info
-  const messageText = ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n");
-
-  return {
-    category: diagnostic.category,
-    code: diagnostic.code,
-    messageText,
-    file: diagnostic.file
-      ? {
-          fileName: diagnostic.file.fileName,
-        }
-      : undefined,
-    start: diagnostic.start,
-    length: diagnostic.length,
-  };
-}
-
-/**
- * Determine TypeScript ScriptKind from filename
- */
-function getScriptKind(fileName: string): ts.ScriptKind {
-  if (fileName.endsWith(".tsx")) return ts.ScriptKind.TSX;
-  if (fileName.endsWith(".jsx")) return ts.ScriptKind.JSX;
-  if (fileName.endsWith(".js") || fileName.endsWith(".mjs") || fileName.endsWith(".cjs"))
-    return ts.ScriptKind.JS;
-  return ts.ScriptKind.TS;
-}
-
-/**
- * Restore SerializedDiagnostic to ts.Diagnostic
- * Reads actual file contents so source code context is displayed in formatDiagnosticsWithColorAndContext
- * @param serialized - Serialized diagnostic information
- * @param fileCache - File content cache (prevent duplicate reads of same file)
- * @returns Restored ts.Diagnostic object
- */
-export function deserializeDiagnostic(
-  serialized: SerializedDiagnostic,
-  fileCache: Map<string, string>,
-): ts.Diagnostic {
-  let file: ts.SourceFile | undefined;
-  if (serialized.file != null) {
-    const fileName = serialized.file.fileName;
-
-    // Get cached file content (read and cache if not present)
-    // If file was deleted or inaccessible, treat as empty content
-    // (source code context won't be displayed but diagnostic message is shown normally)
-    if (!fileCache.has(fileName)) {
-      fileCache.set(fileName, fsExistsSync(fileName) ? fsReadSync(fileName) : "");
-    }
-    const content = fileCache.get(fileName)!;
-
-    const scriptKind = getScriptKind(fileName);
-    file = ts.createSourceFile(fileName, content, ts.ScriptTarget.Latest, false, scriptKind);
-  }
-
-  return {
-    category: serialized.category,
-    code: serialized.code,
-    messageText: serialized.messageText,
-    file,
-    start: serialized.start,
-    length: serialized.length,
-  };
-}
+import ts from "typescript";
+import { fsExistsSync, fsReadSync } from "@simplysm/core-node";
+
+/**
+ * Serialized Diagnostic that can be passed to Worker
+ */
+export interface SerializedDiagnostic {
+  category: number;
+  code: number;
+  messageText: string;
+  file?: {
+    fileName: string;
+  };
+  start?: number;
+  length?: number;
+}
+
+/**
+ * Convert Diagnostic to serializable form
+ * (remove circular references/functions for structured clone communication between Worker threads)
+ */
+export function serializeDiagnostic(diagnostic: ts.Diagnostic): SerializedDiagnostic {
+  // If DiagnosticMessageChain, flatten entire chain to preserve all context info
+  const messageText = ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n");
+
+  return {
+    category: diagnostic.category,
+    code: diagnostic.code,
+    messageText,
+    file: diagnostic.file
+      ? {
+          fileName: diagnostic.file.fileName,
+        }
+      : undefined,
+    start: diagnostic.start,
+    length: diagnostic.length,
+  };
+}
+
+/**
+ * Determine TypeScript ScriptKind from filename
+ */
+function getScriptKind(fileName: string): ts.ScriptKind {
+  if (fileName.endsWith(".tsx")) return ts.ScriptKind.TSX;
+  if (fileName.endsWith(".jsx")) return ts.ScriptKind.JSX;
+  if (fileName.endsWith(".js") || fileName.endsWith(".mjs") || fileName.endsWith(".cjs"))
+    return ts.ScriptKind.JS;
+  return ts.ScriptKind.TS;
+}
+
+/**
+ * Restore SerializedDiagnostic to ts.Diagnostic
+ * Reads actual file contents so source code context is displayed in formatDiagnosticsWithColorAndContext
+ * @param serialized - Serialized diagnostic information
+ * @param fileCache - File content cache (prevent duplicate reads of same file)
+ * @returns Restored ts.Diagnostic object
+ */
+export function deserializeDiagnostic(
+  serialized: SerializedDiagnostic,
+  fileCache: Map<string, string>,
+): ts.Diagnostic {
+  let file: ts.SourceFile | undefined;
+  if (serialized.file != null) {
+    const fileName = serialized.file.fileName;
+
+    // Get cached file content (read and cache if not present)
+    // If file was deleted or inaccessible, treat as empty content
+    // (source code context won't be displayed but diagnostic message is shown normally)
+    if (!fileCache.has(fileName)) {
+      fileCache.set(fileName, fsExistsSync(fileName) ? fsReadSync(fileName) : "");
+    }
+    const content = fileCache.get(fileName)!;
+
+    const scriptKind = getScriptKind(fileName);
+    file = ts.createSourceFile(fileName, content, ts.ScriptTarget.Latest, false, scriptKind);
+  }
+
+  return {
+    category: serialized.category,
+    code: serialized.code,
+    messageText: serialized.messageText,
+    file,
+    start: serialized.start,
+    length: serialized.length,
+  };
+}

package/templates/init/{.prettierrc.yaml.hbs → .prettierrc.yaml}

@@ -1,4 +1,4 @@
-printWidth: 120
+printWidth: 100
 tabWidth: 2
 useTabs: false
 semi: true

package/templates/init/eslint.config.ts

@@ -0,0 +1,15 @@
+import simplysmRecommended from "@simplysm/lint/eslint-recommended";
+import { globalIgnores } from "eslint/config";
+
+export default [
+  globalIgnores([".legacy/**"]),
+  ...simplysmRecommended,
+  {
+    files: ["**/*.{ts,tsx}"],
+    settings: {
+      tailwindcss: {
+        config: "packages/client-admin/tailwind.config.ts",
+      },
+    },
+  },
+];

package/templates/init/mise.toml

@@ -0,0 +1,3 @@
+[tools]
+node = "20.20.0"
+pnpm = "10.30.0"

package/templates/init/package.json.hbs

@@ -1,6 +1,7 @@
 {
   "name": "{{projectName}}",
   "version": "1.0.0",
+  "description": "{{description}}",
   "type": "module",
   "private": true,
   "scripts": {
@@ -12,18 +13,18 @@
     "typecheck": "sd-cli typecheck",
     "lint": "sd-cli lint",
     "lint:fix": "sd-cli lint --fix",
+    "check": "sd-cli check",
     "vitest": "vitest"
   },
   "devDependencies": {
-    "@simplysm/sd-cli": "~13.0.71",
-    "@simplysm/sd-claude": "~13.0.71",
-    "@simplysm/lint": "~13.0.71",
-    "@types/node": "^20.19.33",
-    "eslint": "^9.39.2",
+    "@simplysm/lint": "~13.0.74",
+    "@simplysm/sd-cli": "~13.0.74",
+    "@types/node": "^20.19.35",
+    "eslint": "^9.39.3",
     "prettier": "^3.8.1",
-    "stylelint": "^16.13.0",
+    "stylelint": "^16.26.1",
     "typescript": "^5.9.3",
-    "vite-tsconfig-paths": "^6.1.0",
+    "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.0.18"
   }
 }

package/templates/init/packages/client-admin/index.html.hbs

@@ -0,0 +1,144 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="favicon.ico" />
+    <title>{{projectName}}</title>
+    <script>
+      (function () {
+        var theme = localStorage.getItem("client-admin.theme");
+        if (theme === "dark") {
+          document.documentElement.classList.add("dark");
+        } else if (theme === "light") {
+          document.documentElement.classList.remove("dark");
+        }
+      })();
+    </script>
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+
+      html,
+      body,
+      #root {
+        padding: 0;
+        margin: 0;
+        width: 100%;
+        height: 100%;
+      }
+
+      .app-loading {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        width: 100%;
+        gap: 24px;
+        background: #f9fafb;
+        padding-bottom: 128px;
+        position: relative;
+        overflow: hidden;
+      }
+
+      .dark .app-loading {
+        background: #18181b;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        .app-loading {
+          background: #18181b;
+        }
+
+        .app-loading-spinner::before {
+          border-top-color: #3b82f6;
+          border-right-color: #2563eb;
+        }
+
+        .app-loading-spinner::after {
+          border-bottom-color: #60a5fa;
+          border-left-color: #3b82f6;
+        }
+      }
+
+      .app-loading img {
+        width: auto;
+        position: relative;
+        z-index: 1;
+        margin-bottom: 32px;
+      }
+
+      .app-loading-spinner {
+        width: 48px;
+        height: 48px;
+        position: relative;
+        z-index: 1;
+      }
+
+      .app-loading-spinner::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        border: 3px solid transparent;
+        border-radius: 50%;
+        border-top-color: #60a5fa;
+        border-right-color: #3b82f6;
+        animation: spinClockwise 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
+      }
+
+      .dark .app-loading-spinner::before {
+        border-top-color: #3b82f6;
+        border-right-color: #2563eb;
+      }
+
+      .app-loading-spinner::after {
+        content: "";
+        position: absolute;
+        inset: 8px;
+        border: 3px solid transparent;
+        border-radius: 50%;
+        border-bottom-color: #93c5fd;
+        border-left-color: #60a5fa;
+        animation: spinCounterClockwise 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
+      }
+
+      .dark .app-loading-spinner::after {
+        border-bottom-color: #60a5fa;
+        border-left-color: #3b82f6;
+      }
+
+      @keyframes spinClockwise {
+        0% {
+          transform: rotate(0deg);
+          opacity: 1;
+        }
+        100% {
+          transform: rotate(360deg);
+          opacity: 1;
+        }
+      }
+
+      @keyframes spinCounterClockwise {
+        0% {
+          transform: rotate(0deg);
+          opacity: 0.8;
+        }
+        100% {
+          transform: rotate(-360deg);
+          opacity: 0.8;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root">
+      <div class="app-loading">
+        <img src="assets/logo-landscape.png" alt="logo" />
+        <div class="app-loading-spinner"></div>
+      </div>
+    </div>
+    <script type="module" src="src/main.tsx"></script>
+  </body>
+</html>

package/templates/init/packages/client-admin/package.json.hbs

@@ -0,0 +1,26 @@
+{
+  "name": "@{{projectName}}/client-admin",
+  "version": "1.0.0",
+  "description": "{{description}}",
+  "type": "module",
+  "private": true,
+  "dependencies": {
+    "@{{projectName}}/db-main": "workspace:*",
+    "@simplysm/core-browser": "~13.0.74",
+    "@simplysm/core-common": "~13.0.74",
+    "@simplysm/excel": "^13.0.71",
+    "@simplysm/orm-common": "~13.0.74",
+    "@simplysm/service-client": "~13.0.74",
+    "@simplysm/solid": "~13.0.74",
+    "@solid-primitives/event-listener": "^2.4.5",
+    "@solidjs/router": "^0.15.4",
+    "@tabler/icons-solidjs": "^3.37.1",
+    "clsx": "^2.1.1",
+    "consola": "^3.4.2",
+    "solid-js": "^1.9.11",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "tailwindcss": "^3.4.19"
+  }
+}

package/templates/init/packages/client-admin/src/App.tsx

@@ -0,0 +1,42 @@
+import type { RouteSectionProps } from "@solidjs/router";
+import { createEventListener } from "@solid-primitives/event-listener";
+import { useDialog } from "@simplysm/solid";
+import { env } from "@simplysm/core-common";
+import { DevDialog } from "./dev/DevDialog";
+
+export function App(props: RouteSectionProps) {
+  const dialog = useDialog();
+
+  if (env.DEV) {
+    let preservedKeys: string[] = [];
+
+    createEventListener(document, "keydown", async (event) => {
+      if (
+        event.ctrlKey &&
+        event.altKey &&
+        event.shiftKey &&
+        (event.key === "F11" || event.key === "F12")
+      ) {
+        event.preventDefault();
+        event.stopPropagation();
+
+        preservedKeys.push(event.key);
+        preservedKeys = preservedKeys.slice(-4);
+
+        if (
+          preservedKeys[0] === "F12" &&
+          preservedKeys[1] === "F11" &&
+          preservedKeys[2] === "F12" &&
+          preservedKeys[3] === "F12"
+        ) {
+          preservedKeys = [];
+          await dialog.show(() => <DevDialog />, {
+            header: "DEV",
+          });
+        }
+      }
+    });
+  }
+
+  return <>{props.children}</>;
+}

package/templates/init/packages/client-admin/src/dev/DevDialog.tsx

@@ -0,0 +1,34 @@
+import { createSignal } from "solid-js";
+import { BusyContainer, Button, useNotification } from "@simplysm/solid";
+import { useAppService } from "../providers/AppServiceProvider";
+import { useAppStructure } from "../providers/AppStructureProvider";
+
+export function DevDialog() {
+  const serv = useAppService();
+  const noti = useNotification();
+  const appStructure = useAppStructure();
+  const [busyCount, setBusyCount] = createSignal(0);
+
+  const handleInitDb = async () => {
+    setBusyCount((c) => c + 1);
+    try {
+      const permCodes = appStructure.allFlatPerms.map((p) => p.code);
+      await serv.dev.initDb(permCodes);
+      noti.success("DB 초기화 완료");
+    } catch (err) {
+      noti.error(err, "오류");
+    }
+    setBusyCount((c) => c - 1);
+  };
+
+  return (
+    <BusyContainer busy={busyCount() > 0}>
+      <div class="inline-flex flex-row gap-2 p-2">
+        <Button onClick={handleInitDb} theme="primary" variant="solid">
+          DB 초기화
+        </Button>
+        <Button onClick={() => location.reload()}>새로고침</Button>
+      </div>
+    </BusyContainer>
+  );
+}

package/templates/{add-client/__CLIENT__/src/main.css.hbs → init/packages/client-admin/src/main.css}

@@ -1,4 +1,4 @@
-@import "@simplysm/solid/src/base.css";
+@import "@simplysm/solid/tailwind.css";
 
 @tailwind components;
 @tailwind utilities;

package/templates/init/packages/client-admin/src/main.tsx.hbs

@@ -0,0 +1,146 @@
+import { render } from "solid-js/web";
+import { HashRouter, Navigate, Route } from "@solidjs/router";
+import { For } from "solid-js";
+import {
+  DialogProvider,
+  PrintProvider,
+  SystemProvider,
+  useLogger,
+  useSyncStorage,
+} from "@simplysm/solid";
+import { DateTime, env, jsonStringify } from "@simplysm/core-common";
+import { expr } from "@{{projectName}}/db-main";
+import { App } from "./App";
+
+import { NotFoundView } from "./views/not-found/NotFoundView";
+import { AppStructureProvider, useAppStructure } from "./providers/AppStructureProvider";
+import { AppServiceProvider, useAppService } from "./providers/AppServiceProvider";
+import { AuthProvider, useAuth } from "./providers/AuthProvider";
+import { configureSharedData } from "./providers/configureSharedData";
+import "./main.css";
+import { LoginView } from "./views/auth/LoginView";
+import { HomeView } from "./views/home/HomeView";
+
+function AppRoot() {
+  const appService = useAppService();
+  const auth = useAuth();
+  const appStructure = useAppStructure();
+
+  // SyncStorage
+  useSyncStorage()!.configure((origin) => ({
+    async getItem(key) {
+      const info = auth.authInfo();
+      if (!info) return origin.getItem(key);
+
+      return appService.orm.connectWithoutTransaction(async (db) => {
+        const row = await db
+          .employeeConfig()
+          .where((c) => [expr.eq(c.employeeId, info.employeeId), expr.eq(c.code, key)])
+          .first();
+        return row?.valueJson ?? null;
+      });
+    },
+
+    async setItem(key, value) {
+      const info = auth.authInfo();
+      if (!info) {
+        await origin.setItem(key, value);
+        return;
+      }
+
+      await appService.orm.connect(async (db) => {
+        await db
+          .employeeConfig()
+          .where((c) => [expr.eq(c.employeeId, info.employeeId), expr.eq(c.code, key)])
+          .upsert(() => ({
+            employeeId: expr.val("number", info.employeeId),
+            code: expr.val("string", key),
+            valueJson: expr.val("string", value),
+          }));
+      });
+    },
+
+    async removeItem(key) {
+      const info = auth.authInfo();
+      if (!info) {
+        await origin.removeItem(key);
+        return;
+      }
+
+      await appService.orm.connect(async (db) => {
+        await db
+          .employeeConfig()
+          .where((c) => [expr.eq(c.employeeId, info.employeeId), expr.eq(c.code, key)])
+          .delete();
+      });
+    },
+  }));
+
+  // Logger
+  useLogger().configure((origin) => ({
+    async write(severity, ...data) {
+      if (env.DEV) {
+        await origin.write(severity, ...data);
+        return;
+      }
+
+      try {
+        const message = data.map((d) => (typeof d === "string" ? d : jsonStringify(d))).join(" ");
+
+        await appService.orm.connect(async (db) => {
+          await db._log().insert([
+            {
+              clientName: "client-admin",
+              dateTime: new DateTime(),
+              severity,
+              message,
+              employeeId: auth.authInfo()?.employeeId,
+            },
+          ]);
+        });
+      } catch (err) {
+        await origin.write(severity, ...data);
+        await origin.write("error", "로그 저장 실패:", err);
+      }
+    },
+  }));
+
+  // SharedData
+  configureSharedData();
+
+  return (
+    <HashRouter>
+      <Route path="/" component={App}>
+        <Route path="/" component={() => <Navigate href="/login" />} />
+        <Route path="/login" component={LoginView} />
+        <Route path="/home" component={HomeView}>
+          <Route path="/" component={() => <Navigate href="/home/main" />} />
+          <For each={appStructure.usableRoutes()}>
+            {(r) => <Route path={r.path} component={r.component} />}
+          </For>
+          <Route path="*" component={NotFoundView} />
+        </Route>
+        <Route path="*" component={NotFoundView} />
+      </Route>
+    </HashRouter>
+  );
+}
+
+render(
+  () => (
+    <SystemProvider clientName="client-admin">
+      <AppServiceProvider>
+        <AuthProvider>
+          <AppStructureProvider>
+            <PrintProvider>
+              <DialogProvider>
+                <AppRoot />
+              </DialogProvider>
+            </PrintProvider>
+          </AppStructureProvider>
+        </AuthProvider>
+      </AppServiceProvider>
+    </SystemProvider>
+  ),
+  document.getElementById("root")!,
+);