@yak-io/vue 0.5.0 → 0.6.0

package/dist/index.cjs

@@ -0,0 +1,150 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createYakProvider: () => createYakProvider,
+  createYakServerAdapter: () => import_javascript2.createYakServerAdapter,
+  createYakToolset: () => import_javascript2.createYakToolset,
+  disableYakLogging: () => import_javascript2.disableYakLogging,
+  enableYakLogging: () => import_javascript2.enableYakLogging,
+  isYakLoggingEnabled: () => import_javascript2.isYakLoggingEnabled,
+  useYak: () => useYak,
+  useYakToolEvent: () => useYakToolEvent
+});
+module.exports = __toCommonJS(index_exports);
+var import_javascript2 = require("@yak-io/javascript");
+
+// src/composables.ts
+var import_javascript = require("@yak-io/javascript");
+var import_vue = require("vue");
+var YAK_KEY = /* @__PURE__ */ Symbol("yak");
+function createYakProvider(options) {
+  const isOpen = (0, import_vue.ref)(false);
+  const isReady = (0, import_vue.ref)(false);
+  const voiceMachine = (0, import_vue.ref)(import_javascript.INITIAL_VOICE_MACHINE);
+  const toolEventSubscribers = /* @__PURE__ */ new Set();
+  const handleToolCallComplete = (event) => {
+    import_javascript.logger.debug("Tool call completed, notifying subscribers:", {
+      name: event.name,
+      ok: event.ok,
+      subscriberCount: toolEventSubscribers.size
+    });
+    for (const handler of toolEventSubscribers) {
+      try {
+        handler(event);
+      } catch (err) {
+        import_javascript.logger.warn("Error in tool event subscriber:", err);
+      }
+    }
+  };
+  const resolvedRedirect = options.onRedirect ?? (typeof window !== "undefined" ? (path) => window.location.assign(path) : void 0);
+  const embed = new import_javascript.YakEmbed({
+    appId: options.appId,
+    mode: options.mode,
+    theme: options.theme,
+    trigger: options.trigger ?? false,
+    getConfig: options.getConfig,
+    onToolCall: options.onToolCall,
+    onRedirect: resolvedRedirect,
+    options: { disableRestartButton: options.disableRestartButton },
+    onToolCallComplete: handleToolCallComplete
+  });
+  embed.onStateChange((state) => {
+    isOpen.value = state.isOpen;
+    isReady.value = state.isReady;
+  });
+  embed.onVoiceStateChange((m) => {
+    voiceMachine.value = m;
+  });
+  (0, import_vue.onMounted)(() => {
+    embed.mount();
+  });
+  (0, import_vue.onUnmounted)(() => {
+    embed.destroy();
+  });
+  if (options.getConfig) {
+    const getConfig = options.getConfig;
+    let configFetched = false;
+    embed.onStateChange((state) => {
+      if (state.isOpen && !configFetched) {
+        configFetched = true;
+        import_javascript.logger.debug("Getting chat config");
+        Promise.resolve(getConfig()).then((config) => {
+          import_javascript.logger.debug(
+            `Chat config loaded with ${config.tools?.tools.length ?? 0} tools and ${config.routes?.routes.length ?? 0} routes`
+          );
+          embed.getClient().updateConfig({ chatConfig: config });
+        }).catch((err) => {
+          import_javascript.logger.warn("Error getting chat config:", err);
+          configFetched = false;
+        });
+      }
+    });
+  }
+  const voiceStart = async () => {
+    try {
+      await embed.voiceStart();
+    } catch (err) {
+      import_javascript.logger.warn("Voice start failed", err);
+    }
+  };
+  const chatLoading = (0, import_vue.computed)(() => isOpen.value && !isReady.value);
+  const voiceLoading = (0, import_vue.computed)(() => voiceMachine.value.state === "connecting");
+  const api = {
+    isOpen: (0, import_vue.readonly)(isOpen),
+    isReady: (0, import_vue.readonly)(isReady),
+    chatLoading,
+    open: () => embed.open(),
+    close: () => embed.close(),
+    openWithPrompt: (prompt) => embed.openWithPrompt(prompt),
+    subscribeToToolEvents: (handler) => {
+      toolEventSubscribers.add(handler);
+      return () => {
+        toolEventSubscribers.delete(handler);
+      };
+    },
+    voiceMachine: (0, import_vue.readonly)(voiceMachine),
+    voiceLoading,
+    voiceStart,
+    voiceStop: () => embed.voiceStop(),
+    voiceToggle: () => embed.voiceToggle()
+  };
+  (0, import_vue.provide)(YAK_KEY, api);
+  return api;
+}
+function useYak() {
+  const api = (0, import_vue.inject)(YAK_KEY);
+  if (!api) {
+    throw new Error("useYak() requires createYakProvider() in an ancestor component");
+  }
+  return api;
+}
+function useYakToolEvent(handler) {
+  const api = (0, import_vue.inject)(YAK_KEY);
+  if (!api) {
+    throw new Error("useYakToolEvent() requires createYakProvider() in an ancestor component");
+  }
+  (0, import_vue.onMounted)(() => {
+    const unsubscribe = api.subscribeToToolEvents(handler);
+    (0, import_vue.onUnmounted)(unsubscribe);
+  });
+}
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/composables.ts"],
+  "sourcesContent": ["// Public API\n\n// Re-export useful types from @yak-io/javascript for consumers\nexport type {\n  ChatConfigProvider,\n  GraphQLRequest,\n  RESTRequest,\n  Theme,\n  ThemeColors,\n  ToolAdapter,\n  ToolCallEvent,\n  ToolCallHandler,\n  TriggerButtonConfig,\n  VoiceMachine,\n  VoiceState,\n  WidgetMode,\n  WidgetPosition,\n  YakServerAdapterConfig,\n  YakToolset,\n} from \"@yak-io/javascript\";\n// Re-export tool composition + logging utilities\nexport {\n  createYakServerAdapter,\n  createYakToolset,\n  disableYakLogging,\n  enableYakLogging,\n  isYakLoggingEnabled,\n} from \"@yak-io/javascript\";\nexport type { ToolCallEventHandler, YakApi, YakProviderOptions } from \"./composables.js\";\nexport { createYakProvider, useYak, useYakToolEvent } from \"./composables.js\";\n", "import {\n  type ChatConfigProvider,\n  INITIAL_VOICE_MACHINE,\n  logger,\n  type Theme,\n  type ToolCallEvent,\n  type ToolCallHandler,\n  type TriggerButtonConfig,\n  type VoiceMachine,\n  type WidgetMode,\n  YakEmbed,\n} from \"@yak-io/javascript\";\nimport {\n  computed,\n  type DeepReadonly,\n  type InjectionKey,\n  inject,\n  onMounted,\n  onUnmounted,\n  provide,\n  type Ref,\n  readonly,\n  ref,\n} from \"vue\";\n\n// \u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type ToolCallEventHandler = (event: ToolCallEvent) => void;\n\nexport type YakProviderOptions = {\n  appId: string;\n  mode?: WidgetMode;\n  getConfig?: ChatConfigProvider;\n  onToolCall?: ToolCallHandler;\n  theme?: Theme;\n  onRedirect?: (path: string) => void;\n  disableRestartButton?: boolean;\n  trigger?: boolean | TriggerButtonConfig;\n};\n\n/** Reactive handle for controlling the Yak widget \u2014 chat + voice \u2014 from Vue. */\nexport type YakApi = {\n  // \u2500\u2500 Chat \u2500\u2500\n  /** Whether the chat panel is currently open. */\n  isOpen: DeepReadonly<Ref<boolean>>;\n  /** Whether the chat iframe is ready to receive messages. */\n  isReady: DeepReadonly<Ref<boolean>>;\n  /** Whether the chat is opening but not yet interactive (`isOpen && !isReady`). */\n  chatLoading: DeepReadonly<Ref<boolean>>;\n  /** Open the chat panel. */\n  open: () => void;\n  /** Close the chat panel. */\n  close: () => void;\n  /** Open the chat panel and send a specific prompt. */\n  openWithPrompt: (prompt: string) => void;\n  /** Subscribe to tool-call completion events; returns an unsubscribe function. */\n  subscribeToToolEvents: (handler: ToolCallEventHandler) => () => void;\n  // \u2500\u2500 Voice \u2500\u2500\n  /** Current voice state-machine snapshot. `idle` when mode is `chat`. */\n  voiceMachine: DeepReadonly<Ref<VoiceMachine>>;\n  /** Whether the voice session is establishing its connection (`state === \"connecting\"`). */\n  voiceLoading: DeepReadonly<Ref<boolean>>;\n  /** Start a voice session. Must be invoked from a user gesture. */\n  voiceStart: () => Promise<void>;\n  /** Stop the current voice session. */\n  voiceStop: () => Promise<void>;\n  /** Toggle voice: start if idle/error, stop if active. */\n  voiceToggle: () => Promise<void>;\n};\n\n// \u2500\u2500 Injection key \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst YAK_KEY: InjectionKey<YakApi> = Symbol(\"yak\");\n\n// \u2500\u2500 Provider composable \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * Sets up the yak widget (chat + voice) and provides it to descendants.\n * Call this once in a root/layout component.\n *\n * @example\n * ```ts\n * createYakProvider({\n *   appId: \"my-app\",\n *   mode: \"both\",\n *   getConfig: async () => ({ routes: { routes: [], generated_at: \"\" } }),\n * });\n * ```\n */\nexport function createYakProvider(options: YakProviderOptions): YakApi {\n  const isOpen = ref(false);\n  const isReady = ref(false);\n  const voiceMachine = ref<VoiceMachine>(INITIAL_VOICE_MACHINE);\n  const toolEventSubscribers = new Set<ToolCallEventHandler>();\n\n  const handleToolCallComplete = (event: ToolCallEvent) => {\n    logger.debug(\"Tool call completed, notifying subscribers:\", {\n      name: event.name,\n      ok: event.ok,\n      subscriberCount: toolEventSubscribers.size,\n    });\n    for (const handler of toolEventSubscribers) {\n      try {\n        handler(event);\n      } catch (err) {\n        logger.warn(\"Error in tool event subscriber:\", err);\n      }\n    }\n  };\n\n  const resolvedRedirect =\n    options.onRedirect ??\n    (typeof window !== \"undefined\" ? (path: string) => window.location.assign(path) : undefined);\n\n  const embed = new YakEmbed({\n    appId: options.appId,\n    mode: options.mode,\n    theme: options.theme,\n    trigger: options.trigger ?? false,\n    getConfig: options.getConfig,\n    onToolCall: options.onToolCall,\n    onRedirect: resolvedRedirect,\n    options: { disableRestartButton: options.disableRestartButton },\n    onToolCallComplete: handleToolCallComplete,\n  });\n\n  embed.onStateChange((state) => {\n    isOpen.value = state.isOpen;\n    isReady.value = state.isReady;\n  });\n  embed.onVoiceStateChange((m) => {\n    voiceMachine.value = m;\n  });\n\n  onMounted(() => {\n    embed.mount();\n  });\n\n  onUnmounted(() => {\n    embed.destroy();\n  });\n\n  // Fetch chat config when widget opens\n  if (options.getConfig) {\n    const getConfig = options.getConfig;\n    let configFetched = false;\n\n    embed.onStateChange((state) => {\n      if (state.isOpen && !configFetched) {\n        configFetched = true;\n        logger.debug(\"Getting chat config\");\n\n        Promise.resolve(getConfig())\n          .then((config) => {\n            logger.debug(\n              `Chat config loaded with ${config.tools?.tools.length ?? 0} tools and ${config.routes?.routes.length ?? 0} routes`\n            );\n            embed.getClient().updateConfig({ chatConfig: config });\n          })\n          .catch((err) => {\n            logger.warn(\"Error getting chat config:\", err);\n            configFetched = false;\n          });\n      }\n    });\n  }\n\n  const voiceStart = async () => {\n    try {\n      await embed.voiceStart();\n    } catch (err) {\n      logger.warn(\"Voice start failed\", err);\n    }\n  };\n\n  const chatLoading = computed(() => isOpen.value && !isReady.value);\n  const voiceLoading = computed(() => voiceMachine.value.state === \"connecting\");\n\n  const api: YakApi = {\n    isOpen: readonly(isOpen),\n    isReady: readonly(isReady),\n    chatLoading,\n    open: () => embed.open(),\n    close: () => embed.close(),\n    openWithPrompt: (prompt: string) => embed.openWithPrompt(prompt),\n    subscribeToToolEvents: (handler: ToolCallEventHandler) => {\n      toolEventSubscribers.add(handler);\n      return () => {\n        toolEventSubscribers.delete(handler);\n      };\n    },\n    voiceMachine: readonly(voiceMachine),\n    voiceLoading,\n    voiceStart,\n    voiceStop: () => embed.voiceStop(),\n    voiceToggle: () => embed.voiceToggle(),\n  };\n\n  provide(YAK_KEY, api);\n\n  return api;\n}\n\n// \u2500\u2500 Consumer composables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * Access the yak widget API (chat + voice).\n *\n * @throws {Error} if used outside a component tree with createYakProvider\n */\nexport function useYak(): YakApi {\n  const api = inject(YAK_KEY);\n  if (!api) {\n    throw new Error(\"useYak() requires createYakProvider() in an ancestor component\");\n  }\n  return api;\n}\n\n/**\n * Subscribe to tool call completion events.\n * Automatically cleans up on component unmount.\n */\nexport function useYakToolEvent(handler: ToolCallEventHandler): void {\n  const api = inject(YAK_KEY);\n  if (!api) {\n    throw new Error(\"useYakToolEvent() requires createYakProvider() in an ancestor component\");\n  }\n\n  onMounted(() => {\n    const unsubscribe = api.subscribeToToolEvents(handler);\n    onUnmounted(unsubscribe);\n  });\n}\n"],
+  "mappings": "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",
+  "names": ["import_javascript"]
+}

