n8n Preview Mode Test Application

This is a simple test application for testing n8n's preview mode functionality. It creates an iframe that loads the n8n demo page and sends workflow data via postMessage.

Prerequisites

1. n8n Instance: You need a running n8n instance on localhost:5678 with preview mode enabled
2. Environment Variable: Set N8N_PREVIEW_MODE=true in your n8n environment

Setup Instructions

1. Clone the repository

git clone git@github.com:yehorkardash/n8n-preview-test.git
# or git clone https://github.com/yehorkardash/n8n-preview-test.git

2. Enable Preview Mode in n8n

# Set the environment variable
export N8N_PREVIEW_MODE=true

cd n8n

pnpm install
pnpm build
pnpm start

3. Serve the Test Application

cd n8n-preview-test
npm install
npm run start

4. Open the Application

Navigate to http://localhost:8080 in your browser.