@n8n/chat 0.6.0 → 0.6.1

package/plugins/chat.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatPlugin = void 0;
+var _vue = require("vue");
+var _uuid = require("uuid");
+var _eventBuses = require("@n8n/chat/event-buses");
+var api = _interopRequireWildcard(require("@n8n/chat/api"));
+var _constants = require("@n8n/chat/constants");
+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 && Object.prototype.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; }
+const ChatPlugin = exports.ChatPlugin = {
+  install(app, options) {
+    app.provide(_constants.ChatOptionsSymbol, options);
+    const messages = (0, _vue.ref)([]);
+    const currentSessionId = (0, _vue.ref)(null);
+    const waitingForResponse = (0, _vue.ref)(false);
+    const initialMessages = (0, _vue.computed)(() => (options.initialMessages ?? []).map(text => ({
+      id: (0, _uuid.v4)(),
+      text,
+      sender: "bot",
+      createdAt: /* @__PURE__ */new Date().toISOString()
+    })));
+    async function sendMessage(text) {
+      const sentMessage = {
+        id: (0, _uuid.v4)(),
+        text,
+        sender: "user",
+        createdAt: /* @__PURE__ */new Date().toISOString()
+      };
+      messages.value.push(sentMessage);
+      waitingForResponse.value = true;
+      void (0, _vue.nextTick)(() => {
+        _eventBuses.chatEventBus.emit("scrollToBottom");
+      });
+      const sendMessageResponse = await api.sendMessage(text, currentSessionId.value, options);
+      const receivedMessage = {
+        id: (0, _uuid.v4)(),
+        text: sendMessageResponse.output,
+        sender: "bot",
+        createdAt: /* @__PURE__ */new Date().toISOString()
+      };
+      messages.value.push(receivedMessage);
+      waitingForResponse.value = false;
+      void (0, _vue.nextTick)(() => {
+        _eventBuses.chatEventBus.emit("scrollToBottom");
+      });
+    }
+    async function loadPreviousSession() {
+      if (!options.loadPreviousSession) {
+        return;
+      }
+      const sessionId = localStorage.getItem(_constants.localStorageSessionIdKey) ?? (0, _uuid.v4)();
+      const previousMessagesResponse = await api.loadPreviousSession(sessionId, options);
+      const timestamp = /* @__PURE__ */new Date().toISOString();
+      messages.value = (previousMessagesResponse?.data || []).map((message, index) => ({
+        id: `${index}`,
+        text: message.kwargs.content,
+        sender: message.id.includes("HumanMessage") ? "user" : "bot",
+        createdAt: timestamp
+      }));
+      if (messages.value.length) {
+        currentSessionId.value = sessionId;
+      }
+      return sessionId;
+    }
+    async function startNewSession() {
+      currentSessionId.value = (0, _uuid.v4)();
+      localStorage.setItem(_constants.localStorageSessionIdKey, currentSessionId.value);
+    }
+    const chatStore = {
+      initialMessages,
+      messages,
+      currentSessionId,
+      waitingForResponse,
+      loadPreviousSession,
+      startNewSession,
+      sendMessage
+    };
+    app.provide(_constants.ChatSymbol, chatStore);
+    app.config.globalProperties.$chat = chatStore;
+  }
+};

package/plugins/chat.mjs

