@yh-ui/components 0.1.21 → 0.1.22

package/dist/ai-agent-card/__tests__/ai-agent-card.test.cjs

@@ -1,205 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _aiAgentCard = _interopRequireDefault(require("../src/ai-agent-card.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("AiAgentCard", () => {
-  const mockData = {
-    id: "1",
-    name: "Test Agent",
-    model: "GPT-4",
-    description: "This is a test description",
-    avatar: "robot",
-    verified: true,
-    status: "online",
-    stats: {
-      uses: 1e3,
-      rating: 4.5
-    },
-    capabilities: [{
-      label: "Chat",
-      type: "primary"
-    }]
-  };
-  (0, _vitest.it)("renders basic information correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: mockData
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__name").text()).toBe("Test Agent");
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__model").text()).toBe("GPT-4");
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__description").text()).toBe("This is a test description");
-  });
-  (0, _vitest.it)("handles compact layout correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: mockData,
-        layout: "compact"
-      }
-    });
-    const cardNode = wrapper.find(".yh-ai-agent-card");
-    (0, _vitest.expect)(cardNode.exists()).toBe(true);
-    (0, _vitest.expect)(cardNode.classes()).toContain("yh-ai-agent-card--compact");
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__stats").exists()).toBe(true);
-  });
-  (0, _vitest.it)("emits events on interaction", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: mockData
-      }
-    });
-    await wrapper.find(".yh-ai-agent-card__use-btn").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("use")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("use")[0][0]).toEqual(mockData);
-    await wrapper.find(".yh-ai-agent-card__fav-btn").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("favorite")).toBeTruthy();
-    await wrapper.find(".yh-ai-agent-card__share-btn").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("share")).toBeTruthy();
-    await wrapper.find(".yh-ai-agent-card").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
-  });
-  (0, _vitest.it)("renders statuses correctly", () => {
-    const wrapperOffline = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          status: "offline"
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapperOffline.find(".yh-ai-agent-card__status-dot").classes()).toContain("is-offline");
-    const wrapperBusy = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          status: "busy"
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapperBusy.find(".yh-ai-agent-card__status-dot").classes()).toContain("is-busy");
-  });
-  (0, _vitest.it)("formats use count correctly under 1000", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          stats: {
-            uses: 500
-          }
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.html()).toContain("500");
-  });
-  (0, _vitest.it)("renders extra capabilities count", () => {
-    const caps = Array(6).fill({
-      label: "test"
-    });
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          capabilities: caps
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__capability-more").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__capability-more").text()).toContain("+2");
-  });
-  (0, _vitest.it)("renders response time", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          stats: {
-            responseTime: 120
-          }
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.html()).toContain("120ms");
-  });
-  (0, _vitest.it)("covers aiAgentCardEmits validators", async () => {
-    const {
-      aiAgentCardEmits
-    } = await Promise.resolve().then(() => require("../src/ai-agent-card.cjs"));
-    (0, _vitest.expect)(aiAgentCardEmits.use(mockData)).toBe(true);
-    (0, _vitest.expect)(aiAgentCardEmits.favorite(mockData, true)).toBe(true);
-    (0, _vitest.expect)(aiAgentCardEmits.share(mockData)).toBe(true);
-    (0, _vitest.expect)(aiAgentCardEmits.click(mockData)).toBe(true);
-  });
-  (0, _vitest.it)("renders loading state", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: mockData,
-        loading: true
-      }
-    });
-    const cardNode = wrapper.find(".yh-ai-agent-card");
-    (0, _vitest.expect)(cardNode.classes()).toContain("is-loading");
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__skeleton-avatar").exists()).toBe(true);
-  });
-  (0, _vitest.it)("formats uses correctly for large numbers", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          stats: {
-            uses: 15e3
-          }
-        }
-      }
-    });
-    const vm = wrapper.vm;
-    (0, _vitest.expect)(vm.formattedUses).toBe("1.5w");
-    const wrapper2 = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          stats: {
-            uses: 1200
-          }
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper2.vm.formattedUses).toBe("1.2k");
-    const wrapper3 = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          stats: {
-            uses: 500
-          }
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper3.vm.formattedUses).toBe("500");
-  });
-  (0, _vitest.it)("handles missing stats sub-fields", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          stats: {}
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__stats").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.html()).not.toContain("ms");
-  });
-  (0, _vitest.it)("handles missing capabilities icon", () => {
-    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
-      props: {
-        data: {
-          ...mockData,
-          capabilities: [{
-            label: "No Icon"
-          }]
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__capability .yh-icon").exists()).toBe(false);
-  });
-});

package/dist/ai-agent-card/__tests__/ai-agent-card.test.mjs

