feat: enhance multiple platform (#64)

* fix: remove multiplatform * docs: example * fix: modify api * test: weapp * feat: expose response error * chore: Publish feat/taro-multi * test: fix testcase * chore: update version * chore: Publish feat/taro-multi * chore: fix version * chore: Publish feat/taro-multi
coze-dev · Feb 6, 2025 · d3f8585 · d3f8585
1 parent 459b45e
commit d3f8585
Show file tree

Hide file tree

Showing 31 changed files with 495 additions and 280 deletions.
diff --git a/common/changes/@coze/api/feat-taro-multi_2025-02-06-01-53.json b/common/changes/@coze/api/feat-taro-multi_2025-02-06-01-53.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/api",
+      "comment": "fix version",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze/api",
+  "email": "[email protected]"
+}
diff --git a/common/changes/@coze/taro-api/feat-taro-multi_2024-12-23-08-11.json b/common/changes/@coze/taro-api/feat-taro-multi_2024-12-23-08-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/taro-api",
+      "comment": "remove multiplatform",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze/taro-api",
+  "email": "[email protected]"
+}
diff --git a/common/changes/@coze/taro-api/feat-taro-multi_2024-12-23-13-09.json b/common/changes/@coze/taro-api/feat-taro-multi_2024-12-23-13-09.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/taro-api",
+      "comment": "example",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze/taro-api",
+  "email": "[email protected]"
+}
diff --git a/common/changes/@coze/taro-api/feat-taro-multi_2024-12-30-11-19.json b/common/changes/@coze/taro-api/feat-taro-multi_2024-12-30-11-19.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/taro-api",
+      "comment": "modify api",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze/taro-api",
+  "email": "[email protected]"
+}
diff --git a/common/changes/@coze/taro-api/feat-taro-multi_2024-12-31-02-23.json b/common/changes/@coze/taro-api/feat-taro-multi_2024-12-31-02-23.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/taro-api",
+      "comment": "weapp",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze/taro-api",
+  "email": "[email protected]"
+}
diff --git a/common/changes/@coze/taro-api/feat-taro-multi_2025-01-22-10-14.json b/common/changes/@coze/taro-api/feat-taro-multi_2025-01-22-10-14.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/taro-api",
+      "comment": "expose response error",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@coze/taro-api",
+  "email": "[email protected]"
+}
diff --git a/common/changes/@coze/taro-api/feat-taro-multi_2025-02-05-03-02.json b/common/changes/@coze/taro-api/feat-taro-multi_2025-02-05-03-02.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/taro-api",
+      "comment": "fix testcase",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze/taro-api",
+  "email": "[email protected]"
+}
diff --git a/common/changes/@coze/taro-api/feat-taro-multi_2025-02-05-07-16.json b/common/changes/@coze/taro-api/feat-taro-multi_2025-02-05-07-16.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/taro-api",
+      "comment": "update version",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze/taro-api",
+  "email": "[email protected]"
+}
diff --git a/common/changes/@coze/taro-api/feat-taro-multi_2025-02-06-01-53.json b/common/changes/@coze/taro-api/feat-taro-multi_2025-02-06-01-53.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/taro-api",
+      "comment": "fix version",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze/taro-api",
+  "email": "[email protected]"
+}
diff --git a/examples/coze-js-taro/src/pages/index/index.tsx b/examples/coze-js-taro/src/pages/index/index.tsx
@@ -1,13 +1,15 @@
 import { useState, useRef } from 'react';
 
 import { useLoad } from '@tarojs/taro';
-import { View, Text, Button } from '@tarojs/components';
+import { View, Text, Button, Switch } from '@tarojs/components';
 import { CozeAPI, AbortController } from '@coze/taro-api';
 import { RoleType, ChatEventType } from '@coze/api';
 import './index.css';
 
 export default function Index() {
-  const [message, setMessage] = useState('');
+  const [streaming, setStreaming] = useState(true);
+  const [streamingMessage, setStreamingMessage] = useState('');
+  const [pollingMessage, setPollingMessage] = useState('');
   const clientRef = useRef<CozeAPI | null>(null);
 
   useLoad(() => {
@@ -18,9 +20,9 @@ export default function Index() {
     });
   });
 
