@yh-ui/components 0.1.21 → 0.1.23

package/dist/ai-artifacts/__tests__/ai-artifacts.test.mjs

@@ -1,109 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { mount } from "@vue/test-utils";
-vi.mock("highlight.js", () => ({
-  default: {
-    getLanguage: (lang) => lang === "xml" || lang === "typescript",
-    highlight: (code) => ({ value: `<span>${code}</span>` }),
-    highlightAuto: (code) => ({ value: `<span>${code}</span>` })
-  }
-}));
-vi.mock("highlight.js/styles/atom-one-dark.css", () => ({}));
-if (typeof window !== "undefined") {
-  global.URL.createObjectURL = vi.fn(() => "blob:test-url");
-}
-import AiArtifacts from "../src/ai-artifacts.vue";
-const mockData = {
-  id: "a1",
-  title: "Test Artifact",
-  type: "html",
-  currentVersion: 1,
-  versions: [
-    { version: 1, content: "<h1>Ver 1</h1>", description: "Initial" },
-    { version: 2, content: "<h1>Ver 2</h1>", description: "Updated" }
-  ]
-};
-describe("YhAiArtifacts", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-  it("should render when visible is true", () => {
-    const wrapper = mount(AiArtifacts, {
-      props: {
-        visible: true,
-        data: mockData
-      }
-    });
-    expect(wrapper.find(".yh-ai-artifacts").exists()).toBe(true);
-    expect(wrapper.find(".yh-ai-artifacts__title").text()).toBe("Test Artifact");
-  });
-  it("should not render when visible is false", () => {
-    const wrapper = mount(AiArtifacts, {
-      props: {
-        visible: false,
-        data: mockData
-      }
-    });
-    expect(wrapper.find(".yh-ai-artifacts").exists()).toBe(false);
-  });
-  it("should apply custom width", () => {
-    const wrapper = mount(AiArtifacts, {
-      props: {
-        visible: true,
-        data: mockData,
-        width: 800
-      }
-    });
-    const root = wrapper.find(".yh-ai-artifacts");
-    expect(root.element.style.width).toBe("800px");
-  });
-  it("should toggle between preview and code mode", async () => {
-    const wrapper = mount(AiArtifacts, {
-      props: {
-        visible: true,
-        data: mockData,
-        mode: "preview"
-      }
-    });
-    expect(wrapper.find(".yh-ai-artifacts__sandbox").exists()).toBe(true);
-    const tabs = wrapper.findAll(".yh-ai-artifacts__tab");
-    await tabs[2].trigger("click");
-    expect(wrapper.emitted("update:mode")?.[0]).toEqual(["code"]);
-    await wrapper.setProps({ mode: "code" });
-    expect(wrapper.find(".yh-ai-artifacts__sandbox").exists()).toBe(false);
-    expect(wrapper.find(".yh-ai-artifacts__code-viewer").exists()).toBe(true);
-  });
-  it("should handle version selection", async () => {
-    const wrapper = mount(AiArtifacts, {
-      props: {
-        visible: true,
-        data: mockData
-      }
-    });
-    const versionItems = wrapper.findAll(".yh-ai-artifacts__version-item");
-    expect(versionItems).toHaveLength(2);
-    await versionItems[1].trigger("click");
-    expect(wrapper.emitted("version-change")?.[0]).toEqual([mockData.versions[1]]);
-  });
-  it("should emit close events", async () => {
-    const wrapper = mount(AiArtifacts, {
-      props: {
-        visible: true,
-        data: mockData
-      }
-    });
-    const closeBtn = wrapper.find(".yh-button");
-    await closeBtn.trigger("click");
-    expect(wrapper.emitted("update:visible")?.[0]).toEqual([false]);
-    expect(wrapper.emitted("close")).toBeTruthy();
-  });
-  it("should render icon based on type", async () => {
-    const wrapper = mount(AiArtifacts, {
-      props: {
-        visible: true,
-        data: { ...mockData, type: "code" }
-      }
-    });
-    const icon = wrapper.findComponent({ name: "YhIcon" });
-    expect(icon.props("name")).toBe("code");
-  });
-});

package/dist/ai-attachments/__tests__/ai-attachments.ssr.test.cjs

