@simplysm/sd-cli 12.9.42 → 12.10.2

package/src/fix/convert-extends-sd-modal-base-to-interface.ts

@@ -0,0 +1,324 @@
+/* eslint-disable no-console */
+import * as path from "path";
+import { SyntaxKind } from "ts-morph";
+import getTsMorphSourceFiles from "./core/get-ts-morph-source-files";
+import removeNamedImport from "./core/remove-named-import";
+
+export function convertExtendsSdModalBaseToInterface() {
+  const sourceFiles = getTsMorphSourceFiles();
+
+  let totalChanged = 0;
+
+  for (const sourceFile of sourceFiles) {
+    let changed = false;
+    const relPath = path.basename(sourceFile.getFilePath());
+
+    const modalClass = sourceFile.getClasses().find((classDecl) => {
+      const extendsClause = classDecl
+        .getHeritageClauses()
+        .find((h) => h.getToken() === SyntaxKind.ExtendsKeyword);
+      if (!extendsClause) return false;
+      const typeNodes = extendsClause.getTypeNodes();
+      return typeNodes.some((typeNode) =>
+        /^SdModalBase\s*<[^,>]+,\s*[^>]+\s*>$/.test(typeNode.getText()),
+      );
+    });
+
+    if (!modalClass) continue;
+
+    const extendsClause = modalClass
+      .getHeritageClauses()
+      .find((h) => h.getToken() === SyntaxKind.ExtendsKeyword);
+    if (!extendsClause) continue;
+    const typeNodes = extendsClause.getTypeNodes();
+    const match = typeNodes[0]?.getText().match(/^SdModalBase\s*<([^,>]+),\s*([^>]+)\s*>$/);
+    if (!match) continue;
+    const paramTypeName = match[1].trim();
+    const modalOutputTypeText = match[2].trim();
+    const paramInterface = sourceFile.getInterface(paramTypeName);
+    if (!paramInterface) continue;
+    let props = paramInterface.getProperties();
+    let paramNames = props.map((p) => p.getName());
+
+    const onlyISharedData =
+      props.length === 0 &&
+      paramInterface.getExtends().some(e =>
+        e.getText().includes("ISharedDataModalInputParam")
+      );
+
+    if (onlyISharedData) {
+      props = [
+        {
+          getName: () => "selectedItemKeys",
+          hasQuestionToken: () => false,
+          getTypeNode: () => ({ getText: () => "any[]" })
+        },
+        {
+          getName: () => "selectMode",
+          hasQuestionToken: () => true,
+          getTypeNode: () => ({ getText: () => `"single" | "multi"` })
+        }
+      ] as any;
+      paramNames = ["selectedItemKeys", "selectMode"];
+    }
+
+    // 1. property/class 필드/close 추가
+    let lastPropIdx = 0;
+    for (const prop of props) {
+      const propName = prop.getName();
+      const isOptional = prop.hasQuestionToken();
+      const propType = prop.getTypeNode()?.getText() ?? "any";
+      const initializer = `input${isOptional ? "" : ".required"}<${propType}>()`;
+      if (!modalClass.getProperty(propName)) {
+        modalClass.insertProperty(lastPropIdx, { name: propName, initializer });
+        lastPropIdx++;
+        changed = true;
+      }
+    }
+    if (!modalClass.getProperty("close")) {
+      modalClass.insertProperty(lastPropIdx, { name: "close", initializer: `output<${modalOutputTypeText}>()` });
+      changed = true;
+    }
+
+    // 2. extends → implements 변환
+    let implementsText: string;
+    if (modalOutputTypeText === "ISharedDataModalOutputResult") {
+      implementsText = "ISdSelectModal";
+    } else {
+      implementsText = `ISdModal<${modalOutputTypeText}>`;
+    }
+    if (!modalClass.getImplements().some(i => i.getText() === implementsText)) {
+      modalClass.addImplements(implementsText);
+      changed = true;
+    }
+
+    // 3. super() 삭제(생성자)
+    const ctor = modalClass.getConstructors().first();
+    if (ctor) {
+      ctor.getStatements().forEach((stmt) => {
+        if (stmt.getKind() === SyntaxKind.ExpressionStatement) {
+          const expr = stmt.asKind(SyntaxKind.ExpressionStatement)?.getExpression();
+          if (expr && expr.getKind() === SyntaxKind.CallExpression) {
+            const callExpr = expr.asKind(SyntaxKind.CallExpression);
+            if (
+              callExpr?.getExpression().getText() === "super" &&
+              callExpr.getArguments().length === 0
+            ) {
+              stmt.remove();
+              changed = true;
+            }
+          }
+        }
+      });
+    }
+
+    // 4. this.open() 전체 삭제(클래스 전체)
+    modalClass
+      .getDescendantsOfKind(SyntaxKind.CallExpression)
+      .filter(
+        (expr) =>
+          expr.getExpression().getKind() === SyntaxKind.PropertyAccessExpression &&
+          expr.getExpression().getText() === "this.open",
+      )
+      .forEach((expr) => {
+        const parentStmt = expr.getFirstAncestorByKind(SyntaxKind.ExpressionStatement);
+        if (parentStmt) {
+          parentStmt.remove();
+          changed = true;
+        }
+      });
+
+    // 5. params().xxx → xxx() 및 this.params().xxx → this.xxx() AST 치환
+    modalClass.forEachDescendant((node) => {
+      if (node.getKind() === SyntaxKind.PropertyAccessExpression) {
+        const propAccess = node.asKind(SyntaxKind.PropertyAccessExpression)!;
+        const propName = propAccess.getName();
+        if (!paramNames.includes(propName)) return;
+        const expr = propAccess.getExpression();
+
+        // params().xxx
+        if (expr.getKind() === SyntaxKind.CallExpression) {
+          const callExpr = expr.asKind(SyntaxKind.CallExpression)!;
+          const innerExpr = callExpr.getExpression();
+
+          // a) 단독 params()
+          if (innerExpr.getKind() === SyntaxKind.Identifier && innerExpr.getText() === "params") {
+            propAccess.replaceWithText(`${propName}()`);
+            changed = true;
+          }
+          // b) this.params()
+          else if (innerExpr.getKind() === SyntaxKind.PropertyAccessExpression) {
+            const propExpr = innerExpr.asKind(SyntaxKind.PropertyAccessExpression)!;
+            if (
+              propExpr.getExpression().getKind() === SyntaxKind.ThisKeyword &&
+              propExpr.getName() === "params"
+            ) {
+              propAccess.replaceWithText(`this.${propName}()`);
+              changed = true;
+            }
+          }
+        }
+      }
+    });
+
+    // 6. this.close(...) → this.close.emit(...)
+    modalClass.forEachDescendant((node) => {
+      if (node.getKind() === SyntaxKind.CallExpression) {
+        const callExpr = node.asKind(SyntaxKind.CallExpression)!;
+        const expr = callExpr.getExpression();
+        if (
+          expr.getKind() === SyntaxKind.PropertyAccessExpression &&
+          expr.asKind(SyntaxKind.PropertyAccessExpression)!.getExpression().getKind() ===
+            SyntaxKind.ThisKeyword
+        ) {
+          const methodName = expr.asKind(SyntaxKind.PropertyAccessExpression)!.getName();
+          if (methodName === "close") {
+            expr.asKind(SyntaxKind.PropertyAccessExpression)!.replaceWithText(`this.close.emit`);
+            changed = true;
+          }
+        }
+      }
+    });
+
+    // 7. @Component template: params().xxx → xxx() 치환
+    const componentDecorator = modalClass.getDecorator("Component");
+    if (componentDecorator) {
+      const arg = componentDecorator.getArguments().first();
+      if (arg && arg.getKind() === SyntaxKind.ObjectLiteralExpression) {
+        const objLit = arg.asKind(SyntaxKind.ObjectLiteralExpression)!;
+        const tplProp = objLit.getProperty("template");
+        if (
+          tplProp &&
+          tplProp.getKind() === SyntaxKind.PropertyAssignment &&
+          tplProp.asKind(SyntaxKind.PropertyAssignment)!.getInitializer()
+        ) {
+          const propAssign = tplProp.asKind(SyntaxKind.PropertyAssignment)!;
+          const init = propAssign.getInitializerOrThrow();
+          let tplText = init.getText();
+          let tplTextRaw = tplText;
+          for (const paramName of paramNames) {
+            const paramsPattern = new RegExp(`params\\(\\)\\.${paramName}\\b`, "g");
+            tplTextRaw = tplTextRaw.replace(paramsPattern, `${paramName}()`);
+          }
+          if (tplTextRaw !== tplText) {
+            propAssign.setInitializer(tplTextRaw);
+            changed = true;
+          }
+        }
+      }
+    }
+
+    // 8. import 관리
+    const sdAngularImport = sourceFile.getImportDeclaration(
+      d => d.getModuleSpecifierValue() === "@simplysm/sd-angular"
+    );
+    if (modalOutputTypeText === "ISharedDataModalOutputResult") {
+      // ISdSelectModal 추가
+      if (sdAngularImport) {
+        const namedImports = sdAngularImport.getNamedImports();
+        // ISdSelectModal 없으면 추가
+        if (!namedImports.some(n => n.getName() === "ISdSelectModal")) {
+          sdAngularImport.addNamedImport("ISdSelectModal");
+        }
+        // ISdModal 제거
+        namedImports
+          .filter(n => n.getName() === "ISdModal")
+          .forEach(n => n.remove());
+      } else {
+        sourceFile.addImportDeclaration({
+          namedImports: ["ISdSelectModal"],
+          moduleSpecifier: "@simplysm/sd-angular"
+        });
+      }
+    } else {
+      // ISdModal 추가
+      if (sdAngularImport) {
+        const namedImports = sdAngularImport.getNamedImports();
+        // ISdModal 없으면 추가
+        if (!namedImports.some(n => n.getName() === "ISdModal")) {
+          sdAngularImport.addNamedImport("ISdModal");
+        }
+        // ISdSelectModal 제거
+        namedImports
+          .filter(n => n.getName() === "ISdSelectModal")
+          .forEach(n => n.remove());
+      } else {
+        sourceFile.addImportDeclaration({
+          namedImports: ["ISdModal"],
+          moduleSpecifier: "@simplysm/sd-angular"
+        });
+      }
+    }
+
+    const ngCoreImport = sourceFile.getImportDeclaration(
+      (d) => d.getModuleSpecifierValue() === "@angular/core",
+    );
+    if (ngCoreImport) {
+      const imports = ngCoreImport.getNamedImports().map((n) => n.getName());
+      if (!imports.includes("input")) {
+        ngCoreImport.addNamedImport("input");
+        changed = true;
+      }
+      if (!imports.includes("output")) {
+        ngCoreImport.addNamedImport("output");
+        changed = true;
+      }
+    } else {
+      sourceFile.addImportDeclaration({
+        namedImports: ["input", "output"],
+        moduleSpecifier: "@angular/core",
+      });
+      changed = true;
+    }
+
+    // 9. $effect([this.params], ...) → $effect([], ...) (생성자)
+    if (ctor) {
+      ctor.forEachDescendant((node) => {
+        if (node.getKind() === SyntaxKind.CallExpression) {
+          const callExpr = node.asKind(SyntaxKind.CallExpression)!;
+          const expr = callExpr.getExpression();
+          if (expr.getKind() === SyntaxKind.Identifier && expr.getText() === "$effect") {
+            const args = callExpr.getArguments();
+            if (
+              args.length >= 1 &&
+              args[0].getKind() === SyntaxKind.ArrayLiteralExpression &&
+              args[0].asKind(SyntaxKind.ArrayLiteralExpression)!.getElements().length === 1
+            ) {
+              const arrElem = args[0].asKind(SyntaxKind.ArrayLiteralExpression)!.getElements()[0];
+              if (
+                arrElem.getKind() === SyntaxKind.PropertyAccessExpression &&
+                arrElem.getText() === "this.params"
+              ) {
+                args[0].replaceWithText("[]");
+                changed = true;
+              }
+            }
+          }
+        }
+      });
+    }
+
+    // 10. interface 선언 삭제
+    paramInterface.remove();
+
+    // 11. extends 삭제 (항상 마지막)
+    modalClass.removeExtends();
+
+    // 11. import 삭제
+    removeNamedImport(sourceFile, "@simplysm/sd-angular", "SdModalBase");
+    removeNamedImport(sourceFile, "@simplysm/sd-angular", "ISharedDataModalInputParam");
+    // removeNamedImport(sourceFile, "@simplysm/sd-angular", "ISharedDataModalOutputResult");
+
+    // 12. 저장 및 간결 로그 출력
+    if (changed) {
+      sourceFile.saveSync();
+      totalChanged++;
+      console.log(`[modal-updated] ${relPath} :: 모달기반 변경 완료`);
+    }
+  }
+  if (totalChanged > 0) {
+    console.log(`\n[완료] 모달변환 완료 (총 ${totalChanged}개)`);
+  } else {
+    console.log(`[완료] 변환 대상 없음`);
+  }
+}

