npm - @n8n/chat - Versions diffs - 0.9.1 → 0.10.0 - Mend

@n8n/chat 0.9.1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (207) hide show

package/.eslintignore +2 -0
package/.eslintrc.cjs +10 -0
package/.np-config.json +5 -0
package/.storybook/main.ts +4 -0
package/.storybook/preview.scss +4 -0
package/.storybook/preview.ts +15 -0
package/.vscode/extensions.json +3 -0
package/build.config.js +21 -0
package/env.d.ts +1 -0
package/index.html +13 -0
package/package.json +2 -35
package/resources/images/fullscreen.png +0 -0
package/resources/images/windowed.png +0 -0
package/resources/workflow-manual.json +238 -0
package/resources/workflow.json +119 -0
package/scripts/pack.js +11 -0
package/scripts/postbuild.js +36 -0
package/src/__stories__/App.stories.ts +43 -0
package/src/__tests__/index.spec.ts +218 -0
package/src/__tests__/utils/create.ts +16 -0
package/src/__tests__/utils/fetch.ts +18 -0
package/src/__tests__/utils/selectors.ts +53 -0
package/src/api/generic.ts +63 -0
package/src/api/message.ts +37 -0
package/src/components/Button.vue +41 -0
package/src/components/ChatWindow.vue +125 -0
package/{components → src/components}/GetStarted.vue +7 -7
package/{components → src/components}/GetStartedFooter.vue +2 -2
package/{components → src/components}/Input.vue +39 -34
package/{components → src/components}/Layout.vue +42 -26
package/{components → src/components}/Message.vue +46 -39
package/src/components/MessageTyping.vue +109 -0
package/{components → src/components}/MessagesList.vue +4 -4
package/{components → src/components}/PoweredBy.vue +7 -6
package/src/composables/useChat.ts +7 -0
package/src/composables/useI18n.ts +16 -0
package/src/composables/useOptions.ts +11 -0
package/src/constants/defaults.ts +29 -0
package/{constants/localStorage.mjs → src/constants/localStorage.ts} +1 -1
package/src/constants/symbols.ts +8 -0
package/src/css/_tokens.scss +36 -0
package/src/css/index.scss +1 -0
package/src/event-buses/chatEventBus.ts +3 -0
package/src/index.ts +42 -0
package/src/main.scss +5 -0
package/src/plugins/chat.ts +115 -0
package/src/types/chat.ts +12 -0
package/src/types/messages.ts +6 -0
package/src/types/options.ts +28 -0
package/src/types/webhook.ts +18 -0
package/src/utils/event-bus.ts +51 -0
package/src/utils/mount.ts +16 -0
package/tsconfig.json +27 -0
package/vite.config.ts +60 -0
package/vitest.config.ts +20 -0
package/__stories__/App.stories.d.ts +0 -16
package/__stories__/App.stories.js +0 -38
package/__stories__/App.stories.mjs +0 -32
package/__tests__/index.spec.d.ts +0 -1
package/__tests__/index.spec.js +0 -146
package/__tests__/index.spec.mjs +0 -172
package/__tests__/setup.js +0 -3
package/__tests__/setup.mjs +0 -1
package/__tests__/utils/create.d.ts +0 -5
package/__tests__/utils/create.js +0 -16
package/__tests__/utils/create.mjs +0 -10
package/__tests__/utils/fetch.d.ts +0 -3
package/__tests__/utils/fetch.js +0 -20
package/__tests__/utils/fetch.mjs +0 -9
package/__tests__/utils/index.js +0 -38
package/__tests__/utils/index.mjs +0 -3
package/__tests__/utils/selectors.d.ts +0 -12
package/__tests__/utils/selectors.js +0 -58
package/__tests__/utils/selectors.mjs +0 -41
package/api/generic.d.ts +0 -6
package/api/generic.js +0 -68
package/api/generic.mjs +0 -54
package/api/index.js +0 -27
package/api/index.mjs +0 -2
package/api/message.d.ts +0 -3
package/api/message.js +0 -33
package/api/message.mjs +0 -30
package/chat.bundle.es.js +0 -10761
package/chat.bundle.umd.js +0 -18
package/chat.es.js +0 -6872
package/chat.umd.js +0 -18
package/components/Button.vue +0 -34
package/components/ChatWindow.vue +0 -104
package/components/MessageTyping.vue +0 -101
package/components/index.js +0 -76
package/components/index.mjs +0 -10
package/composables/index.js +0 -38
package/composables/index.mjs +0 -3
package/composables/useChat.d.ts +0 -1
package/composables/useChat.js +0 -11
package/composables/useChat.mjs +0 -5
package/composables/useI18n.d.ts +0 -4
package/composables/useI18n.js +0 -23
package/composables/useI18n.mjs +0 -12
package/composables/useOptions.d.ts +0 -3
package/composables/useOptions.js +0 -14
package/composables/useOptions.mjs +0 -8
package/constants/defaults.d.ts +0 -3
package/constants/defaults.js +0 -32
package/constants/defaults.mjs +0 -26
package/constants/index.js +0 -38
package/constants/index.mjs +0 -3
package/constants/localStorage.d.ts +0 -2
package/constants/localStorage.js +0 -8
package/constants/symbols.d.ts +0 -3
package/constants/symbols.js +0 -8
package/constants/symbols.mjs +0 -2
package/css/index.css +0 -31
package/event-buses/chatEventBus.d.ts +0 -1
package/event-buses/chatEventBus.js +0 -8
package/event-buses/chatEventBus.mjs +0 -2
package/event-buses/index.js +0 -16
package/event-buses/index.mjs +0 -1
package/index.d.ts +0 -3
package/index.js +0 -43
package/index.mjs +0 -36
package/main.css +0 -151
package/plugins/chat.d.ts +0 -3
package/plugins/chat.js +0 -91
package/plugins/chat.mjs +0 -90
package/plugins/index.js +0 -16
package/plugins/index.mjs +0 -1
package/style.css +0 -1
package/types/App.vue.d.ts +0 -8
package/types/__stories__/App.stories.d.ts +0 -17
package/types/__tests__/index.spec.d.ts +0 -1
package/types/__tests__/setup.d.ts +0 -0
package/types/__tests__/utils/create.d.ts +0 -5
package/types/__tests__/utils/fetch.d.ts +0 -4
package/types/__tests__/utils/index.d.ts +0 -3
package/types/__tests__/utils/selectors.d.ts +0 -12
package/types/api/generic.d.ts +0 -6
package/types/api/index.d.ts +0 -2
package/types/api/message.d.ts +0 -3
package/types/chat.d.ts +0 -11
package/types/chat.js +0 -1
package/types/chat.mjs +0 -0
package/types/components/Button.vue.d.ts +0 -9
package/types/components/Chat.vue.d.ts +0 -2
package/types/components/ChatWindow.vue.d.ts +0 -2
package/types/components/GetStarted.vue.d.ts +0 -2
package/types/components/GetStartedFooter.vue.d.ts +0 -2
package/types/components/Input.vue.d.ts +0 -2
package/types/components/Layout.vue.d.ts +0 -11
package/types/components/Message.vue.d.ts +0 -21
package/types/components/MessageTyping.vue.d.ts +0 -15
package/types/components/MessagesList.vue.d.ts +0 -14
package/types/components/PoweredBy.vue.d.ts +0 -2
package/types/components/index.d.ts +0 -10
package/types/composables/index.d.ts +0 -3
package/types/composables/useChat.d.ts +0 -2
package/types/composables/useI18n.d.ts +0 -4
package/types/composables/useOptions.d.ts +0 -4
package/types/constants/defaults.d.ts +0 -3
package/types/constants/index.d.ts +0 -3
package/types/constants/localStorage.d.ts +0 -2
package/types/constants/symbols.d.ts +0 -4
package/types/event-buses/chatEventBus.d.ts +0 -1
package/types/event-buses/index.d.ts +0 -1
package/types/index.js +0 -49
package/types/index.mjs +0 -4
package/types/messages.d.ts +0 -6
package/types/messages.js +0 -1
package/types/messages.mjs +0 -0
package/types/options.d.ts +0 -25
package/types/options.js +0 -1
package/types/options.mjs +0 -0
package/types/plugins/chat.d.ts +0 -3
package/types/plugins/index.d.ts +0 -1
package/types/types/chat.d.ts +0 -11
package/types/types/index.d.ts +0 -4
package/types/types/messages.d.ts +0 -6
package/types/types/options.d.ts +0 -25
package/types/types/webhook.d.ts +0 -16
package/types/utils/event-bus.d.ts +0 -8
package/types/utils/mount.d.ts +0 -1
package/types/webhook.d.ts +0 -16
package/types/webhook.js +0 -1
package/types/webhook.mjs +0 -0
package/utils/event-bus.d.ts +0 -8
package/utils/event-bus.js +0 -38
package/utils/event-bus.mjs +0 -32
package/utils/index.d.ts +0 -2
package/utils/index.js +0 -27
package/utils/index.mjs +0 -2
package/utils/mount.d.ts +0 -1
package/utils/mount.js +0 -19
package/utils/mount.mjs +0 -13
/package/{favicon.ico → public/favicon.ico} +0 -0
/package/{App.vue → src/App.vue} +0 -0
/package/{__tests__/setup.d.ts → src/__tests__/setup.ts} +0 -0
/package/{__tests__/utils/index.d.ts → src/__tests__/utils/index.ts} +0 -0
/package/{api/index.d.ts → src/api/index.ts} +0 -0
/package/{components → src/components}/Chat.vue +0 -0
/package/{components/index.d.ts → src/components/index.ts} +0 -0
/package/{composables/index.d.ts → src/composables/index.ts} +0 -0
/package/{constants/index.d.ts → src/constants/index.ts} +0 -0
/package/{event-buses/index.d.ts → src/event-buses/index.ts} +0 -0
/package/{plugins/index.d.ts → src/plugins/index.ts} +0 -0
/package/{shims.d.ts → src/shims.d.ts} +0 -0
/package/{types/index.d.ts → src/types/index.ts} +0 -0
/package/{types/utils/index.d.ts → src/utils/index.ts} +0 -0

