ttp-agent-sdk 2.5.6 → 2.5.8

package/dist/audio-processor.js

@@ -1 +1 @@
-class AudioProcessor extends AudioWorkletProcessor{constructor(e){super(),this.config=e.processorOptions||{},this.sampleRate=this.config.sampleRate||16e3,this.bufferSize=128,this.buffer=new Float32Array(this.bufferSize),this.bufferIndex=0,this.silenceThreshold=.01,this.minVoiceDuration=100,this.pauseThreshold=3e3,this.isVoiceActive=!1,this.voiceStartTime=0,this.lastVoiceTime=0,this.consecutiveSilenceFrames=0,this.silenceFramesThreshold=5,this.frameCount=0,this.lastLogTime=0,this.continuousMode=!0,this.forceContinuous=!0,this.isCurrentlyStreaming=!1,this.sendBuffer=null,this.sendBufferBytes=0,this.port.onmessage=e=>{const{type:t,data:s}=e.data;switch(t){case"start":this.isProcessing=!0,this.isCurrentlyStreaming=!0;break;case"stop":this.isProcessing=!1,this.isCurrentlyStreaming=!1,this.isVoiceActive=!1,this.forceContinuous=!1,this.flushBuffer();break;case"setForceContinuous":this.forceContinuous=s.enabled,this.isProcessing=!0,this.isCurrentlyStreaming=!0;break;case"flush":this.flushBuffer();break;case"config":Object.assign(this.config,s)}}}process(e,t,s){const i=e[0],r=t[0];return i.length>0&&r.length>0&&r[0].set(i[0]),i.length>0&&i[0].length>0&&this.processAudioData(i[0]),!0}processAudioData(e){this.frameCount++;for(let t=0;t<e.length;t+=this.bufferSize){const s=Math.min(this.bufferSize,e.length-t);for(let i=0;i<s;i++)this.buffer[i]=e[t+i];for(let e=s;e<this.bufferSize;e++)this.buffer[e]=0;let i=0;for(let e=0;e<this.bufferSize;e++)i+=this.buffer[e]*this.buffer[e];const r=Math.sqrt(i/this.bufferSize);let h=0,n=0;for(let e=1;e<this.bufferSize;e++){const t=Math.abs(this.buffer[e]-this.buffer[e-1]);h+=t,t>.1&&n++}h/=this.bufferSize,this.bufferSize;const o=Date.now();let f=r>this.silenceThreshold;const a=o-this.lastVoiceTime;if(f)this.consecutiveSilenceFrames=0,this.isVoiceActive||(this.isVoiceActive=!0,this.voiceStartTime=o,this.isCurrentlyStreaming=!0),this.lastVoiceTime=o;else{this.consecutiveSilenceFrames++;const e=this.forceContinuous?1500:200;!f&&this.isVoiceActive&&a>=e&&(this.isVoiceActive=!1,this.isCurrentlyStreaming=!1,this.voiceStartTime=0,this.lastVoiceTime=0,this.consecutiveSilenceFrames=0)}this.isCurrentlyStreaming&&this.isProcessing&&this.sendPCMAudioData(this.buffer)}}sendPCMAudioData(e){const t=new Int16Array(e.length);for(let s=0;s<e.length;s++){const i=Math.max(-1,Math.min(1,e[s]));t[s]=Math.round(32767*i)}for(this.sendBuffer||(this.sendBuffer=[],this.sendBufferBytes=0),this.sendBuffer.push(t),this.sendBufferBytes+=t.byteLength;this.sendBufferBytes>=4096;){let e=0,t=0;for(let s=0;s<this.sendBuffer.length;s++){const i=this.sendBuffer[s].byteLength;if(!(t+i<=4096))break;e++,t+=i}const s=this.sendBuffer.slice(0,e),i=s.reduce((e,t)=>e+t.length,0),r=new Int16Array(i);let h=0;for(const e of s)r.set(e,h),h+=e.length;this.port.postMessage({type:"pcm_audio_data",data:r,sampleRate:this.sampleRate,channelCount:1,frameCount:this.frameCount,batchSize:e,totalBytes:r.byteLength}),this.sendBuffer=this.sendBuffer.slice(e),this.sendBufferBytes-=t}}flushBuffer(){if(this.sendBuffer&&this.sendBuffer.length>0){const e=this.sendBuffer.reduce((e,t)=>e+t.length,0),t=new Int16Array(e);let s=0;for(const e of this.sendBuffer)t.set(e,s),s+=e.length;this.port.postMessage({type:"pcm_audio_data",data:t,sampleRate:this.sampleRate,channelCount:1,frameCount:this.frameCount,batchSize:this.sendBuffer.length,totalBytes:t.byteLength,isFlush:!0}),this.sendBuffer=[],this.sendBufferBytes=0}}}registerProcessor("audio-processor",AudioProcessor);
+class AudioProcessor extends AudioWorkletProcessor{constructor(e){super(),this.config=e.processorOptions||{},this.sampleRate="undefined"!=typeof sampleRate?sampleRate:this.config.sampleRate||this.config.outputSampleRate||44100,this.bufferSize=128,this.buffer=new Float32Array(this.bufferSize),this.bufferIndex=0,this.silenceThreshold=.01,this.minVoiceDuration=100,this.pauseThreshold=3e3,this.isVoiceActive=!1,this.voiceStartTime=0,this.lastVoiceTime=0,this.consecutiveSilenceFrames=0,this.silenceFramesThreshold=5,this.frameCount=0,this.lastLogTime=0,this.continuousMode=!0,this.forceContinuous=!0,this.isCurrentlyStreaming=!1,this.sendBuffer=null,this.sendBufferBytes=0,this.port.onmessage=e=>{const{type:t,data:s}=e.data;switch(t){case"start":this.isProcessing=!0,this.isCurrentlyStreaming=!0;break;case"stop":this.isProcessing=!1,this.isCurrentlyStreaming=!1,this.isVoiceActive=!1,this.forceContinuous=!1,this.flushBuffer();break;case"setForceContinuous":this.forceContinuous=s.enabled,this.isProcessing=!0,this.isCurrentlyStreaming=!0;break;case"flush":this.flushBuffer();break;case"config":Object.assign(this.config,s)}}}process(e,t,s){const i=e[0],r=t[0];return i.length>0&&r.length>0&&r[0].set(i[0]),i.length>0&&i[0].length>0&&this.processAudioData(i[0]),!0}processAudioData(e){this.frameCount++;for(let t=0;t<e.length;t+=this.bufferSize){const s=Math.min(this.bufferSize,e.length-t);for(let i=0;i<s;i++)this.buffer[i]=e[t+i];for(let e=s;e<this.bufferSize;e++)this.buffer[e]=0;let i=0;for(let e=0;e<this.bufferSize;e++)i+=this.buffer[e]*this.buffer[e];const r=Math.sqrt(i/this.bufferSize);let h=0,n=0;for(let e=1;e<this.bufferSize;e++){const t=Math.abs(this.buffer[e]-this.buffer[e-1]);h+=t,t>.1&&n++}h/=this.bufferSize,this.bufferSize;const o=Date.now();let f=r>this.silenceThreshold;const a=o-this.lastVoiceTime;if(f)this.consecutiveSilenceFrames=0,this.isVoiceActive||(this.isVoiceActive=!0,this.voiceStartTime=o,this.isCurrentlyStreaming=!0),this.lastVoiceTime=o;else{this.consecutiveSilenceFrames++;const e=this.forceContinuous?1500:200;!f&&this.isVoiceActive&&a>=e&&(this.isVoiceActive=!1,this.isCurrentlyStreaming=!1,this.voiceStartTime=0,this.lastVoiceTime=0,this.consecutiveSilenceFrames=0)}this.isCurrentlyStreaming&&this.isProcessing&&this.sendPCMAudioData(this.buffer)}}sendPCMAudioData(e){const t=new Int16Array(e.length);for(let s=0;s<e.length;s++){const i=Math.max(-1,Math.min(1,e[s]));t[s]=Math.round(32767*i)}for(this.sendBuffer||(this.sendBuffer=[],this.sendBufferBytes=0),this.sendBuffer.push(t),this.sendBufferBytes+=t.byteLength;this.sendBufferBytes>=4096;){let e=0,t=0;for(let s=0;s<this.sendBuffer.length;s++){const i=this.sendBuffer[s].byteLength;if(!(t+i<=4096))break;e++,t+=i}const s=this.sendBuffer.slice(0,e),i=s.reduce((e,t)=>e+t.length,0),r=new Int16Array(i);let h=0;for(const e of s)r.set(e,h),h+=e.length;this.port.postMessage({type:"pcm_audio_data",data:r,sampleRate:this.sampleRate,channelCount:1,frameCount:this.frameCount,batchSize:e,totalBytes:r.byteLength}),this.sendBuffer=this.sendBuffer.slice(e),this.sendBufferBytes-=t}}flushBuffer(){if(this.sendBuffer&&this.sendBuffer.length>0){const e=this.sendBuffer.reduce((e,t)=>e+t.length,0),t=new Int16Array(e);let s=0;for(const e of this.sendBuffer)t.set(e,s),s+=e.length;this.port.postMessage({type:"pcm_audio_data",data:t,sampleRate:this.sampleRate,channelCount:1,frameCount:this.frameCount,batchSize:this.sendBuffer.length,totalBytes:t.byteLength,isFlush:!0}),this.sendBuffer=[],this.sendBufferBytes=0}}}registerProcessor("audio-processor",AudioProcessor);

