@yh-ui/components 0.1.21 → 0.1.22

package/dist/ai-code-block/__tests__/ai-code-block.ssr.test.mjs

@@ -1,57 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-vi.mock("highlight.js", () => ({
-  default: {
-    getLanguage: (lang) => lang === "typescript",
-    highlight: vi.fn(() => ({ value: "highlighted" })),
-    highlightAuto: vi.fn(() => ({ value: "auto" }))
-  }
-}));
-vi.mock("highlight.js/styles/atom-one-dark.css", () => ({}));
-vi.mock("monaco-editor", () => {
-  return {
-    editor: {
-      create: vi.fn(),
-      setModelLanguage: vi.fn(),
-      setTheme: vi.fn()
-    }
-  };
-});
-const { default: AiCodeBlock } = await import("../src/ai-code-block.vue");
-describe("YhAiCodeBlock SSR", () => {
-  it("should render to string on server", async () => {
-    const html = await renderToString(
-      h(AiCodeBlock, { code: "const x = 1", language: "typescript" })
-    );
-    expect(html).toContain("yh-ai-code-block");
-  });
-  it("should render filename in header on server", async () => {
-    const html = await renderToString(h(AiCodeBlock, { code: "const x = 1", filename: "utils.ts" }));
-    expect(html).toContain("utils.ts");
-    expect(html).toContain("yh-ai-code-block__lang");
-  });
-  it("should render language in header when no filename on server", async () => {
-    const html = await renderToString(
-      h(AiCodeBlock, { code: "const x = 1", language: "typescript" })
-    );
-    expect(html).toContain("typescript");
-  });
-  it("should render language class in code element on server", async () => {
-    const html = await renderToString(
-      h(AiCodeBlock, { code: "const x = 1", language: "typescript" })
-    );
-    expect(html).toContain("language-typescript");
-  });
-  it("should render code body on server", async () => {
-    const html = await renderToString(
-      h(AiCodeBlock, { code: "sample code", language: "text", highlight: false })
-    );
-    expect(html).toContain("sample code");
-    expect(html).toContain("yh-ai-code-block__body");
-  });
-  it("should render copy button on server", async () => {
-    const html = await renderToString(h(AiCodeBlock, { code: "code" }));
-    expect(html).toContain("yh-ai-code-block__actions");
-  });
-});

package/dist/ai-code-block/__tests__/ai-code-block.test.cjs

@@ -1,174 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-_vitest.vi.mock("highlight.js", () => ({
-  default: {
-    getLanguage: lang => lang === "typescript" || lang === "javascript" || lang === "python",
-    highlight: _vitest.vi.fn((_code, _opts) => ({
-      value: '<span class="hljs-keyword">const</span>'
-    })),
-    highlightAuto: _vitest.vi.fn(() => ({
-      value: "<span>auto</span>"
-    }))
-  }
-}));
-_vitest.vi.mock("highlight.js/styles/atom-one-dark.css", () => ({}));
-const {
-  default: AiCodeBlock
-} = await Promise.resolve().then(() => require("../src/ai-code-block.vue"));
-(0, _vitest.describe)("YhAiCodeBlock", () => {
-  (0, _vitest.beforeEach)(() => {
-    const mockClipboard = {
-      writeText: _vitest.vi.fn().mockResolvedValue(void 0)
-    };
-    Object.defineProperty(navigator, "clipboard", {
-      value: mockClipboard,
-      writable: true,
-      configurable: true
-    });
-  });
-  (0, _vitest.it)("should render with base class", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "const x = 1"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-code-block").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render header and body", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "const x = 1"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-code-block__header").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-ai-code-block__body").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should show filename in lang label when filename provided", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "const x = 1",
-        language: "typescript",
-        filename: "utils.ts"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-code-block__lang").text()).toBe("utils.ts");
-  });
-  (0, _vitest.it)("should show language in lang label when filename not provided", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "const x = 1",
-        language: "typescript"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-code-block__lang").text()).toBe("typescript");
-  });
-  (0, _vitest.it)("should show text as default language", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "plain text"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-code-block__lang").text()).toBe("text");
-  });
-  (0, _vitest.it)("should render code element with language class", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "const x = 1",
-        language: "typescript"
-      }
-    });
-    const code = wrapper.find("code");
-    (0, _vitest.expect)(code.classes()).toContain("language-typescript");
-  });
-  (0, _vitest.it)("should render code content", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "hello world",
-        language: "text",
-        highlight: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.html()).toContain("hello world");
-  });
-  (0, _vitest.it)("should apply hljs class to code element", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "const x = 1"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("code").classes()).toContain("hljs");
-  });
-  (0, _vitest.it)("should render highlighted code when highlight=true and language recognized", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "const x = 1",
-        language: "typescript",
-        highlight: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("code").html()).toContain("hljs-keyword");
-  });
-  (0, _vitest.it)("should render raw code when highlight=false", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "raw code here",
-        language: "typescript",
-        highlight: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("code").html()).toContain("raw code here");
-  });
-  (0, _vitest.it)("should show copy button", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "const x = 1"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-code-block__actions .yh-button").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should emit copy event and call clipboard on copy click", async () => {
-    const code = "const x = 1";
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code
-      }
-    });
-    await wrapper.find(".yh-ai-code-block__actions .yh-button").trigger("click");
-    (0, _vitest.expect)(navigator.clipboard.writeText).toHaveBeenCalledWith(code);
-    (0, _vitest.expect)(wrapper.emitted("copy")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("copy")[0][0]).toBe(code);
-  });
-  (0, _vitest.it)("should NOT emit copy when code is empty", async () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: ""
-      }
-    });
-    await wrapper.find(".yh-ai-code-block__actions .yh-button").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("copy")).toBeFalsy();
-  });
-  (0, _vitest.it)("should render default slot instead of code when slot provided", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "ignored code"
-      },
-      slots: {
-        default: '<em class="custom-code">custom</em>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-code").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render actions slot", () => {
-    const wrapper = (0, _testUtils.mount)(AiCodeBlock, {
-      props: {
-        code: "code"
-      },
-      slots: {
-        actions: '<button class="extra-action">Run</button>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".extra-action").exists()).toBe(true);
-  });
-});

