Vanilla Agent Proxy

Proxy server library for vanilla-agent widget. Handles flow configuration and forwards requests to Travrse or other AI backends.

Installation

npm install vanilla-agent-proxy

Usage

The proxy server handles flow configuration and forwards requests to Travrse. You can configure it in three ways:

Option 1: Use default flow (recommended for getting started)

// api/chat.ts
import { createChatProxyApp } from 'vanilla-agent-proxy';

export default createChatProxyApp({
  path: '/api/chat/dispatch',
  allowedOrigins: ['https://www.example.com']
});

Option 2: Reference a Travrse flow ID

import { createChatProxyApp } from 'vanilla-agent-proxy';

export default createChatProxyApp({
  path: '/api/chat/dispatch',
  allowedOrigins: ['https://www.example.com'],
  flowId: 'flow_abc123' // Flow created in Travrse dashboard or API
});

Option 3: Define a custom flow

import { createChatProxyApp } from 'vanilla-agent-proxy';

export default createChatProxyApp({
  path: '/api/chat/dispatch',
  allowedOrigins: ['https://www.example.com'],
  flowConfig: {
    name: "Custom Chat Flow",
    description: "Specialized assistant flow",
    steps: [
      {
        id: "custom_prompt",
        name: "Custom Prompt",
        type: "prompt",
        enabled: true,
        config: {
          model: "meta/llama3.1-8b-instruct-free",
          responseFormat: "markdown",
          outputVariable: "prompt_result",
          userPrompt: "{{user_message}}",
          systemPrompt: "you are a helpful assistant, chatting with a user",
          previousMessages: "{{messages}}"
        }
      }
    ]
  }
});

Hosting on Vercel:

import { createVercelHandler } from 'vanilla-agent-proxy';

export default createVercelHandler({
  allowedOrigins: ['https://www.example.com'],
  flowId: 'flow_abc123' // Optional
});

Configuration Options

| Option | Type | Description | | --- | --- | --- | | upstreamUrl | string | Travrse API endpoint (defaults to https://api.travrse.ai/v1/dispatch) | | apiKey | string | Travrse API key (defaults to TRAVRSE_API_KEY environment variable) | | path | string | Proxy endpoint path (defaults to /api/chat/dispatch) | | allowedOrigins | string[] | CORS allowed origins | | flowId | string | Travrse flow ID to use | | flowConfig | TravrseFlowConfig | Custom flow configuration |

Environment Setup

Add TRAVRSE_API_KEY to your environment. The proxy constructs the Travrse payload (including flow configuration) and streams the response back to the client.

Building

pnpm build

This generates:

• dist/index.js (ESM)
• dist/index.cjs (CJS)
• Type definitions in dist/index.d.ts