@@ -0,0 +1,83 @@
+import { computed, nextTick, ref } from "vue";
+import { v4 as uuidv4 } from "uuid";
+import { chatEventBus } from "@n8n/chat/event-buses";
+import * as api from "@n8n/chat/api";
+import { ChatOptionsSymbol, ChatSymbol, localStorageSessionIdKey } from "@n8n/chat/constants";
+export const ChatPlugin = {
+  install(app, options) {
+    app.provide(ChatOptionsSymbol, options);
+    const messages = ref([]);
+    const currentSessionId = ref(null);
+    const waitingForResponse = ref(false);
+    const initialMessages = computed(
+      () => (options.initialMessages ?? []).map((text) => ({
+        id: uuidv4(),
+        text,
+        sender: "bot",
+        createdAt: (/* @__PURE__ */ new Date()).toISOString()
+      }))
+    );
+    async function sendMessage(text) {
+      const sentMessage = {
+        id: uuidv4(),
+        text,
+        sender: "user",
+        createdAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      messages.value.push(sentMessage);
+      waitingForResponse.value = true;
+      void nextTick(() => {
+        chatEventBus.emit("scrollToBottom");
+      });
+      const sendMessageResponse = await api.sendMessage(
+        text,
+        currentSessionId.value,
+        options
+      );
+      const receivedMessage = {
+        id: uuidv4(),
+        text: sendMessageResponse.output,
+        sender: "bot",
+        createdAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      messages.value.push(receivedMessage);
+      waitingForResponse.value = false;
+      void nextTick(() => {
+        chatEventBus.emit("scrollToBottom");
+      });
+    }
+    async function loadPreviousSession() {
+      if (!options.loadPreviousSession) {
+        return;
+      }
+      const sessionId = localStorage.getItem(localStorageSessionIdKey) ?? uuidv4();
+      const previousMessagesResponse = await api.loadPreviousSession(sessionId, options);
+      const timestamp = (/* @__PURE__ */ new Date()).toISOString();
+      messages.value = (previousMessagesResponse?.data || []).map((message, index) => ({
+        id: `${index}`,
+        text: message.kwargs.content,
+        sender: message.id.includes("HumanMessage") ? "user" : "bot",
+        createdAt: timestamp
+      }));
+      if (messages.value.length) {
+        currentSessionId.value = sessionId;
+      }
+      return sessionId;
+    }
+    async function startNewSession() {
+      currentSessionId.value = uuidv4();
+      localStorage.setItem(localStorageSessionIdKey, currentSessionId.value);
+    }
+    const chatStore = {
+      initialMessages,
+      messages,
+      currentSessionId,
+      waitingForResponse,
+      loadPreviousSession,
+      startNewSession,
+      sendMessage
+    };
+    app.provide(ChatSymbol, chatStore);
+    app.config.globalProperties.$chat = chatStore;
+  }
+};

package/plugins/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _chat = require("./chat");
+Object.keys(_chat).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chat[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chat[key];
+    }
+  });
+});

package/plugins/index.mjs

@@ -0,0 +1 @@
+export * from "./chat.mjs";

package/style.css

