@copilotkit/channels-whatsapp

中文文档
0.12.0发布于 2026/10/28MITTypeScriptES Module构建来源已验证近 30 天下载 4.9万

WhatsApp Cloud API platform adapter for CopilotKit JSX channels (@copilotkit/channels).

原始使用文档
文档目录16 节
  1. Install
  2. Quickstart
  3. Required env
  4. Capabilities
  5. WhatsAppAdapterOptions reference
  6. JSX → WhatsApp rendering
  7. Per-element budget
  8. Persistence
  9. ActionStore (interaction rehydration)
  10. HistoryStore (conversation memory)
  11. Commands
  12. Built-ins
  13. Tool context
  14. Running the demo
  15. What's NOT in v1
  16. Exports

@copilotkit/channels-whatsapp

The WhatsApp PlatformAdapter for @copilotkit/channels. It connects a WhatsApp Business number to any AG-UI agent: ingress via the Meta Cloud API webhook, egress as text or interactive messages rendered from the @copilotkit/channels-ui JSX vocabulary, opaque-id interactions, and HITL.

You write your UI as JSX once (@copilotkit/channels-ui) and drive the bot with @copilotkit/channels; this package is the only one that talks to the WhatsApp Cloud API.

The adapter keeps its own WhatsApp Cloud API credentials (accessToken / phoneNumberId / …) — in the managed path the Channel runs inside a CopilotKit Intelligence-configured CopilotRuntime (free plan available), which starts and owns the channel's lifecycle. Building and operating your own channel runner on the SDK primitives is also a supported path.

Install

pnpm add @copilotkit/channels @copilotkit/channels-whatsapp

Quickstart

import { createChannel } from "@copilotkit/channels";
import {
  whatsapp,
  defaultWhatsAppContext,
} from "@copilotkit/channels-whatsapp";
import { CopilotRuntime, CopilotKitIntelligence } from "@copilotkit/runtime/v2";
import { createCopilotNodeListener } from "@copilotkit/runtime/v2/node";

const bot = createChannel({
  identifyUser: "platform",
  name: "support-bot", // project-unique Intelligence Channel name
  adapters: [
    whatsapp({
      accessToken: process.env.WHATSAPP_ACCESS_TOKEN!,
      phoneNumberId: process.env.WHATSAPP_PHONE_NUMBER_ID!,
      appSecret: process.env.WHATSAPP_APP_SECRET!,
      verifyToken: process.env.WHATSAPP_VERIFY_TOKEN!,
      port: 3000,
    }),
  ],
  agent: makeAgent(process.env.AGENT_URL!),
  tools: [...appTools],
  context: [...defaultWhatsAppContext, ...appContext],
});

// Every inbound text is for the bot — there is no @-mention concept on WhatsApp.
bot.onMessage(async ({ thread }) => {
  await thread.runAgent();
});

// The runtime owns the channel's lifecycle — there is no `bot.start()`.
const runtime = new CopilotRuntime({
  intelligence: new CopilotKitIntelligence({
    // apiUrl and wsUrl default to cloud-hosted CopilotKit Intelligence — override
    // both together only for a self-hosted deployment.
    apiKey: process.env.CPK_INTELLIGENCE_API_KEY!, // free tier available
  }),
  channels: [bot],
});

// Creating the listener starts the Channel's connection.
const listener = createCopilotNodeListener({ runtime });
// Optional: await that activation so a broken config fails startup loudly.
await listener.channels.ready(); // listener.channels.stop() tears it down
console.log("[whatsapp-bot] listening for webhooks");

whatsapp(opts) returns a WhatsAppAdapter. It starts an HTTP server on port (default 3000) that handles the Meta webhook: a GET /webhook verification handshake and signed POST /webhook event delivery. You must expose this port publicly (e.g. via ngrok) and register the URL + verifyToken in the Meta app configuration. See examples/whatsapp for a complete setup walkthrough.

Required env

VarPurpose
WHATSAPP_ACCESS_TOKENCloud API access token (Bearer), from Meta App → API setup.
WHATSAPP_PHONE_NUMBER_IDBusiness phone-number id that sends messages.
WHATSAPP_APP_SECRETApp secret for X-Hub-Signature-256 webhook validation.
WHATSAPP_VERIFY_TOKENToken echoed during the GET verification handshake.