package/dist/index.js

@@ -1,4 +1,147 @@
-// Public API
-// Re-export tool composition + logging utilities
-export { createYakServerAdapter, createYakToolset, disableYakLogging, enableYakLogging, isYakLoggingEnabled, } from "@yak-io/javascript";
-export { createYakProvider, useYak, useYakToolEvent } from "./composables.js";
+// src/index.ts
+import {
+  createYakServerAdapter,
+  createYakToolset,
+  disableYakLogging,
+  enableYakLogging,
+  isYakLoggingEnabled
+} from "@yak-io/javascript";
+
+// src/composables.ts
+import {
+  INITIAL_VOICE_MACHINE,
+  logger,
+  YakEmbed
+} from "@yak-io/javascript";
+import {
+  computed,
+  inject,
+  onMounted,
+  onUnmounted,
+  provide,
+  readonly,
+  ref
+} from "vue";
+var YAK_KEY = /* @__PURE__ */ Symbol("yak");
+function createYakProvider(options) {
+  const isOpen = ref(false);
+  const isReady = ref(false);
+  const voiceMachine = ref(INITIAL_VOICE_MACHINE);
+  const toolEventSubscribers = /* @__PURE__ */ new Set();
+  const handleToolCallComplete = (event) => {
+    logger.debug("Tool call completed, notifying subscribers:", {
+      name: event.name,
+      ok: event.ok,
+      subscriberCount: toolEventSubscribers.size
+    });
+    for (const handler of toolEventSubscribers) {
+      try {
+        handler(event);
+      } catch (err) {
+        logger.warn("Error in tool event subscriber:", err);
+      }
+    }
+  };
+  const resolvedRedirect = options.onRedirect ?? (typeof window !== "undefined" ? (path) => window.location.assign(path) : void 0);
+  const embed = new YakEmbed({
+    appId: options.appId,
+    mode: options.mode,
+    theme: options.theme,
+    trigger: options.trigger ?? false,
+    getConfig: options.getConfig,
+    onToolCall: options.onToolCall,
+    onRedirect: resolvedRedirect,
+    options: { disableRestartButton: options.disableRestartButton },
+    onToolCallComplete: handleToolCallComplete
+  });
+  embed.onStateChange((state) => {
+    isOpen.value = state.isOpen;
+    isReady.value = state.isReady;
+  });
+  embed.onVoiceStateChange((m) => {
+    voiceMachine.value = m;
+  });
+  onMounted(() => {
+    embed.mount();
+  });
+  onUnmounted(() => {
+    embed.destroy();
+  });
+  if (options.getConfig) {
+    const getConfig = options.getConfig;
+    let configFetched = false;
+    embed.onStateChange((state) => {
+      if (state.isOpen && !configFetched) {
+        configFetched = true;
+        logger.debug("Getting chat config");
+        Promise.resolve(getConfig()).then((config) => {
+          logger.debug(
+            `Chat config loaded with ${config.tools?.tools.length ?? 0} tools and ${config.routes?.routes.length ?? 0} routes`
+          );
+          embed.getClient().updateConfig({ chatConfig: config });
+        }).catch((err) => {
+          logger.warn("Error getting chat config:", err);
+          configFetched = false;
+        });
+      }
+    });
+  }
+  const voiceStart = async () => {
+    try {
+      await embed.voiceStart();
+    } catch (err) {
+      logger.warn("Voice start failed", err);
+    }
+  };
+  const chatLoading = computed(() => isOpen.value && !isReady.value);
+  const voiceLoading = computed(() => voiceMachine.value.state === "connecting");
+  const api = {
+    isOpen: readonly(isOpen),
+    isReady: readonly(isReady),
+    chatLoading,
+    open: () => embed.open(),
+    close: () => embed.close(),
+    openWithPrompt: (prompt) => embed.openWithPrompt(prompt),
+    subscribeToToolEvents: (handler) => {
+      toolEventSubscribers.add(handler);
+      return () => {
+        toolEventSubscribers.delete(handler);
+      };
+    },
+    voiceMachine: readonly(voiceMachine),
+    voiceLoading,
+    voiceStart,
+    voiceStop: () => embed.voiceStop(),
+    voiceToggle: () => embed.voiceToggle()
+  };
+  provide(YAK_KEY, api);
+  return api;
+}
+function useYak() {
+  const api = inject(YAK_KEY);
+  if (!api) {
+    throw new Error("useYak() requires createYakProvider() in an ancestor component");
+  }
+  return api;
+}
+function useYakToolEvent(handler) {
+  const api = inject(YAK_KEY);
+  if (!api) {
+    throw new Error("useYakToolEvent() requires createYakProvider() in an ancestor component");
+  }
+  onMounted(() => {
+    const unsubscribe = api.subscribeToToolEvents(handler);
+    onUnmounted(unsubscribe);
+  });
+}
+export {
+  createYakProvider,
+  createYakServerAdapter,
+  createYakToolset,
+  disableYakLogging,
+  enableYakLogging,
+  isYakLoggingEnabled,
+  useYak,
+  useYakToolEvent
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/composables.ts"],
+  "sourcesContent": ["// Public API\n\n// Re-export useful types from @yak-io/javascript for consumers\nexport type {\n  ChatConfigProvider,\n  GraphQLRequest,\n  RESTRequest,\n  Theme,\n  ThemeColors,\n  ToolAdapter,\n  ToolCallEvent,\n  ToolCallHandler,\n  TriggerButtonConfig,\n  VoiceMachine,\n  VoiceState,\n  WidgetMode,\n  WidgetPosition,\n  YakServerAdapterConfig,\n  YakToolset,\n} from \"@yak-io/javascript\";\n// Re-export tool composition + logging utilities\nexport {\n  createYakServerAdapter,\n  createYakToolset,\n  disableYakLogging,\n  enableYakLogging,\n  isYakLoggingEnabled,\n} from \"@yak-io/javascript\";\nexport type { ToolCallEventHandler, YakApi, YakProviderOptions } from \"./composables.js\";\nexport { createYakProvider, useYak, useYakToolEvent } from \"./composables.js\";\n", "import {\n  type ChatConfigProvider,\n  INITIAL_VOICE_MACHINE,\n  logger,\n  type Theme,\n  type ToolCallEvent,\n  type ToolCallHandler,\n  type TriggerButtonConfig,\n  type VoiceMachine,\n  type WidgetMode,\n  YakEmbed,\n} from \"@yak-io/javascript\";\nimport {\n  computed,\n  type DeepReadonly,\n  type InjectionKey,\n  inject,\n  onMounted,\n  onUnmounted,\n  provide,\n  type Ref,\n  readonly,\n  ref,\n} from \"vue\";\n\n// \u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type ToolCallEventHandler = (event: ToolCallEvent) => void;\n\nexport type YakProviderOptions = {\n  appId: string;\n  mode?: WidgetMode;\n  getConfig?: ChatConfigProvider;\n  onToolCall?: ToolCallHandler;\n  theme?: Theme;\n  onRedirect?: (path: string) => void;\n  disableRestartButton?: boolean;\n  trigger?: boolean | TriggerButtonConfig;\n};\n\n/** Reactive handle for controlling the Yak widget \u2014 chat + voice \u2014 from Vue. */\nexport type YakApi = {\n  // \u2500\u2500 Chat \u2500\u2500\n  /** Whether the chat panel is currently open. */\n  isOpen: DeepReadonly<Ref<boolean>>;\n  /** Whether the chat iframe is ready to receive messages. */\n  isReady: DeepReadonly<Ref<boolean>>;\n  /** Whether the chat is opening but not yet interactive (`isOpen && !isReady`). */\n  chatLoading: DeepReadonly<Ref<boolean>>;\n  /** Open the chat panel. */\n  open: () => void;\n  /** Close the chat panel. */\n  close: () => void;\n  /** Open the chat panel and send a specific prompt. */\n  openWithPrompt: (prompt: string) => void;\n  /** Subscribe to tool-call completion events; returns an unsubscribe function. */\n  subscribeToToolEvents: (handler: ToolCallEventHandler) => () => void;\n  // \u2500\u2500 Voice \u2500\u2500\n  /** Current voice state-machine snapshot. `idle` when mode is `chat`. */\n  voiceMachine: DeepReadonly<Ref<VoiceMachine>>;\n  /** Whether the voice session is establishing its connection (`state === \"connecting\"`). */\n  voiceLoading: DeepReadonly<Ref<boolean>>;\n  /** Start a voice session. Must be invoked from a user gesture. */\n  voiceStart: () => Promise<void>;\n  /** Stop the current voice session. */\n  voiceStop: () => Promise<void>;\n  /** Toggle voice: start if idle/error, stop if active. */\n  voiceToggle: () => Promise<void>;\n};\n\n// \u2500\u2500 Injection key \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst YAK_KEY: InjectionKey<YakApi> = Symbol(\"yak\");\n\n// \u2500\u2500 Provider composable \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * Sets up the yak widget (chat + voice) and provides it to descendants.\n * Call this once in a root/layout component.\n *\n * @example\n * ```ts\n * createYakProvider({\n *   appId: \"my-app\",\n *   mode: \"both\",\n *   getConfig: async () => ({ routes: { routes: [], generated_at: \"\" } }),\n * });\n * ```\n */\nexport function createYakProvider(options: YakProviderOptions): YakApi {\n  const isOpen = ref(false);\n  const isReady = ref(false);\n  const voiceMachine = ref<VoiceMachine>(INITIAL_VOICE_MACHINE);\n  const toolEventSubscribers = new Set<ToolCallEventHandler>();\n\n  const handleToolCallComplete = (event: ToolCallEvent) => {\n    logger.debug(\"Tool call completed, notifying subscribers:\", {\n      name: event.name,\n      ok: event.ok,\n      subscriberCount: toolEventSubscribers.size,\n    });\n    for (const handler of toolEventSubscribers) {\n      try {\n        handler(event);\n      } catch (err) {\n        logger.warn(\"Error in tool event subscriber:\", err);\n      }\n    }\n  };\n\n  const resolvedRedirect =\n    options.onRedirect ??\n    (typeof window !== \"undefined\" ? (path: string) => window.location.assign(path) : undefined);\n\n  const embed = new YakEmbed({\n    appId: options.appId,\n    mode: options.mode,\n    theme: options.theme,\n    trigger: options.trigger ?? false,\n    getConfig: options.getConfig,\n    onToolCall: options.onToolCall,\n    onRedirect: resolvedRedirect,\n    options: { disableRestartButton: options.disableRestartButton },\n    onToolCallComplete: handleToolCallComplete,\n  });\n\n  embed.onStateChange((state) => {\n    isOpen.value = state.isOpen;\n    isReady.value = state.isReady;\n  });\n  embed.onVoiceStateChange((m) => {\n    voiceMachine.value = m;\n  });\n\n  onMounted(() => {\n    embed.mount();\n  });\n\n  onUnmounted(() => {\n    embed.destroy();\n  });\n\n  // Fetch chat config when widget opens\n  if (options.getConfig) {\n    const getConfig = options.getConfig;\n    let configFetched = false;\n\n    embed.onStateChange((state) => {\n      if (state.isOpen && !configFetched) {\n        configFetched = true;\n        logger.debug(\"Getting chat config\");\n\n        Promise.resolve(getConfig())\n          .then((config) => {\n            logger.debug(\n              `Chat config loaded with ${config.tools?.tools.length ?? 0} tools and ${config.routes?.routes.length ?? 0} routes`\n            );\n            embed.getClient().updateConfig({ chatConfig: config });\n          })\n          .catch((err) => {\n            logger.warn(\"Error getting chat config:\", err);\n            configFetched = false;\n          });\n      }\n    });\n  }\n\n  const voiceStart = async () => {\n    try {\n      await embed.voiceStart();\n    } catch (err) {\n      logger.warn(\"Voice start failed\", err);\n    }\n  };\n\n  const chatLoading = computed(() => isOpen.value && !isReady.value);\n  const voiceLoading = computed(() => voiceMachine.value.state === \"connecting\");\n\n  const api: YakApi = {\n    isOpen: readonly(isOpen),\n    isReady: readonly(isReady),\n    chatLoading,\n    open: () => embed.open(),\n    close: () => embed.close(),\n    openWithPrompt: (prompt: string) => embed.openWithPrompt(prompt),\n    subscribeToToolEvents: (handler: ToolCallEventHandler) => {\n      toolEventSubscribers.add(handler);\n      return () => {\n        toolEventSubscribers.delete(handler);\n      };\n    },\n    voiceMachine: readonly(voiceMachine),\n    voiceLoading,\n    voiceStart,\n    voiceStop: () => embed.voiceStop(),\n    voiceToggle: () => embed.voiceToggle(),\n  };\n\n  provide(YAK_KEY, api);\n\n  return api;\n}\n\n// \u2500\u2500 Consumer composables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * Access the yak widget API (chat + voice).\n *\n * @throws {Error} if used outside a component tree with createYakProvider\n */\nexport function useYak(): YakApi {\n  const api = inject(YAK_KEY);\n  if (!api) {\n    throw new Error(\"useYak() requires createYakProvider() in an ancestor component\");\n  }\n  return api;\n}\n\n/**\n * Subscribe to tool call completion events.\n * Automatically cleans up on component unmount.\n */\nexport function useYakToolEvent(handler: ToolCallEventHandler): void {\n  const api = inject(YAK_KEY);\n  if (!api) {\n    throw new Error(\"useYakToolEvent() requires createYakProvider() in an ancestor component\");\n  }\n\n  onMounted(() => {\n    const unsubscribe = api.subscribeToToolEvents(handler);\n    onUnmounted(unsubscribe);\n  });\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yak-io/vue",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Vue SDK for embedding yak chatbot",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -30,19 +30,20 @@
     "LICENSE"
   ],
   "sideEffects": false,
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@yak-io/javascript": "0.10.0"
+    "@yak-io/javascript": "0.11.0"
   },
   "peerDependencies": {
     "vue": "^3.3.0"
@@ -55,7 +56,7 @@
   },
   "homepage": "https://docs.yak.io/docs/sdks/vue",
   "scripts": {
-    "build": "tsc",
+    "build": "node ../../scripts/build-package.mjs && tsc --emitDeclarationOnly",
     "check-types": "tsc --noEmit",
     "test": "vitest run",
     "lint": "biome lint ./src --fix",

package/dist/composables.js

@@ -1,143 +0,0 @@
-import { INITIAL_VOICE_MACHINE, logger, YakEmbed, } from "@yak-io/javascript";
-import { computed, inject, onMounted, onUnmounted, provide, readonly, ref, } from "vue";
-// ── Injection key ───────────────────────────────────────────────────────────
-const YAK_KEY = Symbol("yak");
-// ── Provider composable ─────────────────────────────────────────────────────
-/**
- * Sets up the yak widget (chat + voice) and provides it to descendants.
- * Call this once in a root/layout component.
- *
- * @example
- * ```ts
- * createYakProvider({
- *   appId: "my-app",
- *   mode: "both",
- *   getConfig: async () => ({ routes: { routes: [], generated_at: "" } }),
- * });
- * ```
- */
-export function createYakProvider(options) {
-    const isOpen = ref(false);
-    const isReady = ref(false);
-    const voiceMachine = ref(INITIAL_VOICE_MACHINE);
-    const toolEventSubscribers = new Set();
-    const handleToolCallComplete = (event) => {
-        logger.debug("Tool call completed, notifying subscribers:", {
-            name: event.name,
-            ok: event.ok,
-            subscriberCount: toolEventSubscribers.size,
-        });
-        for (const handler of toolEventSubscribers) {
-            try {
-                handler(event);
-            }
-            catch (err) {
-                logger.warn("Error in tool event subscriber:", err);
-            }
-        }
-    };
-    const resolvedRedirect = options.onRedirect ??
-        (typeof window !== "undefined" ? (path) => window.location.assign(path) : undefined);
-    const embed = new YakEmbed({
-        appId: options.appId,
-        mode: options.mode,
-        theme: options.theme,
-        trigger: options.trigger ?? false,
-        getConfig: options.getConfig,
-        onToolCall: options.onToolCall,
-        onRedirect: resolvedRedirect,
-        options: { disableRestartButton: options.disableRestartButton },
-        onToolCallComplete: handleToolCallComplete,
-    });
-    embed.onStateChange((state) => {
-        isOpen.value = state.isOpen;
-        isReady.value = state.isReady;
-    });
-    embed.onVoiceStateChange((m) => {
-        voiceMachine.value = m;
-    });
-    onMounted(() => {
-        embed.mount();
-    });
-    onUnmounted(() => {
-        embed.destroy();
-    });
-    // Fetch chat config when widget opens
-    if (options.getConfig) {
-        const getConfig = options.getConfig;
-        let configFetched = false;
-        embed.onStateChange((state) => {
-            if (state.isOpen && !configFetched) {
-                configFetched = true;
-                logger.debug("Getting chat config");
-                Promise.resolve(getConfig())
-                    .then((config) => {
-                    logger.debug(`Chat config loaded with ${config.tools?.tools.length ?? 0} tools and ${config.routes?.routes.length ?? 0} routes`);
-                    embed.getClient().updateConfig({ chatConfig: config });
-                })
-                    .catch((err) => {
-                    logger.warn("Error getting chat config:", err);
-                    configFetched = false;
-                });
-            }
-        });
-    }
-    const voiceStart = async () => {
-        try {
-            await embed.voiceStart();
-        }
-        catch (err) {
-            logger.warn("Voice start failed", err);
-        }
-    };
-    const chatLoading = computed(() => isOpen.value && !isReady.value);
-    const voiceLoading = computed(() => voiceMachine.value.state === "connecting");
-    const api = {
-        isOpen: readonly(isOpen),
-        isReady: readonly(isReady),
-        chatLoading,
-        open: () => embed.open(),
-        close: () => embed.close(),
-        openWithPrompt: (prompt) => embed.openWithPrompt(prompt),
-        subscribeToToolEvents: (handler) => {
-            toolEventSubscribers.add(handler);
-            return () => {
-                toolEventSubscribers.delete(handler);
-            };
-        },
-        voiceMachine: readonly(voiceMachine),
-        voiceLoading,
-        voiceStart,
-        voiceStop: () => embed.voiceStop(),
-        voiceToggle: () => embed.voiceToggle(),
-    };
-    provide(YAK_KEY, api);
-    return api;
-}
-// ── Consumer composables ────────────────────────────────────────────────────
-/**
- * Access the yak widget API (chat + voice).
- *
- * @throws {Error} if used outside a component tree with createYakProvider
- */
-export function useYak() {
-    const api = inject(YAK_KEY);
-    if (!api) {
-        throw new Error("useYak() requires createYakProvider() in an ancestor component");
-    }
-    return api;
-}
-/**
- * Subscribe to tool call completion events.
- * Automatically cleans up on component unmount.
- */
-export function useYakToolEvent(handler) {
-    const api = inject(YAK_KEY);
-    if (!api) {
-        throw new Error("useYakToolEvent() requires createYakProvider() in an ancestor component");
-    }
-    onMounted(() => {
-        const unsubscribe = api.subscribeToToolEvents(handler);
-        onUnmounted(unsubscribe);
-    });
-}