-  const handleClick = async () => {
+  const handleStreamingChat = async () => {
     if (clientRef.current) {
-      setMessage('');
+      setStreamingMessage('');
       try {
         const controller = new AbortController();
         // setTimeout(() => {
@@ -41,7 +43,7 @@ export default function Index() {
         );
         for await (const chunk of res) {
           if (chunk.event === ChatEventType.CONVERSATION_MESSAGE_DELTA) {
-            setMessage(msg => msg + chunk.data.content);
+            setStreamingMessage(msg => msg + chunk.data.content);
           }
           console.log(chunk);
         }
@@ -51,10 +53,62 @@ export default function Index() {
     }
   };
 
+  const handlePollingChat = async () => {
+    if (clientRef.current) {
+      setPollingMessage('');
+      try {
+        const controller = new AbortController();
+        // setTimeout(() => {
+        //   controller.abort();
+        // }, 10);
+
+        const { messages = [] } = await clientRef.current.chat.createAndPoll(
+          {
+            bot_id: process.env.TARO_APP_COZE_BOT_ID ?? '',
+            user_id: 'abc',
+            additional_messages: [
+              { role: RoleType.User, content: 'hello', content_type: 'text' },
+            ],
+          },
+          {
+            signal: controller.signal,
+          },
+        );
+        setPollingMessage(
+          (messages || []).reduce((acc, cur) => {
+            if (cur.type === 'answer') {
+              acc += cur.content;
+            }
+            return acc;
+          }, ''),
+        );
+        console.log('messages: ', messages);
+      } catch (e) {
+        console.log('failed: ', e);
+      }
+    }
+  };
+
   return (
     <View className="index">
-      <Button onClick={handleClick}>streaming chat</Button>
-      <Text>{message}</Text>
+      <View>
+        <Switch
+          checked={streaming}
+          onChange={evt => setStreaming(evt.detail.value)}
+        />
+        <Text>{streaming ? 'streaming' : 'polling'}</Text>
+      </View>
+      {streaming ? (
+        <>
+          <Button onClick={handleStreamingChat}>streaming chat</Button>
+          <Text>{streamingMessage}</Text>
+        </>
+      ) : (
+        <>
+          <Button onClick={handlePollingChat}>polling chat</Button>
+          <Text>{pollingMessage}</Text>
+        </>
+      )}
     </View>
   );
 }
diff --git a/examples/coze-js-taro3/config/index.ts b/examples/coze-js-taro3/config/index.ts
@@ -25,13 +25,7 @@ export default defineConfig(async merge => {
       options: {},
     },
     framework: 'vue3',
-    compiler: {
-      type: 'webpack5',
-      prebundle: {
-        // 1. Don‘t prebundle '@coze/taro-api'
-        exclude: ['@coze/taro-api'],
-      },
-    },
+    compiler: 'webpack5',
     cache: {
       enable: false,
     },
@@ -56,11 +50,6 @@ export default defineConfig(async merge => {
         },
       },
       webpackChain(chain) {
-        // 2. Enable multi-platform support for '@coze/taro-api'
-        chain.resolve.plugin('MultiPlatformPlugin').tap(args => {
-          args[2]['include'] = ['@coze/taro-api'];
-          return args;
-        });
         chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin);
         chain.module
           .rule('taroApiBabel')
@@ -100,11 +89,6 @@ export default defineConfig(async merge => {
         },
       },
       webpackChain(chain) {
-        // 2. Enable multi-platform support for '@coze/taro-api'
-        chain.resolve.plugin('MultiPlatformPlugin').tap(args => {
-          args[2]['include'] = ['@coze/taro-api'];
-          return args;
-        });
         chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin);
         chain.module
           .rule('taroApiBabel')

diff --git a/examples/coze-js-taro3/src/pages/index/index.vue b/examples/coze-js-taro3/src/pages/index/index.vue
@@ -1,12 +1,21 @@
 <template>
   <View class="index">
-    <Button @tap="handleClick">streaming chat</Button>
-    <Text>{{ msg }}</Text>
+    <Switch :checked="streaming" @change="handleChangeMode"></Switch>
+    <Text v-if="streaming">streaming chat</Text>
+    <Text v-else>polling chat</Text>
+    <template v-if="streaming">
+      <Button @tap="handleStreamingChat">streaming chat</Button>
+      <Text>{{ streamingMessage }}</Text>
+    </template>
+    <template v-else>
+      <Button @tap="handlePollingChat">polling chat</Button>
+      <Text>{{ pollingMessage }}</Text>
+    </template>
   </View>
 </template>
 
 <script>
-import { View, Text, Button } from '@tarojs/components';
+import { View, Text, Button, Switch } from '@tarojs/components';
 import { CozeAPI, AbortController } from '@coze/taro-api';
 import { RoleType, ChatEventType } from '@coze/api';
 import { ref } from 'vue';
@@ -17,18 +26,25 @@ export default {
     View,
     Text,
     Button,
+    Switch,
   },
 
   setup() {
-    const msg = ref('');
+    const streaming = ref(true);
+    const streamingMessage = ref('');
+    const pollingMessage = ref('');
     const client = new CozeAPI({
       baseURL: process.env.TARO_APP_COZE_BASE_URL,
       token: process.env.TARO_APP_COZE_PAT ?? '',
       allowPersonalAccessTokenInBrowser: true, // only for test
     });
 
-    async function handleClick() {
-      msg.value = '';
+    function handleChangeMode(evt) {
+      streaming.value = evt.detail.value;
+    }
+
+    async function handleStreamingChat() {
+      streamingMessage.value = '';
       try {
         const controller = new AbortController();
         // setTimeout(() => {
@@ -49,7 +65,7 @@ export default {
         );
         for await (const chunk of res) {
           if (chunk.event === ChatEventType.CONVERSATION_MESSAGE_DELTA) {
-            msg.value += chunk.data.content;
+            streamingMessage.value += chunk.data.content;
           }
           console.log(chunk);
         }
@@ -58,9 +74,45 @@ export default {
       }
     }
 
+    async function handlePollingChat() {
+      pollingMessage.value = '';
+      try {
+        const controller = new AbortController();
+        // setTimeout(() => {
+        //   controller.abort();
+        // }, 10);
+
+        const { messages } = await client.chat.createAndPoll(
+          {
+            bot_id: process.env.TARO_APP_COZE_BOT_ID ?? '',
+            user_id: 'abc',
+            additional_messages: [
+              { role: RoleType.User, content: 'hello', content_type: 'text' },
+            ],
+          },
+          {
+            signal: controller.signal,
+          },
+        );
+        pollingMessage.value = (messages || []).reduce((acc, cur) => {
+          if (cur.type === 'answer') {
+            acc += cur.content;
+          }
+          return acc;
+        }, '');
+        console.log('messages: ', messages);
+      } catch (e) {
+        console.log('failed: ', e);
+      }
+    }
+
     return {
-      msg,
-      handleClick,
+      streaming,
+      streamingMessage,
+      pollingMessage,
+      handleChangeMode,
+      handleStreamingChat,
+      handlePollingChat,
     };
   },
 };

diff --git a/packages/coze-js/package.json b/packages/coze-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coze/api",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Official Coze Node.js SDK for seamless AI integration into your applications | 扣子官方 Node.js SDK，助您轻松集成 AI 能力到应用中",
   "keywords": [
     "coze",