package/dist/ai-code-block/__tests__/ai-code-block.test.mjs

@@ -1,108 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { mount } from "@vue/test-utils";
-vi.mock("highlight.js", () => ({
-  default: {
-    getLanguage: (lang) => lang === "typescript" || lang === "javascript" || lang === "python",
-    highlight: vi.fn((_code, _opts) => ({
-      value: '<span class="hljs-keyword">const</span>'
-    })),
-    highlightAuto: vi.fn(() => ({ value: "<span>auto</span>" }))
-  }
-}));
-vi.mock("highlight.js/styles/atom-one-dark.css", () => ({}));
-const { default: AiCodeBlock } = await import("../src/ai-code-block.vue");
-describe("YhAiCodeBlock", () => {
-  beforeEach(() => {
-    const mockClipboard = { writeText: vi.fn().mockResolvedValue(void 0) };
-    Object.defineProperty(navigator, "clipboard", {
-      value: mockClipboard,
-      writable: true,
-      configurable: true
-    });
-  });
-  it("should render with base class", () => {
-    const wrapper = mount(AiCodeBlock, { props: { code: "const x = 1" } });
-    expect(wrapper.find(".yh-ai-code-block").exists()).toBe(true);
-  });
-  it("should render header and body", () => {
-    const wrapper = mount(AiCodeBlock, { props: { code: "const x = 1" } });
-    expect(wrapper.find(".yh-ai-code-block__header").exists()).toBe(true);
-    expect(wrapper.find(".yh-ai-code-block__body").exists()).toBe(true);
-  });
-  it("should show filename in lang label when filename provided", () => {
-    const wrapper = mount(AiCodeBlock, {
-      props: { code: "const x = 1", language: "typescript", filename: "utils.ts" }
-    });
-    expect(wrapper.find(".yh-ai-code-block__lang").text()).toBe("utils.ts");
-  });
-  it("should show language in lang label when filename not provided", () => {
-    const wrapper = mount(AiCodeBlock, {
-      props: { code: "const x = 1", language: "typescript" }
-    });
-    expect(wrapper.find(".yh-ai-code-block__lang").text()).toBe("typescript");
-  });
-  it("should show text as default language", () => {
-    const wrapper = mount(AiCodeBlock, { props: { code: "plain text" } });
-    expect(wrapper.find(".yh-ai-code-block__lang").text()).toBe("text");
-  });
-  it("should render code element with language class", () => {
-    const wrapper = mount(AiCodeBlock, {
-      props: { code: "const x = 1", language: "typescript" }
-    });
-    const code = wrapper.find("code");
-    expect(code.classes()).toContain("language-typescript");
-  });
-  it("should render code content", () => {
-    const wrapper = mount(AiCodeBlock, {
-      props: { code: "hello world", language: "text", highlight: false }
-    });
-    expect(wrapper.html()).toContain("hello world");
-  });
-  it("should apply hljs class to code element", () => {
-    const wrapper = mount(AiCodeBlock, { props: { code: "const x = 1" } });
-    expect(wrapper.find("code").classes()).toContain("hljs");
-  });
-  it("should render highlighted code when highlight=true and language recognized", () => {
-    const wrapper = mount(AiCodeBlock, {
-      props: { code: "const x = 1", language: "typescript", highlight: true }
-    });
-    expect(wrapper.find("code").html()).toContain("hljs-keyword");
-  });
-  it("should render raw code when highlight=false", () => {
-    const wrapper = mount(AiCodeBlock, {
-      props: { code: "raw code here", language: "typescript", highlight: false }
-    });
-    expect(wrapper.find("code").html()).toContain("raw code here");
-  });
-  it("should show copy button", () => {
-    const wrapper = mount(AiCodeBlock, { props: { code: "const x = 1" } });
-    expect(wrapper.find(".yh-ai-code-block__actions .yh-button").exists()).toBe(true);
-  });
-  it("should emit copy event and call clipboard on copy click", async () => {
-    const code = "const x = 1";
-    const wrapper = mount(AiCodeBlock, { props: { code } });
-    await wrapper.find(".yh-ai-code-block__actions .yh-button").trigger("click");
-    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(code);
-    expect(wrapper.emitted("copy")).toBeTruthy();
-    expect(wrapper.emitted("copy")[0][0]).toBe(code);
-  });
-  it("should NOT emit copy when code is empty", async () => {
-    const wrapper = mount(AiCodeBlock, { props: { code: "" } });
-    await wrapper.find(".yh-ai-code-block__actions .yh-button").trigger("click");
-    expect(wrapper.emitted("copy")).toBeFalsy();
-  });
-  it("should render default slot instead of code when slot provided", () => {
-    const wrapper = mount(AiCodeBlock, {
-      props: { code: "ignored code" },
-      slots: { default: '<em class="custom-code">custom</em>' }
-    });
-    expect(wrapper.find(".custom-code").exists()).toBe(true);
-  });
-  it("should render actions slot", () => {
-    const wrapper = mount(AiCodeBlock, {
-      props: { code: "code" },
-      slots: { actions: '<button class="extra-action">Run</button>' }
-    });
-    expect(wrapper.find(".extra-action").exists()).toBe(true);
-  });
-});

