@modochats/widget 0.1.0 → 0.1.2

package/src/services/voice-chat/utils.ts

@@ -1,137 +0,0 @@
-function toggleVoiceChatLayout() {
-  const widget = window.getMWidget?.();
-  const voiceOverlay = widget?.container?.querySelector(".mw-voice-agent-overlay");
-
-  if (voiceOverlay) {
-    voiceOverlay.classList.toggle("mw-active");
-    voiceOverlay.classList.toggle("mw-hidden");
-  }
-}
-
-function initVoiceChatLayout() {
-  const widget = window.getMWidget?.();
-  const voiceOverlay = widget?.container?.querySelector(".mw-voice-agent-overlay");
-  const voiceCloseBtn = voiceOverlay?.querySelector(".mw-voice-close-btn");
-  const voiceDisconnectBtn = voiceOverlay?.querySelector(".mw-voice-disconnect-btn");
-  const voiceCallBtn = widget?.container?.querySelector(".mw-voice-call-btn");
-
-  // Show voice call button
-  if (voiceCallBtn) {
-    voiceCallBtn.classList.remove("mw-hidden");
-    voiceCallBtn.classList.add("mw-visible");
-  }
-
-  // Set logo from chatbot data
-  const logoImg = voiceOverlay?.querySelector(".mw-voice-agent-logo") as HTMLImageElement;
-  if (logoImg && widget?.chatbot?.image) {
-    logoImg.src = widget.chatbot.image;
-    logoImg.alt = widget.chatbot.name || "چت بات";
-  }
-
-  // Set title
-  const titleEl = voiceOverlay?.querySelector(".mw-voice-agent-title") as HTMLElement;
-  if (titleEl) {
-    titleEl.textContent = widget?.chatbot?.name || "تماس صوتی";
-  }
-
-  // Call button click handler
-  voiceCallBtn?.addEventListener("click", () => {
-    if (voiceOverlay) {
-      voiceOverlay.classList.remove("mw-hidden");
-      voiceOverlay.classList.add("mw-active");
-      // Connect to voice instance
-      widget?.voiceChat?.connect();
-    }
-  });
-
-  // Close button click handler
-  voiceCloseBtn?.addEventListener("click", () => {
-    if (voiceOverlay) {
-      voiceOverlay.classList.remove("mw-active");
-      voiceOverlay.classList.add("mw-hidden");
-      // Disconnect from voice instance
-      widget?.voiceChat?.disconnect();
-    }
-  });
-
-  // Disconnect button click handler
-  voiceDisconnectBtn?.addEventListener("click", () => {
-    if (voiceOverlay) {
-      voiceOverlay.classList.remove("mw-active");
-      voiceOverlay.classList.add("mw-hidden");
-      // Disconnect from voice instance
-      widget?.voiceChat?.disconnect();
-    }
-  });
-}
-
-function updateVoiceChatStatus(status: string, color?: string) {
-  const widget = window.getMWidget?.();
-  const statusEl = widget?.container?.querySelector(".mw-voice-agent-status") as HTMLElement;
-
-  if (statusEl) {
-    statusEl.textContent = status;
-    if (color) {
-      statusEl.style.color = color;
-    }
-  }
-}
-
-function handleVoiceConnected() {
-  const widget = window.getMWidget?.();
-  const logoEl = widget?.container?.querySelector(".mw-voice-agent-logo") as HTMLElement;
-  const statusEl = widget?.container?.querySelector(".mw-voice-agent-status") as HTMLElement;
-
-  // Add animation classes when connected
-  if (logoEl) {
-    logoEl.style.animation = "mw-voice-pulse 2s ease-in-out infinite";
-  }
-  if (statusEl) {
-    statusEl.style.animation = "mw-pulse 1.5s ease-in-out infinite";
-  }
-
-  updateVoiceChatStatus("متصل ✓", "#68d391"); // Green
-}
-
-function handleVoiceDisconnected(reason?: string) {
-  const widget = window.getMWidget?.();
-  const logoEl = widget?.container?.querySelector(".mw-voice-agent-logo") as HTMLElement;
-  const statusEl = widget?.container?.querySelector(".mw-voice-agent-status") as HTMLElement;
-
-  // Remove animations when disconnected
-  if (logoEl) {
-    logoEl.style.animation = "none";
-  }
-  if (statusEl) {
-    statusEl.style.animation = "none";
-  }
-
-  const statusText = reason ? `قطع شد: ${reason}` : "قطع شد";
-  updateVoiceChatStatus(statusText, "#fc8181"); // Red
-}
-
-function handleVoiceConnectionError(message: string) {
-  updateVoiceChatStatus(`خطا: ${message}`, "#fbb040"); // Warning/Orange
-
-  // Also show error in console with better visibility
-  console.error("🔴 Voice Connection Error:", message);
-}
-
-function handleMicrophonePaused() {
-  updateVoiceChatStatus("⏸ میکروفن متوقف شد", "#fbb040"); // Orange
-}
-
-function handleMicrophoneResumed() {
-  updateVoiceChatStatus("🎤 میکروفن فعال", "#68d391"); // Green
-}
-
-export {
-  toggleVoiceChatLayout,
-  initVoiceChatLayout,
-  updateVoiceChatStatus,
-  handleVoiceConnected,
-  handleVoiceDisconnected,
-  handleVoiceConnectionError,
-  handleMicrophonePaused,
-  handleMicrophoneResumed
-};

