@n8n/chat 0.6.1 → 0.7.0

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

@@ -1,15 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

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

package/types/composables/useChat.d.ts

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

package/types/composables/useI18n.d.ts

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

package/types/composables/useOptions.d.ts

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

package/types/constants/defaults.d.ts

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

package/types/constants/index.d.ts

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

package/types/constants/localStorage.d.ts

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

package/types/constants/symbols.d.ts

@@ -1,4 +0,0 @@
-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

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

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

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

package/types/index.js

@@ -1,49 +0,0 @@
-"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

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

package/types/messages.d.ts

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

package/types/messages.js

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

package/types/options.d.ts

@@ -1,25 +0,0 @@
-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

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

package/types/plugins/chat.d.ts

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

package/types/plugins/index.d.ts

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

package/types/types/chat.d.ts

@@ -1,11 +0,0 @@
-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

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

package/types/types/messages.d.ts

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

package/types/types/options.d.ts

@@ -1,25 +0,0 @@
-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/types/webhook.d.ts

@@ -1,15 +0,0 @@
-export interface LoadPreviousSessionResponseItem {
-    id: string[];
-    kwargs: {
-        content: string;
-        additional_kwargs: Record<string, unknown>;
-    };
-    lc: number;
-    type: string;
-}
-export interface LoadPreviousSessionResponse {
-    data: LoadPreviousSessionResponseItem[];
-}
-export interface SendMessageResponse {
-    output: string;
-}

package/types/utils/event-bus.d.ts

@@ -1,8 +0,0 @@
-export type CallbackFn = Function;
-export type UnregisterFn = () => void;
-export interface EventBus {
-    on: (eventName: string, fn: CallbackFn) => UnregisterFn;
-    off: (eventName: string, fn: CallbackFn) => void;
-    emit: <T = Event>(eventName: string, event?: T) => void;
-}
-export declare function createEventBus(): EventBus;

package/types/utils/mount.d.ts

@@ -1 +0,0 @@
-export declare function createDefaultMountingTarget(mountingTarget: string): void;

package/types/webhook.d.ts

@@ -1,15 +0,0 @@
-export interface LoadPreviousSessionResponseItem {
-    id: string[];
-    kwargs: {
-        content: string;
-        additional_kwargs: Record<string, unknown>;
-    };
-    lc: number;
-    type: string;
-}
-export interface LoadPreviousSessionResponse {
-    data: LoadPreviousSessionResponseItem[];
-}
-export interface SendMessageResponse {
-    output: string;
-}

package/types/webhook.js

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

package/utils/event-bus.d.ts

@@ -1,8 +0,0 @@
-export type CallbackFn = Function;
-export type UnregisterFn = () => void;
-export interface EventBus {
-    on: (eventName: string, fn: CallbackFn) => UnregisterFn;
-    off: (eventName: string, fn: CallbackFn) => void;
-    emit: <T = Event>(eventName: string, event?: T) => void;
-}
-export declare function createEventBus(): EventBus;

package/utils/event-bus.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createEventBus = createEventBus;
-function createEventBus() {
-  const handlers = /* @__PURE__ */new Map();
-  function off(eventName, fn) {
-    const eventFns = handlers.get(eventName);
-    if (eventFns) {
-      eventFns.splice(eventFns.indexOf(fn) >>> 0, 1);
-    }
-  }
-  function on(eventName, fn) {
-    let eventFns = handlers.get(eventName);
-    if (!eventFns) {
-      eventFns = [fn];
-    } else {
-      eventFns.push(fn);
-    }
-    handlers.set(eventName, eventFns);
-    return () => off(eventName, fn);
-  }
-  function emit(eventName, event) {
-    const eventFns = handlers.get(eventName);
-    if (eventFns) {
-      eventFns.slice().forEach(async handler => {
-        await handler(event);
-      });
-    }
-  }
-  return {
-    on,
-    off,
-    emit
-  };
-}

package/utils/event-bus.mjs

@@ -1,32 +0,0 @@
-export function createEventBus() {
-  const handlers = /* @__PURE__ */ new Map();
-  function off(eventName, fn) {
-    const eventFns = handlers.get(eventName);
-    if (eventFns) {
-      eventFns.splice(eventFns.indexOf(fn) >>> 0, 1);
-    }
-  }
-  function on(eventName, fn) {
-    let eventFns = handlers.get(eventName);
-    if (!eventFns) {
-      eventFns = [fn];
-    } else {
-      eventFns.push(fn);
-    }
-    handlers.set(eventName, eventFns);
-    return () => off(eventName, fn);
-  }
-  function emit(eventName, event) {
-    const eventFns = handlers.get(eventName);
-    if (eventFns) {
-      eventFns.slice().forEach(async (handler) => {
-        await handler(event);
-      });
-    }
-  }
-  return {
-    on,
-    off,
-    emit
-  };
-}

package/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './event-bus';
-export * from './mount';

package/utils/index.js

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

package/utils/index.mjs

@@ -1,2 +0,0 @@
-export * from "./event-bus.mjs";
-export * from "./mount.mjs";

package/utils/mount.d.ts

@@ -1 +0,0 @@
-export declare function createDefaultMountingTarget(mountingTarget: string): void;

package/utils/mount.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createDefaultMountingTarget = createDefaultMountingTarget;
-function createDefaultMountingTarget(mountingTarget) {
-  const mountingTargetNode = document.querySelector(mountingTarget);
-  if (!mountingTargetNode) {
-    const generatedMountingTargetNode = document.createElement("div");
-    if (mountingTarget.startsWith("#")) {
-      generatedMountingTargetNode.id = mountingTarget.replace("#", "");
-    }
-    if (mountingTarget.startsWith(".")) {
-      generatedMountingTargetNode.classList.add(mountingTarget.replace(".", ""));
-    }
-    document.body.appendChild(generatedMountingTargetNode);
-  }
-}

package/utils/mount.mjs

@@ -1,13 +0,0 @@
-export function createDefaultMountingTarget(mountingTarget) {
-  const mountingTargetNode = document.querySelector(mountingTarget);
-  if (!mountingTargetNode) {
-    const generatedMountingTargetNode = document.createElement("div");
-    if (mountingTarget.startsWith("#")) {
-      generatedMountingTargetNode.id = mountingTarget.replace("#", "");
-    }
-    if (mountingTarget.startsWith(".")) {
-      generatedMountingTargetNode.classList.add(mountingTarget.replace(".", ""));
-    }
-    document.body.appendChild(generatedMountingTargetNode);
-  }
-}

package/{App.vue → src/App.vue}

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { Chat, ChatWindow } from '@n8n/chat/components';
 import { computed, onMounted } from 'vue';
 import hljs from 'highlight.js/lib/core';
 import hljsXML from 'highlight.js/lib/languages/xml';
 import hljsJavascript from 'highlight.js/lib/languages/javascript';
+import { Chat, ChatWindow } from '@n8n/chat/components';
 import { useOptions } from '@n8n/chat/composables';
 
 defineProps({});

package/{components → src/components}/Chat.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import { nextTick, onMounted } from 'vue';
 import Layout from '@n8n/chat/components/Layout.vue';
 import GetStarted from '@n8n/chat/components/GetStarted.vue';
 import GetStartedFooter from '@n8n/chat/components/GetStartedFooter.vue';
 import MessagesList from '@n8n/chat/components/MessagesList.vue';
 import Input from '@n8n/chat/components/Input.vue';
-import { nextTick, onMounted } from 'vue';
 import { useI18n, useChat, useOptions } from '@n8n/chat/composables';
 import { chatEventBus } from '@n8n/chat/event-buses';