@voicemaster/react 1.0.8 → 1.1.0

package/dist/index.d.mts

@@ -1,20 +1,18 @@
-interface UseVoiceOptions {
-    signalingUrl: string;
-    roomId: string;
-    userId: string;
-    iceServers?: any[];
+import { VoiceClientConfig, VoiceClient } from '@voicemaster/core';
+
+interface UseVoiceOptions extends VoiceClientConfig {
     autoConnect?: boolean;
 }
 declare function useVoice(options: UseVoiceOptions): {
     isConnected: boolean;
     isMuted: boolean;
-    remoteStream: any;
+    remoteStream: MediaStream | null;
     peers: string[];
     speakingUsers: Set<string>;
     connect: () => void;
     disconnect: () => void;
     toggleMute: () => void;
-    client: any;
+    client: VoiceClient | null;
 };
 
 export { useVoice };

package/dist/index.d.ts

@@ -1,20 +1,18 @@
-interface UseVoiceOptions {
-    signalingUrl: string;
-    roomId: string;
-    userId: string;
-    iceServers?: any[];
+import { VoiceClientConfig, VoiceClient } from '@voicemaster/core';
+
+interface UseVoiceOptions extends VoiceClientConfig {
     autoConnect?: boolean;
 }
 declare function useVoice(options: UseVoiceOptions): {
     isConnected: boolean;
     isMuted: boolean;
-    remoteStream: any;
+    remoteStream: MediaStream | null;
     peers: string[];
     speakingUsers: Set<string>;
     connect: () => void;
     disconnect: () => void;
     toggleMute: () => void;
-    client: any;
+    client: VoiceClient | null;
 };
 
 export { useVoice };

package/dist/index.js

@@ -54,7 +54,7 @@ function useVoice(options) {
       setRemoteStream(stream);
     });
     client.on("userJoined", (userId) => {
-      setPeers((prev) => [...prev, userId]);
+      setPeers((prev) => prev.includes(userId) ? prev : [...prev, userId]);
     });
     client.on("userLeft", (userId) => {
       setPeers((prev) => prev.filter((id) => id !== userId));

package/dist/index.mjs

@@ -28,7 +28,7 @@ function useVoice(options) {
       setRemoteStream(stream);
     });
     client.on("userJoined", (userId) => {
-      setPeers((prev) => [...prev, userId]);
+      setPeers((prev) => prev.includes(userId) ? prev : [...prev, userId]);
     });
     client.on("userLeft", (userId) => {
       setPeers((prev) => prev.filter((id) => id !== userId));

package/package.json

@@ -1,38 +1,43 @@
-{
-  "name": "@voicemaster/react",
-  "version": "1.0.8",
-  "description": "React hooks for VoiceMaster voice communication",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
-  },
-  "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --clean --external react --external @voicemaster/core",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react --external @voicemaster/core",
-    "prepublishOnly": "npm run build"
-  },
-  "keywords": [
-    "react",
-    "webrtc",
-    "voice",
-    "hooks"
-  ],
-  "author": "Sergey Minasyan",
-  "license": "MIT",
-  "peerDependencies": {
-    "@voicemaster/core": "^1.0.4",
-    "react": ">=18.0.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/simple-peer": "^9.11.9",
-    "tsup": "^8.0.0",
-    "typescript": "^5.3.0"
-  }
-}
+{
+  "name": "@voicemaster/react",
+  "version": "1.1.0",
+  "description": "React hooks for VoiceMaster voice communication",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean --external react --external @voicemaster/core",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react --external @voicemaster/core",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "webrtc",
+    "voice",
+    "hooks"
+  ],
+  "author": "Sergey Minasyan",
+  "license": "MIT",
+  "peerDependencies": {
+    "@voicemaster/core": "^1.0.0",
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  }
+}

package/src/index.ts

@@ -1 +0,0 @@
-export { useVoice } from './useVoice';

package/src/useVoice.ts

@@ -1,109 +0,0 @@
-import { useEffect, useState, useRef, useCallback } from 'react';
-import { VoiceClient } from '@voicemaster/core';
-
-interface UseVoiceOptions {
-  signalingUrl: string;
-  roomId: string;
-  userId: string;
-  iceServers?: any[];
-  autoConnect?: boolean;
-}
-
-export function useVoice(options: UseVoiceOptions) {
-  const [isConnected, setIsConnected] = useState(false);
-  const [isMuted, setIsMuted] = useState(false);
-  const [remoteStream, setRemoteStream] = useState<any>(null);
-  const [speakingUsers, setSpeakingUsers] = useState<Set<string>>(new Set());
-  const [peers, setPeers] = useState<string[]>([]);
-  const clientRef = useRef<any>(null);
-
-  useEffect(() => {
-    const client = new VoiceClient({
-      signalingUrl: options.signalingUrl,
-      roomId: options.roomId,
-      userId: options.userId,
-      iceServers: options.iceServers,
-      autoConnect: false
-    });
-
-    client.on('connected', () => {
-      setIsConnected(true);
-    });
-
-    client.on('disconnected', () => {
-      setIsConnected(false);
-      setPeers([]);
-      setRemoteStream(null);
-    });
-
-    client.on('remoteStream', (stream: any) => {
-      setRemoteStream(stream);
-    });
-
-    client.on('userJoined', (userId: string) => {
-      setPeers(prev => [...prev, userId]);
-    });
-
-    client.on('userLeft', (userId: string) => {
-      setPeers(prev => prev.filter(id => id !== userId));
-      setSpeakingUsers(prev => {
-        const newSet = new Set(prev);
-        newSet.delete(userId);
-        return newSet;
-      });
-    });
-
-    client.on('speaking', (userId: string) => {
-      setSpeakingUsers(prev => new Set(prev).add(userId));
-    });
-
-    client.on('stoppedSpeaking', (userId: string) => {
-      setSpeakingUsers(prev => {
-        const newSet = new Set(prev);
-        newSet.delete(userId);
-        return newSet;
-      });
-    });
-
-    client.on('error', (error: Error) => {
-      console.error('Voice client error:', error);
-    });
-
-    clientRef.current = client;
-
-    if (options.autoConnect !== false) {
-      client.connect();
-    }
-
-    return () => {
-      client.disconnect();
-    };
-  }, [options.signalingUrl, options.roomId, options.userId, options.iceServers]);
-
-  const connect = useCallback(() => {
-    clientRef.current?.connect();
-  }, []);
-
-  const disconnect = useCallback(() => {
-    clientRef.current?.disconnect();
-  }, []);
-
-  const toggleMute = useCallback(() => {
-    if (clientRef.current) {
-      clientRef.current.toggleMute();
-      setIsMuted(prev => !prev);
-    }
-  }, []);
-
-  return {
-    isConnected,
-    isMuted,
-    remoteStream,
-    peers,
-    speakingUsers,
-    connect,
-    disconnect,
-    toggleMute,
-    client: clientRef.current
-  };
-}

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM"],
-    "moduleResolution": "bundler",
-    "declaration": true,
-    "declarationMap": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "paths": {
-      "@voiceflow/core": ["../core/src"]
-    }
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-}