@treyorr/voca-svelte 0.2.1 → 0.4.0

package/README.md

@@ -43,11 +43,16 @@ This package provides **reactive Svelte 5 state** around the core `@treyorr/voca
     const client = await VocaClient.createRoom({
       serverUrl: SERVER_URL,
       apiKey: API_KEY,
+      password: 'secret123', // Optional: protect room with password
     });
     roomId = client.roomId;
 
     // Step 2: Create reactive VocaRoom and connect
-    room = new VocaRoom(roomId, { serverUrl: SERVER_URL, apiKey: API_KEY });
+    room = new VocaRoom(roomId, { 
+      serverUrl: SERVER_URL, 
+      apiKey: API_KEY,
+      password: 'secret123', // Must match the password used to create room
+    });
     await room.connect();
   }
 
@@ -78,6 +83,7 @@ This package provides **reactive Svelte 5 state** around the core `@treyorr/voca
   const room = new VocaRoom(roomId, {
     serverUrl: 'https://voca.vc',
     apiKey: 'T8izjz8JpcWa3mtuhOFwprVk77uZKIzn',
+    password: 'secret123', // Required if room is password-protected
   });
 
   onMount(() => room.connect());

package/dist/index.svelte.d.ts

@@ -3,8 +3,8 @@
  *
  * Svelte 5 runes-based wrapper around @treyorr/voca-client SDK.
  */
-import { VocaClient, type ConnectionStatus, type Peer, type VocaConfig } from '@treyorr/voca-client';
-export { VocaClient };
+import { VocaClient, validatePassword, type ConnectionStatus, type Peer, type VocaConfig } from '@treyorr/voca-client';
+export { VocaClient, validatePassword };
 export type { ConnectionStatus, Peer, VocaConfig };
 export declare class VocaRoom {
     peers: Map<string, Peer>;
@@ -24,6 +24,7 @@ export declare class VocaRoom {
     connect(): Promise<void>;
     disconnect(): void;
     toggleMute(): void;
+    togglePeerMute(peerId: string): void;
     getPulseStyle(level: number): string;
     getStatusLabel(): string;
 }

package/dist/index.svelte.js

@@ -3,8 +3,8 @@
  *
  * Svelte 5 runes-based wrapper around @treyorr/voca-client SDK.
  */
-import { VocaClient } from '@treyorr/voca-client';
-export { VocaClient };
+import { VocaClient, validatePassword } from '@treyorr/voca-client';
+export { VocaClient, validatePassword };
 export class VocaRoom {
     constructor(roomId, config = {}) {
         // Reactive state
@@ -42,6 +42,12 @@ export class VocaRoom {
         this.client.on('local-audio-level', (level) => {
             this.localAudioLevel = level;
         });
+        this.client.on('peer-mute', () => {
+            this.peers = new Map(this.client.peers);
+        });
+        this.client.on('peer-local-mute', () => {
+            this.peers = new Map(this.client.peers);
+        });
     }
     updatePeers() {
         this.peers = new Map(this.client.peers);
@@ -66,6 +72,10 @@ export class VocaRoom {
     toggleMute() {
         this.isMuted = this.client.toggleMute();
     }
+    togglePeerMute(peerId) {
+        this.client.togglePeerMute(peerId);
+        // Reactivity is handled by the 'peer-local-mute' listener
+    }
     getPulseStyle(level) {
         return `--pulse: ${1 + Math.round(level * 7)}px`;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@treyorr/voca-svelte",
-    "version": "0.2.1",
+    "version": "0.4.0",
     "description": "Svelte 5 Runes wrapper for Voca Client SDK",
     "svelte": "./dist/index.svelte.js",
     "types": "./dist/index.svelte.d.ts",
@@ -37,7 +37,7 @@
         "access": "public"
     },
     "dependencies": {
-        "@treyorr/voca-client": "^0.2.1"
+        "@treyorr/voca-client": "^0.4.0"
     },
     "devDependencies": {
         "@sveltejs/package": "^2.3.7",