package/src/fix/convert-modal-show-params.ts

@@ -0,0 +1,41 @@
+import { Node, SyntaxKind } from "ts-morph";
+import getTsMorphSourceFiles from "./core/get-ts-morph-source-files";
+
+export default function convertShowAsyncCall() {
+  const sourceFiles = getTsMorphSourceFiles();
+
+  for (const sourceFile of sourceFiles) {
+    const callExprs = sourceFile
+      .getDescendantsOfKind(SyntaxKind.CallExpression)
+      .filter((callExpr) => {
+        const expr = callExpr.getExpression();
+        return (
+          Node.isPropertyAccessExpression(expr) &&
+          expr.getName() === "showAsync" &&
+          expr.getExpression().getText() === "this._sdModal"
+        );
+      });
+
+    for (const callExpr of callExprs) {
+      const args = callExpr.getArguments();
+      if (args.length < 2 || args.length > 3) continue;
+
+      const [typeArg, titleArg, inputsArg] = args;
+
+      // 반드시 교체 전에 텍스트만 추출
+      const typeText = typeArg.getText();
+      const titleText = titleArg.getText();
+      const inputsText = inputsArg.getText();
+
+      const props: string[] = [`type: ${typeText}`, `title: ${titleText}`, `inputs: ${inputsText}`];
+
+      const objectLiteralText = `{
+  ${props.join(",\n  ")}
+}`;
+
+      callExpr.replaceWithText(`this._sdModal.showAsync(${objectLiteralText})`);
+    }
+
+    sourceFile.saveSync();
+  }
+}

