CopilotOne
1.0.0
使用类似 Siri 的本机 AI 助手增强您现有的 Web/React 应用程序。
这些代理专注于缩短用户的学习曲线,并实现内容发现、功能发现、用户入门和表单填写的免提体验。
目标是为人工智能助手、代理和操作创建一个开放协议。使用此 SDK 查看 AI 助手的未来。
如需详细说明。阅读文档
在使用此软件包之前,请确保您具备以下条件:
现有的 React 应用程序
从 Sugar AI 或自托管帐户创建副驾驶凭据
您可以在 React 项目中通过 npm 安装@sugar-ai/copilot-one-js
包
npm install @sugar-ai/copilot-one-js@latest
在你的主文件中。 src/App.tsx
import { useCopilot , CopilotConfigType , CopilotProvider , VoiceAssistant } from '@sugar-ai/copilot-one-js' ;
const copilotConfig : CopilotConfigType = {
copilotId : "<copilotId>" ,
server : {
endpoint : "http://play.sugarcaneai.dev/api" ,
token : "<token>" ,
} ,
ai : {
defaultPromptTemplate : "<prompt template>" ,
defaultPromptVariables : {
$AGENT_NAME : "Sugar" ,
} ,
successResponse : "Task is completed" ,
failureResponse : "I am not able to do this"
} ,
}
// Wrap the App with Copilot Provider
< CopilotProvider config = { copilotConfig } >
< TodoApp / >
< / CopilotProvider>
我们以待办事项应用程序为例。使用useStateEmbedding
跟踪用户的当前屏幕上下文
const TodoApp = ( ) => {
const { useStateEmbedding , registerAction , unregisterAction } = useCopilot ( ) ; // Add
// const [todos, setTodos] = useState([]);
const [ todos , setTodos ] = useStateEmbedding ( [ ] , { scope1 : "todoApp" , scope2 : "todos" } ) ; // Switch
...
}
注册用于创建、删除和标记为完成的函数。
const TodoApp = ( ) => {
...
// Functionalies
const addTodo = ( task ) => { ... } } ;
const deleteTodo = ( task ) => { ... } ;
const markTodoAsDoneById = function ( todoId : number ) { ... } ;
// Register addTodo function
registerAction (
"addTodo" ,
{
name : "addTodo" ,
description : "Add a new todo" ,
parameters : [
{
name : "task" ,
type : "string" ,
description : "Task description" ,
required : true ,
}
] ,
} ,
addTodo ,
) ;
...
}
网页版SDK发布
POC
[] 导航代理
[] 表格代理