Capabilities

CapabilitySupportedNotes
supportsStreamingfalseWhatsApp messages are immutable; there is no edit-message API.
supportsModalsfalseNo modal surface in the Cloud API.
supportsTypingfalseNo typing-indicator API for business accounts.
supportsReactionsfalseNo reaction API for business-sent messages.

Because messages are immutable, thread.stream(...) buffers the full iterable and sends it as a single message — there is no token-by-token streaming. Calls to update and delete are also no-ops (they post a new message instead, or silently drop). The defaultWhatsAppContext entry tells the agent about this constraint so it doesn't promise to "update this message."

WhatsAppAdapterOptions reference

OptionTypeDefaultDescription
accessTokenstringrequiredCloud API access token (Bearer).
phoneNumberIdstringrequiredBusiness phone-number id that sends messages.
appSecretstringrequiredApp secret for X-Hub-Signature-256 webhook validation.
verifyTokenstringrequiredToken echoed during the GET verification handshake.
portnumber3000HTTP server port.
pathstring"/webhook"Webhook path.
apiVersionstring"v21.0"Graph API version.
graphBaseUrlstring"https://graph.facebook.com"Graph API base origin. Overridable for tests.
interruptEventNamesReadonlySet<string>undefinedCustom AG-UI event names treated as interrupts by the run renderer.
commandPrefixstring"/"Prefix for leading-keyword command matching.
historyStoreHistoryStorenew InMemoryHistoryStore()Pluggable conversation-history persistence.
filesFileDeliveryConfig{}Inbound media handling configuration.

JSX → WhatsApp rendering

renderWhatsAppMessage(ir) lowers the @copilotkit/channels-ui IR to Cloud API payloads. The strategy:

  • 0 actions → plain text message (markdown converted to WhatsApp formatting).
  • 1–3 button actions → interactive button message (reply buttons).
  • 4–10 actions → interactive list message (list picker).
  • >10 actions → numbered text menu (degraded fallback).

Image nodes always emit their own image payload. Markdown is translated to WhatsApp formatting: **bold**, _italic_, ~~strikethrough~~, `code`, and code blocks. Headings, tables, and clickable Markdown links are not supported on WhatsApp — links render as plain text.

Per-element budget

WhatsApp caps interactive elements. Limits live in WA_LIMITS:

LimitValueElement
bodyText4096text message body chars
replyButtons3reply buttons in an interactive button message
buttonTitle20reply-button title chars
interactiveBody1024interactive message body chars
interactiveHeader60interactive header chars
interactiveFooter60interactive footer chars
listRows10total rows across all sections in a list message
rowTitle24list-row title chars
rowDescription72list-row description chars
listButton20list open-button label chars
controlId256interactive control id chars

Persistence

ActionStore (interaction rehydration)

The engine's ActionStore (from @copilotkit/channels) stores the minted opaque ids that power Button / Select click handlers. By default it is in-memory: after a process restart, clicks on old interactive messages are acknowledged but ignored. For persistent interactions, pass a durable ActionStore to createChannel({ actionStore }).

HistoryStore (conversation memory)

Unlike Slack, WhatsApp exposes no readable message history. The adapter maintains its own HistoryStore and replays it into agent.messages on every turn. The default is InMemoryHistoryStore (up to 100 messages per conversation, drops oldest). Swap a durable backend by implementing the HistoryStore interface:

interface HistoryStore {
  append(conversationKey: string, message: StoredMessage): Promise<void>;
  read(conversationKey: string): Promise<StoredMessage[]>;
}

Pass it as historyStore in the adapter options:

whatsapp({
  // ...
  historyStore: new MyRedisHistoryStore(),
});

Without a durable HistoryStore, conversation history is lost on process restart.

Commands

Commands are matched by a leading keyword in the message text (default prefix /). Register handlers with bot.onCommand:

bot.onCommand("status", async ({ thread, text }) => {
  await thread.runAgent({ prompt: `Status check: ${text}` });
});

