Dify provider for Vercel AI SDK
npm install @beedick/dify-ai-providerA provider for Dify.AI to work with Vercel AI SDK.
This provider allows you to easily integrate Dify AI's application workflow with your applications using the Vercel AI SDK.
- 🤖 Full Dify Integration: Support for all Dify application types (Chat, Workflow, Agent)
- 🧠 Reasoning Support: Automatic parsing of tags for AI reasoning process
- 📊 Workflow Tracking: Real-time monitoring of workflow execution and node performance
- 🔄 Streaming & Blocking: Support for both streaming and blocking response modes
- 📈 Rich Metadata: Access to conversation IDs, message IDs, and execution reports
- 🛠️ Agent Insights: Detailed agent thought processes and tool usage information
- 🎯 Type Safe: Full TypeScript support with comprehensive type definitions
To use this provider, you'll need:
- Dify Account: Create an account at Dify.AI
- Dify Application: Each application functions as a model within the Vercel AI SDK
- Application ID: Serves as the model ID in your code, can be found in the URL: https://cloud.dify.ai/app/${dify-application-id}/workflow
- API Key: can be obtained from the application settings
``bash
npm install dify-ai-provider
Usage
$3
`typescript
import { generateText } from "ai";
import { difyProvider } from "dify-ai-provider";process.env.DIFY_API_KEY = "dify-api-key"; // app-...
// Create a Dify provider instance
const dify = difyProvider("dify-application-id", {
responseMode: "blocking",
});
// Generate text using Dify AI
const { text, providerMetadata } = await generateText({
model: dify,
messages: [{ role: "user", content: "Hello, how are you today?" }],
headers: { "user-id": "test-user" },
});
const { conversationId, messageId } = providerMetadata.difyWorkflowData;
console.log(text);
console.log("conversationId", conversationId);
console.log("messageId", messageId);
`$3
You can continue a conversation by providing a
chat-id and user-id in request header:`typescript
const { text: followUpText } = await generateText({
model: dify,
messages: [
{ role: "user", content: "That's great! What can you help me with?" },
],
headers: { "user-id": "test-user", "chat-id": conversationId },
});console.log("followUpText", followUpText);
`$3
`typescript
import { streamText } from "ai";
import { difyProvider } from "dify-ai-provider";const dify = difyProvider("dify-application-id");
const result = streamText({
model: dify,
messages: [{ role: "user", content: "Explain quantum computing with deep thinking." }],
headers: { "user-id": "user-123" }
});
// Monitor the complete AI process
for await (const part of result.fullStream) {
switch (part.type) {
case 'reasoning-start':
console.log('🤔 AI is thinking...');
break;
case 'reasoning-delta':
console.log(
💭 Thought: ${part.delta});
break;
case 'text-delta':
process.stdout.write(part.delta); // Real-time answer
break;
case 'raw':
const event = part.rawValue as any;
if (event.difyEvent === 'workflow_started') {
console.log(🚀 Workflow started: ${event.workflow_run_id});
} else if (event.difyEvent === 'node_finished') {
console.log(✅ Node completed in ${event.duration}s);
}
break;
case 'finish':
const execution = part.providerMetadata?.dify?.workflowExecution;
console.log(🎉 Complete! Workflow took ${execution?.duration}s);
break;
}
}
`$3
`typescript
import { createDifyProvider } from "dify-ai-provider";
const difyProvider = createDifyProvider({
baseURL: "your-base-url",
});
const dify = difyProvider("dify-application-id", {
responseMode: "blocking",
apiKey: "dify-api-key",
});
`$3
Next.js AI Chatbot is a full-featured, hackable Next.js AI chatbot built by Vercel. If you want to use it as a chatbot frontend for a Dify application, follow the guidelines below:
#### Key Concepts
- In Dify, an application corresponds to a model ID in the AI provider
- A Dify conversation maps to a chat session in the chatbot
- When you first send a message to Dify, it automatically generates a new conversation
- You must save and reuse the conversation ID for subsequent messages to maintain chat continuity
- Without reusing the conversation ID, each message will create a new conversation in Dify
#### Getting the Conversation ID
You can retrieve the Dify conversation ID from the
onFinish callback:`ts
onFinish: async ({ response, providerMetadata }) => {
const conversationId = providerMetadata?.difyWorkflowData?.conversationId as string;
const messageId = providerMetadata?.difyWorkflowData?.messageId as string;
// Save conversationId for future use
}
`#### Passing Headers for Conversation Continuity
Pass the user ID and conversation ID in the headers when calling
streamText:> Important: The
conversation_id must be obtained from a Dify response. Using an invalid conversation ID will result in an error stating that the conversation does not exist.`ts
const stream = createDataStream({
execute: (dataStream) => {
const headers = {
'user-id': session.user.id,
'chat-id': conversation_id_returned_from_dify
}; const result = streamText({
model: myProvider.languageModel(selectedChatModel),
headers,
// ... other options
});
// ... rest of implementation
}
// ... other options
});
`Event Types
The provider emits various event types through the AI SDK's streaming interface:
$3
- text-start / text-delta / text-end - Answer content
- reasoning-start / reasoning-delta / reasoning-end - AI thinking process (from tags)
- response-metadata - Basic response information
- finish - Completion with usage statistics and execution report$3
- workflow_started - Workflow execution begins
- workflow_finished - Workflow execution completes
- node_started / node_finished - Individual node execution
- agent_thought - Agent reasoning and tool usageAPI Reference
$3
Creates a Dify chat model instance.
#### Parameters
- modelId (string): The ID of your Dify application
- settings (optional object):
-
baseURL (string): The base URL for the Dify API. Default is https://api.dify.ai/v1
- headers (Record): Additional headers for API requests
- inputs (object): Additional inputs to send with the request
- responseMode (string): Response mode, defaults to "streaming"
- apiKey (string): Your Dify application API key. If not provided, uses DIFY_API_KEY environment variable#### Headers
-
user-id (required): Unique identifier for the end user
- chat-id` (optional): Conversation ID to continue existing conversations