@@ -0,0 +1 @@
+.n8n-chat pre code.hljs{display:block;overflow-x:auto;padding:1em}.n8n-chat code.hljs{padding:3px 5px}.n8n-chat .hljs{color:#24292e;background:#ffffff}.n8n-chat .hljs-doctag,.n8n-chat .hljs-keyword,.n8n-chat .hljs-meta .hljs-keyword,.n8n-chat .hljs-template-tag,.n8n-chat .hljs-template-variable,.n8n-chat .hljs-type,.n8n-chat .hljs-variable.language_{color:#d73a49}.n8n-chat .hljs-title,.n8n-chat .hljs-title.class_,.n8n-chat .hljs-title.class_.inherited__,.n8n-chat .hljs-title.function_{color:#6f42c1}.n8n-chat .hljs-attr,.n8n-chat .hljs-attribute,.n8n-chat .hljs-literal,.n8n-chat .hljs-meta,.n8n-chat .hljs-number,.n8n-chat .hljs-operator,.n8n-chat .hljs-variable,.n8n-chat .hljs-selector-attr,.n8n-chat .hljs-selector-class,.n8n-chat .hljs-selector-id{color:#005cc5}.n8n-chat .hljs-regexp,.n8n-chat .hljs-string,.n8n-chat .hljs-meta .hljs-string{color:#032f62}.n8n-chat .hljs-built_in,.n8n-chat .hljs-symbol{color:#e36209}.n8n-chat .hljs-comment,.n8n-chat .hljs-code,.n8n-chat .hljs-formula{color:#6a737d}.n8n-chat .hljs-name,.n8n-chat .hljs-quote,.n8n-chat .hljs-selector-tag,.n8n-chat .hljs-selector-pseudo{color:#22863a}.n8n-chat .hljs-subst{color:#24292e}.n8n-chat .hljs-section{color:#005cc5;font-weight:700}.n8n-chat .hljs-bullet{color:#735c0f}.n8n-chat .hljs-emphasis{color:#24292e;font-style:italic}.n8n-chat .hljs-strong{color:#24292e;font-weight:700}.n8n-chat .hljs-addition{color:#22863a;background-color:#f0fff4}.n8n-chat .hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--chat--color-primary: #e74266;--chat--color-primary-shade-50: #db4061;--chat--color-primary-shade-100: #cf3c5c;--chat--color-secondary: #20b69e;--chat--color-secondary-shade-50: #1ca08a;--chat--color-white: #ffffff;--chat--color-light: #f2f4f8;--chat--color-light-shade-50: #e6e9f1;--chat--color-light-shade-100: #c2c5cc;--chat--color-medium: #d2d4d9;--chat--color-dark: #101330;--chat--color-disabled: #777980;--chat--color-typing: #404040;--chat--spacing: 1rem;--chat--border-radius: .25rem;--chat--transition-duration: .15s;--chat--window--width: 400px;--chat--window--height: 600px;--chat--textarea--height: 50px;--chat--message--bot--background: var(--chat--color-white);--chat--message--bot--color: var(--chat--color-dark);--chat--message--user--background: var(--chat--color-secondary);--chat--message--user--color: var(--chat--color-white);--chat--message--pre--background: rgba(0, 0, 0, .05);--chat--toggle--background: var(--chat--color-primary);--chat--toggle--hover--background: var(--chat--color-primary-shade-50);--chat--toggle--active--background: var(--chat--color-primary-shade-100);--chat--toggle--color: var(--chat--color-white);--chat--toggle--size: 64px}.chat-button{display:inline-flex;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;color:var(--chat--button--color, var(--chat--color-light));background-color:var(--chat--button--background, var(--chat--color-primary));border:1px solid transparent;padding:var(--chat--button--padding, calc(var(--chat--spacing) * 1 / 2) var(--chat--spacing));font-size:1rem;line-height:1.5;border-radius:var(--chat--button--border-radius, var(--chat--border-radius));transition:color var(--chat--transition-duration) ease-in-out,background-color var(--chat--transition-duration) ease-in-out,border-color var(--chat--transition-duration) ease-in-out,box-shadow var(--chat--transition-duration) ease-in-out;cursor:pointer}.chat-button:hover{color:var(--chat--button--hover--color, var(--chat--color-light));background-color:var(--chat--button--hover--background, var(--chat--color-primary-shade-50));text-decoration:none}.chat-button:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}.chat-button:disabled{opacity:.65}.chat-layout{width:100%;height:100%;display:flex;overflow-y:auto;flex-direction:column;font-family:var(--chat--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif)}.chat-layout .chat-header{padding:var(--chat--header--padding, var(--chat--spacing));background:var(--chat--header--background, var(--chat--color-dark));color:var(--chat--header--color, var(--chat--color-light))}.chat-layout .chat-body{background:var(--chat--body--background, var(--chat--color-light));flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;min-height:100px}.chat-layout .chat-footer{border-top:1px solid var(--chat--color-light-shade-100);background:var(--chat--footer--background, var(--chat--color-light));color:var(--chat--footer--color, var(--chat--color-dark))}.chat-get-started{padding-top:var(--chat--spacing);padding-bottom:var(--chat--spacing);display:flex;justify-content:center;align-items:center;height:100%}.chat-powered-by{text-align:center}.chat-powered-by a{color:var(--chat--color-primary);text-decoration:none}.chat-get-started-footer{padding:var(--chat--spacing)}.chat-message{display:block;max-width:80%;padding:var(--chat--message--padding, var(--chat--spacing));border-radius:var(--chat--message--border-radius, var(--chat--border-radius))}.chat-message+.chat-message{margin-top:var(--chat--message--margin-bottom, calc(var(--chat--spacing) * .5))}.chat-message.chat-message-from-bot{background-color:var(--chat--message--bot--background);color:var(--chat--message--bot--color);border-bottom-left-radius:0}.chat-message.chat-message-from-user{background-color:var(--chat--message--user--background);color:var(--chat--message--user--color);margin-left:auto;border-bottom-right-radius:0}.chat-message>.chat-message-markdown{display:block;box-sizing:border-box}.chat-message>.chat-message-markdown>*:first-child{margin-top:0}.chat-message>.chat-message-markdown>*:last-child{margin-bottom:0}.chat-message>.chat-message-markdown pre{font-family:inherit;font-size:inherit;margin:0;white-space:pre-wrap;box-sizing:border-box;padding:var(--chat--spacing);background:var(--chat--message--pre--background);border-radius:var(--chat--border-radius)}.chat-message-typing{max-width:80px}.chat-message-typing.chat-message-typing-animation-scaling .chat-message-typing-circle{animation:chat-message-typing-animation-scaling .8s ease-in-out infinite;animation-delay:3.6s}.chat-message-typing.chat-message-typing-animation-bouncing .chat-message-typing-circle{animation:chat-message-typing-animation-bouncing .8s ease-in-out infinite;animation-delay:3.6s}.chat-message-typing .chat-message-typing-body{display:flex;justify-content:center;align-items:center}.chat-message-typing .chat-message-typing-circle{display:block;height:10px;width:10px;border-radius:50%;background-color:var(--chat--color-typing);margin:3px}.chat-message-typing .chat-message-typing-circle:nth-child(1){animation-delay:0ms}.chat-message-typing .chat-message-typing-circle:nth-child(2){animation-delay:333ms}.chat-message-typing .chat-message-typing-circle:nth-child(3){animation-delay:666ms}@keyframes chat-message-typing-animation-scaling{0%{transform:scale(1)}33%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes chat-message-typing-animation-bouncing{0%{transform:translateY(0)}33%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.chat-messages-list{margin-top:auto;display:block;padding:var(--chat--messages-list--padding, var(--chat--spacing))}.chat-input{display:flex;justify-content:center;align-items:center;width:100%}.chat-input textarea{font-family:inherit;font-size:inherit;width:100%;border:0;padding:var(--chat--spacing);max-height:var(--chat--textarea--height);resize:none}.chat-input .chat-input-send-button{height:var(--chat--textarea--height);width:var(--chat--textarea--height);background:white;cursor:pointer;color:var(--chat--color-secondary);border:0;font-size:24px;display:inline-flex;align-items:center;justify-content:center;transition:color var(--chat--transition-duration) ease}.chat-input .chat-input-send-button:hover,.chat-input .chat-input-send-button:focus{color:var(--chat--color-secondary-shade-50)}.chat-input .chat-input-send-button[disabled]{cursor:default;color:var(--chat--color-disabled)}.chat-window-wrapper{position:fixed;display:flex;flex-direction:column;bottom:var(--chat--window--bottom, var(--chat--spacing));right:var(--chat--window--right, var(--chat--spacing));z-index:var(--chat--window--z-index, 9999);max-width:calc(100% - var(--chat--window--right, var(--chat--spacing)) * 2);max-height:calc(100% - var(--chat--window--bottom, var(--chat--spacing)) * 2)}.chat-window-wrapper .chat-window{display:flex;width:var(--chat--window--width);height:var(--chat--window--height);max-width:100%;max-height:100%;border:var(--chat--window--border, 1px solid var(--chat--color-light-shade-100));border-radius:var(--chat--window--border-radius, var(--chat--border-radius));margin-bottom:var(--chat--window--margin-bottom, var(--chat--spacing));overflow:hidden;transform-origin:bottom right}.chat-window-wrapper .chat-window .chat-layout{width:auto;height:auto;flex:1}.chat-window-wrapper .chat-window-toggle{flex:0 0 auto;background:var(--chat--toggle--background);color:var(--chat--toggle--color);cursor:pointer;width:var(--chat--toggle--width, var(--chat--toggle--size));height:var(--chat--toggle--height, var(--chat--toggle--size));border-radius:var(--chat--toggle--border-radius, 50%);display:inline-flex;align-items:center;justify-content:center;margin-left:auto;transition:transform var(--chat--transition-duration) ease,background var(--chat--transition-duration) ease}.chat-window-wrapper .chat-window-toggle:hover,.chat-window-wrapper .chat-window-toggle:focus{transform:scale(1.05);background:var(--chat--toggle--hover--background)}.chat-window-wrapper .chat-window-toggle:active{transform:scale(.95);background:var(--chat--toggle--active--background)}.chat-window-transition-enter-active,.chat-window-transition-leave-active{transition:transform var(--chat--transition-duration) ease,opacity var(--chat--transition-duration) ease}.chat-window-transition-enter-from,.chat-window-transition-leave-to{transform:scale(0);opacity:0}.chat-window-toggle-transition-enter-active,.chat-window-toggle-transition-leave-active{transition:opacity var(--chat--transition-duration) ease}.chat-window-toggle-transition-enter-from,.chat-window-toggle-transition-leave-to{opacity:0}

package/types/App.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+    [x: string]: unknown;
+}>>>>, {
+    readonly [x: number]: string;
+} | {}, {}>;
+export default _default;