package/.eslintignore ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .eslintrc.cjs
2	+ vitest.config.ts

package/.eslintrc.cjs ADDED Viewed

@@ -0,0 +1,10 @@
+const sharedOptions = require('@n8n_io/eslint-config/shared');
+/**
+ * @type {import('@types/eslint').ESLint.ConfigData}
+ */
+module.exports = {
+	extends: ['@n8n_io/eslint-config/frontend'],
+	...sharedOptions(__dirname, 'frontend'),
+};

package/.np-config.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+	"yarn": false,
+	"tests": false,
+	"contents": "./dist"
+}

package/.storybook/main.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { sharedConfig } from '@n8n/storybook/main';
+const config = { ...sharedConfig };
+export default config;

package/.storybook/preview.scss ADDED Viewed

@@ -0,0 +1,4 @@
+html, body, #storybook-root, #n8n-chat {
+	width: 100%;
+	height: 100%;
+}

package/.storybook/preview.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/vue3';
+import './preview.scss';
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/,
+			},
+		},
+	},
+};
+export default preview;

package/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

package/build.config.js ADDED Viewed

@@ -0,0 +1,21 @@
+import { defineBuildConfig } from 'unbuild';
+export default defineBuildConfig({
+	entries: [
+		{
+			builder: 'mkdist',
+			format: 'esm',
+			input: './src',
+			outDir: './tmp/lib',
+		},
+		{
+			builder: 'mkdist',
+			format: 'cjs',
+			input: './src',
+			outDir: './tmp/cjs',
+		},
+	],
+	clean: true,
+	declaration: true,
+	failOnWarn: false,
+});

