@kedge-agentic/react-sdk

React hooks 工具集 — 集成 Claude Code as a Service 后端。

类型: 框架绑定 (React) · 状态: public · v0.2.0

用途

给 React 应用提供消费 ccaas 后端的 hooks:

• Connection: useAgentConnection, useSseStream
• Chat: useAgentChat, useAgentStatus, useChatLayout
• Queue / files: useQueueStatus, useOutputSync, useFiles, useFileVersions
• Skills: useSkills
• Page context: usePageContext

主要导出

import {
  useAgentConnection,
  useAgentChat,
  useSseStream,
  useAgentStatus,
  useQueueStatus,
  useOutputSync,
  useSkills,
  useChatLayout,
  usePageContext,
  useFiles,
  useFileVersions,
} from '@kedge-agentic/react-sdk'

用法

function ChatScreen() {
  const { connect } = useAgentConnection({ baseUrl: '...', apiKey: '...' })
  const { messages, send } = useAgentChat({ sessionId })
  return <div>{messages.map(m => <Message key={m.id} {...m} />)}</div>
}

依赖

• 运行时: @kedge-agentic/common, @tanstack/react-query, date-fns
• Peer: react, react-resizable-panels, socket.io-client

关联包

• @kedge-agentic/common — 共享类型
• @kedge-agentic/chat-interface — 在 react-sdk 之上的 chat UI 组件库
• @kedge-agentic/vue-sdk — Vue 对应版

构建 / 测试

npm run build:react-sdk
npm test -w @kedge-agentic/react-sdk