@simplysm/sd-cli 14.0.30 → 14.0.32

package/tests/angular/linker-disk-cache.spec.ts

@@ -1,171 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import fs from "fs";
-import path from "path";
-import os from "os";
-import type { SdConfig } from "../../src/sd-config.types";
-
-const mockTransformFile = vi.fn(() => Promise.resolve("transformed-code"));
-
-vi.mock("@angular/build/private", () => ({
-  JavaScriptTransformer: class MockJSTransformer {
-    transformFile = mockTransformFile;
-    transformData = vi.fn(() => Promise.resolve(new TextEncoder().encode("transformed")));
-    close = vi.fn(() => Promise.resolve());
-  },
-}));
-
-const mockLoadSdConfig = vi.fn<(...args: unknown[]) => Promise<SdConfig>>();
-vi.mock("../../src/utils/sd-config", () => ({
-  loadSdConfig: (...args: unknown[]) => mockLoadSdConfig(...args),
-}));
-
-const { sdAngularPlugin } = await import("../../src/angular/vite-angular-plugin.js");
-
-const BASE_TMP = path.join(os.tmpdir(), "sd-cli-linker-cache-test");
-const TMP_DIR = path.join(BASE_TMP, "packages", "linker-test");
-// 기본 linker 캐시 경로: {cwd}/.cache/linker/sm (dev mode + sourcemap=false → isDev이므로 "sm")
-const CACHE_DIR = path.join(BASE_TMP, ".cache", "linker", "sm");
-
-vi.spyOn(process, "cwd").mockReturnValue(BASE_TMP);
-
-type OnLoadHandler = (args: { path: string }) => Promise<{ contents: string; loader: string } | null>;
-
-async function getOnLoadHandler(plugin: ReturnType<typeof sdAngularPlugin>): Promise<OnLoadHandler> {
-  const config = await (plugin as any).config({}, { mode: "development", command: "serve" });
-  // configResolved를 호출하여 prebundleTransformer를 생성한다
-  (plugin as any).configResolved?.({ build: { sourcemap: false } });
-  const esbuildPlugin = config.optimizeDeps.esbuildOptions.plugins[0] as {
-    setup: (build: { onLoad: Function }) => void;
-  };
-  let handler: OnLoadHandler;
-  esbuildPlugin.setup({
-    onLoad(_filter: unknown, fn: OnLoadHandler) {
-      handler = fn;
-    },
-  });
-  return handler!;
-}
-
-describe("Linker disk cache (optimizeDeps)", () => {
-  beforeEach(() => {
-    fs.mkdirSync(TMP_DIR, { recursive: true });
-    mockTransformFile.mockClear();
-    mockTransformFile.mockResolvedValue("transformed-code");
-    mockLoadSdConfig.mockResolvedValue({
-      packages: {
-        "linker-test": { target: "client" as const, server: 3000 },
-      },
-    });
-  });
-
-  afterEach(() => {
-    fs.rmSync(BASE_TMP, { recursive: true, force: true });
-  });
-
-  // Acceptance: cache miss → transform + store, cache hit → load from disk
-  it("caches transformFile result on miss and returns cached on hit", async () => {
-    const jsFile = path.join(TMP_DIR, "module.js");
-    fs.writeFileSync(jsFile, "export const x = 1;");
-
-    const plugin = sdAngularPlugin({
-      pkg: "linker-test",
-    });
-    const onLoad = await getOnLoadHandler(plugin);
-
-    // First call: cache miss
-    const result1 = await onLoad({ path: jsFile });
-    expect(mockTransformFile).toHaveBeenCalledOnce();
-    expect(result1).toEqual({ contents: "transformed-code", loader: "js" });
-
-    // Cache file created
-    const cacheFiles = fs.readdirSync(CACHE_DIR);
-    expect(cacheFiles.length).toBe(1);
-    expect(cacheFiles[0]).toMatch(/^[a-f0-9]+\.js$/);
-
-    // Second call: cache hit
-    mockTransformFile.mockClear();
-    const result2 = await onLoad({ path: jsFile });
-    expect(mockTransformFile).not.toHaveBeenCalled();
-    expect(result2).toEqual({ contents: "transformed-code", loader: "js" });
-  });
-
-  // Acceptance: file content change → cache miss
-  it("invalidates cache when file content changes", async () => {
-    const jsFile = path.join(TMP_DIR, "changing.js");
-    fs.writeFileSync(jsFile, "export const v = 1;");
-
-    const plugin = sdAngularPlugin({
-      pkg: "linker-test",
-    });
-    const onLoad = await getOnLoadHandler(plugin);
-
-    await onLoad({ path: jsFile });
-    expect(mockTransformFile).toHaveBeenCalledOnce();
-
-    // Change content
-    fs.writeFileSync(jsFile, "export const v = 2;");
-    mockTransformFile.mockClear();
-    mockTransformFile.mockResolvedValue("transformed-v2");
-
-    const result = await onLoad({ path: jsFile });
-    expect(mockTransformFile).toHaveBeenCalledOnce();
-    expect(result).toEqual({ contents: "transformed-v2", loader: "js" });
-  });
-
-  // Unit: corrupted cache file → graceful fallback
-  it("falls back to transform when cache file is corrupted", async () => {
-    const jsFile = path.join(TMP_DIR, "fallback.js");
-    fs.writeFileSync(jsFile, "export const y = 1;");
-
-    const plugin = sdAngularPlugin({
-      pkg: "linker-test",
-    });
-    const onLoad = await getOnLoadHandler(plugin);
-
-    // First call to populate cache
-    await onLoad({ path: jsFile });
-
-    // Remove the cache file to simulate corruption/missing cache
-    const cacheFiles = fs.readdirSync(CACHE_DIR);
-    fs.rmSync(path.join(CACHE_DIR, cacheFiles[0]));
-
-    mockTransformFile.mockClear();
-    const result = await onLoad({ path: jsFile });
-    expect(mockTransformFile).toHaveBeenCalledOnce();
-    expect(result).toEqual({ contents: "transformed-code", loader: "js" });
-  });
-
-  // Unit: Uint8Array result from transformFile is handled
-  it("handles Uint8Array result from transformFile", async () => {
-    const jsFile = path.join(TMP_DIR, "uint8.js");
-    fs.writeFileSync(jsFile, "export const z = 1;");
-
-    mockTransformFile.mockResolvedValue(new TextEncoder().encode("uint8-transformed") as unknown as string);
-
-    const plugin = sdAngularPlugin({
-      pkg: "linker-test",
-    });
-    const onLoad = await getOnLoadHandler(plugin);
-
-    const result = await onLoad({ path: jsFile });
-    expect(result).toEqual({ contents: "uint8-transformed", loader: "js" });
-
-    // Second call: cache hit should also return string
-    mockTransformFile.mockClear();
-    const result2 = await onLoad({ path: jsFile });
-    expect(mockTransformFile).not.toHaveBeenCalled();
-    expect(result2).toEqual({ contents: "uint8-transformed", loader: "js" });
-  });
-
-  // Unit: non-.js file returns null (filter)
-  it("returns null for non-js files", async () => {
-    const plugin = sdAngularPlugin({
-      pkg: "linker-test",
-    });
-    const onLoad = await getOnLoadHandler(plugin);
-
-    const result = await onLoad({ path: path.join(TMP_DIR, "data.json") });
-    expect(result).toBeNull();
-    expect(mockTransformFile).not.toHaveBeenCalled();
-  });
-});