Unlike Slack, WhatsApp has no native slash-command surface — commands are plain text messages that start with the prefix. They are NOT pre-filtered by the adapter (the engine matches them), and command messages are not persisted to the HistoryStore at ingress. Sent commands need to be serialized into the agent prompt explicitly if the agent needs to see them as history.

Built-ins

  • defaultWhatsAppTools — empty in v1 (WhatsApp exposes no user directory, so there is no lookup_user equivalent). Spread into tools for future compatibility.
  • defaultWhatsAppContext — two context entries: WhatsApp formatting rules (bold/italic/code, no headings or clickable links) and delivery constraints (no streaming, no message editing). Spread into context.
  • whatsAppFormattingContext / whatsAppDeliveryContext — the individual entries if you need to compose them selectively.

Tool context

Tools receive the single shared ChannelToolContext from @copilotkit/channels ({ thread, message?, user?, signal?, platform }) and reach WhatsApp power through capability-gated thread methods this adapter backs:

  • thread.getMessages() — the current conversation's message history (from HistoryStore), each a ThreadMessage ({ user?, text, ts?, isBot? }).
  • thread.postFile({ bytes, filename, title?, altText? }) — upload and send a file (image → image payload; other → document payload via the media-upload API).

Note: thread.lookupUser(query) is a no-op on WhatsApp — the Cloud API exposes no user directory. It always returns undefined.

Running the demo

This package is the library. A runnable end-to-end demo wiring everything against a real WhatsApp number lives in examples/whatsapp.

What's NOT in v1

  • No message editing or streaming (WhatsApp messages are immutable)
  • No proactive messaging outside the 24-hour customer-service window — the adapter does not implement template-message sending; the bot can only reply within the 24-hour window opened by an inbound user message
  • No user directory (lookupUser always returns undefined)
  • No OAuth / multi-number install (single access token only)
  • Durable ActionStore and HistoryStore are in-memory by default; actions and history expire on restart unless you provide durable implementations

Exports

whatsapp, WhatsAppAdapter; WhatsAppAdapterOptions, ReplyTarget, WhatsAppMessageRef (types); WhatsAppConversationStore; InMemoryHistoryStore, HistoryStore, StoredMessage (types); renderWhatsAppMessage, WhatsAppOutbound (type); WA_LIMITS, truncateText, clampArray; markdownToWhatsApp; decodeInteraction, conversationKeyOf; createRunRenderer; WhatsAppClient, DownloadedMedia (type); buildFileContentParts, AgentContentPart, FileDeliveryConfig (types); defaultWhatsAppTools; defaultWhatsAppContext, whatsAppFormattingContext, whatsAppDeliveryContext.

版本与发布记录

@copilotkit/channels-whatsapp 共发布 45 个版本,首次发布于 2026/07/09;过去 12 个月发布了 45 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
0.12.0latest2026/10/2813 天前
0.11.12026/10/1625 天前
0.11.02026/09/231 个月前
0.10.02026/09/151 个月前
0.9.32026/09/151 个月前
0.9.22026/09/032 个月前

其他发布通道:canary → 0.7.3-canary.1785878925。

关于 @copilotkit/channels-whatsapp 的常见问题

@copilotkit/channels-whatsapp 是什么?

WhatsApp Cloud API platform adapter for CopilotKit JSX channels (@copilotkit/channels).

如何安装 @copilotkit/channels-whatsapp?

在项目目录运行 npm install @copilotkit/channels-whatsapp,或使用 pnpm add / yarn add / bun add。

@copilotkit/channels-whatsapp 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@copilotkit/channels-whatsapp 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@copilotkit/channels-whatsapp 可以商用吗?

@copilotkit/channels-whatsapp 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@copilotkit/channels-whatsapp 的下载量有多少?

根据 npm 官方下载统计,@copilotkit/channels-whatsapp 在 2026/10/11 – 2026/11/09 这 30 天内被下载 48,803 次,日均约 1,627 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@copilotkit/channels-whatsapp 还在维护吗?

最新版本 0.12.0 发布于 2026/10/28(13 天前);至今共发布 45 个版本,其中过去 12 个月发布了 45 个;首次发布于 2026/07/09。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。