@@ -1,50 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-const {
-  default: AiAttachments
-} = await Promise.resolve().then(() => require("../src/ai-attachments.vue"));
-(0, _vitest.describe)("YhAiAttachments SSR", () => {
-  (0, _vitest.it)("should render to string on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiAttachments));
-    (0, _vitest.expect)(html).toContain("yh-ai-attachments");
-  });
-  (0, _vitest.it)("should render with items on server", async () => {
-    const items = [{
-      uid: 1,
-      name: "test1.pdf",
-      type: "file"
-    }, {
-      uid: 2,
-      name: "test2.png",
-      type: "image"
-    }];
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiAttachments, {
-      items
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-attachments");
-    (0, _vitest.expect)(html).toContain("yh-ai-attachments__item");
-    (0, _vitest.expect)(html).toContain("test1.pdf");
-    (0, _vitest.expect)(html).toContain("test2.png");
-  });
-  (0, _vitest.it)("should render overflow mode class on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiAttachments, {
-      overflow: "scrollY"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-attachments--overflow-scrollY");
-  });
-  (0, _vitest.it)("should render without upload when hideUpload on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiAttachments, {
-      hideUpload: true
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-attachments");
-  });
-  (0, _vitest.it)("should render disabled state on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiAttachments, {
-      disabled: true
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-attachments");
-  });
-});

package/dist/ai-attachments/__tests__/ai-attachments.ssr.test.mjs

@@ -1,33 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-const { default: AiAttachments } = await import("../src/ai-attachments.vue");
-describe("YhAiAttachments SSR", () => {
-  it("should render to string on server", async () => {
-    const html = await renderToString(h(AiAttachments));
-    expect(html).toContain("yh-ai-attachments");
-  });
-  it("should render with items on server", async () => {
-    const items = [
-      { uid: 1, name: "test1.pdf", type: "file" },
-      { uid: 2, name: "test2.png", type: "image" }
-    ];
-    const html = await renderToString(h(AiAttachments, { items }));
-    expect(html).toContain("yh-ai-attachments");
-    expect(html).toContain("yh-ai-attachments__item");
-    expect(html).toContain("test1.pdf");
-    expect(html).toContain("test2.png");
-  });
-  it("should render overflow mode class on server", async () => {
-    const html = await renderToString(h(AiAttachments, { overflow: "scrollY" }));
-    expect(html).toContain("yh-ai-attachments--overflow-scrollY");
-  });
-  it("should render without upload when hideUpload on server", async () => {
-    const html = await renderToString(h(AiAttachments, { hideUpload: true }));
-    expect(html).toContain("yh-ai-attachments");
-  });
-  it("should render disabled state on server", async () => {
-    const html = await renderToString(h(AiAttachments, { disabled: true }));
-    expect(html).toContain("yh-ai-attachments");
-  });
-});

package/dist/ai-attachments/__tests__/ai-attachments.test.cjs