package/src/fix/convert-sd-angular-symbol-names.ts

@@ -11,6 +11,7 @@ export default function convertSdAngularSymbolNames() {
     "@simplysm/sd-angular#useActivatedRouteManager": "@simplysm/sd-angular#useQueryParamMapSignal",
     "@simplysm/sd-angular#ISdSheetColumnOrderingVM": "@simplysm/sd-angular#ISdSortingDef",
     "@simplysm/sd-angular#ISortingDef": "@simplysm/sd-angular#ISdSortingDef",
+    "@simplysm/sd-angular#ISharedDataModalOutputResult": "@simplysm/sd-angular#ISelectModalOutputResult",
 
     "@angular/core#signal": "@simplysm/sd-angular#$signal",
     "@angular/core#computed": "@simplysm/sd-angular#$computed",

package/src/fix/convert-sd-sheet-bindings-inInline-template.ts

@@ -21,50 +21,53 @@ export default function convertSdSheetBindingsSafely() {
       if (!initializer) continue;
 
       let rawTemplate: string | undefined;
-      if (initializer.isKind(SyntaxKind.NoSubstitutionTemplateLiteral) || initializer.isKind(
-        SyntaxKind.StringLiteral)) {
+      if (
+        initializer.isKind(SyntaxKind.NoSubstitutionTemplateLiteral) ||
+        initializer.isKind(SyntaxKind.StringLiteral)
+      ) {
         rawTemplate = initializer.getLiteralText();
-      }
-      else if (initializer.isKind(SyntaxKind.TemplateExpression)) {
+      } else if (initializer.isKind(SyntaxKind.TemplateExpression)) {
         rawTemplate = initializer.getFullText().slice(1, -1);
-      }
-      else continue;
+      } else continue;
 
       // 정규식으로 <sd-sheet> 안에서만 바인딩 속성 치환
-      let newTemplate = rawTemplate.replace(
-        /<sd-sheet([\s\S]*?)>/g,
-        (match) =>
-          match
-            .replace(/\[\(page\)\]/g, "[(currentPage)]")
-            .replace(/\[pageLength\]/g, "[totalPageCount]")
-            .replace(/\[\(ordering\)\]/g, "[(sorts)]")
-            .replace(/\[pageItemCount\]/g, "[itemsPerPage]"),
+      let newTemplate = rawTemplate.replace(/<sd-sheet([\s\S]*?)>/g, (match) =>
+        match
+          .replace(/\[\(page\)\]/g, "[(currentPage)]")
+          .replace(/\[pageLength\]/g, "[totalPageCount]")
+          .replace(/\[\(ordering\)\]/g, "[(sorts)]")
+          .replace(/\[pageItemCount\]/g, "[itemsPerPage]"),
+      );
+
+      newTemplate = newTemplate.replace(/<sd-pagination([\s\S]*?)>/g, (match) =>
+        match
+          .replace(/\[\(page\)\]/g, "[(currentPage)]")
+          .replace(/\[pageLength\]/g, "[totalPageCount]")
+          .replace(/\[displayPageLength\]/g, "[visiblePageCount]"),
       );
 
-      newTemplate = newTemplate.replace(
-        /<sd-pagination([\s\S]*?)>/g,
-        (match) =>
-          match
-            .replace(/\[\(page\)\]/g, "[(currentPage)]")
-            .replace(/\[pageLength\]/g, "[totalPageCount]")
-            .replace(/\[displayPageLength\]/g, "[visiblePageCount]"),
+      newTemplate = newTemplate.replace(/<sd-sheet-column([\s\S]*?)>/g, (match) =>
+        match
+          .replace(/\[disableOrdering\]/g, "[disableSorting]")
+          .replace(/\sdisableOrdering/g, " disableSorting"),
       );
 
-      newTemplate = newTemplate.replace(
-        /<sd-sheet-column([\s\S]*?)>/g,
-        (match) =>
-          match
-            .replace(/\[disableOrdering\]/g, "[disableSorting]")
-            .replace(/\sdisableOrdering/g, " disableSorting"),
+      newTemplate = newTemplate.replace(/<ng-template([\s\S]*?)>/g, (match) =>
+        match
+          .replace(/target="content"/g, "#content")
+          .replace(/target="topbar"/g, "#pageTopbar")
+          .replace(/target="bottom"/g, "#modalBottom"),
       );
 
       if (rawTemplate !== newTemplate) {
         initializer.replaceWithText("`" + newTemplate + "`");
-        console.log(`[template-updated] ${sourceFile.getBaseName()} :: 바인딩 속성 안전하게 변경 완료`);
+        console.log(
+          `[template-updated] ${sourceFile.getBaseName()} :: 바인딩 속성 안전하게 변경 완료`,
+        );
         sourceFile.saveSync();
       }
     }
   }
 
   console.log("[완료] 정규식 기반 안전한 sd-sheet 바인딩 속성 변경 완료");
-}
+}

package/src/fix/core/convert-symbol.ts

@@ -1,3 +1,5 @@
+/* eslint-disable no-console */
+
 import { Identifier, SyntaxKind } from "ts-morph";
 import getTsMortphSourceFiles from "./get-ts-morph-source-files";
 

package/src/fix/core/remove-named-import.ts

@@ -0,0 +1,14 @@
+export default function removeNamedImport(sourceFile, moduleSpecifier, symbolName) {
+  const importDecl = sourceFile.getImportDeclaration(
+    (d) => d.getModuleSpecifierValue() === moduleSpecifier,
+  );
+  if (importDecl == null) return;
+  importDecl
+    .getNamedImports()
+    .filter((n) => n.getName() === symbolName)
+    .forEach((n) => n.remove());
+  // 만약 named import가 모두 사라지면 import문 자체 삭제
+  if (importDecl.getNamedImports().length === 0) {
+    importDecl.remove();
+  }
+}

package/src/fix/core/remove-symbol.ts

@@ -0,0 +1,94 @@
+/* eslint-disable no-console */
+import {
+  SyntaxKind,
+  TypeReferenceNode,
+  Identifier,
+  ArrayLiteralExpression
+} from "ts-morph";
+import getTsMortphSourceFiles from "./get-ts-morph-source-files";
+
+function parseTargets(symbols: string[]) {
+  return symbols.map((symbol) => {
+    const [importSource, symbolName] = symbol.split("#");
+    return { importSource, symbolName };
+  });
+}
+
+export default function removeSymbols(symbols: string[]) {
+  const targets = parseTargets(symbols);
+  const sourceFiles = getTsMortphSourceFiles();
+
+  for (const sourceFile of sourceFiles) {
+    let changed = false;
+
+    for (const { importSource, symbolName } of targets) {
+      // 1. Import 제거
+      for (const importDecl of sourceFile.getImportDeclarations()) {
+        if (importDecl.getModuleSpecifierValue() !== importSource) continue;
+
+        for (const namedImport of importDecl.getNamedImports()) {
+          if (namedImport.getName() === symbolName) {
+            console.log(`[import] ${sourceFile.getBaseName()} :: ${importSource} :: removed '${symbolName}'`);
+            namedImport.remove();
+            changed = true;
+          }
+        }
+
+        if (importDecl.getNamedImports().length === 0) {
+          console.log(`[import] ${sourceFile.getBaseName()} :: removed empty import from '${importSource}'`);
+          importDecl.remove();
+          changed = true;
+        }
+      }
+
+      // 2. 타입 참조 제거
+      sourceFile.forEachDescendant((node) => {
+        if (node.getKind() !== SyntaxKind.TypeReference) return;
+
+        const typeNode = node as TypeReferenceNode;
+        const typeName = typeNode.getTypeName().getText();
+        if (typeName !== symbolName) return;
+
+        const decl = node.getFirstAncestor((a) =>
+          a.getKind() === SyntaxKind.VariableStatement ||
+          a.getKind() === SyntaxKind.Parameter ||
+          a.getKind() === SyntaxKind.PropertyDeclaration
+        );
+
+        if (decl) {
+          console.log(`[type] ${sourceFile.getBaseName()} :: removed type usage of '${symbolName}'`);
+
+          const removable = decl.asKind(SyntaxKind.VariableStatement)
+            ?? decl.asKind(SyntaxKind.Parameter)
+            ?? decl.asKind(SyntaxKind.PropertyDeclaration);
+
+          if (removable) {
+            removable.remove();
+            changed = true;
+          }
+        }
+      });
+
+      // 3. ArrayLiteral 내 사용 제거 (예: imports: [SdButtonControl])
+      sourceFile.forEachDescendant((node) => {
+        if (node.getKind() !== SyntaxKind.ArrayLiteralExpression) return;
+
+        const arr = node as ArrayLiteralExpression;
+        const elements = arr.getElements();
+
+        for (const el of elements) {
+          if (el.getKind() === SyntaxKind.Identifier && (el as Identifier).getText() === symbolName) {
+            console.log(`[usage] ${sourceFile.getBaseName()} :: removed '${symbolName}' from array`);
+            arr.removeElement(el);
+            changed = true;
+            break;
+          }
+        }
+      });
+    }
+
+    if (changed) {
+      sourceFile.saveSync();
+    }
+  }
+}

package/src/fix/remove-sd-angular-symbol-names.ts

@@ -0,0 +1,11 @@
+/* eslint-disable no-console */
+
+import removeSymbols from "./core/remove-symbol";
+
+export default function removeSdAngularSymbolNames() {
+  removeSymbols([
+    "@simplysm/sd-angular#TemplateTargetDirective",
+  ]);
+
+  console.log("[완료] SdAngular 심볼 삭제 완료");
+}

package/src/pkg-builders/client/sd-ng.bundler.ts

@@ -44,7 +44,7 @@ import { INpmConfig } from "../../types/common-configs.types";
 import { ISdClientBuilderCordovaConfig } from "../../types/config.types";
 import { ISdCliNgPluginResultCache } from "../../types/build-plugin.types";
 import { ISdBuildMessage } from "../../types/build.types";
-import nodeModule from "node:module";
+import nodeModule from "module";
 import { ScopePathSet } from "../commons/scope-path";
 
 export class SdNgBundler {