package/types/__stories__/App.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/vue3';
+import type { ChatOptions } from '../types';
+declare const meta: {
+    title: string;
+    render: (args: Partial<ChatOptions>) => {
+        setup(): {};
+        template: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Fullscreen: Story;
+export declare const Windowed: Story;

package/types/__tests__/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/__tests__/utils/create.d.ts

@@ -0,0 +1,5 @@
+import { createChat } from '../../index';
+export declare function createTestChat(options?: Parameters<typeof createChat>[0]): {
+    unmount: () => void;
+    container: Element;
+};

package/types/__tests__/utils/fetch.d.ts

@@ -0,0 +1,4 @@
+import type { LoadPreviousSessionResponse, SendMessageResponse } from '../../types';
+export declare function createFetchResponse<T>(data: T): () => Promise<Response>;
+export declare const createGetLatestMessagesResponse: (data?: LoadPreviousSessionResponse['data']) => LoadPreviousSessionResponse;
+export declare const createSendMessageResponse: (output: SendMessageResponse['output']) => SendMessageResponse;

package/types/__tests__/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './fetch';
+export * from './selectors';

package/types/__tests__/utils/selectors.d.ts

@@ -0,0 +1,12 @@
+export declare function getMountingTarget(target?: string): Element | null;
+export declare function getChatWindowWrapper(): Element | null;
+export declare function getChatWindowToggle(): Element | null;
+export declare function getChatWrapper(): Element | null;
+export declare function getChatMessages(): NodeListOf<Element>;
+export declare function getChatMessage(index: number): Element;
+export declare function getChatMessageByText(text: string): HTMLElement | null;
+export declare function getChatMessageTyping(): Element | null;
+export declare function getGetStartedButton(): Element | null;
+export declare function getChatInput(): Element | null;
+export declare function getChatInputTextarea(): Element | null;
+export declare function getChatInputSendButton(): Element | null;

package/types/api/generic.d.ts

@@ -0,0 +1,6 @@
+export declare function authenticatedFetch<T>(...args: Parameters<typeof fetch>): Promise<T>;
+export declare function get<T>(url: string, query?: object, options?: RequestInit): Promise<T>;
+export declare function post<T>(url: string, body?: object, options?: RequestInit): Promise<T>;
+export declare function put<T>(url: string, body?: object, options?: RequestInit): Promise<T>;
+export declare function patch<T>(url: string, body?: object, options?: RequestInit): Promise<T>;
+export declare function del<T>(url: string, body?: object, options?: RequestInit): Promise<T>;

package/types/api/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generic';
+export * from './message';

package/types/api/message.d.ts

@@ -0,0 +1,3 @@
+import type { ChatOptions, LoadPreviousSessionResponse, SendMessageResponse } from '../types';
+export declare function loadPreviousSession(sessionId: string, options: ChatOptions): Promise<LoadPreviousSessionResponse>;
+export declare function sendMessage(message: string, sessionId: string, options: ChatOptions): Promise<SendMessageResponse>;

package/types/chat.d.ts

@@ -0,0 +1,11 @@
+import type { ChatMessage } from '@n8n/chat/types/messages';
+import type { Ref } from 'vue';
+export interface Chat {
+    initialMessages: Ref<ChatMessage[]>;
+    messages: Ref<ChatMessage[]>;
+    currentSessionId: Ref<string | null>;
+    waitingForResponse: Ref<boolean>;
+    loadPreviousSession: () => Promise<string | undefined>;
+    startNewSession: () => Promise<void>;
+    sendMessage: (text: string) => Promise<void>;
+}

package/types/chat.js

@@ -0,0 +1 @@
+"use strict";

package/types/components/Button.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/Chat.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/components/ChatWindow.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/components/GetStarted.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/components/GetStartedFooter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/components/Input.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/components/Layout.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/Message.vue.d.ts

@@ -0,0 +1,21 @@
+import type { ChatMessage } from '../types';
+import type { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    message: {
+        type: PropType<ChatMessage>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: PropType<ChatMessage>;
+        required: true;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/MessageTyping.vue.d.ts

@@ -0,0 +1,15 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    animation: {
+        type: PropType<"bouncing" | "scaling">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    animation: {
+        type: PropType<"bouncing" | "scaling">;
+        default: string;
+    };
+}>>, {
+    animation: "bouncing" | "scaling";
+}, {}>;
+export default _default;

package/types/components/MessagesList.vue.d.ts

@@ -0,0 +1,14 @@
+import type { PropType } from 'vue';
+import type { ChatMessage } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    messages: {
+        type: PropType<ChatMessage[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    messages: {
+        type: PropType<ChatMessage[]>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/types/components/PoweredBy.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/components/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Button } from './Button.vue';
+export { default as Chat } from './Chat.vue';
+export { default as ChatWindow } from './ChatWindow.vue';
+export { default as GetStarted } from './GetStarted.vue';
+export { default as GetStartedFooter } from './GetStartedFooter.vue';
+export { default as Input } from './Input.vue';
+export { default as Layout } from './Layout.vue';
+export { default as Message } from './Message.vue';
+export { default as MessagesList } from './MessagesList.vue';
+export { default as PoweredBy } from './PoweredBy.vue';

package/types/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useChat';
+export * from './useI18n';
+export * from './useOptions';

package/types/composables/useChat.d.ts

@@ -0,0 +1,2 @@
+import type { Chat } from '../types';
+export declare function useChat(): Chat;

package/types/composables/useI18n.d.ts

@@ -0,0 +1,4 @@
+export declare function useI18n(): {
+    t: (key: string) => string;
+    te: (key: string) => boolean;
+};

package/types/composables/useOptions.d.ts

@@ -0,0 +1,4 @@
+import type { ChatOptions } from '../types';
+export declare function useOptions(): {
+    options: ChatOptions;
+};

package/types/constants/defaults.d.ts

@@ -0,0 +1,3 @@
+import type { ChatOptions } from '../types';
+export declare const defaultOptions: ChatOptions;
+export declare const defaultMountingTarget = "#n8n-chat";

package/types/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './defaults';
+export * from './localStorage';
+export * from './symbols';

package/types/constants/localStorage.d.ts

@@ -0,0 +1,2 @@
+export declare const localStorageNamespace = "n8n-chat";
+export declare const localStorageSessionIdKey = "n8n-chat/sessionId";

package/types/constants/symbols.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from 'vue';
+import type { Chat, ChatOptions } from '../types';
+export declare const ChatSymbol: InjectionKey<Chat>;
+export declare const ChatOptionsSymbol: InjectionKey<ChatOptions>;

package/types/event-buses/chatEventBus.d.ts

@@ -0,0 +1 @@
+export declare const chatEventBus: import('../utils').EventBus;

package/types/event-buses/index.d.ts

@@ -0,0 +1 @@
+export * from './chatEventBus';

package/types/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _chat = require("./chat");
+Object.keys(_chat).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chat[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chat[key];
+    }
+  });
+});
+var _messages = require("./messages");
+Object.keys(_messages).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _messages[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _messages[key];
+    }
+  });
+});
+var _options = require("./options");
+Object.keys(_options).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _options[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _options[key];
+    }
+  });
+});
+var _webhook = require("./webhook");
+Object.keys(_webhook).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _webhook[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _webhook[key];
+    }
+  });
+});

