@vapi-ai/web 1.0.266 → 1.0.267

package/vapi.ts

@@ -1,19 +1,17 @@
-import { Call, CreateAssistantDTO } from "./api";
+import { Call, CreateAssistantDTO } from './api';
 import DailyIframe, {
   DailyCall,
   DailyEventObjectAppMessage,
   DailyEventObjectParticipant,
   DailyEventObjectRemoteParticipantsAudioLevel,
-} from "@daily-co/daily-js";
+} from '@daily-co/daily-js';
 
-import type { ChatCompletionMessageParam } from "openai/resources";
-import EventEmitter from "events";
-import { client } from "./client";
+import type { ChatCompletionMessageParam } from 'openai/resources';
+import EventEmitter from 'events';
+import { client } from './client';
 
 function destroyAudioPlayer(participantId: string) {
-  const player = document.querySelector(
-    `audio[data-participant-id="${participantId}"]`
-  );
+  const player = document.querySelector(`audio[data-participant-id="${participantId}"]`);
   player?.remove();
 }
 async function startPlayer(player: HTMLAudioElement, track: any) {
@@ -25,7 +23,7 @@ async function startPlayer(player: HTMLAudioElement, track: any) {
   }
 }
 async function buildAudioPlayer(track: any, participantId: string) {
-  const player = document.createElement("audio");
+  const player = document.createElement('audio');
   player.dataset.participantId = participantId;
   document.body.appendChild(player);
   await startPlayer(player, track);
@@ -43,56 +41,49 @@ function subscribeToTracks(e: DailyEventObjectParticipant, call: DailyCall) {
 }
 
 export interface AddMessageMessage {
-  type: "add-message";
+  type: 'add-message';
   message: ChatCompletionMessageParam;
 }
 
-type VapiClientToServerMessage = AddMessageMessage;
+export interface ControlMessages {
+  type: 'control';
+  control: 'mute-assistant' | 'unmute-assistant';
+}
+
+type VapiClientToServerMessage = AddMessageMessage | ControlMessages;
 
 type VapiEventNames =
-  | "call-end"
-  | "call-start"
-  | "volume-level"
-  | "speech-start"
-  | "speech-end"
-  | "message"
-  | "error";
+  | 'call-end'
+  | 'call-start'
+  | 'volume-level'
+  | 'speech-start'
+  | 'speech-end'
+  | 'message'
+  | 'error';
 
 type VapiEventListeners = {
-  "call-end": () => void;
-  "call-start": () => void;
-  "volume-level": (volume: number) => void;
-  "speech-start": () => void;
-  "speech-end": () => void;
+  'call-end': () => void;
+  'call-start': () => void;
+  'volume-level': (volume: number) => void;
+  'speech-start': () => void;
+  'speech-end': () => void;
   message: (message: any) => void;
   error: (error: any) => void;
 };
 
 class VapiEventEmitter extends EventEmitter {
-  on<E extends VapiEventNames>(
-    event: E,
-    listener: VapiEventListeners[E]
-  ): this {
+  on<E extends VapiEventNames>(event: E, listener: VapiEventListeners[E]): this {
     super.on(event, listener);
     return this;
   }
-  once<E extends VapiEventNames>(
-    event: E,
-    listener: VapiEventListeners[E]
-  ): this {
+  once<E extends VapiEventNames>(event: E, listener: VapiEventListeners[E]): this {
     super.once(event, listener);
     return this;
   }
-  emit<E extends VapiEventNames>(
-    event: E,
-    ...args: Parameters<VapiEventListeners[E]>
-  ): boolean {
+  emit<E extends VapiEventNames>(event: E, ...args: Parameters<VapiEventListeners[E]>): boolean {
     return super.emit(event, ...args);
   }
-  removeListener<E extends VapiEventNames>(
-    event: E,
-    listener: VapiEventListeners[E]
-  ): this {
+  removeListener<E extends VapiEventNames>(event: E, listener: VapiEventListeners[E]): this {
     super.removeListener(event, listener);
     return this;
   }
@@ -110,7 +101,7 @@ export default class Vapi extends VapiEventEmitter {
 
   constructor(apiToken: string, apiBaseUrl?: string) {
     super();
-    client.baseUrl = apiBaseUrl ?? "https://api.vapi.ai";
+    client.baseUrl = apiBaseUrl ?? 'https://api.vapi.ai';
     client.setSecurityData(apiToken);
   }
 
@@ -131,43 +122,46 @@ export default class Vapi extends VapiEventEmitter {
     try {
       const webCall = (
         await client.call.callControllerCreateWebCall({
-          assistant: typeof assistant === "string" ? undefined : assistant,
-          assistantId: typeof assistant === "string" ? assistant : undefined,
+          assistant: typeof assistant === 'string' ? undefined : assistant,
+          assistantId: typeof assistant === 'string' ? assistant : undefined,
         })
       ).data;
 
+      if (this.call) {
+        this.cleanup();
+      }
       this.call = DailyIframe.createCallObject({
         audioSource: true,
         videoSource: false,
       });
-      this.call.iframe()?.style.setProperty("display", "none");
+      this.call.iframe()?.style.setProperty('display', 'none');
 
-      this.call.on("left-meeting", () => {
-        this.emit("call-end");
+      this.call.on('left-meeting', () => {
+        this.emit('call-end');
         this.cleanup();
       });
 
-      this.call.on("participant-left", (e) => {
+      this.call.on('participant-left', (e) => {
         if (!e) return;
         destroyAudioPlayer(e.participant.session_id);
       });
 
-      this.call.on("error", () => {
+      this.call.on('error', () => {
         // Ignore error
       });
 
-      this.call.on("track-started", async (e) => {
+      this.call.on('track-started', async (e) => {
         if (!e || !e.participant) return;
         if (e.participant?.local) return;
-        if (e.track.kind !== "audio") return;
+        if (e.track.kind !== 'audio') return;
 
         await buildAudioPlayer(e.track, e.participant.session_id);
 
-        if (e?.participant?.user_name !== "Vapi Speaker") return;
-        this.call?.sendAppMessage("playable");
+        if (e?.participant?.user_name !== 'Vapi Speaker') return;
+        this.call?.sendAppMessage('playable');
       });
 
-      this.call.on("participant-joined", (e) => {
+      this.call.on('participant-joined', (e) => {
         if (!e || !this.call) return;
         subscribeToTracks(e, this.call);
       });
@@ -179,16 +173,16 @@ export default class Vapi extends VapiEventEmitter {
 
       this.call.startRemoteParticipantsAudioLevelObserver(100);
 
-      this.call.on("remote-participants-audio-level", (e) => {
+      this.call.on('remote-participants-audio-level', (e) => {
         if (e) this.handleRemoteParticipantsAudioLevel(e);
       });
 
-      this.call.on("app-message", (e) => this.onAppMessage(e));
+      this.call.on('app-message', (e) => this.onAppMessage(e));
 
       this.call.updateInputSettings({
         audio: {
           processor: {
-            type: "noise-cancellation",
+            type: 'noise-cancellation',
           },
         },
       });
@@ -196,7 +190,7 @@ export default class Vapi extends VapiEventEmitter {
       return webCall;
     } catch (e) {
       console.error(e);
-      this.emit("error", e);
+      this.emit('error', e);
       this.cleanup();
       return null;
     }
@@ -205,14 +199,14 @@ export default class Vapi extends VapiEventEmitter {
   private onAppMessage(e?: DailyEventObjectAppMessage) {
     if (!e) return;
     try {
-      if (e.data === "listening") {
-        return this.emit("call-start");
+      if (e.data === 'listening') {
+        return this.emit('call-start');
       } else {
         try {
           const parsedMessage = JSON.parse(e.data);
-          this.emit("message", parsedMessage);
+          this.emit('message', parsedMessage);
         } catch (parseError) {
-          console.log("Error parsing message data: ", parseError);
+          console.log('Error parsing message data: ', parseError);
         }
       }
     } catch (e) {
@@ -220,15 +214,10 @@ export default class Vapi extends VapiEventEmitter {
     }
   }
 
-  private handleRemoteParticipantsAudioLevel(
-    e: DailyEventObjectRemoteParticipantsAudioLevel
-  ) {
-    const speechLevel = Object.values(e.participantsAudioLevel).reduce(
-      (a, b) => a + b,
-      0
-    );
+  private handleRemoteParticipantsAudioLevel(e: DailyEventObjectRemoteParticipantsAudioLevel) {
+    const speechLevel = Object.values(e.participantsAudioLevel).reduce((a, b) => a + b, 0);
 
-    this.emit("volume-level", Math.min(1, speechLevel / 0.15));
+    this.emit('volume-level', Math.min(1, speechLevel / 0.15));
 
     const isSpeaking = speechLevel > 0.01;
 
@@ -238,11 +227,11 @@ export default class Vapi extends VapiEventEmitter {
       clearTimeout(this.speakingTimeout);
       this.speakingTimeout = null;
     } else {
-      this.emit("speech-start");
+      this.emit('speech-start');
     }
 
     this.speakingTimeout = setTimeout(() => {
-      this.emit("speech-end");
+      this.emit('speech-end');
       this.speakingTimeout = null;
     }, 1000);
   }
@@ -260,7 +249,7 @@ export default class Vapi extends VapiEventEmitter {
   public setMuted(mute: boolean) {
     try {
       if (!this.call) {
-        throw new Error("Call object is not available.");
+        throw new Error('Call object is not available.');
       }
       this.call.setLocalAudio(!mute);
     } catch (error) {

package/dist/AtomicMediaSource.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="node" />
-import EventEmitter from "events";
-declare global {
-    interface Window {
-        ManagedMediaSource: any;
-    }
-}
-declare class AtomicMediaSource extends EventEmitter {
-    mediaSource: any;
-    sourceBuffer: SourceBuffer | null;
-    private operationsQueue;
-    constructor();
-    appendBuffer(buffer: ArrayBuffer): void;
-    clearBuffer(): void;
-    private createOperationQueue;
-}
-export default AtomicMediaSource;

package/dist/AtomicMediaSource.js

@@ -1,78 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const async_1 = __importDefault(require("async"));
-const events_1 = __importDefault(require("events"));
-// ManagedMediaSource needed for iOS Safari
-function getMediaSource() {
-    if (window.ManagedMediaSource) {
-        return new window.ManagedMediaSource();
-    }
-    if (window.MediaSource) {
-        return new window.MediaSource();
-    }
-    return null;
-}
-class AtomicMediaSource extends events_1.default {
-    constructor() {
-        super();
-        this.sourceBuffer = null;
-        this.mediaSource = getMediaSource();
-        this.operationsQueue = this.createOperationQueue();
-        if (!this.mediaSource) {
-            console.error("MediaSource is not supported in your browser.");
-            // Display a message to the user, or handle this situation in another way
-            return;
-        }
-        this.mediaSource.addEventListener("sourceopen", () => {
-            this.mediaSource.duration = Number.POSITIVE_INFINITY;
-            this.sourceBuffer = this.mediaSource.addSourceBuffer('audio/webm; codecs="opus"');
-            if (this.sourceBuffer) {
-                this.sourceBuffer.mode = "sequence";
-            }
-        });
-    }
-    appendBuffer(buffer) {
-        this.operationsQueue.push(() => {
-            return new Promise((resolve, reject) => {
-                if (this.sourceBuffer) {
-                    this.sourceBuffer.addEventListener("updateend", () => {
-                        resolve();
-                    }, { once: true });
-                    this.sourceBuffer.appendBuffer(buffer);
-                }
-                else {
-                    reject();
-                }
-            });
-        });
-    }
-    clearBuffer() {
-        // this.operationsQueue.push(() => {
-        //   return new Promise((resolve, reject) => {
-        //     if (this.sourceBuffer) {
-        //       this.sourceBuffer.addEventListener(
-        //         "updateend",
-        //         () => {
-        //           resolve();
-        //         },
-        //         { once: true }
-        //       );
-        //       if (this.sourceBuffer.buffered.length > 0) {
-        //         this.sourceBuffer.remove(0, this.sourceBuffer.buffered.end(0));
-        //       }
-        //     } else {
-        //       reject();
-        //     }
-        //   });
-        // });
-    }
-    createOperationQueue() {
-        return async_1.default.queue((task, callback) => {
-            task().then(() => callback());
-        }, 1);
-    }
-}
-exports.default = AtomicMediaSource;

package/dist/player.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="node" />
-import EventEmitter from "events";
-export declare class ContinuousPlayer extends EventEmitter {
-    private atomic;
-    private audio;
-    constructor();
-    start(): void;
-    playChunk(audioData: ArrayBuffer): void;
-    clear(): void;
-}

package/dist/player.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContinuousPlayer = void 0;
-const AtomicMediaSource_1 = __importDefault(require("./AtomicMediaSource"));
-const events_1 = __importDefault(require("events"));
-class ContinuousPlayer extends events_1.default {
-    constructor() {
-        super();
-        this.audio = document.createElement("audio");
-        this.audio.addEventListener("playing", () => this.emit("speech-start"));
-        this.audio.addEventListener("play", () => this.emit("speech-start"));
-        this.audio.addEventListener("canplay", () => {
-            this.audio.play();
-        });
-        this.audio.addEventListener("waiting", () => this.emit("speech-end"));
-        this.atomic = new AtomicMediaSource_1.default();
-        this.audio.src = URL.createObjectURL(this.atomic.mediaSource);
-        document.body.appendChild(this.audio);
-    }
-    start() {
-        this.audio.play();
-    }
-    playChunk(audioData) {
-        var _a;
-        (_a = this.atomic.sourceBuffer) === null || _a === void 0 ? void 0 : _a.addEventListener("updateend", () => {
-            this.audio.play().catch((error) => console.error("Play error:", error));
-        }, { once: true });
-        this.atomic.appendBuffer(audioData);
-    }
-    clear() {
-        this.audio.pause();
-        this.atomic.clearBuffer();
-    }
-}
-exports.ContinuousPlayer = ContinuousPlayer;