package/tests/angular/vite-angular-plugin-hmr-fallback.spec.ts

@@ -1,333 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import path from "path";
-import type { IncomingMessage, ServerResponse } from "http";
-import type { SdConfig } from "../../src/sd-config.types";
-import {
-  FIXTURE_DIR,
-  PKG_DIR,
-  createTestSdConfig,
-  initPlugin,
-} from "./_vite-angular-plugin-test-setup";
-
-const mockLoadSdConfig = vi.fn<(...args: unknown[]) => Promise<SdConfig>>();
-
-vi.mock("../../src/utils/sd-config", () => ({
-  loadSdConfig: (...args: unknown[]) => mockLoadSdConfig(...args),
-}));
-
-const { sdAngularPlugin } = await import("../../src/angular/vite-angular-plugin.js");
-
-describe("sdAngularPlugin CSS HMR compatibility", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    vi.spyOn(process, "cwd").mockReturnValue(FIXTURE_DIR);
-    mockLoadSdConfig.mockResolvedValue(createTestSdConfig());
-  });
-
-  // Acceptance: CSS 파일 변경 시 sdAngularPlugin이 Vite default HMR에 위임한다
-  it("returns undefined for .css file changes (delegates to Vite default CSS HMR)", async () => {
-    const onBuildStart = vi.fn();
-    const onBuild = vi.fn();
-    const plugin = sdAngularPlugin({
-      pkg: "basic-app",
-
-      onBuildStart,
-      onBuild,
-    });
-
-    await initPlugin(plugin);
-
-    // buildStart 완료 후 초기 빌드 결과 콜백 리셋
-    onBuildStart.mockClear();
-    onBuild.mockClear();
-
-    const cssFilePath = path
-      .join(PKG_DIR, "node_modules/@scope/lib/dist/style.css")
-      .replace(/\\/g, "/");
-
-    const hmrResult = await (plugin as any).handleHotUpdate?.({
-      file: cssFilePath,
-      modules: [{ file: cssFilePath, id: cssFilePath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // .css 파일은 sdAngularPlugin이 처리하지 않으므로 undefined 반환
-    expect(hmrResult).toBeUndefined();
-
-    // Angular compiler update가 호출되지 않아야 한다 (onBuildStart가 호출되지 않음)
-    expect(onBuildStart).not.toHaveBeenCalled();
-    expect(onBuild).not.toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Acceptance: CSS 변경이 불필요한 Angular recompilation을 트리거하지 않는다
-  it("does not trigger Angular recompilation for .css file changes", async () => {
-    const onBuildStart = vi.fn();
-    const onBuild = vi.fn();
-    const plugin = sdAngularPlugin({
-      pkg: "basic-app",
-
-      onBuildStart,
-      onBuild,
-    });
-
-    await initPlugin(plugin);
-
-    // buildStart 완료 후 초기 빌드 결과 콜백 리셋
-    onBuildStart.mockClear();
-    onBuild.mockClear();
-
-    // .ts 파일은 Angular recompilation을 트리거한다 (대조군)
-    const tsFilePath = path
-      .join(PKG_DIR, "src/app.component.ts")
-      .replace(/\\/g, "/");
-
-    await (plugin as any).handleHotUpdate?.({
-      file: tsFilePath,
-      modules: [{ file: tsFilePath, id: tsFilePath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    expect(onBuildStart).toHaveBeenCalledTimes(1);
-    expect(onBuild).toHaveBeenCalledTimes(1);
-
-    // 콜백 카운터 리셋
-    onBuildStart.mockClear();
-    onBuild.mockClear();
-
-    // .css 파일은 Angular recompilation을 트리거하지 않는다
-    const cssFilePath = path
-      .join(PKG_DIR, "node_modules/@scope/lib/dist/style.css")
-      .replace(/\\/g, "/");
-
-    await (plugin as any).handleHotUpdate?.({
-      file: cssFilePath,
-      modules: [{ file: cssFilePath, id: cssFilePath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // CSS 변경으로 Angular compiler가 동작하지 않아야 한다
-    expect(onBuildStart).not.toHaveBeenCalled();
-    expect(onBuild).not.toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Unit: .css 확장자 변형도 동일하게 위임한다 (대문자, 경로 내 .css 등)
-  it("returns undefined for various .css file paths", async () => {
-    const onBuildStart = vi.fn();
-    const plugin = sdAngularPlugin({
-      pkg: "basic-app",
-
-      onBuildStart,
-    });
-
-    await initPlugin(plugin);
-
-    const cssVariants = [
-      "some/path/to/style.css",
-      "node_modules/@simplysm/angular/dist/ui/layout/sd-flex.css",
-      "/absolute/path/theme.css",
-    ];
-
-    for (const cssPath of cssVariants) {
-      const result = await (plugin as any).handleHotUpdate?.({
-        file: cssPath,
-        modules: [{ file: cssPath, id: cssPath }],
-        server: { watcher: { emit: vi.fn() } },
-        timestamp: Date.now(),
-        read: () => Promise.resolve(""),
-      });
-
-      expect(result).toBeUndefined();
-    }
-
-    // 어떤 .css 경로도 Angular 빌드를 트리거하지 않는다
-    expect(onBuildStart).not.toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Unit: .scss 파일이 TS 프로그램에 없으면 리빌드를 건너뛴다
-  it("skips .scss files not in the TypeScript program", async () => {
-    const onBuildStart = vi.fn();
-    const onBuild = vi.fn();
-    const plugin = sdAngularPlugin({
-      pkg: "basic-app",
-
-      onBuildStart,
-      onBuild,
-    });
-
-    await initPlugin(plugin);
-
-    // buildStart 완료 후 초기 빌드 결과 콜백 리셋
-    onBuildStart.mockClear();
-    onBuild.mockClear();
-
-    const scssFilePath = path
-      .join(PKG_DIR, "src/styles.scss")
-      .replace(/\\/g, "/");
-
-    const result = await (plugin as any).handleHotUpdate?.({
-      file: scssFilePath,
-      modules: [{ file: scssFilePath, id: scssFilePath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // .scss 파일이 TS 프로그램에 없으므로 undefined 반환 (리빌드 건너뜀)
-    expect(result).toBeUndefined();
-
-    // Angular compiler update가 호출되지 않아야 한다
-    expect(onBuildStart).not.toHaveBeenCalled();
-    expect(onBuild).not.toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-});
-
-describe("sdAngularPlugin HMR fallback", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    vi.spyOn(process, "cwd").mockReturnValue(FIXTURE_DIR);
-    mockLoadSdConfig.mockResolvedValue(createTestSdConfig());
-  });
-
-  // Acceptance: templateUpdates가 undefined일 때 (HMR 불가)
-  // middleware에서 빈 응답 → Vite 기본 full module invalidation
-  it("returns affected modules even when templateUpdates is undefined (fallback to full invalidation)", async () => {
-    const onBuild = vi.fn();
-    const plugin = sdAngularPlugin({
-      pkg: "basic-app",
-
-      onBuild,
-    });
-
-    await initPlugin(plugin);
-
-    // middleware 등록
-    const middlewares: Array<(req: IncomingMessage, res: ServerResponse, next: () => void) => void> =
-      [];
-    const mockServer = {
-      config: { base: "/" },
-      middlewares: {
-        use: (fn: (req: IncomingMessage, res: ServerResponse, next: () => void) => void) => {
-          middlewares.push(fn);
-        },
-      },
-      httpServer: { on: vi.fn() },
-    };
-    (plugin as any).configureServer?.(mockServer);
-
-    const appComponentPath = path
-      .join(PKG_DIR, "src/app.component.ts")
-      .replace(/\\/g, "/");
-
-    // handleHotUpdate 호출
-    const hmrResult = await (plugin as any).handleHotUpdate?.({
-      file: appComponentPath,
-      modules: [{ file: appComponentPath, id: appComponentPath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // handleHotUpdate는 항상 affected modules 배열을 반환해야 한다
-    // (templateUpdates가 undefined이든 아니든)
-    expect(Array.isArray(hmrResult)).toBe(true);
-
-    // onBuild 콜백이 호출되어야 한다
-    expect(onBuild).toHaveBeenCalled();
-
-    // middleware에서 해당 componentId로 요청하면 빈 응답
-    // (templateUpdates가 비어있으므로)
-    const middleware = middlewares[0];
-    const mockReq = {
-      url: "/@ng/component?c=src%2Fapp%2Fapp.component.ts%40AppComponent",
-    } as IncomingMessage;
-
-    let body = "";
-    const mockRes = {
-      writeHead: vi.fn(),
-      end(data?: string) {
-        body = data ?? "";
-      },
-    } as unknown as ServerResponse;
-
-    middleware(mockReq, mockRes, vi.fn());
-
-    // 초기 빌드 후 첫 update에서는 HMR 후보가 없을 수 있으므로 빈 응답
-    // 이것이 Angular 런타임의 full page reload 트리거
-    expect(body).toBe("");
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Unit: prod 모드(dev: false)에서는 handleHotUpdate가 void 반환 (HMR 비활성)
-  it("returns undefined from handleHotUpdate in prod mode", async () => {
-    const plugin = sdAngularPlugin({
-      pkg: "basic-app",
-
-    });
-
-    await initPlugin(plugin, { mode: "production", command: "build" });
-
-    const appComponentPath = path
-      .join(PKG_DIR, "src/app.component.ts")
-      .replace(/\\/g, "/");
-
-    const hmrResult = await (plugin as any).handleHotUpdate?.({
-      file: appComponentPath,
-      modules: [{ file: appComponentPath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // prod 모드에서는 HMR이 비활성이므로 void 반환
-    expect(hmrResult).toBeUndefined();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Acceptance: 수정 파일 33개 이상일 때도 handleHotUpdate가 정상 동작
-  // (Angular 컴파일러 내부에서 HMR 분석을 생략하고 templateUpdates=undefined 반환)
-  it("handles update with many modified files gracefully (HMR skipped by compiler)", async () => {
-    const plugin = sdAngularPlugin({
-      pkg: "basic-app",
-
-    });
-
-    await initPlugin(plugin);
-
-    const appComponentPath = path
-      .join(PKG_DIR, "src/app.component.ts")
-      .replace(/\\/g, "/");
-
-    // handleHotUpdate는 단일 파일에 대해 호출됨 (Vite 설계)
-    // 33개 이상 수정 파일 제한은 Angular 컴파일러 내부에서 처리
-    // AngularFacade.update()에서 modifiedFiles가 SourceFileCache.modifiedFiles로 전달되므로
-    // 실제 33개 이상 파일 변경은 SourceFileCache를 통해 추적됨
-    const hmrResult = await (plugin as any).handleHotUpdate?.({
-      file: appComponentPath,
-      modules: [{ file: appComponentPath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // handleHotUpdate가 에러 없이 동작해야 한다
-    expect(Array.isArray(hmrResult)).toBe(true);
-
-    await (plugin as any).buildEnd?.call({});
-  });
-});