@n8n/chat 0.6.0 → 0.6.1

package/__tests__/utils/selectors.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChatInput = getChatInput;
+exports.getChatInputSendButton = getChatInputSendButton;
+exports.getChatInputTextarea = getChatInputTextarea;
+exports.getChatMessage = getChatMessage;
+exports.getChatMessageByText = getChatMessageByText;
+exports.getChatMessageTyping = getChatMessageTyping;
+exports.getChatMessages = getChatMessages;
+exports.getChatWindowToggle = getChatWindowToggle;
+exports.getChatWindowWrapper = getChatWindowWrapper;
+exports.getChatWrapper = getChatWrapper;
+exports.getGetStartedButton = getGetStartedButton;
+exports.getMountingTarget = getMountingTarget;
+var _vue = require("@testing-library/vue");
+var _constants = require("@n8n/chat/constants");
+function getMountingTarget(target = _constants.defaultMountingTarget) {
+  return document.querySelector(target);
+}
+function getChatWindowWrapper() {
+  return document.querySelector(".chat-window-wrapper");
+}
+function getChatWindowToggle() {
+  return document.querySelector(".chat-window-toggle");
+}
+function getChatWrapper() {
+  return document.querySelector(".chat-wrapper");
+}
+function getChatMessages() {
+  return document.querySelectorAll(".chat-message:not(.chat-message-typing)");
+}
+function getChatMessage(index) {
+  const messages = getChatMessages();
+  return index < 0 ? messages[messages.length + index] : messages[index];
+}
+function getChatMessageByText(text) {
+  return _vue.screen.queryByText(text, {
+    selector: ".chat-message:not(.chat-message-typing) .chat-message-markdown p"
+  });
+}
+function getChatMessageTyping() {
+  return document.querySelector(".chat-message-typing");
+}
+function getGetStartedButton() {
+  return document.querySelector(".chat-get-started .chat-button");
+}
+function getChatInput() {
+  return document.querySelector(".chat-input");
+}
+function getChatInputTextarea() {
+  return document.querySelector(".chat-input textarea");
+}
+function getChatInputSendButton() {
+  return document.querySelector(".chat-input .chat-input-send-button");
+}

package/__tests__/utils/selectors.mjs

@@ -0,0 +1,41 @@
+import { screen } from "@testing-library/vue";
+import { defaultMountingTarget } from "@n8n/chat/constants";
+export function getMountingTarget(target = defaultMountingTarget) {
+  return document.querySelector(target);
+}
+export function getChatWindowWrapper() {
+  return document.querySelector(".chat-window-wrapper");
+}
+export function getChatWindowToggle() {
+  return document.querySelector(".chat-window-toggle");
+}
+export function getChatWrapper() {
+  return document.querySelector(".chat-wrapper");
+}
+export function getChatMessages() {
+  return document.querySelectorAll(".chat-message:not(.chat-message-typing)");
+}
+export function getChatMessage(index) {
+  const messages = getChatMessages();
+  return index < 0 ? messages[messages.length + index] : messages[index];
+}
+export function getChatMessageByText(text) {
+  return screen.queryByText(text, {
+    selector: ".chat-message:not(.chat-message-typing) .chat-message-markdown p"
+  });
+}
+export function getChatMessageTyping() {
+  return document.querySelector(".chat-message-typing");
+}
+export function getGetStartedButton() {
+  return document.querySelector(".chat-get-started .chat-button");
+}
+export function getChatInput() {
+  return document.querySelector(".chat-input");
+}
+export function getChatInputTextarea() {
+  return document.querySelector(".chat-input textarea");
+}
+export function getChatInputSendButton() {
+  return document.querySelector(".chat-input .chat-input-send-button");
+}

package/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/api/generic.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.authenticatedFetch = authenticatedFetch;
+exports.del = del;
+exports.get = get;
+exports.patch = patch;
+exports.post = post;
+exports.put = put;
+async function getAccessToken() {
+  return "";
+}
+async function authenticatedFetch(...args) {
+  const accessToken = await getAccessToken();
+  const response = await fetch(args[0], {
+    ...args[1],
+    mode: "cors",
+    cache: "no-cache",
+    headers: {
+      "Content-Type": "application/json",
+      ...(accessToken ? {
+        authorization: `Bearer ${accessToken}`
+      } : {}),
+      ...args[1]?.headers
+    }
+  });
+  return await response.json();
+}
+async function get(url, query = {}, options = {}) {
+  let resolvedUrl = url;
+  if (Object.keys(query).length > 0) {
+    resolvedUrl = `${resolvedUrl}?${new URLSearchParams(query).toString()}`;
+  }
+  return authenticatedFetch(resolvedUrl, {
+    ...options,
+    method: "GET"
+  });
+}
+async function post(url, body = {}, options = {}) {
+  return authenticatedFetch(url, {
+    ...options,
+    method: "POST",
+    body: JSON.stringify(body)
+  });
+}
+async function put(url, body = {}, options = {}) {
+  return authenticatedFetch(url, {
+    ...options,
+    method: "PUT",
+    body: JSON.stringify(body)
+  });
+}
+async function patch(url, body = {}, options = {}) {
+  return authenticatedFetch(url, {
+    ...options,
+    method: "PATCH",
+    body: JSON.stringify(body)
+  });
+}
+async function del(url, body = {}, options = {}) {
+  return authenticatedFetch(url, {
+    ...options,
+    method: "DELETE",
+    body: JSON.stringify(body)
+  });
+}