package/types/index.mjs

@@ -0,0 +1,4 @@
+export * from "./chat.mjs";
+export * from "./messages.mjs";
+export * from "./options.mjs";
+export * from "./webhook.mjs";

package/types/messages.d.ts

@@ -0,0 +1,6 @@
+export interface ChatMessage {
+    id: string;
+    text: string;
+    createdAt: string;
+    sender: 'user' | 'bot';
+}

package/types/messages.js

@@ -0,0 +1 @@
+"use strict";

package/types/options.d.ts

@@ -0,0 +1,25 @@
+export interface ChatOptions {
+    webhookUrl: string;
+    webhookConfig?: {
+        method?: 'GET' | 'POST';
+        headers?: Record<string, string>;
+    };
+    target?: string | Element;
+    mode?: 'window' | 'fullscreen';
+    showWelcomeScreen?: boolean;
+    loadPreviousSession?: boolean;
+    chatInputKey?: string;
+    chatSessionKey?: string;
+    defaultLanguage?: 'en';
+    initialMessages?: string[];
+    metadata?: Record<string, unknown>;
+    i18n: Record<string, {
+        title: string;
+        subtitle: string;
+        footer: string;
+        getStarted: string;
+        inputPlaceholder: string;
+        [message: string]: string;
+    }>;
+    theme?: {};
+}

package/types/options.js

@@ -0,0 +1 @@
+"use strict";

package/types/plugins/chat.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+import type { ChatOptions } from '../types';
+export declare const ChatPlugin: Plugin<ChatOptions>;

package/types/plugins/index.d.ts

@@ -0,0 +1 @@
+export * from './chat';

package/types/types/chat.d.ts

@@ -0,0 +1,11 @@
+import type { ChatMessage } from '../types/messages';
+import type { Ref } from 'vue';
+export interface Chat {
+    initialMessages: Ref<ChatMessage[]>;
+    messages: Ref<ChatMessage[]>;
+    currentSessionId: Ref<string | null>;
+    waitingForResponse: Ref<boolean>;
+    loadPreviousSession: () => Promise<string | undefined>;
+    startNewSession: () => Promise<void>;
+    sendMessage: (text: string) => Promise<void>;
+}

package/types/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chat';
+export * from './messages';
+export * from './options';
+export * from './webhook';

package/types/types/messages.d.ts

@@ -0,0 +1,6 @@
+export interface ChatMessage {
+    id: string;
+    text: string;
+    createdAt: string;
+    sender: 'user' | 'bot';
+}