package/env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@n8n/chat",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "main": "./chat.umd.js",
   "module": "./chat.es.js",
   "types": "./types/index.d.ts",
@@ -18,43 +18,10 @@
       "require": "./*"
     }
   },
-  "dependencies": {
-    "highlight.js": "^11.8.0",
-    "uuid": "^8.3.2",
-    "vue": "^3.3.4",
-    "vue-markdown-render": "^2.0.1"
-  },
-  "devDependencies": {
-    "@iconify-json/mdi": "^1.1.54",
-    "shelljs": "^0.8.5",
-    "unbuild": "^2.0.0",
-    "unplugin-icons": "^0.17.0",
-    "vite-plugin-dts": "^3.7.3"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/n8n-io/n8n.git"
   },
   "license": "SEE LICENSE IN LICENSE.md",
-  "homepage": "https://n8n.io",
-  "scripts": {
-    "dev": "pnpm run storybook",
-    "build": "pnpm type-check && pnpm build:vite && pnpm run build:individual && npm run build:prepare",
-    "build:full": "pnpm type-check && pnpm build:vite && pnpm build:vite:full && pnpm run build:individual && npm run build:prepare",
-    "build:vite": "vite build",
-    "build:vite:full": "INCLUDE_VUE=true vite build",
-    "build:individual": "unbuild",
-    "build:prepare": "node scripts/postbuild.js",
-    "build:pack": "node scripts/pack.js",
-    "preview": "vite preview",
-    "test:dev": "vitest",
-    "test": "vitest run --coverage",
-    "type-check": "vue-tsc --noEmit -p tsconfig.json --composite false",
-    "lint": "eslint . --ext .js,.ts,.vue --quiet",
-    "lintfix": "eslint . --ext .js,.ts,.vue --fix",
-    "format": "prettier --write src/",
-    "storybook": "storybook dev -p 6006 --no-open",
-    "build:storybook": "storybook build",
-    "release": "pnpm run build:full && cd dist && pnpm publish"
-  }
+  "homepage": "https://n8n.io"
 }

