@solo3li/client-react 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export interface OmniAgentOptions {
+    token: string;
+    livekitUrl: string;
+    onAgentConnected?: () => void;
+    onAgentDisconnected?: () => void;
+    onAgentSpeaking?: (isSpeaking: boolean) => void;
+}
+export declare const useOmniAgent: (options: OmniAgentOptions) => {
+    isConnected: boolean;
+    isAgentSpeaking: boolean;
+    disconnect: () => void;
+};

package/dist/index.js

@@ -0,0 +1,61 @@
+import { useEffect, useState } from 'react';
+import { Room, RoomEvent, Track } from 'livekit-client';
+export const useOmniAgent = (options) => {
+    const [room, setRoom] = useState(null);
+    const [isConnected, setIsConnected] = useState(false);
+    const [isAgentSpeaking, setIsAgentSpeaking] = useState(false);
+    useEffect(() => {
+        if (!options.token || !options.livekitUrl)
+            return;
+        const newRoom = new Room({
+            adaptiveStream: true,
+            dynacast: true,
+        });
+        newRoom.on(RoomEvent.Connected, () => {
+            setIsConnected(true);
+            options.onAgentConnected?.();
+        });
+        newRoom.on(RoomEvent.Disconnected, () => {
+            setIsConnected(false);
+            options.onAgentDisconnected?.();
+        });
+        newRoom.on(RoomEvent.ActiveSpeakersChanged, (speakers) => {
+            const agentSpeaking = speakers.some(s => s.identity === 'ai-agent');
+            setIsAgentSpeaking(agentSpeaking);
+            options.onAgentSpeaking?.(agentSpeaking);
+        });
+        newRoom.on(RoomEvent.TrackSubscribed, (track, publication, participant) => {
+            if (track.kind === Track.Kind.Audio) {
+                const element = track.attach();
+                document.body.appendChild(element);
+            }
+        });
+        const connect = async () => {
+            try {
+                await newRoom.connect(options.livekitUrl, options.token);
+                // Publish microphone
+                await newRoom.localParticipant.enableCameraAndMicrophone();
+                setRoom(newRoom);
+            }
+            catch (error) {
+                console.error('Failed to connect to OmniAgent:', error);
+            }
+        };
+        connect();
+        return () => {
+            newRoom.disconnect();
+        };
+    }, [options.token, options.livekitUrl]);
+    const disconnect = () => {
+        if (room) {
+            room.disconnect();
+            setRoom(null);
+            setIsConnected(false);
+        }
+    };
+    return {
+        isConnected,
+        isAgentSpeaking,
+        disconnect
+    };
+};

package/dist/useAiAgent.d.ts

@@ -0,0 +1,13 @@
+import { Room } from 'livekit-client';
+export interface UseAiAgentOptions {
+    wsUrl: string;
+    token: string;
+    autoConnect?: boolean;
+}
+export declare function useAiAgent({ wsUrl, token, autoConnect }: UseAiAgentOptions): {
+    isConnected: boolean;
+    isAgentSpeaking: boolean;
+    connect: () => Promise<void>;
+    disconnect: () => void;
+    room: Room | null;
+};

package/dist/useAiAgent.js

@@ -0,0 +1,41 @@
+import { useState, useCallback, useEffect } from 'react';
+import { Room, RoomEvent } from 'livekit-client';
+export function useAiAgent({ wsUrl, token, autoConnect = false }) {
+    const [room, setRoom] = useState(null);
+    const [isConnected, setIsConnected] = useState(false);
+    const [isAgentSpeaking, setIsAgentSpeaking] = useState(false);
+    const connect = useCallback(async () => {
+        const newRoom = new Room();
+        newRoom.on(RoomEvent.Connected, () => setIsConnected(true));
+        newRoom.on(RoomEvent.Disconnected, () => setIsConnected(false));
+        newRoom.on(RoomEvent.ActiveSpeakersChanged, (speakers) => {
+            // Check if AI agent is speaking
+            setIsAgentSpeaking(speakers.some(s => !s.isLocal));
+        });
+        await newRoom.connect(wsUrl, token);
+        // Automatically publish microphone
+        await newRoom.localParticipant.setMicrophoneEnabled(true);
+        setRoom(newRoom);
+    }, [wsUrl, token]);
+    const disconnect = useCallback(() => {
+        if (room) {
+            room.disconnect();
+            setRoom(null);
+        }
+    }, [room]);
+    useEffect(() => {
+        if (autoConnect) {
+            connect();
+        }
+        return () => {
+            disconnect();
+        };
+    }, [autoConnect, connect, disconnect]);
+    return {
+        isConnected,
+        isAgentSpeaking,
+        connect,
+        disconnect,
+        room
+    };
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@solo3li/client-react",
+  "version": "1.0.0",
+  "description": "React hooks and components for Voice AI CPaaS",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "livekit-client": "^2.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "@types/react": "^18.0.0"
+  }
+}