package/dist/examples/test-signed-link.html

@@ -141,41 +141,54 @@
 
     <h2>Implementation Code:</h2>
     <div class="code-block">
-const widget = new TTPAgentSDK.AgentWidget({
-  agentId: 'agent_87c4a55a1',
-  appId: 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC',
+// Step 1: Get signed URL from backend
+async function initializeWidget() {
+  const response = await fetch('https://backend.talktopc.com/api/public/agents/signed-url', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({
+      agentId: 'agent_87c4a55a1',
+      appId: 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC',
+      variables: {
+        testMode: true,
+        userName: 'Test User',
+        page: 'test-signed-link.html'
+      }
+    })
+  });
   
-  // Signed link via backend API
-  getSessionUrl: async ({ agentId, appId, variables }) => {
-    const response = await fetch('https://backend.talktopc.com/api/public/agents/signed-url', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        agentId: agentId,
-        appId: appId,
-        variables: variables
-      })
-    });
+  if (!response.ok) {
+    throw new Error(`Backend API error: ${response.status}`);
+  }
+  
+  const data = await response.json();
+  if (!data.signedUrl) {
+    throw new Error('Backend response must contain "signedUrl" field');
+  }
+  
+  // Step 2: Initialize widget with signedUrl
+  const widget = new TTPAgentSDK.AgentWidget({
+    agentId: 'agent_87c4a55a1',
+    appId: 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC',
+    signedUrl: data.signedUrl,  // Use signed URL from backend
     
-    if (!response.ok) {
-      throw new Error(`Backend API error: ${response.status}`);
-    }
+    variables: {
+      testMode: true,
+      userName: 'Test User',
+      page: 'test-signed-link.html'
+    },
     
-    const data = await response.json();
-    return data.signedUrl || data.url || data.websocketUrl || data.sessionUrl;
-  },
-  
-  variables: {
-    testMode: true,
-    userName: 'Test User',
-    page: 'test-signed-link.html'
-  },
+    primaryColor: '#F59E0B',
+    position: 'bottom-right'
+  });
   