package/resources/images/fullscreen.png ADDED Viewed

Binary file

package/resources/images/windowed.png ADDED Viewed

Binary file

package/resources/workflow-manual.json ADDED Viewed

@@ -0,0 +1,238 @@
+{
+  "name": "Hosted n8n AI Chat Manual",
+  "nodes": [
+    {
+      "parameters": {
+        "options": {}
+      },
+      "id": "e6043748-44fc-4019-9301-5690fe26c614",
+      "name": "OpenAI Chat Model",
+      "type": "@n8n/n8n-nodes-langchain.lmChatOpenAi",
+      "typeVersion": 1,
+      "position": [
+        860,
+        540
+      ],
+      "credentials": {
+        "openAiApi": {
+          "id": "cIIkOhl7tUX1KsL6",
+          "name": "OpenAi account"
+        }
+      }
+    },
+    {
+      "parameters": {
+        "sessionKey": "={{ $json.sessionId }}"
+      },
+      "id": "0a68a59a-8ab6-4fa5-a1ea-b7f99a93109b",
+      "name": "Window Buffer Memory",
+      "type": "@n8n/n8n-nodes-langchain.memoryBufferWindow",
+      "typeVersion": 1,
+      "position": [
+        640,
+        540
+      ]
+    },
+    {
+      "parameters": {
+        "text": "={{ $json.chatInput }}",
+        "options": {}
+      },
+      "id": "3d4e0fbf-d761-4569-b02e-f5c1eeb830c8",
+      "name": "AI Agent",
+      "type": "@n8n/n8n-nodes-langchain.agent",
+      "typeVersion": 1.1,
+      "position": [
+        840,
+        300
+      ]
+    },
+    {
+      "parameters": {
+        "dataType": "string",
+        "value1": "={{ $json.action }}",
+        "rules": {
+          "rules": [
+            {
+              "value2": "loadPreviousSession",
+              "outputKey": "loadPreviousSession"
+            },
+            {
+              "value2": "sendMessage",
+              "outputKey": "sendMessage"
+            }
+          ]
+        }
+      },
+      "id": "84213c7b-abc7-4f40-9567-cd3484a4ae6b",
+      "name": "Switch",
+      "type": "n8n-nodes-base.switch",
+      "typeVersion": 2,
+      "position": [
+        300,
+        280
+      ]
+    },
+    {
+      "parameters": {
+        "simplifyOutput": false
+      },
+      "id": "3be7f076-98ed-472a-80b6-bf8d9538ac87",
+      "name": "Chat Messages Retriever",
+      "type": "@n8n/n8n-nodes-langchain.memoryChatRetriever",
+      "typeVersion": 1,
+      "position": [
+        620,
+        140
+      ]
+    },
+    {
+      "parameters": {
+        "options": {}
+      },
+      "id": "3417c644-8a91-4524-974a-45b4a46d0e2e",
+      "name": "Respond to Webhook",
+      "type": "n8n-nodes-base.respondToWebhook",
+      "typeVersion": 1,
+      "position": [
+        1240,
+        140
+      ]
+    },
+    {
+      "parameters": {
+        "public": true,
+        "authentication": "n8nUserAuth",
+        "options": {
+          "loadPreviousSession": "manually",
+          "responseMode": "responseNode"
+        }
+      },
+      "id": "1b30c239-a819-45b4-b0ae-bdd5b92a5424",
+      "name": "Chat Trigger",
+      "type": "@n8n/n8n-nodes-langchain.chatTrigger",
+      "typeVersion": 1,
+      "position": [
+        80,
+        280
+      ],
+      "webhookId": "ed3dea26-7d68-42b3-9032-98fe967d441d"
+    },
+    {
+      "parameters": {
+        "aggregate": "aggregateAllItemData",
+        "options": {}
+      },
+      "id": "79672cf0-686b-41eb-90ae-fd31b6da837d",
+      "name": "Aggregate",
+      "type": "n8n-nodes-base.aggregate",
+      "typeVersion": 1,
+      "position": [
+        1000,
+        140
+      ]
+    }
+  ],
+  "pinData": {},
+  "connections": {
+    "OpenAI Chat Model": {
+      "ai_languageModel": [
+        [
+          {
+            "node": "AI Agent",
+            "type": "ai_languageModel",
+            "index": 0
+          }
+        ]
+      ]
+    },
+    "Window Buffer Memory": {
+      "ai_memory": [
+        [
+          {
+            "node": "AI Agent",
+            "type": "ai_memory",
+            "index": 0
+          },
+          {
+            "node": "Chat Messages Retriever",
+            "type": "ai_memory",
+            "index": 0
+          }
+        ]
+      ]
+    },
+    "Switch": {
+      "main": [
+        [
+          {
+            "node": "Chat Messages Retriever",
+            "type": "main",
+            "index": 0
+          }
+        ],
+        [
+          {
+            "node": "AI Agent",
+            "type": "main",
+            "index": 0
+          }
+        ]
+      ]
+    },
+    "Chat Messages Retriever": {
+      "main": [
+        [
+          {
+            "node": "Aggregate",
+            "type": "main",
+            "index": 0
+          }
+        ]
+      ]
+    },
+    "AI Agent": {
+      "main": [
+        [
+          {
+            "node": "Respond to Webhook",
+            "type": "main",
+            "index": 0
+          }
+        ]
+      ]
+    },
+    "Chat Trigger": {
+      "main": [
+        [
+          {
+            "node": "Switch",
+            "type": "main",
+            "index": 0
+          }
+        ]
+      ]
+    },
+    "Aggregate": {
+      "main": [
+        [
+          {
+            "node": "Respond to Webhook",
+            "type": "main",
+            "index": 0
+          }
+        ]
+      ]
+    }
+  },
+  "active": true,
+  "settings": {
+    "executionOrder": "v1"
+  },
+  "versionId": "425c0efe-3aa0-4e0e-8c06-abe12234b1fd",
+  "id": "1569HF92Y02EUtsU",
+  "meta": {
+    "instanceId": "374b43d8b8d6299cc777811a4ad220fc688ee2d54a308cfb0de4450a5233ca9e"
+  },
+  "tags": []
+}