@@ -1,133 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, it, expect } from "vitest";
-import AiAgentCard from "../src/ai-agent-card.vue";
-describe("AiAgentCard", () => {
-  const mockData = {
-    id: "1",
-    name: "Test Agent",
-    model: "GPT-4",
-    description: "This is a test description",
-    avatar: "robot",
-    verified: true,
-    status: "online",
-    stats: {
-      uses: 1e3,
-      rating: 4.5
-    },
-    capabilities: [{ label: "Chat", type: "primary" }]
-  };
-  it("renders basic information correctly", () => {
-    const wrapper = mount(AiAgentCard, {
-      props: {
-        data: mockData
-      }
-    });
-    expect(wrapper.find(".yh-ai-agent-card__name").text()).toBe("Test Agent");
-    expect(wrapper.find(".yh-ai-agent-card__model").text()).toBe("GPT-4");
-    expect(wrapper.find(".yh-ai-agent-card__description").text()).toBe("This is a test description");
-  });
-  it("handles compact layout correctly", () => {
-    const wrapper = mount(AiAgentCard, {
-      props: {
-        data: mockData,
-        layout: "compact"
-      }
-    });
-    const cardNode = wrapper.find(".yh-ai-agent-card");
-    expect(cardNode.exists()).toBe(true);
-    expect(cardNode.classes()).toContain("yh-ai-agent-card--compact");
-    expect(wrapper.find(".yh-ai-agent-card__stats").exists()).toBe(true);
-  });
-  it("emits events on interaction", async () => {
-    const wrapper = mount(AiAgentCard, {
-      props: {
-        data: mockData
-      }
-    });
-    await wrapper.find(".yh-ai-agent-card__use-btn").trigger("click");
-    expect(wrapper.emitted("use")).toBeTruthy();
-    expect(wrapper.emitted("use")[0][0]).toEqual(mockData);
-    await wrapper.find(".yh-ai-agent-card__fav-btn").trigger("click");
-    expect(wrapper.emitted("favorite")).toBeTruthy();
-    await wrapper.find(".yh-ai-agent-card__share-btn").trigger("click");
-    expect(wrapper.emitted("share")).toBeTruthy();
-    await wrapper.find(".yh-ai-agent-card").trigger("click");
-    expect(wrapper.emitted("click")).toBeTruthy();
-  });
-  it("renders statuses correctly", () => {
-    const wrapperOffline = mount(AiAgentCard, {
-      props: { data: { ...mockData, status: "offline" } }
-    });
-    expect(wrapperOffline.find(".yh-ai-agent-card__status-dot").classes()).toContain("is-offline");
-    const wrapperBusy = mount(AiAgentCard, {
-      props: { data: { ...mockData, status: "busy" } }
-    });
-    expect(wrapperBusy.find(".yh-ai-agent-card__status-dot").classes()).toContain("is-busy");
-  });
-  it("formats use count correctly under 1000", () => {
-    const wrapper = mount(AiAgentCard, {
-      props: { data: { ...mockData, stats: { uses: 500 } } }
-    });
-    expect(wrapper.html()).toContain("500");
-  });
-  it("renders extra capabilities count", () => {
-    const caps = Array(6).fill({ label: "test" });
-    const wrapper = mount(AiAgentCard, {
-      props: { data: { ...mockData, capabilities: caps } }
-    });
-    expect(wrapper.find(".yh-ai-agent-card__capability-more").exists()).toBe(true);
-    expect(wrapper.find(".yh-ai-agent-card__capability-more").text()).toContain("+2");
-  });
-  it("renders response time", () => {
-    const wrapper = mount(AiAgentCard, {
-      props: { data: { ...mockData, stats: { responseTime: 120 } } }
-    });
-    expect(wrapper.html()).toContain("120ms");
-  });
-  it("covers aiAgentCardEmits validators", async () => {
-    const { aiAgentCardEmits } = await import("../src/ai-agent-card.mjs");
-    expect(aiAgentCardEmits.use(mockData)).toBe(true);
-    expect(aiAgentCardEmits.favorite(mockData, true)).toBe(true);
-    expect(aiAgentCardEmits.share(mockData)).toBe(true);
-    expect(aiAgentCardEmits.click(mockData)).toBe(true);
-  });
-  it("renders loading state", () => {
-    const wrapper = mount(AiAgentCard, {
-      props: {
-        data: mockData,
-        loading: true
-      }
-    });
-    const cardNode = wrapper.find(".yh-ai-agent-card");
-    expect(cardNode.classes()).toContain("is-loading");
-    expect(wrapper.find(".yh-ai-agent-card__skeleton-avatar").exists()).toBe(true);
-  });
-  it("formats uses correctly for large numbers", async () => {
-    const wrapper = mount(AiAgentCard, {
-      props: { data: { ...mockData, stats: { uses: 15e3 } } }
-    });
-    const vm = wrapper.vm;
-    expect(vm.formattedUses).toBe("1.5w");
-    const wrapper2 = mount(AiAgentCard, {
-      props: { data: { ...mockData, stats: { uses: 1200 } } }
-    });
-    expect(wrapper2.vm.formattedUses).toBe("1.2k");
-    const wrapper3 = mount(AiAgentCard, {
-      props: { data: { ...mockData, stats: { uses: 500 } } }
-    });
-    expect(wrapper3.vm.formattedUses).toBe("500");
-  });
-  it("handles missing stats sub-fields", () => {
-    const wrapper = mount(AiAgentCard, {
-      props: { data: { ...mockData, stats: {} } }
-    });
-    expect(wrapper.find(".yh-ai-agent-card__stats").exists()).toBe(true);
-    expect(wrapper.html()).not.toContain("ms");
-  });
-  it("handles missing capabilities icon", () => {
-    const wrapper = mount(AiAgentCard, {
-      props: { data: { ...mockData, capabilities: [{ label: "No Icon" }] } }
-    });
-    expect(wrapper.find(".yh-ai-agent-card__capability .yh-icon").exists()).toBe(false);
-  });
-});

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

