@simplysm/sd-cli 13.0.28 → 13.0.30

package/src/utils/tsconfig.ts

@@ -18,7 +18,9 @@ export async function getTypesFromPackageJson(packageDir: string): Promise<strin
     return [];
   }
 
-  const packageJson = await fsReadJson<{ devDependencies?: Record<string, string> }>(packageJsonPath);
+  const packageJson = await fsReadJson<{ devDependencies?: Record<string, string> }>(
+    packageJsonPath,
+  );
   const devDeps = packageJson.devDependencies ?? {};
 
   return Object.keys(devDeps)
@@ -104,7 +106,10 @@ export function parseRootTsconfig(cwd: string): ts.ParsedCommandLine {
 /**
  * 패키지의 소스 파일 목록 가져오기 (tsconfig 기반)
  */
-export function getPackageSourceFiles(pkgDir: string, parsedConfig: ts.ParsedCommandLine): string[] {
+export function getPackageSourceFiles(
+  pkgDir: string,
+  parsedConfig: ts.ParsedCommandLine,
+): string[] {
   // 경로 구분자까지 포함하여 비교 (packages/core와 packages/core-common 구분)
   const pkgSrcPrefix = path.join(pkgDir, "src") + path.sep;
   return parsedConfig.fileNames.filter((f) => f.startsWith(pkgSrcPrefix));

package/src/utils/typecheck-serialization.ts

@@ -43,7 +43,8 @@ export function serializeDiagnostic(diagnostic: ts.Diagnostic): SerializedDiagno
 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;
+  if (fileName.endsWith(".js") || fileName.endsWith(".mjs") || fileName.endsWith(".cjs"))
+    return ts.ScriptKind.JS;
   return ts.ScriptKind.TS;
 }
 
@@ -54,7 +55,10 @@ function getScriptKind(fileName: string): ts.ScriptKind {
  * @param fileCache 파일 내용 캐시 (동일 파일 중복 읽기 방지)
  * @returns 복원된 ts.Diagnostic 객체
  */
-export function deserializeDiagnostic(serialized: SerializedDiagnostic, fileCache: Map<string, string>): ts.Diagnostic {
+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;

package/src/utils/vite-config.ts

@@ -17,23 +17,14 @@ import { FsWatcher } from "@simplysm/core-node";
  * preset 등으로 참조하는 scope 패키지의 config 변경을 감지하지 못한다.
  * 이 플러그인이 해당 파일들을 watch하고, 변경 시 Tailwind 캐시를 무효화한다.
  */
-function sdTailwindConfigDepsPlugin(pkgDir: string): Plugin {
+function sdTailwindConfigDepsPlugin(pkgDir: string, scopes: string[]): Plugin {
   return {
     name: "sd-tailwind-config-deps",
     configureServer(server) {
       const configPath = path.join(pkgDir, "tailwind.config.ts");
       if (!fs.existsSync(configPath)) return;
 
-      // 현재 패키지의 scope + @simplysm 을 항상 포함
-      const pkgJsonPath = path.join(pkgDir, "package.json");
-      const pkgName = JSON.parse(fs.readFileSync(pkgJsonPath, "utf-8")).name as string;
-      const pkgScope = pkgName.match(/^(@[^/]+)\//)?.[1];
-      const scopes = new Set(["@simplysm"]);
-      if (pkgScope != null) {
-        scopes.add(pkgScope);
-      }
-
-      const allDeps = getTailwindConfigDeps(configPath, [...scopes]);
+      const allDeps = getTailwindConfigDeps(configPath, scopes);
       const configAbsolute = path.resolve(configPath);
       const externalDeps = allDeps.filter((d) => d !== configAbsolute);
       if (externalDeps.length === 0) return;
@@ -170,7 +161,8 @@ function sdScopeWatchPlugin(pkgDir: string, scopes: string[], onScopeRebuild?: (
               // 같은 scope 내 패키지는 이미 excluded이므로 제외
               if (scopes.some((s) => dep.startsWith(`${s}/`))) continue;
               // SolidJS 관련 패키지는 solid 플러그인 transform이 필요하므로 pre-bundling 불가
-              if (dep === "solid-js" || dep.startsWith("@solidjs/") || dep.startsWith("solid-")) continue;
+              if (dep === "solid-js" || dep.startsWith("@solidjs/") || dep.startsWith("solid-"))
+                continue;
               // PostCSS/빌드 도구는 브라우저 pre-bundling 대상 아님
               if (dep === "tailwindcss") continue;
 
@@ -185,7 +177,13 @@ function sdScopeWatchPlugin(pkgDir: string, scopes: string[], onScopeRebuild?: (
 
               // workspace 패키지는 realpath가 소스 디렉토리로 해석되어 .pnpm 구조가 아님
               // symlink 경로의 node_modules에서 fallback 시도
-              const depPkgJsonFallback = path.join(scopeDir, name, "node_modules", dep, "package.json");
+              const depPkgJsonFallback = path.join(
+                scopeDir,
+                name,
+                "node_modules",
+                dep,
+                "package.json",
+              );
               if (isSubpathOnlyPackage(depPkgJsonFallback)) {
                 continue;
               }
@@ -200,32 +198,47 @@ function sdScopeWatchPlugin(pkgDir: string, scopes: string[], onScopeRebuild?: (
 
       return {
         optimizeDeps: {
+          force: true,
           exclude: excluded,
           include: [...new Set(nestedDepsToInclude)],
         },
       };
     },
     async configureServer(server) {
-      const distDirs: string[] = [];
+      const watchPaths: string[] = [];
 
       for (const scope of scopes) {
         const scopeDir = path.join(pkgDir, "node_modules", scope);
         if (!fs.existsSync(scopeDir)) continue;
 
         for (const pkgName of fs.readdirSync(scopeDir)) {
-          const distDir = path.join(scopeDir, pkgName, "dist");
+          const pkgRoot = path.join(scopeDir, pkgName);
+
+          // dist 디렉토리 watch (JS/TS 빌드 결과물)
+          const distDir = path.join(pkgRoot, "dist");
           if (fs.existsSync(distDir)) {
-            distDirs.push(distDir);
+            watchPaths.push(distDir);
+          }
+
+          // 패키지 루트의 CSS/config 파일 watch (tailwind.css, tailwind.config.ts 등)
+          for (const file of fs.readdirSync(pkgRoot)) {
+            if (
+              file.endsWith(".css") ||
+              file === "tailwind.config.ts" ||
+              file === "tailwind.config.js"
+            ) {
+              watchPaths.push(path.join(pkgRoot, file));
+            }
           }
         }
       }
 
-      if (distDirs.length === 0) return;
+      if (watchPaths.length === 0) return;
 
       // Vite의 기본 watcher는 **/node_modules/**를 ignore하고
       // server.watcher.add()로는 이 패턴을 override할 수 없다.
       // 별도의 FsWatcher로 scope 패키지의 dist 디렉토리를 감시한다.
-      const scopeWatcher = await FsWatcher.watch(distDirs);
+      const scopeWatcher = await FsWatcher.watch(watchPaths);
       scopeWatcher.onChange({ delay: 300 }, (changeInfos) => {
         for (const { path: changedPath } of changeInfos) {
           // pnpm symlink → real path 변환 (Vite module graph은 real path 사용)
@@ -275,7 +288,8 @@ export interface ViteConfigOptions {
  * - dev 모드: dev server (define으로 env 치환, server 설정)
  */
 export function createViteConfig(options: ViteConfigOptions): ViteUserConfig {
-  const { pkgDir, name, tsconfigPath, compilerOptions, env, mode, serverPort, watchScopes } = options;
+  const { pkgDir, name, tsconfigPath, compilerOptions, env, mode, serverPort, watchScopes } =
+    options;
 
   // Read package.json to extract app name for PWA manifest
   const pkgJsonPath = path.join(pkgDir, "package.json");
@@ -308,7 +322,9 @@ export function createViteConfig(options: ViteConfigOptions): ViteUserConfig {
           globPatterns: ["**/*.{js,css,html,ico,png,svg,woff2}"],
         },
       }),
-      sdTailwindConfigDepsPlugin(pkgDir),
+      ...(watchScopes != null && watchScopes.length > 0
+        ? [sdTailwindConfigDepsPlugin(pkgDir, watchScopes)]
+        : []),
       ...(watchScopes != null && watchScopes.length > 0
         ? [sdScopeWatchPlugin(pkgDir, watchScopes, options.onScopeRebuild)]
         : []),

package/src/utils/worker-events.ts

@@ -62,7 +62,10 @@ export interface WorkerEventHandlerOptions {
  * @param rebuildManager 리빌드 매니저
  * @returns completeTask 함수 (결과를 저장하고 빌드 완료를 알림)
  */
-export function registerWorkerEventHandlers<TEvents extends Record<string, any[]>, T extends BaseWorkerInfo<TEvents>>(
+export function registerWorkerEventHandlers<
+  TEvents extends Record<string, any[]>,
+  T extends BaseWorkerInfo<TEvents>,
+>(
   workerInfo: T,
   opts: WorkerEventHandlerOptions,
   results: Map<string, PackageResult>,

package/src/utils/worker-utils.ts

@@ -10,7 +10,10 @@ import type { ConsolaInstance } from "consola";
  * @param cleanup - Async cleanup function to execute on shutdown
  * @param logger - Consola logger instance for error logging
  */
-export function registerCleanupHandlers(cleanup: () => Promise<void>, logger: ConsolaInstance): void {
+export function registerCleanupHandlers(
+  cleanup: () => Promise<void>,
+  logger: ConsolaInstance,
+): void {
   const handleSignal = () => {
     cleanup()
       .catch((err) => {

package/src/workers/client.worker.ts

@@ -115,7 +115,11 @@ async function build(info: ClientBuildInfo): Promise<ClientBuildResult> {
     const tsconfigPath = path.join(info.cwd, "tsconfig.json");
 
     // browser 타겟용 compilerOptions 생성
-    const compilerOptions = await getCompilerOptionsForPackage(parsedConfig.options, "browser", info.pkgDir);
+    const compilerOptions = await getCompilerOptionsForPackage(
+      parsedConfig.options,
+      "browser",
+      info.pkgDir,
+    );
 
     // Vite 설정 생성 및 빌드
     const viteConfig = createViteConfig({
@@ -162,7 +166,11 @@ async function startWatch(info: ClientWatchInfo): Promise<void> {
     const tsconfigPath = path.join(info.cwd, "tsconfig.json");
 
     // browser 타겟용 compilerOptions 생성
-    const compilerOptions = await getCompilerOptionsForPackage(parsedConfig.options, "browser", info.pkgDir);
+    const compilerOptions = await getCompilerOptionsForPackage(
+      parsedConfig.options,
+      "browser",
+      info.pkgDir,
+    );
 
     // server가 0이면 자동 포트 할당 (서버 연결 클라이언트)
     // server가 숫자면 해당 포트로 고정 (standalone 클라이언트)
@@ -192,7 +200,8 @@ async function startWatch(info: ClientWatchInfo): Promise<void> {
 
     // 실제 할당된 포트 반환 (config.server.port는 설정값이므로 httpServer에서 실제 포트를 가져옴)
     const address = viteServer.httpServer?.address();
-    const actualPort = typeof address === "object" && address != null ? address.port : viteServer.config.server.port;
+    const actualPort =
+      typeof address === "object" && address != null ? address.port : viteServer.config.server.port;
 
     sender.send("serverReady", { port: actualPort });
   } catch (err) {

package/src/workers/dts.worker.ts

@@ -78,7 +78,9 @@ export interface DtsWorkerEvents extends Record<string, unknown> {
 const logger = consola.withTag("sd:cli:dts:worker");
 
 /** tsc watch program (정리 대상) */
-let tscWatchProgram: ts.WatchOfFilesAndCompilerOptions<ts.EmitAndSemanticDiagnosticsBuilderProgram> | undefined;
+let tscWatchProgram:
+  | ts.WatchOfFilesAndCompilerOptions<ts.EmitAndSemanticDiagnosticsBuilderProgram>
+  | undefined;
 
 /**
  * 리소스 정리
@@ -141,7 +143,9 @@ function adjustDtsMapSources(content: string, originalDir: string, newDir: strin
  *
  * @returns (fileName, content) => [newPath, newContent] | null (null이면 쓰기 무시)
  */
-function createDtsPathRewriter(pkgDir: string): (fileName: string, content: string) => [string, string] | null {
+function createDtsPathRewriter(
+  pkgDir: string,
+): (fileName: string, content: string) => [string, string] | null {
   const pkgName = path.basename(pkgDir);
   const distDir = path.join(pkgDir, "dist");
   const distPrefix = distDir + path.sep;
@@ -276,8 +280,12 @@ async function buildDts(info: DtsBuildInfo): Promise<DtsBuildResult> {
     const filteredDiagnostics = allDiagnostics.filter(diagnosticFilter);
 
     const serializedDiagnostics = filteredDiagnostics.map(serializeDiagnostic);
-    const errorCount = filteredDiagnostics.filter((d) => d.category === ts.DiagnosticCategory.Error).length;
-    const warningCount = filteredDiagnostics.filter((d) => d.category === ts.DiagnosticCategory.Warning).length;
+    const errorCount = filteredDiagnostics.filter(
+      (d) => d.category === ts.DiagnosticCategory.Error,
+    ).length;
+    const warningCount = filteredDiagnostics.filter(
+      (d) => d.category === ts.DiagnosticCategory.Warning,
+    ).length;
 
     // 에러 메시지 문자열 배열 (하위 호환용)
     const errors = filteredDiagnostics
@@ -330,7 +338,11 @@ async function startDtsWatch(info: DtsWatchInfo): Promise<void> {
   try {
     const parsedConfig = parseRootTsconfig(info.cwd);
     const rootFiles = getPackageSourceFiles(info.pkgDir, parsedConfig);
-    const baseOptions = await getCompilerOptionsForPackage(parsedConfig.options, info.env, info.pkgDir);
+    const baseOptions = await getCompilerOptionsForPackage(
+      parsedConfig.options,
+      info.env,
+      info.pkgDir,
+    );
 
     // 해당 패키지 경로 (필터링용)
     const pkgSrcPrefix = path.join(info.pkgDir, "src") + path.sep;
@@ -362,7 +374,9 @@ async function startDtsWatch(info: DtsWatchInfo): Promise<void> {
 
         // 파일 위치 정보가 있으면 포함 (절대경로:라인:컬럼 형식 - IDE 링크 지원)
         if (diagnostic.file != null && diagnostic.start != null) {
-          const { line, character } = diagnostic.file.getLineAndCharacterOfPosition(diagnostic.start);
+          const { line, character } = diagnostic.file.getLineAndCharacterOfPosition(
+            diagnostic.start,
+          );
           collectedErrors.push(
             `${diagnostic.file.fileName}:${line + 1}:${character + 1}: TS${diagnostic.code}: ${message}`,
           );
@@ -424,7 +438,10 @@ async function startDtsWatch(info: DtsWatchInfo): Promise<void> {
   }
 }
 
-const sender = createWorker<{ startDtsWatch: typeof startDtsWatch; buildDts: typeof buildDts }, DtsWorkerEvents>({
+const sender = createWorker<
+  { startDtsWatch: typeof startDtsWatch; buildDts: typeof buildDts },
+  DtsWorkerEvents
+>({
   startDtsWatch,
   buildDts,
 });

package/src/workers/library.worker.ts

@@ -3,7 +3,11 @@ import esbuild from "esbuild";
 import { createWorker, FsWatcher } from "@simplysm/core-node";
 import { consola } from "consola";
 import type { SdBuildPackageConfig } from "../sd-config.types";
-import { parseRootTsconfig, getPackageSourceFiles, getCompilerOptionsForPackage } from "../utils/tsconfig";
+import {
+  parseRootTsconfig,
+  getPackageSourceFiles,
+  getCompilerOptionsForPackage,
+} from "../utils/tsconfig";
 import {
   createLibraryEsbuildOptions,
   getTypecheckEnvFromTarget,
@@ -114,7 +118,11 @@ async function build(info: LibraryBuildInfo): Promise<LibraryBuildResult> {
 
     // 타겟별 compilerOptions 생성
     const env = getTypecheckEnvFromTarget(info.config.target);
-    const compilerOptions = await getCompilerOptionsForPackage(parsedConfig.options, env, info.pkgDir);
+    const compilerOptions = await getCompilerOptionsForPackage(
+      parsedConfig.options,
+      env,
+      info.pkgDir,
+    );
 
     // esbuild 일회성 빌드
     const esbuildOptions = createLibraryEsbuildOptions({
@@ -237,7 +245,13 @@ async function startWatch(info: LibraryWatchInfo): Promise<void> {
     });
 
     // 초기 esbuild context 생성 및 빌드
-    esbuildContext = await createAndBuildContext(info.pkgDir, info.cwd, info.config, true, resolveFirstBuild);
+    esbuildContext = await createAndBuildContext(
+      info.pkgDir,
+      info.cwd,
+      info.config,
+      true,
+      resolveFirstBuild,
+    );
 
     // 첫 번째 빌드 완료 대기
     await firstBuildPromise;

package/src/workers/server-runtime.worker.ts

@@ -96,7 +96,9 @@ async function findAvailablePort(startPort: number, maxRetries = 20): Promise<nu
       return port;
     }
   }
-  throw new Error(`포트 ${startPort}부터 ${startPort + maxRetries - 1}까지 사용 가능한 포트가 없습니다.`);
+  throw new Error(
+    `포트 ${startPort}부터 ${startPort + maxRetries - 1}까지 사용 가능한 포트가 없습니다.`,
+  );
 }
 
 /**

package/src/workers/server.worker.ts

@@ -5,7 +5,11 @@ import esbuild from "esbuild";
 import { createWorker } from "@simplysm/core-node";
 import type { FsWatcher } from "@simplysm/core-node";
 import { consola } from "consola";
-import { parseRootTsconfig, getPackageSourceFiles, getCompilerOptionsForPackage } from "../utils/tsconfig";
+import {
+  parseRootTsconfig,
+  getPackageSourceFiles,
+  getCompilerOptionsForPackage,
+} from "../utils/tsconfig";
 import {
   createServerEsbuildOptions,
   collectUninstalledOptionalPeerDeps,
@@ -229,7 +233,11 @@ function generateProductionFiles(info: ServerBuildInfo, externals: string[]): vo
     logger.debug("GEN pm2.config.cjs...");
 
     const pm2Name = info.pm2.name ?? pkgJson.name.replace(/@/g, "").replace(/[/\\]/g, "-");
-    const ignoreWatch = JSON.stringify(["node_modules", "www", ...(info.pm2.ignoreWatchPaths ?? [])]);
+    const ignoreWatch = JSON.stringify([
+      "node_modules",
+      "www",
+      ...(info.pm2.ignoreWatchPaths ?? []),
+    ]);
     const envObj: Record<string, string> = {
       NODE_ENV: "production",
       TZ: "Asia/Seoul",
@@ -238,7 +246,9 @@ function generateProductionFiles(info: ServerBuildInfo, externals: string[]): vo
     const envStr = JSON.stringify(envObj, undefined, 4);
 
     const interpreterLine =
-      info.packageManager === "volta" ? "" : `  interpreter: cp.execSync("mise which node").toString().trim(),\n`;
+      info.packageManager === "volta"
+        ? ""
+        : `  interpreter: cp.execSync("mise which node").toString().trim(),\n`;
 
     const pm2Config = [
       `const cp = require("child_process");`,
@@ -284,7 +294,11 @@ async function build(info: ServerBuildInfo): Promise<ServerBuildResult> {
     const entryPoints = getPackageSourceFiles(info.pkgDir, parsedConfig);
 
     // 서버는 node 환경
-    const compilerOptions = await getCompilerOptionsForPackage(parsedConfig.options, "node", info.pkgDir);
+    const compilerOptions = await getCompilerOptionsForPackage(
+      parsedConfig.options,
+      "node",
+      info.pkgDir,
+    );
 
     // 모든 external 수집 (optional peer deps + native modules + manual)
     const external = collectAllExternals(info.pkgDir, info.externals);
@@ -347,7 +361,11 @@ async function startWatch(info: ServerWatchInfo): Promise<void> {
     const entryPoints = getPackageSourceFiles(info.pkgDir, parsedConfig);
 
     // 서버는 node 환경
-    const compilerOptions = await getCompilerOptionsForPackage(parsedConfig.options, "node", info.pkgDir);
+    const compilerOptions = await getCompilerOptionsForPackage(
+      parsedConfig.options,
+      "node",
+      info.pkgDir,
+    );
 
     const mainJsPath = path.join(info.pkgDir, "dist", "main.js");
 

package/templates/add-client/__CLIENT__/package.json.hbs

@@ -4,7 +4,7 @@
   "type": "module",
   "private": true,
   "dependencies": {
-    "@simplysm/solid": "~13.0.28",
+    "@simplysm/solid": "~13.0.30",
 {{#if router}}
     "@solidjs/router": "^0.15.4",
 {{/if}}

package/templates/add-server/__SERVER__/package.json.hbs

@@ -4,7 +4,7 @@
   "type": "module",
   "private": true,
   "dependencies": {
-    "@simplysm/core-common": "~13.0.28",
-    "@simplysm/service-server": "~13.0.28"
+    "@simplysm/core-common": "~13.0.30",
+    "@simplysm/service-server": "~13.0.30"
   }
 }

package/templates/init/package.json.hbs

@@ -15,9 +15,9 @@
     "vitest": "vitest"
   },
   "devDependencies": {
-    "@simplysm/sd-cli": "~13.0.28",
-    "@simplysm/claude": "~13.0.28",
-    "@simplysm/lint": "~13.0.28",
+    "@simplysm/sd-cli": "~13.0.30",
+    "@simplysm/claude": "~13.0.30",
+    "@simplysm/lint": "~13.0.30",
     "@types/node": "^20.19.33",
     "eslint": "^9.39.2",
     "prettier": "^3.8.1",