package/resources/workflow.json ADDED Viewed

@@ -0,0 +1,119 @@
+{
+	"name": "Hosted n8n AI Chat",
+	"nodes": [
+		{
+			"parameters": {
+				"options": {}
+			},
+			"id": "4c109d13-62a2-4e23-9979-e50201db743d",
+			"name": "OpenAI Chat Model",
+			"type": "@n8n/n8n-nodes-langchain.lmChatOpenAi",
+			"typeVersion": 1,
+			"position": [
+				640,
+				540
+			],
+			"credentials": {
+				"openAiApi": {
+					"id": "cIIkOhl7tUX1KsL6",
+					"name": "OpenAi account"
+				}
+			}
+		},
+		{
+			"parameters": {
+				"sessionKey": "={{ $json.sessionId }}"
+			},
+			"id": "b416df7b-4802-462f-8f74-f0a71dc4c0be",
+			"name": "Window Buffer Memory",
+			"type": "@n8n/n8n-nodes-langchain.memoryBufferWindow",
+			"typeVersion": 1,
+			"position": [
+				340,
+				540
+			]
+		},
+		{
+			"parameters": {
+				"text": "={{ $json.chatInput }}",
+				"options": {}
+			},
+			"id": "4de25807-a2ef-4453-900e-e00e0021ecdc",
+			"name": "AI Agent",
+			"type": "@n8n/n8n-nodes-langchain.agent",
+			"typeVersion": 1.1,
+			"position": [
+				620,
+				300
+			]
+		},
+		{
+			"parameters": {
+				"public": true,
+				"options": {
+					"loadPreviousSession": "memory"
+				}
+			},
+			"id": "5a9612ae-51c1-4be2-bd8b-8556872d1149",
+			"name": "Chat Trigger",
+			"type": "@n8n/n8n-nodes-langchain.chatTrigger",
+			"typeVersion": 1,
+			"position": [
+				340,
+				300
+			],
+			"webhookId": "f406671e-c954-4691-b39a-66c90aa2f103"
+		}
+	],
+	"pinData": {},
+	"connections": {
+		"OpenAI Chat Model": {
+			"ai_languageModel": [
+				[
+					{
+						"node": "AI Agent",
+						"type": "ai_languageModel",
+						"index": 0
+					}
+				]
+			]
+		},
+		"Window Buffer Memory": {
+			"ai_memory": [
+				[
+					{
+						"node": "AI Agent",
+						"type": "ai_memory",
+						"index": 0
+					},
+					{
+						"node": "Chat Trigger",
+						"type": "ai_memory",
+						"index": 0
+					}
+				]
+			]
+		},
+		"Chat Trigger": {
+			"main": [
+				[
+					{
+						"node": "AI Agent",
+						"type": "main",
+						"index": 0
+					}
+				]
+			]
+		}
+	},
+	"active": true,
+	"settings": {
+		"executionOrder": "v1"
+	},
+	"versionId": "6076136f-fdb4-48d9-b483-d1c24c95ef9e",
+	"id": "zaBHnDtj22BzEQ6K",
+	"meta": {
+		"instanceId": "374b43d8b8d6299cc777811a4ad220fc688ee2d54a308cfb0de4450a5233ca9e"
+	},
+	"tags": []
+}