package/dist/ai-code-editor/__tests__/ai-code-editor.ssr.test.cjs

@@ -1,46 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-_vitest.vi.mock("monaco-editor", () => ({
-  editor: {
-    create: _vitest.vi.fn(),
-    setModelLanguage: _vitest.vi.fn(),
-    setTheme: _vitest.vi.fn()
-  }
-}));
-_vitest.vi.mock("monaco-editor/esm/vs/editor/editor.worker?worker", () => ({
-  default: class {}
-}));
-_vitest.vi.mock("monaco-editor/esm/vs/language/json/json.worker?worker", () => ({
-  default: class {}
-}));
-_vitest.vi.mock("monaco-editor/esm/vs/language/css/css.worker?worker", () => ({
-  default: class {}
-}));
-_vitest.vi.mock("monaco-editor/esm/vs/language/html/html.worker?worker", () => ({
-  default: class {}
-}));
-_vitest.vi.mock("monaco-editor/esm/vs/language/typescript/ts.worker?worker", () => ({
-  default: class {}
-}));
-_vitest.vi.mock("@yh-ui/theme", () => ({
-  useComponentTheme: () => ({
-    themeStyle: {}
-  })
-}));
-const {
-  default: AiCodeEditor
-} = await Promise.resolve().then(() => require("../src/ai-code-editor.vue"));
-(0, _vitest.describe)("YhAiCodeEditor SSR", () => {
-  (0, _vitest.it)("should render container on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiCodeEditor, {
-      modelValue: "const a = 1;",
-      height: 400
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-code-editor");
-    (0, _vitest.expect)(html).toContain("yh-ai-code-editor__container");
-    (0, _vitest.expect)(html).toContain("height:400px");
-  });
-});

package/dist/ai-code-editor/__tests__/ai-code-editor.ssr.test.mjs

