@simplysm/sd-cli 14.0.29 → 14.0.32

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

@@ -1,320 +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,
-  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 HMR + component-middleware", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    vi.spyOn(process, "cwd").mockReturnValue(FIXTURE_DIR);
-    mockLoadSdConfig.mockResolvedValue(createTestSdConfig());
-  });
-
-  // Acceptance: configureServer에서 component-middleware가 등록된다
-  it("registers component-middleware that serves /@ng/component requests", async () => {
-    const plugin = sdAngularPlugin({ pkg: "basic-app"});
-
-    await initPlugin(plugin);
-
-    // configureServer에서 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);
-
-    // middleware가 등록되어야 한다
-    expect(middlewares.length).toBeGreaterThan(0);
-
-    // /@ng/component 요청 시 text/javascript 응답
-    const middleware = middlewares[0];
-    const mockReq = {
-      url: "/@ng/component?c=testId",
-    } as IncomingMessage;
-
-    let statusCode: number | undefined;
-    let headers: Record<string, string> = {};
-    let body = "";
-    const mockRes = {
-      writeHead(code: number, hdrs: Record<string, string>) {
-        statusCode = code;
-        headers = hdrs;
-      },
-      end(data?: string) {
-        body = data ?? "";
-      },
-    } as unknown as ServerResponse;
-
-    const next = vi.fn();
-    middleware(mockReq, mockRes, next);
-
-    // templateUpdates에 해당 ID가 없으므로 빈 문자열 응답
-    expect(statusCode).toBe(200);
-    expect(headers["Content-Type"]).toBe("text/javascript");
-    expect(headers["Cache-Control"]).toBe("no-cache");
-    expect(body).toBe("");
-    expect(next).not.toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Acceptance: /@ng/component가 아닌 요청은 next()로 통과
-  it("passes through non-/@ng/component requests", async () => {
-    const plugin = sdAngularPlugin({ pkg: "basic-app"});
-    await initPlugin(plugin);
-
-    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 middleware = middlewares[0];
-    const mockReq = { url: "/some/other/path" } as IncomingMessage;
-    const mockRes = {} as ServerResponse;
-    const next = vi.fn();
-
-    middleware(mockReq, mockRes, next);
-    expect(next).toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Unit: /@ng/component에 ?c= 파라미터가 없으면 빈 문자열 응답
-  it("responds with empty string when /@ng/component has no ?c= parameter", async () => {
-    const plugin = sdAngularPlugin({ pkg: "basic-app"});
-    await initPlugin(plugin);
-
-    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 middleware = middlewares[0];
-    const mockReq = { url: "/@ng/component" } as IncomingMessage;
-    let body = "";
-    const mockRes = {
-      writeHead: vi.fn(),
-      end(data?: string) {
-        body = data ?? "";
-      },
-    } as unknown as ServerResponse;
-    const next = vi.fn();
-
-    middleware(mockReq, mockRes, next);
-    expect(body).toBe("");
-    expect(next).not.toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Acceptance: handleHotUpdate에서 templateUpdates를 수집하고 middleware에서 서빙
-  it("collects templateUpdates from handleHotUpdate and serves via middleware", async () => {
-    const plugin = sdAngularPlugin({ pkg: "basic-app"});
-
-    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);
-
-    // handleHotUpdate 호출 (인라인 템플릿 변경)
-    const appComponentPath = path
-      .join(FIXTURE_DIR, "src/app.component.ts")
-      .replace(/\\/g, "/");
-
-    await (plugin as any).handleHotUpdate?.({
-      file: appComponentPath,
-      modules: [{ file: appComponentPath, id: appComponentPath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // 초기 빌드 후 첫 update에서 실제 HMR 후보가 생성되는지는
-    // Angular 컴파일러 내부 동작에 의존.
-    // 이 테스트는 templateUpdates가 수집되면 middleware에서 서빙되는
-    // 전체 파이프라인이 연결되어 있는지를 검증한다.
-    // (실제 HMR 후보 생성은 Angular 컴파일러 내부 로직)
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Acceptance: rebuild 시작 시 이전 templateUpdates 정리
-  it("clears templateUpdates at the start of handleHotUpdate", async () => {
-    const plugin = sdAngularPlugin({ pkg: "basic-app"});
-    await initPlugin(plugin);
-
-    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(FIXTURE_DIR, "src/app.component.ts")
-      .replace(/\\/g, "/");
-
-    // 첫 번째 handleHotUpdate
-    await (plugin as any).handleHotUpdate?.({
-      file: appComponentPath,
-      modules: [{ file: appComponentPath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // 두 번째 handleHotUpdate — 이전 templateUpdates가 정리되어야 한다
-    await (plugin as any).handleHotUpdate?.({
-      file: appComponentPath,
-      modules: [{ file: appComponentPath }],
-      server: { watcher: { emit: vi.fn() } },
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    // middleware에서 조회 — 이전 빌드의 stale 데이터가 아닌 새 빌드 결과만 있어야 한다
-    const middleware = middlewares[0];
-    const mockReq = { url: "/@ng/component?c=staleId" } as IncomingMessage;
-    let body = "";
-    const mockRes = {
-      writeHead: vi.fn(),
-      end(data?: string) {
-        body = data ?? "";
-      },
-    } as unknown as ServerResponse;
-    middleware(mockReq, mockRes, vi.fn());
-    expect(body).toBe("");
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Acceptance: base path가 포함된 /@ng/component 요청도 정상 응답한다
-  it("serves /@ng/component requests with base path prefix", async () => {
-    const plugin = sdAngularPlugin({ pkg: "basic-app"});
-    await initPlugin(plugin);
-
-    const middlewares: Array<(req: IncomingMessage, res: ServerResponse, next: () => void) => void> =
-      [];
-    const mockServer = {
-      config: { base: "/client-pda/" },
-      middlewares: {
-        use: (fn: (req: IncomingMessage, res: ServerResponse, next: () => void) => void) => {
-          middlewares.push(fn);
-        },
-      },
-      httpServer: { on: vi.fn() },
-    };
-    (plugin as any).configureServer?.(mockServer);
-
-    const middleware = middlewares[0];
-    // 실제 브라우저에서는 /client-pda/src/services/@ng/component 형태로 요청됨
-    const mockReq = {
-      url: "/client-pda/src/services/@ng/component?c=testId",
-    } as IncomingMessage;
-
-    let statusCode: number | undefined;
-    let headers: Record<string, string> = {};
-    const mockRes = {
-      writeHead(code: number, hdrs: Record<string, string>) {
-        statusCode = code;
-        headers = hdrs;
-      },
-      end: vi.fn(),
-    } as unknown as ServerResponse;
-
-    const next = vi.fn();
-    middleware(mockReq, mockRes, next);
-
-    expect(statusCode).toBe(200);
-    expect(headers["Content-Type"]).toBe("text/javascript");
-    expect(next).not.toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Acceptance: base path가 있지만 @ng/component가 아닌 요청은 next()로 통과
-  it("passes through non-/@ng/component requests with base path", async () => {
-    const plugin = sdAngularPlugin({ pkg: "basic-app"});
-    await initPlugin(plugin);
-
-    const middlewares: Array<(req: IncomingMessage, res: ServerResponse, next: () => void) => void> =
-      [];
-    const mockServer = {
-      config: { base: "/client-pda/" },
-      middlewares: {
-        use: (fn: (req: IncomingMessage, res: ServerResponse, next: () => void) => void) => {
-          middlewares.push(fn);
-        },
-      },
-      httpServer: { on: vi.fn() },
-    };
-    (plugin as any).configureServer?.(mockServer);
-
-    const middleware = middlewares[0];
-    const mockReq = { url: "/client-pda/other-path" } as IncomingMessage;
-    const mockRes = {} as ServerResponse;
-    const next = vi.fn();
-
-    middleware(mockReq, mockRes, next);
-    expect(next).toHaveBeenCalled();
-
-    await (plugin as any).buildEnd?.call({});
-  });
-});

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

@@ -1,95 +0,0 @@
-import { describe, it, expect, beforeAll, afterAll, vi } from "vitest";
-import path from "path";
-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");
-
-function mockServerWithModuleGraph() {
-  return {
-    moduleGraph: {
-      getModulesByFile: (file: string) => {
-        return new Set([{ file, id: file }]);
-      },
-    },
-  };
-}
-
-describe("sdAngularPlugin SCSS @use HMR", () => {
-  let plugin: ReturnType<typeof sdAngularPlugin>;
-
-  beforeAll(async () => {
-    vi.spyOn(process, "cwd").mockReturnValue(FIXTURE_DIR);
-    mockLoadSdConfig.mockResolvedValue(createTestSdConfig());
-    plugin = sdAngularPlugin({ pkg: "basic-app" });
-    await initPlugin(plugin);
-  });
-
-  afterAll(async () => {
-    await (plugin as any).buildEnd?.call({});
-  });
-
-  // Acceptance: inline styles의 직접 @use 의존성 변경 시 재컴파일
-  it("recompiles when inline SCSS @use dependency changes", async () => {
-    const variablesPath = path
-      .join(PKG_DIR, "scss/_variables.scss")
-      .replace(/\\/g, "/");
-
-    const result = await (plugin as any).handleHotUpdate?.({
-      file: variablesPath,
-      modules: [],
-      server: mockServerWithModuleGraph(),
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    expect(result).toBeDefined();
-    expect(result!.length).toBeGreaterThan(0);
-  });
-
-  // Acceptance: inline styles의 간접 @use 의존성 변경 시 재컴파일 (체이닝)
-  it("recompiles when chained @use dependency changes", async () => {
-    const colorsPath = path
-      .join(PKG_DIR, "scss/_colors.scss")
-      .replace(/\\/g, "/");
-
-    const result = await (plugin as any).handleHotUpdate?.({
-      file: colorsPath,
-      modules: [],
-      server: mockServerWithModuleGraph(),
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    expect(result).toBeDefined();
-    expect(result!.length).toBeGreaterThan(0);
-  });
-
-  // Acceptance: 무관한 SCSS 변경 시 재빌드하지 않음
-  it("does not recompile when unrelated SCSS changes", async () => {
-    const unrelatedPath = path
-      .join(PKG_DIR, "scss/_unrelated.scss")
-      .replace(/\\/g, "/");
-
-    const result = await (plugin as any).handleHotUpdate?.({
-      file: unrelatedPath,
-      modules: [],
-      server: mockServerWithModuleGraph(),
-      timestamp: Date.now(),
-      read: () => Promise.resolve(""),
-    });
-
-    expect(result).toBeUndefined();
-  });
-});

package/tests/angular/vite-postcss-inline-plugin.spec.ts

@@ -1,60 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { processPostCssInline } from "../../src/angular/vite-postcss-inline-plugin";
-import type postcss from "postcss";
-
-// 간단한 PostCSS 플러그인: 모든 color 값을 "red"로 교체
-const testPlugin: postcss.PluginCreator<void> = () => ({
-  postcssPlugin: "test-color-red",
-  Declaration(decl) {
-    if (decl.prop === "color") {
-      decl.value = "red";
-    }
-  },
-});
-testPlugin.postcss = true;
-
-describe("processPostCssInline", () => {
-  // Acceptance: Scenario "Angular 라이브러리 번들 JS 내 인라인 CSS에 PostCSS 적용"
-  it("applies PostCSS to @Component styles array CSS strings", async () => {
-    const input = `Component({ styles: ['.host { color: blue; }'] })`;
-    const result = await processPostCssInline(input, "test.js", [testPlugin]);
-
-    expect(result).toContain("color: red");
-    expect(result).not.toContain("color: blue");
-  });
-
-  // Unit: template literal styles
-  it("applies PostCSS to template literal styles", async () => {
-    const input = "Component({ styles: [`.host { color: blue; }`] })";
-    const result = await processPostCssInline(input, "test.js", [testPlugin]);
-
-    expect(result).toContain("color: red");
-  });
-
-  // Unit: no Component keyword
-  it("returns original code when no Component keyword present", async () => {
-    const input = `var x = 1;`;
-    const result = await processPostCssInline(input, "test.js", [testPlugin]);
-
-    expect(result).toBe(input);
-  });
-
-  // Acceptance: double-quote 문자열의 인용부호가 보존된다
-  it("preserves double-quote style when processing inline CSS", async () => {
-    const input = `Component({ styles: [".host { color: blue; }"] })`;
-    const result = await processPostCssInline(input, "test.js", [testPlugin]);
-
-    expect(result).toContain("color: red");
-    // double-quote가 보존되어야 한다
-    expect(result).toMatch(/".host \{ color: red; \}"/);
-  });
-
-  // Unit: multiple styles in array
-  it("processes multiple styles in the array", async () => {
-    const input = `Component({ styles: ['.a { color: blue; }', '.b { color: green; }'] })`;
-    const result = await processPostCssInline(input, "test.js", [testPlugin]);
-
-    expect(result).toContain(".a { color: red; }");
-    expect(result).toContain(".b { color: red; }");
-  });
-});