@@ -1,73 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _aiArtifacts = _interopRequireDefault(require("../src/ai-artifacts.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-_vitest.vi.mock("highlight.js", () => ({
-  default: {
-    getLanguage: () => true,
-    highlight: () => ({
-      value: "<code></code>"
-    }),
-    highlightAuto: () => ({
-      value: "<code></code>"
-    })
-  }
-}));
-_vitest.vi.mock("highlight.js/styles/atom-one-dark.css", () => ({}));
-const mockData = {
-  id: "a1",
-  title: "SSR Artifact",
-  type: "html",
-  currentVersion: 1,
-  versions: [{
-    version: 1,
-    content: "<h1>SSR Ver 1</h1>"
-  }]
-};
-(0, _vitest.describe)("YhAiArtifacts SSR", () => {
-  (0, _vitest.it)("should render to string on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiArtifacts.default, {
-      visible: true,
-      data: mockData
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-artifacts");
-    (0, _vitest.expect)(html).toContain("SSR Artifact");
-  });
-  (0, _vitest.it)("should render correct mode on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiArtifacts.default, {
-      visible: true,
-      data: mockData,
-      mode: "code"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-artifacts__code-viewer");
-  });
-  (0, _vitest.it)("should render version bar when multiple versions exist", async () => {
-    const multiVersionData = {
-      ...mockData,
-      versions: [{
-        version: 1,
-        content: "v1"
-      }, {
-        version: 2,
-        content: "v2"
-      }]
-    };
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiArtifacts.default, {
-      visible: true,
-      data: multiVersionData
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-artifacts__version-bar");
-    (0, _vitest.expect)(html).toContain("v1");
-    (0, _vitest.expect)(html).toContain("v2");
-  });
-  (0, _vitest.it)("should not render when visible is false on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiArtifacts.default, {
-      visible: false,
-      data: mockData
-    }));
-    (0, _vitest.expect)(html).not.toContain("yh-ai-artifacts");
-  });
-});

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

@@ -1,68 +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: () => true,
-    highlight: () => ({ value: "<code></code>" }),
-    highlightAuto: () => ({ value: "<code></code>" })
-  }
-}));
-vi.mock("highlight.js/styles/atom-one-dark.css", () => ({}));
-import AiArtifacts from "../src/ai-artifacts.vue";
-const mockData = {
-  id: "a1",
-  title: "SSR Artifact",
-  type: "html",
-  currentVersion: 1,
-  versions: [{ version: 1, content: "<h1>SSR Ver 1</h1>" }]
-};
-describe("YhAiArtifacts SSR", () => {
-  it("should render to string on server", async () => {
-    const html = await renderToString(
-      h(AiArtifacts, {
-        visible: true,
-        data: mockData
-      })
-    );
-    expect(html).toContain("yh-ai-artifacts");
-    expect(html).toContain("SSR Artifact");
-  });
-  it("should render correct mode on server", async () => {
-    const html = await renderToString(
-      h(AiArtifacts, {
-        visible: true,
-        data: mockData,
-        mode: "code"
-      })
-    );
-    expect(html).toContain("yh-ai-artifacts__code-viewer");
-  });
-  it("should render version bar when multiple versions exist", async () => {
-    const multiVersionData = {
-      ...mockData,
-      versions: [
-        { version: 1, content: "v1" },
-        { version: 2, content: "v2" }
-      ]
-    };
-    const html = await renderToString(
-      h(AiArtifacts, {
-        visible: true,
-        data: multiVersionData
-      })
-    );
-    expect(html).toContain("yh-ai-artifacts__version-bar");
-    expect(html).toContain("v1");
-    expect(html).toContain("v2");
-  });
-  it("should not render when visible is false on server", async () => {
-    const html = await renderToString(
-      h(AiArtifacts, {
-        visible: false,
-        data: mockData
-      })
-    );
-    expect(html).not.toContain("yh-ai-artifacts");
-  });
-});

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

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