@@ -1,39 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-vi.mock("monaco-editor", () => ({
-  editor: {
-    create: vi.fn(),
-    setModelLanguage: vi.fn(),
-    setTheme: vi.fn()
-  }
-}));
-vi.mock("monaco-editor/esm/vs/editor/editor.worker?worker", () => ({ default: class {
-} }));
-vi.mock("monaco-editor/esm/vs/language/json/json.worker?worker", () => ({ default: class {
-} }));
-vi.mock("monaco-editor/esm/vs/language/css/css.worker?worker", () => ({ default: class {
-} }));
-vi.mock("monaco-editor/esm/vs/language/html/html.worker?worker", () => ({ default: class {
-} }));
-vi.mock("monaco-editor/esm/vs/language/typescript/ts.worker?worker", () => ({ default: class {
-} }));
-vi.mock("@yh-ui/theme", () => ({
-  useComponentTheme: () => ({
-    themeStyle: {}
-  })
-}));
-const { default: AiCodeEditor } = await import("../src/ai-code-editor.vue");
-describe("YhAiCodeEditor SSR", () => {
-  it("should render container on server", async () => {
-    const html = await renderToString(
-      h(AiCodeEditor, {
-        modelValue: "const a = 1;",
-        height: 400
-      })
-    );
-    expect(html).toContain("yh-ai-code-editor");
-    expect(html).toContain("yh-ai-code-editor__container");
-    expect(html).toContain("height:400px");
-  });
-});

package/dist/ai-code-editor/__tests__/ai-code-editor.test.cjs