@@ -1,113 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _aiAttachments = _interopRequireDefault(require("../src/ai-attachments.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAiAttachments", () => {
-  (0, _vitest.it)("should render with base class", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default);
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render upload button by default", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default);
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments__upload").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render file items", () => {
-    const items = [{
-      uid: 1,
-      name: "test1.pdf",
-      type: "file"
-    }, {
-      uid: 2,
-      name: "test2.png",
-      type: "image"
-    }];
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default, {
-      props: {
-        items
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-ai-attachments__item").length).toBe(2);
-  });
-  (0, _vitest.it)("should render scrollX overflow mode", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default, {
-      props: {
-        overflow: "scrollX"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments--overflow-scrollX").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render scrollY overflow mode", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default, {
-      props: {
-        overflow: "scrollY"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments--overflow-scrollY").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render wrap overflow mode", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default, {
-      props: {
-        overflow: "wrap"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments--overflow-wrap").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should hide upload button when hideUpload is true", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default, {
-      props: {
-        hideUpload: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments__upload").exists()).toBe(false);
-  });
-  (0, _vitest.it)("should apply disabled state", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default, {
-      props: {
-        disabled: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find('input[type="file"]').attributes("disabled")).toBeDefined();
-  });
-  (0, _vitest.it)("should hide upload when maxCount is reached", () => {
-    const items = [{
-      uid: 1,
-      name: "test1.pdf"
-    }, {
-      uid: 2,
-      name: "test2.pdf"
-    }];
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default, {
-      props: {
-        items,
-        maxCount: 2
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments__upload").exists()).toBe(false);
-  });
-  (0, _vitest.it)("should handle drag events", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiAttachments.default);
-    await wrapper.find(".yh-ai-attachments").trigger("dragenter");
-    (0, _vitest.expect)(wrapper.find(".yh-ai-attachments__drop-mask").exists()).toBe(true);
-    await wrapper.find(".yh-ai-attachments").trigger("dragleave");
-  });
-  (0, _vitest.it)("should validate props defaults", async () => {
-    const {
-      aiAttachmentsProps
-    } = await Promise.resolve().then(() => require("../src/ai-attachments.cjs"));
-    (0, _vitest.expect)(aiAttachmentsProps.overflow.default).toBe("scrollX");
-    (0, _vitest.expect)(aiAttachmentsProps.hideUpload.default).toBe(false);
-    (0, _vitest.expect)(aiAttachmentsProps.disabled.default).toBe(false);
-  });
-  (0, _vitest.it)("should validate emits", async () => {
-    const {
-      aiAttachmentsEmits
-    } = await Promise.resolve().then(() => require("../src/ai-attachments.cjs"));
-    (0, _vitest.expect)(aiAttachmentsEmits["update:items"]([])).toBe(true);
-    (0, _vitest.expect)(aiAttachmentsEmits["delete-card"]({
-      name: "test"
-    }, 0)).toBe(true);
-  });
-});

package/dist/ai-attachments/__tests__/ai-attachments.test.mjs

@@ -1,81 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import AiAttachments from "../src/ai-attachments.vue";
-describe("YhAiAttachments", () => {
-  it("should render with base class", () => {
-    const wrapper = mount(AiAttachments);
-    expect(wrapper.find(".yh-ai-attachments").exists()).toBe(true);
-  });
-  it("should render upload button by default", () => {
-    const wrapper = mount(AiAttachments);
-    expect(wrapper.find(".yh-ai-attachments__upload").exists()).toBe(true);
-  });
-  it("should render file items", () => {
-    const items = [
-      { uid: 1, name: "test1.pdf", type: "file" },
-      { uid: 2, name: "test2.png", type: "image" }
-    ];
-    const wrapper = mount(AiAttachments, {
-      props: { items }
-    });
-    expect(wrapper.findAll(".yh-ai-attachments__item").length).toBe(2);
-  });
-  it("should render scrollX overflow mode", () => {
-    const wrapper = mount(AiAttachments, {
-      props: { overflow: "scrollX" }
-    });
-    expect(wrapper.find(".yh-ai-attachments--overflow-scrollX").exists()).toBe(true);
-  });
-  it("should render scrollY overflow mode", () => {
-    const wrapper = mount(AiAttachments, {
-      props: { overflow: "scrollY" }
-    });
-    expect(wrapper.find(".yh-ai-attachments--overflow-scrollY").exists()).toBe(true);
-  });
-  it("should render wrap overflow mode", () => {
-    const wrapper = mount(AiAttachments, {
-      props: { overflow: "wrap" }
-    });
-    expect(wrapper.find(".yh-ai-attachments--overflow-wrap").exists()).toBe(true);
-  });
-  it("should hide upload button when hideUpload is true", () => {
-    const wrapper = mount(AiAttachments, {
-      props: { hideUpload: true }
-    });
-    expect(wrapper.find(".yh-ai-attachments__upload").exists()).toBe(false);
-  });
-  it("should apply disabled state", () => {
-    const wrapper = mount(AiAttachments, {
-      props: { disabled: true }
-    });
-    expect(wrapper.find(".yh-ai-attachments").exists()).toBe(true);
-    expect(wrapper.find('input[type="file"]').attributes("disabled")).toBeDefined();
-  });
-  it("should hide upload when maxCount is reached", () => {
-    const items = [
-      { uid: 1, name: "test1.pdf" },
-      { uid: 2, name: "test2.pdf" }
-    ];
-    const wrapper = mount(AiAttachments, {
-      props: { items, maxCount: 2 }
-    });
-    expect(wrapper.find(".yh-ai-attachments__upload").exists()).toBe(false);
-  });
-  it("should handle drag events", async () => {
-    const wrapper = mount(AiAttachments);
-    await wrapper.find(".yh-ai-attachments").trigger("dragenter");
-    expect(wrapper.find(".yh-ai-attachments__drop-mask").exists()).toBe(true);
-    await wrapper.find(".yh-ai-attachments").trigger("dragleave");
-  });
-  it("should validate props defaults", async () => {
-    const { aiAttachmentsProps } = await import("../src/ai-attachments.mjs");
-    expect(aiAttachmentsProps.overflow.default).toBe("scrollX");
-    expect(aiAttachmentsProps.hideUpload.default).toBe(false);
-    expect(aiAttachmentsProps.disabled.default).toBe(false);
-  });
-  it("should validate emits", async () => {
-    const { aiAttachmentsEmits } = await import("../src/ai-attachments.mjs");
-    expect(aiAttachmentsEmits["update:items"]([])).toBe(true);
-    expect(aiAttachmentsEmits["delete-card"]({ name: "test" }, 0)).toBe(true);
-  });
-});

package/dist/ai-bubble/__tests__/ai-bubble.ssr.test.cjs

@@ -1,95 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-_vitest.vi.mock("markdown-it", async () => {
-  class MockMd {
-    inline = {
-      ruler: {
-        after: _vitest.vi.fn()
-      }
-    };
-    block = {
-      ruler: {
-        before: _vitest.vi.fn()
-      }
-    };
-    renderer = {
-      rules: {}
-    };
-    render(content) {
-      return `<p>${content}</p>`;
-    }
-  }
-  return {
-    default: MockMd
-  };
-});
-_vitest.vi.mock("highlight.js", () => ({
-  default: {
-    getLanguage: () => false,
-    highlight: _vitest.vi.fn()
-  }
-}));
-_vitest.vi.mock("highlight.js/styles/atom-one-dark.css", () => ({}));
-const {
-  default: AiBubble
-} = await Promise.resolve().then(() => require("../src/ai-bubble.vue"));
-(0, _vitest.describe)("YhAiBubble SSR", () => {
-  (0, _vitest.it)("should render to string on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiBubble, {
-      content: "SSR hello",
-      role: "assistant"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-bubble");
-    (0, _vitest.expect)(html).toContain("yh-ai-bubble--assistant");
-  });
-  (0, _vitest.it)("should render user role on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiBubble, {
-      content: "User msg",
-      role: "user"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-bubble--user");
-    (0, _vitest.expect)(html).toContain("yh-ai-bubble--placement-end");
-  });
-  (0, _vitest.it)("should render time on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiBubble, {
-      content: "hi",
-      time: "09:30",
-      role: "assistant"
-    }));
-    (0, _vitest.expect)(html).toContain("09:30");
-    (0, _vitest.expect)(html).toContain("yh-ai-bubble__time");
-  });
-  (0, _vitest.it)("should render loading state on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiBubble, {
-      content: "",
-      loading: true
-    }));
-    (0, _vitest.expect)(html).toContain("is-loading");
-    (0, _vitest.expect)(html).toContain("yh-ai-bubble__typing-indicator");
-  });
-  (0, _vitest.it)("should not render avatar for system role on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiBubble, {
-      content: "sys",
-      role: "system"
-    }));
-    (0, _vitest.expect)(html).not.toContain("yh-ai-bubble__avatar");
-  });
-  (0, _vitest.it)("should render markdown class when markdown=true", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiBubble, {
-      content: "hello",
-      markdown: true
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-bubble__markdown");
-  });
-  (0, _vitest.it)("should render plain text class when markdown=false", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiBubble, {
-      content: "plain",
-      markdown: false
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-bubble__text");
-    (0, _vitest.expect)(html).toContain("plain");
-  });
-});