package/src/tools/fetch.ts

@@ -1,7 +0,0 @@
-import {BASE_API_URL} from "#src/constants/index.js";
-import {ofetch} from "ofetch";
-
-const $fetch = ofetch.create({
-  baseURL: BASE_API_URL
-});
-export {$fetch};

package/src/types/app.ts

@@ -1,17 +0,0 @@
-interface WidgetOptions {
-  position: "left" | "right";
-  theme: "dark" | "light";
-  primaryColor: string;
-  title: string;
-  foregroundColor: string;
-  userData?: Record<string, any>;
-  autoInit?: boolean;
-  fullScreen: boolean;
-}
-interface FetchPaginationRes<T = any> {
-  results: T[];
-  next: string | null;
-  prev: string | null;
-  count: number;
-}
-export {WidgetOptions, FetchPaginationRes};

package/src/types/conversation.ts

@@ -1,14 +0,0 @@
-enum ConversationStatus {
-  AI_CHAT,
-  SUPPORTER_CHAT,
-  RESOLVED,
-  UNKNOWN
-}
-enum MessageType {
-  USER,
-  AI,
-  SUPPORTER,
-  SYSTEM,
-  UNKNOWN
-}
-export type {ConversationStatus, MessageType};

package/src/types/socket.ts

@@ -1,7 +0,0 @@
-interface SocketMessage {
-  type: "new_message" | "ai_response" | "conversation_status_change";
-  message: any;
-  status: string;
-}
-
-export type {SocketMessage};

package/src/types/window.ts

@@ -1,12 +0,0 @@
-import {Widget} from "../app.js";
-
-declare global {
-  interface Window {
-    ModoChat: typeof Widget;
-    ModoWidget: typeof Widget;
-    getMWidget?: () => Widget;
-  }
-}
-
-// This is needed to make this file a module
-export {};

package/src/utils/audio.ts