-  primaryColor: '#F59E0B',
-  position: 'bottom-right'
-});
+  return widget;
+}
+
+// Initialize when ready
+const widget = await initializeWidget();
     </div>
 
     <h2>Manual Tests:</h2>
@@ -266,89 +279,95 @@ const widget = new TTPAgentSDK.AgentWidget({
           throw new Error('TTPAgentSDK.AgentWidget is not defined. Check the SDK build.');
         }
         
-        // Create a new AgentWidget instance with signed link
-        const widget = new window.TTPAgentSDK.AgentWidget({
-        agentId: 'agent_87c4a55a1',
-        appId: 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC',
+        // Step 1: Get signed URL from backend
+        console.log('Requesting signed URL from backend API...');
+        updateStatus('Requesting signed URL from backend...', 'info');
+        
+        const agentId = 'agent_87c4a55a1';
+        const appId = 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC';
+        const variables = {
+          testMode: true,
+          userName: 'Test User',
+          page: 'test-signed-link.html'
+        };
+        
+        console.log('Agent ID:', agentId);
+        console.log('App ID:', appId);
+        console.log('Variables:', variables);
         
-        // Signed link via backend API
-        getSessionUrl: async ({ agentId, appId, variables }) => {
-          console.log('Requesting signed URL from backend API...');
-          console.log('Agent ID:', agentId);
-          console.log('App ID:', appId);
-          console.log('Variables:', variables);
+        try {
+          const response = await fetch('https://backend.talktopc.com/api/public/agents/signed-url', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+              agentId: agentId,
+              appId: appId,
+              variables: variables
+            })
+          });
           
-          updateStatus('Requesting signed URL from backend...', 'info');
+          console.log('Backend API response status:', response.status);
           
-          try {
-            const response = await fetch('https://backend.talktopc.com/api/public/agents/signed-url', {
-              method: 'POST',
-              headers: {
-                'Content-Type': 'application/json',
-              },
-              body: JSON.stringify({
-                agentId: agentId,
-                appId: appId,
-                variables: variables
-              })
-            });
-            
-            console.log('Backend API response status:', response.status);
-            
-            if (!response.ok) {
-              const errorText = await response.text();
-              throw new Error(`Backend API error: ${response.status} - ${errorText}`);
-            }
-            
-            const data = await response.json();
-            console.log('Backend API response data:', data);
-            
-            // Handle different possible response formats
-            const signedUrl = data.signedUrl || data.url || data.websocketUrl || data.sessionUrl;
-            
-            if (!signedUrl) {
-              throw new Error('No signed URL found in API response');
-            }
-            
-            console.log('Generated signed URL:', signedUrl);
-            updateStatus('Signed URL received from backend ✓', 'success');
-            
-            return signedUrl;
-          } catch (error) {
-            console.error('Failed to get signed URL from backend:', error);
-            updateStatus('Failed to get signed URL from backend ✗', 'error');
+          if (!response.ok) {
+            const errorText = await response.text();
+            throw new Error(`Backend API error: ${response.status} - ${errorText}`);
+          }
+          
+          const data = await response.json();
+          console.log('Backend API response data:', data);
+          
+          // Backend must return signedUrl field
+          if (!data.signedUrl) {
+            throw new Error('Backend response must contain "signedUrl" field');
+          }
+          
+          const signedUrl = data.signedUrl;
+          console.log('Generated signed URL:', signedUrl);
+          updateStatus('Signed URL received from backend ✓', 'success');
+          
+          // Step 2: Create widget with signedUrl
+          const widget = new window.TTPAgentSDK.AgentWidget({
+            agentId: agentId,
+            appId: appId,
+            signedUrl: signedUrl,  // Use signed URL from backend
             
-            // Fallback to direct connection if backend fails
-            console.log('Falling back to direct connection...');
-            const fallbackUrl = `wss://speech.talktopc.com/ws/conv?agentId=${agentId}&appId=${appId}&demo=true`;
-            console.log('Using fallback URL:', fallbackUrl);
-            updateStatus('Using fallback direct connection', 'info');
+            // Pass some test variables
+            variables: variables,
             
-            return fallbackUrl;
-          }
-        },
-        
-        // Pass some test variables
-        variables: {
-          testMode: true,
-          userName: 'Test User',
-          page: 'test-signed-link.html',
-          connectionType: 'signed-link'
-        },
-        
-        // Customize appearance
-        primaryColor: '#F59E0B',
-        position: 'bottom-right'
-      });
-      
-      // Store widget reference for testing (like the working implementation)
-      window.testWidget = widget;
-      
-      console.log('Widget initialized successfully with signed link!');
-      console.log('Widget instance:', widget);
-      console.log('Test methods available at window.testWidget');
-      updateStatus('Widget loaded and ready ✓', 'success');
-      
+            // Customize appearance
+            primaryColor: '#F59E0B',
+            position: 'bottom-right'
+          });
+          
+          // Store widget reference for testing
+          window.testWidget = widget;
+          
+          console.log('Widget initialized successfully with signed link!');
+          console.log('Widget instance:', widget);
+          console.log('Test methods available at window.testWidget');
+          updateStatus('Widget loaded and ready ✓', 'success');
+          
+        } catch (error) {
+          console.error('Failed to get signed URL or initialize widget:', error);
+          updateStatus('Failed: ' + error.message, 'error');
+          
+          // Fallback to direct connection if backend fails
+          console.log('Falling back to direct connection...');
+          updateStatus('Using fallback direct connection', 'info');
+          
+          const widget = new window.TTPAgentSDK.AgentWidget({
+            agentId: agentId,
+            appId: appId,
+            variables: variables,
+            primaryColor: '#F59E0B',
+            position: 'bottom-right'
+          });
+          
+          window.testWidget = widget;
+          console.log('Widget initialized with direct connection (fallback)');
+        }
       } catch (error) {
         console.error('Failed to initialize widget:', error);
         updateStatus('Failed to initialize widget: ' + error.message, 'error');
@@ -450,14 +469,14 @@ const widget = new TTPAgentSDK.AgentWidget({
         
         if (response.ok) {
           const data = await response.json();
-          const signedUrl = data.signedUrl || data.url || data.websocketUrl || data.sessionUrl;
           
-          if (signedUrl) {
-            console.log('Generated signed URL:', signedUrl);
-            alert(`Signed URL generated successfully!\n\nURL: ${signedUrl.substring(0, 100)}...`);
-          } else {
-            throw new Error('No signed URL in response');
+          if (!data.signedUrl) {
+            throw new Error('Backend response must contain "signedUrl" field');
           }
+          
+          const signedUrl = data.signedUrl;
+          console.log('Generated signed URL:', signedUrl);
+          alert(`Signed URL generated successfully!\n\nURL: ${signedUrl.substring(0, 100)}...\n\nYou can now use this signedUrl when initializing the widget:\n\nconst widget = new TTPAgentSDK.AgentWidget({\n  agentId: 'agent_87c4a55a1',\n  appId: 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC',\n  signedUrl: '${signedUrl.substring(0, 50)}...'\n});`);
         } else {
           throw new Error(`API error: ${response.status}`);
         }