@copilotkit/vue 1.82.0 → 2.0.0-rc.0

package/dist/v2/hooks/use-katex-styles.d.ts

@@ -1,22 +0,0 @@
-/**
- * Dynamically loads KaTeX CSS at runtime to avoid Next.js-style
- * "Global CSS cannot be imported from within node_modules" build errors and
- * to keep the CSS out of the static import graph.
- *
- * Uses a module-level singleton flag so the stylesheet is only loaded once,
- * regardless of how many components call this composable.
- *
- * Mirrors the React `useKatexStyles` hook: returns `void`, never throws, and
- * logs a warning with equivalent intent if the dynamic import fails.
- *
- * @example
- * ```vue
- * <script setup lang="ts">
- * import { useKatexStyles } from "@copilotkit/vue";
- *
- * useKatexStyles();
- * </script>
- * ```
- */
-export declare function useKatexStyles(): void;
-//# sourceMappingURL=use-katex-styles.d.ts.map

package/dist/v2/hooks/use-katex-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-katex-styles.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-katex-styles.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAiBrC"}

package/src/v2/hooks/__tests__/use-katex-styles.test.ts

@@ -1,69 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import { defineComponent, h, nextTick } from "vue";
-import { render } from "@testing-library/vue";
-
-// Mock the katex CSS import globally so the dynamic import resolves cleanly
-// in the test environment.
-vi.mock("katex/dist/katex.min.css", () => ({}));
-
-describe("useKatexStyles", () => {
-  beforeEach(() => {
-    // Reset module state (the singleton `injected` flag) between tests so
-    // each case can exercise the dynamic-import branch.
-    vi.resetModules();
-  });
-
-  async function loadHook() {
-    const mod = await import("../use-katex-styles");
-    return mod.useKatexStyles;
-  }
-
-  function mountWith(hook: () => void) {
-    return render(
-      defineComponent({
-        setup() {
-          hook();
-          return () => h("div");
-        },
-      }),
-    );
-  }
-
-  it("renders without error (dynamic import succeeds)", async () => {
-    const useKatexStyles = await loadHook();
-
-    expect(() => {
-      mountWith(useKatexStyles);
-    }).not.toThrow();
-    await nextTick();
-  });
-
-  it("does not throw when katex CSS import fails", async () => {
-    vi.doMock("katex/dist/katex.min.css", () => {
-      throw new Error("CSS not found");
-    });
-
-    const useKatexStyles = await loadHook();
-
-    expect(() => {
-      mountWith(useKatexStyles);
-    }).not.toThrow();
-    await nextTick();
-  });
-
-  it("does not use a static katex CSS import in the component", async () => {
-    // Regression guard: ensure the static import doesn't creep back.
-    const fs = await import("fs");
-    const path = await import("path");
-    const componentPath = path.resolve(
-      __dirname,
-      "../../components/chat/CopilotChatAssistantMessage.vue",
-    );
-    const source = fs.readFileSync(componentPath, "utf-8");
-
-    // Should NOT have a static import of katex CSS anywhere in the SFC.
-    expect(source).not.toMatch(/import\s+['"]katex\/dist\/katex\.min\.css['"]/);
-    // Should use the composable instead.
-    expect(source).toMatch(/useKatexStyles/);
-  });
-});

package/src/v2/hooks/use-katex-styles.ts

@@ -1,44 +0,0 @@
-import { onMounted } from "vue";
-
-// Module-level singleton flag so the stylesheet is only injected once per
-// module graph (matches the React singleton injection intent).
-let injected = false;
-
-/**
- * Dynamically loads KaTeX CSS at runtime to avoid Next.js-style
- * "Global CSS cannot be imported from within node_modules" build errors and
- * to keep the CSS out of the static import graph.
- *
- * Uses a module-level singleton flag so the stylesheet is only loaded once,
- * regardless of how many components call this composable.
- *
- * Mirrors the React `useKatexStyles` hook: returns `void`, never throws, and
- * logs a warning with equivalent intent if the dynamic import fails.
- *
- * @example
- * ```vue
- * <script setup lang="ts">
- * import { useKatexStyles } from "@copilotkit/vue";
- *
- * useKatexStyles();
- * </script>
- * ```
- */
-export function useKatexStyles(): void {
-  onMounted(() => {
-    if (injected || typeof document === "undefined") return;
-    injected = true;
-
-    // Dynamic import defers CSS loading to runtime, bypassing build-time
-    // static analysis that rejects global CSS from node_modules.
-    // The `@vite-ignore` + indirect specifier keeps TypeScript from trying
-    // to resolve a type declaration for the CSS module while still letting
-    // the bundler handle the actual side-effect import at runtime.
-    const katexStylesSpecifier = "katex/dist/katex.min.css";
-    void import(/* @vite-ignore */ katexStylesSpecifier).catch(() => {
-      console.warn(
-        "[CopilotKit] Failed to load katex styles — math content may render without formatting",
-      );
-    });
-  });
-}