@@ -1,67 +0,0 @@
-// Cache for preloaded audio elements
-const audioCache = new Map<string, HTMLAudioElement>();
-
-const preloadAudio = (audioPath: string): Promise<HTMLAudioElement> => {
-  return new Promise((resolve, reject) => {
-    if (audioCache.has(audioPath)) {
-      resolve(audioCache.get(audioPath)!);
-      return;
-    }
-
-    const audioElement = new Audio(audioPath);
-    audioElement.volume = 0.5;
-    audioElement.preload = "auto";
-
-    audioElement.addEventListener("canplaythrough", () => {
-      audioCache.set(audioPath, audioElement);
-      resolve(audioElement);
-    });
-
-    audioElement.addEventListener("error", error => {
-      reject(error);
-    });
-
-    // Start loading
-    audioElement.load();
-  });
-};
-
-const playAudio = async (audioPath: string) => {
-  try {
-    // Try to get preloaded audio or create new one
-    let audioElement = audioCache.get(audioPath);
-
-    if (!audioElement) {
-      audioElement = new Audio(audioPath);
-      audioElement.volume = 0.5;
-      audioElement.preload = "auto";
-    }
-
-    // Play the audio
-    await audioElement.play();
-  } catch (error) {
-    console.warn("Failed to play audio:", error);
-    // Fallback: try to play a simple beep sound using Web Audio API
-    try {
-      const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();
-      const oscillator = audioContext.createOscillator();
-      const gainNode = audioContext.createGain();
-
-      oscillator.connect(gainNode);
-      gainNode.connect(audioContext.destination);
-
-      oscillator.frequency.setValueAtTime(800, audioContext.currentTime);
-      oscillator.type = "sine";
-
-      gainNode.gain.setValueAtTime(0.3, audioContext.currentTime);
-      gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.5);
-
-      oscillator.start(audioContext.currentTime);
-      oscillator.stop(audioContext.currentTime + 0.5);
-    } catch (fallbackError) {
-      console.warn("Audio fallback also failed:", fallbackError);
-    }
-  }
-};
-
-export {playAudio, preloadAudio};

package/src/utils/browser.ts

@@ -1,4 +0,0 @@
-let getDocumentHead = () => {
-  return document.getElementsByTagName("HEAD")[0];
-};
-export {getDocumentHead};

package/src/utils/fetch.ts

@@ -1,98 +0,0 @@
-import {$fetch} from "#src/tools/fetch.js";
-import {FetchPaginationRes} from "#src/types/app.js";
-
-const fetchChatbot = async (publicKey: string) => {
-  return await $fetch<Record<string, any>>(`/v1/chatbot/public/${publicKey}`);
-};
-
-const fetchSendMessage = async (
-  chatbotId: number,
-  content: string,
-  uniqueId: string,
-  conversationUuid?: string,
-  phoneNumber?: string,
-  options?: {
-    file?: File;
-    replyTo?: number;
-  }
-) => {
-  const formData = new FormData();
-  formData.append("chatbot_id", chatbotId.toString());
-  formData.append("content", content);
-  formData.append("message_type", "0");
-  formData.append("unique_id", uniqueId);
-  if (conversationUuid) formData.append("conversation_id", conversationUuid);
-  formData.append("url", window?.location?.href || "");
-  formData.append("title", document?.title || "");
-  if (phoneNumber && phoneNumber !== "no phone number") formData.append("phone_number", phoneNumber);
-  if (options?.file) formData.append("file", options.file);
-  if (options?.replyTo) formData.append("response_to", options.replyTo.toString());
-
-  return await $fetch("/v2/conversations/website/send-message/", {
-    method: "POST",
-    body: formData
-  });
-};
-const fetchGetAccessTokenForSocket = async (chatbotId: string, conversationUuid: string, uniqueId: string) => {
-  return await $fetch<{access_token: string; conversation_uuid: string; expires_in: number}>("/v2/conversations/websocket/auth/", {
-    method: "POST",
-    body: {
-      chatbot_id: chatbotId,
-      conversation_uuid: conversationUuid,
-      unique_id: uniqueId
-    }
-  });
-};
-const fetchConversationMessages = async (conversationUuid: string, chatbotUuid: string) => {
-  return await $fetch<Record<string, any>>(`/v2/conversations/website/conversations/${conversationUuid}/chatbot/${chatbotUuid}/messages/`);
-};
-const fetchUpdateUserData = async (chatbotUuid: string, uniqueId: string, userData: Record<string, any>) => {
-  return await $fetch("/v1/chatbot/customners/set-user-data", {
-    method: "POST",
-    body: {
-      chatbot_uuid: chatbotUuid,
-      unique_id: uniqueId,
-      user_data: userData
-    }
-  });
-};
-const fetchReadMessage = async (id: number) => {
-  return await $fetch(`/v2/conversations/messages/${id}/`, {
-    method: "POST"
-  });
-};
-const fetchMarkConversationAsRead = async (conversationUuid: string, uniqueId: string) => {
-  return await $fetch(`/v2/conversations/website/conversations/${conversationUuid}/messages/seen`, {
-    method: "POST",
-    body: {
-      unique_id: uniqueId
-    }
-  });
-};
-
-const fetchMessageFeedback = async (id: number, uniqueId: string, conversationUuid: string, liked: boolean) => {
-  return await $fetch(`/v2/conversations/website/conversations/messages/feedback`, {
-    method: "POST",
-    body: {
-      unique_id: uniqueId,
-      feedback: liked ? 1 : 0,
-      message_id: id,
-      conversation_uuid: conversationUuid
-    }
-  });
-};
-
-const fetchConversations = async (conversationUuid: string, uniqueId: string) => {
-  return await $fetch<FetchPaginationRes>(`/v2/conversations/website/conversations/${conversationUuid}/customer/${uniqueId}`);
-};
-export {
-  fetchChatbot,
-  fetchSendMessage,
-  fetchGetAccessTokenForSocket,
-  fetchConversationMessages,
-  fetchUpdateUserData,
-  fetchReadMessage,
-  fetchMarkConversationAsRead,
-  fetchMessageFeedback,
-  fetchConversations
-};