package/scripts/pack.js ADDED Viewed

@@ -0,0 +1,11 @@
+const path = require('path');
+const shelljs = require('shelljs');
+const rootDirPath = path.resolve(__dirname, '..');
+const distDirPath = path.resolve(rootDirPath, 'dist');
+shelljs.cd(rootDirPath);
+shelljs.exec('npm run build');
+shelljs.cd(distDirPath);
+shelljs.exec('npm pack');

package/scripts/postbuild.js ADDED Viewed

@@ -0,0 +1,36 @@
+const path = require('path');
+const shelljs = require('shelljs');
+const glob = require('fast-glob');
+const rootDirPath = path.resolve(__dirname, '..');
+const n8nRootDirPath = path.resolve(rootDirPath, '..', '..', '..');
+const distDirPath = path.resolve(rootDirPath, 'dist');
+const srcDirPath = path.resolve(rootDirPath, 'src');
+const libDirPath = path.resolve(rootDirPath, 'tmp', 'lib');
+const cjsDirPath = path.resolve(rootDirPath, 'tmp', 'cjs');
+const packageJsonFilePath = path.resolve(rootDirPath, 'package.json');
+const readmeFilePath = path.resolve(rootDirPath, 'README.md');
+const licenseFilePath = path.resolve(n8nRootDirPath, 'LICENSE.md');
+shelljs.cp(packageJsonFilePath, distDirPath);
+shelljs.cp(readmeFilePath, distDirPath);
+shelljs.cp(licenseFilePath, distDirPath);
+shelljs.mv(path.resolve(distDirPath, 'src'), path.resolve(distDirPath, 'types'));
+function moveFiles(files, from, to) {
+	files.forEach((file) => {
+		const toFile = file.replace(from, to);
+		shelljs.mkdir('-p', path.dirname(toFile));
+		shelljs.mv(file, toFile);
+	});
+}
+const cjsFiles = glob.sync(path.resolve(cjsDirPath, '**', '*'));
+moveFiles(cjsFiles, 'tmp/cjs', 'dist');
+shelljs.rm('-rf', cjsDirPath);
+const libFiles = glob.sync(path.resolve(libDirPath, '**/*'));
+moveFiles(libFiles, 'tmp/lib', 'dist');
+shelljs.rm('-rf', libDirPath);

package/src/__stories__/App.stories.ts ADDED Viewed

@@ -0,0 +1,43 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import type { StoryObj } from '@storybook/vue3';
+import { onMounted } from 'vue';
+import type { ChatOptions } from '@n8n/chat/types';
+import { createChat } from '@n8n/chat/index';
+const webhookUrl = 'http://localhost:5678/webhook/f406671e-c954-4691-b39a-66c90aa2f103/chat';
+const meta = {
+	title: 'Chat',
+	render: (args: Partial<ChatOptions>) => ({
+		setup() {
+			onMounted(() => {
+				createChat(args);
+			});
+			return {};
+		},
+		template: '<div id="n8n-chat" />',
+	}),
+	parameters: {
+		layout: 'fullscreen',
+	},
+	tags: ['autodocs'],
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Fullscreen: Story = {
+	args: {
+		webhookUrl,
+		mode: 'fullscreen',
+	} satisfies Partial<ChatOptions>,
+};
+export const Windowed: Story = {
+	args: {
+		webhookUrl,
+		mode: 'window',
+	} satisfies Partial<ChatOptions>,
+};