package/dist/ai-bubble/__tests__/ai-bubble.ssr.test.mjs

@@ -1,66 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-vi.mock("markdown-it", async () => {
-  class MockMd {
-    inline = {
-      ruler: {
-        after: vi.fn()
-      }
-    };
-    block = {
-      ruler: {
-        before: vi.fn()
-      }
-    };
-    renderer = {
-      rules: {}
-    };
-    render(content) {
-      return `<p>${content}</p>`;
-    }
-  }
-  return { default: MockMd };
-});
-vi.mock("highlight.js", () => ({
-  default: { getLanguage: () => false, highlight: vi.fn() }
-}));
-vi.mock("highlight.js/styles/atom-one-dark.css", () => ({}));
-const { default: AiBubble } = await import("../src/ai-bubble.vue");
-describe("YhAiBubble SSR", () => {
-  it("should render to string on server", async () => {
-    const html = await renderToString(h(AiBubble, { content: "SSR hello", role: "assistant" }));
-    expect(html).toContain("yh-ai-bubble");
-    expect(html).toContain("yh-ai-bubble--assistant");
-  });
-  it("should render user role on server", async () => {
-    const html = await renderToString(h(AiBubble, { content: "User msg", role: "user" }));
-    expect(html).toContain("yh-ai-bubble--user");
-    expect(html).toContain("yh-ai-bubble--placement-end");
-  });
-  it("should render time on server", async () => {
-    const html = await renderToString(
-      h(AiBubble, { content: "hi", time: "09:30", role: "assistant" })
-    );
-    expect(html).toContain("09:30");
-    expect(html).toContain("yh-ai-bubble__time");
-  });
-  it("should render loading state on server", async () => {
-    const html = await renderToString(h(AiBubble, { content: "", loading: true }));
-    expect(html).toContain("is-loading");
-    expect(html).toContain("yh-ai-bubble__typing-indicator");
-  });
-  it("should not render avatar for system role on server", async () => {
-    const html = await renderToString(h(AiBubble, { content: "sys", role: "system" }));
-    expect(html).not.toContain("yh-ai-bubble__avatar");
-  });
-  it("should render markdown class when markdown=true", async () => {
-    const html = await renderToString(h(AiBubble, { content: "hello", markdown: true }));
-    expect(html).toContain("yh-ai-bubble__markdown");
-  });
-  it("should render plain text class when markdown=false", async () => {
-    const html = await renderToString(h(AiBubble, { content: "plain", markdown: false }));
-    expect(html).toContain("yh-ai-bubble__text");
-    expect(html).toContain("plain");
-  });
-});