@@ -1,90 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _aiCodeEditor = _interopRequireDefault(require("../src/ai-code-editor.vue"));
-var monaco = _interopRequireWildcard(require("monaco-editor"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-_vitest.vi.mock("monaco-editor", () => {
-  const editor = {
-    dispose: _vitest.vi.fn(),
-    getValue: _vitest.vi.fn(() => "test content"),
-    setValue: _vitest.vi.fn(),
-    onDidChangeModelContent: _vitest.vi.fn(cb => ({
-      dispose: _vitest.vi.fn(),
-      callback: cb
-    })),
-    layout: _vitest.vi.fn(),
-    focus: _vitest.vi.fn(),
-    updateOptions: _vitest.vi.fn(),
-    getModel: _vitest.vi.fn(() => ({})),
-    render: _vitest.vi.fn()
-  };
-  return {
-    editor: {
-      create: _vitest.vi.fn(() => editor),
-      setModelLanguage: _vitest.vi.fn(),
-      setTheme: _vitest.vi.fn()
-    }
-  };
-});
-global.requestAnimationFrame = _vitest.vi.fn(cb => setTimeout(cb, 0));
-global.cancelAnimationFrame = _vitest.vi.fn(id => clearTimeout(id));
-global.ResizeObserver = class {
-  constructor(callback) {
-    this.callback = callback;
-  }
-  observe = _vitest.vi.fn();
-  unobserve = _vitest.vi.fn();
-  disconnect = _vitest.vi.fn();
-};
-(0, _vitest.describe)("YhAiCodeEditor", () => {
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.clearAllMocks();
-  });
-  (0, _vitest.it)("should render container", () => {
-    const wrapper = (0, _testUtils.mount)(_aiCodeEditor.default, {
-      props: {
-        modelValue: "hello"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-code-editor__container").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should initialize monaco editor", async () => {
-    (0, _testUtils.mount)(_aiCodeEditor.default, {
-      props: {
-        modelValue: "hello world",
-        language: "javascript"
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 50));
-    (0, _vitest.expect)(monaco.editor.create).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("should update value on prop change", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiCodeEditor.default, {
-      props: {
-        modelValue: "first"
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 50));
-    const editorInstance = _vitest.vi.mocked(monaco.editor.create).mock.results[0].value;
-    await wrapper.setProps({
-      modelValue: "second"
-    });
-    (0, _vitest.expect)(editorInstance.setValue).toHaveBeenCalledWith("second");
-  });
-  (0, _vitest.it)("should change language on prop change", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiCodeEditor.default, {
-      props: {
-        language: "javascript"
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 50));
-    await wrapper.setProps({
-      language: "typescript"
-    });
-    (0, _vitest.expect)(monaco.editor.setModelLanguage).toHaveBeenCalled();
-  });
-});

package/dist/ai-code-editor/__tests__/ai-code-editor.test.mjs

@@ -1,78 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import AiCodeEditor from "../src/ai-code-editor.vue";
-import * as monaco from "monaco-editor";
-vi.mock("monaco-editor", () => {
-  const editor = {
-    dispose: vi.fn(),
-    getValue: vi.fn(() => "test content"),
-    setValue: vi.fn(),
-    onDidChangeModelContent: vi.fn((cb) => ({ dispose: vi.fn(), callback: cb })),
-    layout: vi.fn(),
-    focus: vi.fn(),
-    updateOptions: vi.fn(),
-    getModel: vi.fn(() => ({})),
-    render: vi.fn()
-  };
-  return {
-    editor: {
-      create: vi.fn(() => editor),
-      setModelLanguage: vi.fn(),
-      setTheme: vi.fn()
-    }
-  };
-});
-global.requestAnimationFrame = vi.fn((cb) => setTimeout(cb, 0));
-global.cancelAnimationFrame = vi.fn((id) => clearTimeout(id));
-global.ResizeObserver = class {
-  constructor(callback) {
-    this.callback = callback;
-  }
-  observe = vi.fn();
-  unobserve = vi.fn();
-  disconnect = vi.fn();
-};
-describe("YhAiCodeEditor", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-  it("should render container", () => {
-    const wrapper = mount(AiCodeEditor, {
-      props: {
-        modelValue: "hello"
-      }
-    });
-    expect(wrapper.find(".yh-ai-code-editor__container").exists()).toBe(true);
-  });
-  it("should initialize monaco editor", async () => {
-    mount(AiCodeEditor, {
-      props: {
-        modelValue: "hello world",
-        language: "javascript"
-      }
-    });
-    await new Promise((resolve) => setTimeout(resolve, 50));
-    expect(monaco.editor.create).toHaveBeenCalled();
-  });
-  it("should update value on prop change", async () => {
-    const wrapper = mount(AiCodeEditor, {
-      props: {
-        modelValue: "first"
-      }
-    });
-    await new Promise((resolve) => setTimeout(resolve, 50));
-    const editorInstance = vi.mocked(monaco.editor.create).mock.results[0].value;
-    await wrapper.setProps({ modelValue: "second" });
-    expect(editorInstance.setValue).toHaveBeenCalledWith("second");
-  });
-  it("should change language on prop change", async () => {
-    const wrapper = mount(AiCodeEditor, {
-      props: {
-        language: "javascript"
-      }
-    });
-    await new Promise((resolve) => setTimeout(resolve, 50));
-    await wrapper.setProps({ language: "typescript" });
-    expect(monaco.editor.setModelLanguage).toHaveBeenCalled();
-  });
-});

package/dist/ai-code-runner/__tests__/ai-code-runner.ssr.test.cjs

@@ -1,28 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-_vitest.vi.mock("../src/webcontainer", () => ({
-  getWebContainerInstance: _vitest.vi.fn()
-}));
-_vitest.vi.mock("@yh-ui/theme", () => ({
-  useComponentTheme: () => ({
-    themeStyle: {}
-  })
-}));
-const {
-  default: AiCodeRunner
-} = await Promise.resolve().then(() => require("../src/ai-code-runner.vue"));
-(0, _vitest.describe)("YhAiCodeRunner SSR", () => {
-  (0, _vitest.it)("should render toolbar and terminal on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiCodeRunner, {
-      code: 'console.log("ssr")',
-      height: 300
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-code-runner");
-    (0, _vitest.expect)(html).toContain("yh-ai-code-runner__toolbar");
-    (0, _vitest.expect)(html).toContain("yh-ai-code-runner__terminal");
-    (0, _vitest.expect)(html).toContain("height:300px");
-  });
-});

package/dist/ai-code-runner/__tests__/ai-code-runner.ssr.test.mjs

@@ -1,26 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-vi.mock("../src/webcontainer", () => ({
-  getWebContainerInstance: vi.fn()
-}));
-vi.mock("@yh-ui/theme", () => ({
-  useComponentTheme: () => ({
-    themeStyle: {}
-  })
-}));
-const { default: AiCodeRunner } = await import("../src/ai-code-runner.vue");
-describe("YhAiCodeRunner SSR", () => {
-  it("should render toolbar and terminal on server", async () => {
-    const html = await renderToString(
-      h(AiCodeRunner, {
-        code: 'console.log("ssr")',
-        height: 300
-      })
-    );
-    expect(html).toContain("yh-ai-code-runner");
-    expect(html).toContain("yh-ai-code-runner__toolbar");
-    expect(html).toContain("yh-ai-code-runner__terminal");
-    expect(html).toContain("height:300px");
-  });
-});