package/src/utils/uuid.ts

@@ -1,13 +0,0 @@
-/**
- * Generates a random UUID v4
- * @returns A random UUID string
- */
-const generateUUID = (): string => {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-    const r = (Math.random() * 16) | 0;
-    const v = c === "x" ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-};
-
-export {generateUUID};

package/temp/audio-processor.js

@@ -1,261 +0,0 @@
-class AudioProcessor extends AudioWorkletProcessor {
-    constructor() {
-        super();
-        this.bufferSize = 4096;
-        this.buffer = new Float32Array(this.bufferSize);
-        this.bufferIndex = 0;
-        
-        this.noiseThreshold = 0.01;
-        this.voiceThreshold = 0.08;
-        this.silenceFrames = 0;
-        this.maxSilenceFrames = 8;
-        this.isVoiceActive = false;
-        this.isPaused = false;
-        
-        this.noiseProfile = new Float32Array(128).fill(0);
-        this.noiseProfileIndex = 0;
-        this.noiseProfileReady = false;
-        
-        this.previousSamples = new Float32Array(this.bufferSize).fill(0);
-        
-        this.preRollBuffer = [];
-        this.maxPreRollBuffers = 5;
-        
-        this.tailBuffer = [];
-        this.maxTailBuffers = 3;
-        this.sendingTail = false;
-        
-        this.justResumed = false;
-        this.resumedFrameCount = 0;
-        this.resumedFrameThreshold = 150;
-        
-        this.port.onmessage = (event) => {
-            if (event.data.type === 'set-voice-threshold') {
-                this.voiceThreshold = event.data.value;
-            } else if (event.data.type === 'set-noise-threshold') {
-                this.noiseThreshold = event.data.value;
-            } else if (event.data.type === 'pause') {
-                this.isPaused = true;
-                console.log('AudioProcessor: Input paused');
-            } else if (event.data.type === 'resume') {
-                this.isPaused = false;
-                // Reset VAD state when resuming but KEEP pre-roll buffer
-                this.isVoiceActive = false;
-                this.silenceFrames = 0;
-                // Reset noise profile to quickly adapt to new environment
-                this.noiseProfile.fill(0);
-                this.noiseProfileIndex = 0;
-                this.noiseProfileReady = false;
-                // Be extra sensitive for the first ~1 second after resume
-                this.justResumed = true;
-                this.resumedFrameCount = 0;
-                // Don't clear preRollBuffer - it may contain the start of speech
-                console.log('AudioProcessor: Input resumed - VAD and noise profile reset, sensitivity boosted');
-            }
-        };
-    }
-    
-    calculateRMS(samples) {
-        let sum = 0;
-        for (let i = 0; i < samples.length; i++) {
-            sum += samples[i] * samples[i];
-        }
-        return Math.sqrt(sum / samples.length);
-    }
-    
-    calculateDB(rms) {
-        if (rms <= 0 || isNaN(rms)) return -Infinity;
-        const db = 20 * Math.log10(rms);
-        return isNaN(db) ? -Infinity : db;
-    }
-    
-    updateNoiseProfile(samples) {
-        const rms = this.calculateRMS(samples);
-        this.noiseProfile[this.noiseProfileIndex] = rms;
-        this.noiseProfileIndex = (this.noiseProfileIndex + 1) % this.noiseProfile.length;
-        
-        if (this.noiseProfileIndex === 0) {
-            this.noiseProfileReady = true;
-        }
-    }
-    
-    getNoiseFloor() {
-        if (!this.noiseProfileReady) {
-            return this.noiseThreshold;
-        }
-        
-        const sorted = Array.from(this.noiseProfile).sort((a, b) => a - b);
-        return sorted[Math.floor(sorted.length * 0.25)];
-    }
-    
-    applySpectralSubtraction(samples) {
-        const output = new Float32Array(samples.length);
-        const noiseFloor = this.getNoiseFloor();
-        
-        for (let i = 0; i < samples.length; i++) {
-            const signal = Math.abs(samples[i]);
-            
-            if (signal < noiseFloor * 2) {
-                output[i] = 0;
-            } else {
-                const cleaned = signal - noiseFloor;
-                output[i] = samples[i] >= 0 ? cleaned : -cleaned;
-            }
-        }
-        
-        return output;
-    }
-    
-    applyHighPassFilter(samples) {
-        const output = new Float32Array(samples.length);
-        const alpha = 0.95;
-        
-        output[0] = samples[0];
-        for (let i = 1; i < samples.length; i++) {
-            output[i] = alpha * (output[i-1] + samples[i] - this.previousSamples[i]);
-        }
-        
-        this.previousSamples.set(samples);
-        return output;
-    }
-    
-    applyNoiseGate(samples, rms) {
-        const noiseFloor = this.getNoiseFloor();
-        let adaptiveThreshold = Math.max(this.noiseThreshold, noiseFloor * 1.8);
-        
-        if (this.justResumed) {
-            adaptiveThreshold = adaptiveThreshold * 0.3;
-        }
-        
-        if (rms < adaptiveThreshold) {
-            return new Float32Array(samples.length);
-        }
-        
-        return samples;
-    }
-    
-    detectVoice(rms) {
-        const noiseFloor = this.getNoiseFloor();
-        
-        let adaptiveVoiceThreshold;
-        if (this.justResumed) {
-            this.resumedFrameCount++;
-            
-            const boostProgress = Math.min(this.resumedFrameCount / this.resumedFrameThreshold, 1.0);
-            const boostMultiplier = 0.2 + (0.8 * boostProgress);
-            
-            adaptiveVoiceThreshold = this.voiceThreshold * boostMultiplier;
-            
-            if (this.resumedFrameCount % 20 === 0) {
-                console.log(`AudioProcessor: Boosted threshold: ${adaptiveVoiceThreshold.toFixed(4)} (${(boostMultiplier * 100).toFixed(0)}% of normal, RMS: ${rms.toFixed(4)})`);
-            }
-            
-            if (this.resumedFrameCount > this.resumedFrameThreshold) {
-                this.justResumed = false;
-                console.log('AudioProcessor: Sensitivity boost ended, returning to adaptive threshold');
-            }
-        } else {
-            const multiplier = 1.8;
-            adaptiveVoiceThreshold = Math.max(this.voiceThreshold, noiseFloor * multiplier);
-        }
-        
-        const wasActive = this.isVoiceActive;
-        
-        if (rms > adaptiveVoiceThreshold) {
-            if (!this.isVoiceActive) {
-                this.isVoiceActive = true;
-                if (this.justResumed) {
-                    console.log('AudioProcessor: Voice detected with boost!');
-                }
-                return { justActivated: true, isActive: true };
-            }
-            this.isVoiceActive = true;
-            this.silenceFrames = 0;
-        } else if (this.isVoiceActive) {
-            this.silenceFrames++;
-            if (this.silenceFrames > this.maxSilenceFrames) {
-                this.isVoiceActive = false;
-                this.sendingTail = true;
-                this.preRollBuffer = [];
-                return { justActivated: false, isActive: false, justDeactivated: true };
-            }
-        } else {
-            this.updateNoiseProfile(this.buffer);
-        }
-        
-        return { justActivated: false, isActive: this.isVoiceActive, justDeactivated: false };
-    }
-    
-    process(inputs, outputs, parameters) {
-        const input = inputs[0];
-        if (input.length > 0) {
-            const inputChannel = input[0];
-            
-            for (let i = 0; i < inputChannel.length; i++) {
-                this.buffer[this.bufferIndex] = inputChannel[i];
-                this.bufferIndex++;
-                
-                if (this.bufferIndex >= this.bufferSize) {
-                    const rms = this.calculateRMS(this.buffer);
-                    const db = this.calculateDB(rms);
-                    const voiceStatus = this.detectVoice(rms);
-                    
-                    this.port.postMessage({
-                        type: 'voice-level',
-                        rms: rms,
-                        db: db,
-                        isActive: voiceStatus.isActive,
-                        noiseFloor: this.getNoiseFloor(),
-                        isPaused: this.isPaused
-                    });
-                    
-                    if (!this.isPaused) {
-                        let processedBuffer = this.buffer;
-                        
-                        const int16Buffer = new Int16Array(this.bufferSize);
-                        for (let j = 0; j < this.bufferSize; j++) {
-                            const s = Math.max(-1, Math.min(1, processedBuffer[j]));
-                            int16Buffer[j] = s < 0 ? s * 0x8000 : s * 0x7FFF;
-                        }
-                        
-                        if (voiceStatus.justActivated && this.preRollBuffer.length > 0) {
-                            for (const preRollBuffer of this.preRollBuffer) {
-                                this.port.postMessage(preRollBuffer);
-                            }
-                            this.preRollBuffer = [];
-                            this.tailBuffer = [];
-                            this.sendingTail = false;
-                        }
-                        
-                        if (voiceStatus.isActive) {
-                            this.port.postMessage(int16Buffer.buffer);
-                            this.tailBuffer = [];
-                            this.sendingTail = false;
-                        } else if (this.sendingTail) {
-                            this.tailBuffer.push(int16Buffer.buffer);
-                            if (this.tailBuffer.length >= this.maxTailBuffers) {
-                                for (const tailBuffer of this.tailBuffer) {
-                                    this.port.postMessage(tailBuffer);
-                                }
-                                this.port.postMessage({ type: 'voice-ended' });
-                                this.tailBuffer = [];
-                                this.sendingTail = false;
-                            }
-                        } else {
-                            this.preRollBuffer.push(int16Buffer.buffer);
-                            if (this.preRollBuffer.length > this.maxPreRollBuffers) {
-                                this.preRollBuffer.shift();
-                            }
-                        }
-                    }
-                    
-                    this.bufferIndex = 0;
-                }
-            }
-        }
-        
-        return true;
-    }
-}
-
-registerProcessor('audio-processor', AudioProcessor);