package/api/generic.mjs

@@ -0,0 +1,54 @@
+async function getAccessToken() {
+  return "";
+}
+export async function authenticatedFetch(...args) {
+  const accessToken = await getAccessToken();
+  const response = await fetch(args[0], {
+    ...args[1],
+    mode: "cors",
+    cache: "no-cache",
+    headers: {
+      "Content-Type": "application/json",
+      ...accessToken ? { authorization: `Bearer ${accessToken}` } : {},
+      ...args[1]?.headers
+    }
+  });
+  return await response.json();
+}
+export async function get(url, query = {}, options = {}) {
+  let resolvedUrl = url;
+  if (Object.keys(query).length > 0) {
+    resolvedUrl = `${resolvedUrl}?${new URLSearchParams(
+      query
+    ).toString()}`;
+  }
+  return authenticatedFetch(resolvedUrl, { ...options, method: "GET" });
+}
+export async function post(url, body = {}, options = {}) {
+  return authenticatedFetch(url, {
+    ...options,
+    method: "POST",
+    body: JSON.stringify(body)
+  });
+}
+export async function put(url, body = {}, options = {}) {
+  return authenticatedFetch(url, {
+    ...options,
+    method: "PUT",
+    body: JSON.stringify(body)
+  });
+}
+export async function patch(url, body = {}, options = {}) {
+  return authenticatedFetch(url, {
+    ...options,
+    method: "PATCH",
+    body: JSON.stringify(body)
+  });
+}
+export async function del(url, body = {}, options = {}) {
+  return authenticatedFetch(url, {
+    ...options,
+    method: "DELETE",
+    body: JSON.stringify(body)
+  });
+}

package/api/index.js

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

package/api/index.mjs

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

package/api/message.d.ts

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

package/api/message.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadPreviousSession = loadPreviousSession;
+exports.sendMessage = sendMessage;
+var _generic = require("@n8n/chat/api/generic");
+async function loadPreviousSession(sessionId, options) {
+  const method = options.webhookConfig?.method === "POST" ? _generic.post : _generic.get;
+  return method(`${options.webhookUrl}`, {
+    action: "loadPreviousSession",
+    [options.chatSessionKey]: sessionId,
+    ...(options.metadata ? {
+      metadata: options.metadata
+    } : {})
+  }, {
+    headers: options.webhookConfig?.headers
+  });
+}
+async function sendMessage(message, sessionId, options) {
+  const method = options.webhookConfig?.method === "POST" ? _generic.post : _generic.get;
+  return method(`${options.webhookUrl}`, {
+    action: "sendMessage",
+    [options.chatSessionKey]: sessionId,
+    [options.chatInputKey]: message,
+    ...(options.metadata ? {
+      metadata: options.metadata
+    } : {})
+  }, {
+    headers: options.webhookConfig?.headers
+  });
+}

package/api/message.mjs

@@ -0,0 +1,30 @@
+import { get, post } from "@n8n/chat/api/generic";
+export async function loadPreviousSession(sessionId, options) {
+  const method = options.webhookConfig?.method === "POST" ? post : get;
+  return method(
+    `${options.webhookUrl}`,
+    {
+      action: "loadPreviousSession",
+      [options.chatSessionKey]: sessionId,
+      ...options.metadata ? { metadata: options.metadata } : {}
+    },
+    {
+      headers: options.webhookConfig?.headers
+    }
+  );
+}
+export async function sendMessage(message, sessionId, options) {
+  const method = options.webhookConfig?.method === "POST" ? post : get;
+  return method(
+    `${options.webhookUrl}`,
+    {
+      action: "sendMessage",
+      [options.chatSessionKey]: sessionId,
+      [options.chatInputKey]: message,
+      ...options.metadata ? { metadata: options.metadata } : {}
+    },
+    {
+      headers: options.webhookConfig?.headers
+    }
+  );
+}