feat(realtime-websocket): implement settings component and API integration (#277)

Co-authored-by: shenxiaojie.316 <shenxiaojie.316@bytedance.com>

Author: jackshen310

common/changes/@coze/api/feat-login_2025-06-25-04-07.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze/api",
+      "comment": "implement settings component and API integration",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@coze/api",
+  "email": "shenxiaojie.316@bytedance.com"
+}

examples/coze-js-node/src/bot.ts

@@ -36,16 +36,14 @@ async function main() {
   console.log('client.bots.publish', publishedBot);
 
   await sleep(1000);
-  const list = await client.bots.list({
-    space_id: spaceId,
-    page_index: 1,
+  const list = await client.bots.listNew({
+    workspace_id: spaceId,
+    page_num: 1,
     page_size: 10,
   });
   console.log('client.bots.list', list);
 
-  const info = await client.bots.retrieve({
-    bot_id: bot.bot_id,
-  });
+  const info = await client.bots.retrieveNew(bot.bot_id);
   console.log('client.bots.retrieve', info);
 }
 

examples/coze-js-node/src/websockets/transcriptions.ts

@@ -10,7 +10,7 @@ const filename = fileURLToPath(import.meta.url);
 const filePath = join(dirname(filename), '../../tmp/pcm.txt');
 
 async function main() {
-  const ws = await client.websockets.audio.transcriptions.create({
+  const ws = await client.websockets.audio.transcriptions.create(undefined, {
     maxRetries: 3,
   });
 

examples/realtime-websocket/package.json

@@ -5,10 +5,10 @@
   "type": "module",
   "scripts": {
     "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --max-warnings 0",
     "preview": "vite preview",
     "run-preinstall": "node scripts/preinstall.cjs",
-    "start": "vite",
+    "start": "vite --host",
     "test": "exit 0"
   },
   "dependencies": {

examples/realtime-websocket/src/components/audio-config/index.tsx

@@ -27,6 +27,7 @@ export interface AudioConfigRef {
     autoGainControl: boolean;
     debug: boolean;
     audioMutedDefault: boolean;
+    isHuaweiMobile: boolean;
   };
 }
 
@@ -53,6 +54,9 @@ export const AudioConfig = forwardRef<
   const [autoGainControl, setAutoGainControl] = useState(true);
   const [debug, setDebug] = useState(false);
   const [audioMutedDefault, setAudioMutedDefault] = useState(false);
+  const [isHuaweiMobile, setIsHuaweiMobile] = useState(
+    WsToolsUtils.isHarmonOS(),
+  );
 
   useEffect(() => {
     if (!clientRef.current) {
@@ -93,6 +97,7 @@ export const AudioConfig = forwardRef<
       autoGainControl,
       debug,
       audioMutedDefault,
+      isHuaweiMobile,
     }),
   }));
 
@@ -151,6 +156,20 @@ export const AudioConfig = forwardRef<
                 </Tooltip>
               </Checkbox>
             </Col>
+            <Col>
+              <Checkbox
+                checked={isHuaweiMobile}
+                disabled={isRecording}
+                onChange={e => setIsHuaweiMobile(e.target.checked)}
+              >
+                鸿蒙手机
+                <Tooltip title="解决回音无法消除的问题">
+                  <InfoCircleOutlined
+                    style={{ marginLeft: 4, color: '#999' }}
+                  />
+                </Tooltip>
+              </Checkbox>
+            </Col>
           </Row>
         </Col>
 

examples/realtime-websocket/src/components/header/header.tsx

@@ -26,6 +26,7 @@ const AppHeader: React.FC<AppHeaderProps> = ({
       <Settings
         onSettingsChange={onSettingsChange}
         localStorageKey={localStorageKey}
+        fields={[]}
       />
     </div>
   </Header>