n8n/packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger

ChatTrigger Local Development

This guide explains how to set up local development for the ChatTrigger node when working with the chat bundle.

Prerequisites

Since the chat bundle is loaded via <script type="module">, it needs to be served over HTTPS for local development.

Setup Instructions

1. Install HTTP Server

Install the http-server globally:

npm install -g http-server

2. Generate SSL Certificate

Generate a self-signed certificate for HTTPS:

openssl req -x509 -newkey rsa:4096 -keyout key.pem -out cert.pem -days 365 -nodes

3. Build the Chat Bundle

Navigate to the chat package and build it:

cd packages/frontend/@n8n/chat && pnpm run build 

4. Start HTTPS Server

Run the HTTPS server to serve the chat bundle:

http-server packages/frontend/@n8n/chat/dist -g -S -C cert.pem -K key.pem --port 8443 --cors

5. Update Import Paths

Modify the import paths in templates.ts to point to your local server:

<script type="module">
    import { createChat } from 'https://127.0.0.1:8443/chat.bundle.es.js';

<link href="https://127.0.0.1:8443/chat.css" rel="stylesheet" />