@layercode/js-sdk 1.0.17 → 1.0.19

package/dist/layercode-js-sdk.esm.js

@@ -3501,6 +3501,9 @@ class LayercodeClient {
         this.pushToTalkEnabled = false;
         this.canInterrupt = false;
         this.userIsSpeaking = false;
+        this.endUserTurn = false;
+        this.recorderStarted = false;
+        this.readySent = false;
         // Bind event handlers
         this._handleWebSocketMessage = this._handleWebSocketMessage.bind(this);
         this._handleDataAvailable = this._handleDataAvailable.bind(this);
@@ -3534,11 +3537,7 @@ class LayercodeClient {
                     this.userIsSpeaking = false;
                 },
                 onSpeechEnd: () => {
-                    this.userIsSpeaking = false;
-                    this._wsSend({
-                        type: 'vad_events',
-                        event: 'vad_end',
-                    });
+                    this.endUserTurn = true; // Set flag to indicate that the user turn has ended, so we can send a vad_end event to the server
                 },
             })
                 .then((vad) => {
@@ -3714,6 +3713,14 @@ class LayercodeClient {
                     type: 'client.audio',
                     content: base64,
                 });
+                if (this.endUserTurn) {
+                    this.endUserTurn = false;
+                    this.userIsSpeaking = false; // Reset userIsSpeaking to false so we don't send any more audio to the server
+                    this._wsSend({
+                        type: 'vad_events',
+                        event: 'vad_end',
+                    });
+                }
             }
         }
         catch (error) {
@@ -3731,6 +3738,13 @@ class LayercodeClient {
             this.ws.send(messageString);
         }
     }
+    _sendReadyIfNeeded() {
+        var _a;
+        if (this.recorderStarted && ((_a = this.ws) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN && !this.readySent) {
+            this._wsSend({ type: 'client.ready' });
+            this.readySent = true;
+        }
+    }
     /**
      * Sets up amplitude monitoring for a given audio source.
      * @param {WavRecorder | WavStreamPlayer} source - The audio source (recorder or player).
@@ -3806,6 +3820,8 @@ class LayercodeClient {
                 console.log('WebSocket connection established');
                 this._setStatus('connected');
                 this.options.onConnect({ sessionId: this.sessionId });
+                // Attempt to send ready message if recorder already started
+                this._sendReadyIfNeeded();
             };
             this.ws.onclose = () => {
                 console.log('WebSocket connection closed');
@@ -3826,6 +3842,9 @@ class LayercodeClient {
             await this.wavPlayer.connect();
             // Set up audio player amplitude monitoring
             this._setupAmplitudeMonitoring(this.wavPlayer, this.options.onAgentAmplitudeChange, (amp) => (this.agentAudioAmplitude = amp));
+            // Mark recorder as started and attempt to notify server
+            this.recorderStarted = true;
+            this._sendReadyIfNeeded();
         }
         catch (error) {
             console.error('Error connecting to Layercode pipeline:', error);