@phonghq/go-chat 1.0.13 → 1.0.14

package/dist/test/plugins/websocket.js

@@ -3,32 +3,41 @@ import { dataProfile } from '../utils/chat/auth';
 let socket = null;
 let dataCallBack = [];
 let callId = '';
-const BASE_URL = 'wss://web-socket.dev01.dtsmart.dev/web-stream';
-// const BASE_URL = 'wss://web-socket-test.dev01.dtsmart.dev/web-stream'
+// const BASE_URL = 'wss://web-socket.dev01.dtsmart.dev/web-stream'
+const BASE_URL = 'wss://web-socket-test.dev01.dtsmart.dev/web-stream';
 const BARE_URL_INBOUND = 'https://web-socket.dev01.dtsmart.dev';
 export function initWebSocket() {
-    if (socket && socket.readyState === 1) {
-        console.log("WebSocket đã kết nối, bỏ qua connect.");
-        return;
-    }
-    // socket = new WebSocket('wss://' + callId)
-    socket = new WebSocket(BASE_URL);
-    socket.binaryType = 'arraybuffer';
-    socket.onopen = (event) => {
-        console.log('Connected!');
-    };
-    socket.onmessage = (event) => {
-        const data = tryParseJson(event.data);
-        dataCallBack.forEach((e) => {
-            e.callBack(data);
-        });
-    };
-    socket.onclose = (event) => {
-        console.log('Disconnected:', event.reason);
-    };
-    socket.onerror = (event) => {
-        console.error('Socket error:', event);
-    };
+    return new Promise((resolve, reject) => {
+        if (socket && socket.readyState === 1) {
+            console.log("WebSocket đã kết nối, bỏ qua connect.");
+            resolve('Connected');
+            return;
+        }
+        const timer = setTimeout(() => {
+            socket?.close?.();
+            reject(new Error("WebSocket connection timeout"));
+        }, 5000);
+        // socket = new WebSocket('wss://' + callId)
+        socket = new WebSocket(BASE_URL);
+        socket.binaryType = 'arraybuffer';
+        socket.onopen = (event) => {
+            clearTimeout(timer);
+            resolve('Connected');
+        };
+        socket.onmessage = (event) => {
+            const data = tryParseJson(event.data);
+            dataCallBack.forEach((e) => {
+                e.callBack(data);
+            });
+        };
+        socket.onclose = (event) => {
+            console.log('Disconnected:', event.reason);
+        };
+        socket.onerror = (event) => {
+            console.error('Socket error:', event);
+            reject(event);
+        };
+    });
 }
 export const socketSend = (data) => {
     try {

package/dist/test/types/call.js

@@ -1 +1,10 @@
-export {};
+export var PLIVO_CALL_STATUS;
+(function (PLIVO_CALL_STATUS) {
+    PLIVO_CALL_STATUS["CONNECTING"] = "Connecting...";
+    PLIVO_CALL_STATUS["CALLING"] = "calling";
+    PLIVO_CALL_STATUS["RINGING"] = "ringing";
+    PLIVO_CALL_STATUS["CONNECT_FAILED"] = "failed";
+    PLIVO_CALL_STATUS["CALL_START"] = "in-progress";
+    PLIVO_CALL_STATUS["CALL_END"] = "completed";
+    PLIVO_CALL_STATUS["NO_ANSWER"] = "no-answer";
+})(PLIVO_CALL_STATUS || (PLIVO_CALL_STATUS = {}));

package/dist/test/utils/chat/call.js

@@ -1,7 +1,7 @@
 import axios from '../../plugins/axios';
 import { dataProfile } from '../../utils/chat/auth';
-const BARE_WEBSOCKET_URL = 'https://web-socket.dev01.dtsmart.dev';
-// const BARE_WEBSOCKET_URL = 'https://web-socket-test.dev01.dtsmart.dev'
+// const BARE_WEBSOCKET_URL = 'https://web-socket.dev01.dtsmart.dev'
+const BARE_WEBSOCKET_URL = 'https://web-socket-test.dev01.dtsmart.dev';
 // const BARE_WEBSOCKET_URL = 'http://192.168.1.173:3000'
 export const getIceService = async () => {
     const res = await axios.post('/api/v1/message/call/ice-servers', {
@@ -77,9 +77,7 @@ export const plivoCall = async (user) => {
     if (!response.ok) {
         throw new Error(`Response status: ${response.status}`);
     }
-    console.log(response);
     const result = await response.json();
-    console.log(result);
     return result;
 };
 export const plivoEndCall = async (uuid) => {
@@ -120,6 +118,21 @@ export const downloadRecord = async (url_pub) => {
     a.download = "recording.mp3";
     a.click();
     a.remove();
-    // const result = await response.json()
-    console.log(a);
+};
+export const getPlivoAccessToken = async () => {
+    const url = BARE_WEBSOCKET_URL + '/ws/generate-token';
+    const response = await fetch(url, {
+        method: 'POST',
+        body: JSON.stringify({
+            clientId: dataProfile.value?.tenant_id,
+        }),
+        headers: {
+            ['Content-Type']: 'application/json'
+        }
+    });
+    if (!response.ok) {
+        throw new Error(`Response status: ${response.status}`);
+    }
+    const result = await response.json();
+    return result?.accessToken;
 };

package/dist/types/call.d.ts

@@ -2,3 +2,12 @@ export type IResCall = {
     from: string;
     to: string;
 };
+export declare const enum PLIVO_CALL_STATUS {
+    CONNECTING = "Connecting...",
+    CALLING = "calling",
+    RINGING = "ringing",
+    CONNECT_FAILED = "failed",
+    CALL_START = "in-progress",
+    CALL_END = "completed",
+    NO_ANSWER = "no-answer"
+}

package/dist/utils/chat/call.d.ts

@@ -8,3 +8,4 @@ export declare const callOutBound: (user: IResUser) => Promise<void>;
 export declare const plivoCall: (user: IResUser) => Promise<any>;
 export declare const plivoEndCall: (uuid: string) => Promise<void>;
 export declare const downloadRecord: (url_pub: string) => Promise<void>;
+export declare const getPlivoAccessToken: () => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "private": false,
   "files": [
     "dist"
@@ -34,6 +34,7 @@
     "lucide-vue-next": "^0.536.0",
     "mqtt": "^4.3.7",
     "pinia": "^2.1.7",
+    "plivo-browser-sdk": "^2.2.21",
     "prettier": "3.3.3",
     "reka-ui": "^2.6.0",
     "tailwind-merge": "^3.3.1",

package/dist/composable/TestSound.d.ts

@@ -1,64 +0,0 @@
-export declare function useAudioStream(wsUrl: string): {
-    ws: import("vue").Ref<{
-        binaryType: BinaryType;
-        readonly bufferedAmount: number;
-        readonly extensions: string;
-        onclose: ((this: WebSocket, ev: CloseEvent) => any) | null;
-        onerror: ((this: WebSocket, ev: Event) => any) | null;
-        onmessage: ((this: WebSocket, ev: MessageEvent<any>) => any) | null;
-        onopen: ((this: WebSocket, ev: Event) => any) | null;
-        readonly protocol: string;
-        readonly readyState: number;
-        readonly url: string;
-        close: (code?: number | undefined, reason?: string | undefined) => void;
-        send: (data: string | ArrayBufferView | Blob | ArrayBufferLike) => void;
-        readonly CONNECTING: 0;
-        readonly OPEN: 1;
-        readonly CLOSING: 2;
-        readonly CLOSED: 3;
-        addEventListener: {
-            <K extends keyof WebSocketEventMap>(type: K, listener: (this: WebSocket, ev: WebSocketEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        };
-        removeEventListener: {
-            <K_1 extends keyof WebSocketEventMap>(type: K_1, listener: (this: WebSocket, ev: WebSocketEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        };
-        dispatchEvent: (event: Event) => boolean;
-    } | null, WebSocket | {
-        binaryType: BinaryType;
-        readonly bufferedAmount: number;
-        readonly extensions: string;
-        onclose: ((this: WebSocket, ev: CloseEvent) => any) | null;
-        onerror: ((this: WebSocket, ev: Event) => any) | null;
-        onmessage: ((this: WebSocket, ev: MessageEvent<any>) => any) | null;
-        onopen: ((this: WebSocket, ev: Event) => any) | null;
-        readonly protocol: string;
-        readonly readyState: number;
-        readonly url: string;
-        close: (code?: number | undefined, reason?: string | undefined) => void;
-        send: (data: string | ArrayBufferView | Blob | ArrayBufferLike) => void;
-        readonly CONNECTING: 0;
-        readonly OPEN: 1;
-        readonly CLOSING: 2;
-        readonly CLOSED: 3;
-        addEventListener: {
-            <K extends keyof WebSocketEventMap>(type: K, listener: (this: WebSocket, ev: WebSocketEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        };
-        removeEventListener: {
-            <K_1 extends keyof WebSocketEventMap>(type: K_1, listener: (this: WebSocket, ev: WebSocketEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        };
-        dispatchEvent: (event: Event) => boolean;
-    } | null>;
-    statusText: import("vue").Ref<string, string>;
-    micLevel: import("vue").Ref<number, number>;
-    recording: import("vue").Ref<boolean, boolean>;
-    connect: () => void;
-    disconnect: () => void;
-    resumeAudio: () => void;
-    enqueueSpeakerChunk: (arrayBuffer: ArrayBuffer) => Promise<void>;
-    processSpeakerQueue: () => void;
-    startRecording: () => Promise<void>;
-};

package/dist/test/composable/TestSound.js

@@ -1,196 +0,0 @@
-import { ref, onBeforeUnmount } from 'vue';
-export function useAudioStream(wsUrl) {
-    const SAMPLE_RATE = 24000;
-    const CHUNK_SIZE = 480;
-    const PREBUFFER_SEC = 0.4;
-    let audioCtx;
-    let processor;
-    let input;
-    let stream;
-    const ws = ref(null);
-    const statusText = ref('Tap to Speak with Vico');
-    // Speaker queue
-    let speakerQueue = [];
-    let nextPlayTime = 0;
-    // UI state
-    const recording = ref(false);
-    const micLevel = ref(0);
-    // Status management
-    const STATUS = {
-        IDLE: 'Tap to Speak with Vico',
-        CONNECTING: 'Connecting...',
-        LISTENING: 'Listening...',
-        SPEAKING: 'Speaking...'
-    };
-    let currentStatus = STATUS.IDLE;
-    function setStatus(newStatus) {
-        if (currentStatus !== newStatus) {
-            currentStatus = newStatus;
-            statusText.value = newStatus;
-        }
-    }
-    // 🎤 Float32 → PCM16
-    function floatTo16BitPCM(float32Array) {
-        const buffer = new ArrayBuffer(float32Array.length * 2);
-        const view = new DataView(buffer);
-        for (let i = 0; i < float32Array.length; i++) {
-            let s = Math.max(-1, Math.min(1, float32Array[i]));
-            view.setInt16(i * 2, s < 0 ? s * 0x8000 : s * 0x7fff, true);
-        }
-        return buffer;
-    }
-    // 🔊 PCM16 → Float32
-    function int16ToFloat32(int16Array) {
-        const float32 = new Float32Array(int16Array.length);
-        for (let i = 0; i < int16Array.length; i++) {
-            float32[i] = int16Array[i] / 32768;
-        }
-        return float32;
-    }
-    // 📥 enqueue speaker chunk
-    async function enqueueSpeakerChunk(arrayBuffer) {
-        const int16View = new Int16Array(arrayBuffer);
-        const float32Data = int16ToFloat32(int16View);
-        speakerQueue.push(float32Data);
-    }
-    // 🔊 process queue
-    function processSpeakerQueue() {
-        try {
-            if (speakerQueue.length > 0) {
-                const chunk = speakerQueue.shift();
-                if (chunk) {
-                    const audioBuffer = audioCtx.createBuffer(1, chunk.length, SAMPLE_RATE);
-                    audioBuffer.getChannelData(0).set(chunk);
-                    const source = audioCtx.createBufferSource();
-                    source.buffer = audioBuffer;
-                    source.connect(audioCtx.destination);
-                    if (nextPlayTime < audioCtx.currentTime + 0.05) {
-                        nextPlayTime = audioCtx.currentTime + PREBUFFER_SEC;
-                    }
-                    source.start();
-                    nextPlayTime += audioBuffer.duration;
-                    setStatus(STATUS.SPEAKING);
-                }
-            }
-            else if (recording.value) {
-                setStatus(STATUS.LISTENING);
-            }
-        }
-        catch (e) {
-            console.log(e);
-        }
-        requestAnimationFrame(processSpeakerQueue);
-    }
-    // 🎤 start mic
-    async function startRecording() {
-        audioCtx = new AudioContext({ sampleRate: SAMPLE_RATE });
-        return;
-        stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-        input = audioCtx.createMediaStreamSource(stream);
-        processor = audioCtx.createScriptProcessor(1024, 1, 1);
-        processor.onaudioprocess = (e) => {
-            if (!ws.value || ws.value.readyState !== WebSocket.OPEN)
-                return;
-            const inputData = e.inputBuffer.getChannelData(0);
-            // calculate mic level
-            let sum = 0;
-            for (let i = 0; i < inputData.length; i++)
-                sum += inputData[i] ** 2;
-            micLevel.value = Math.sqrt(sum / inputData.length);
-            // chunking & send
-            for (let i = 0; i < inputData.length; i += CHUNK_SIZE) {
-                const slice = inputData.slice(i, i + CHUNK_SIZE);
-                const binaryChunk = floatTo16BitPCM(slice);
-                ws.value.send(binaryChunk);
-            }
-        };
-        input.connect(processor);
-        processor.connect(audioCtx.destination);
-        recording.value = true;
-        setStatus(STATUS.LISTENING);
-    }
-    // ⏹ stop mic
-    function stopRecording() {
-        recording.value = false;
-        processor?.disconnect();
-        input?.disconnect();
-        stream?.getTracks().forEach((t) => t.stop());
-        if (audioCtx && audioCtx.state !== 'closed') {
-            audioCtx
-                .close()
-                .then(() => console.log('AudioContext closed successfully.'))
-                .catch((err) => console.error('Error closing AudioContext:', err))
-                .finally(() => (micLevel.value = 0));
-        }
-        setStatus(STATUS.IDLE);
-    }
-    const getAudioContext = () => {
-        if (!audioCtx || audioCtx.state === 'closed') {
-            audioCtx = new AudioContext({ sampleRate: SAMPLE_RATE });
-        }
-        return audioCtx;
-    };
-    const safeResumeAudio = () => {
-        const ctx = getAudioContext();
-        if (ctx.state === 'suspended') {
-            ctx.resume().catch((err) => console.error('Error resuming AudioContext:', err));
-        }
-    };
-    function connect() {
-        if (ws.value && ws.value.readyState === WebSocket.OPEN)
-            return;
-        setStatus(STATUS.CONNECTING);
-        ws.value = new WebSocket(wsUrl);
-        ws.value.binaryType = 'arraybuffer';
-        ws.value.onopen = () => {
-            console.log('✅ WS connected');
-            startRecording();
-            processSpeakerQueue();
-        };
-        ws.value.onmessage = (event) => {
-            if (event.data instanceof ArrayBuffer) {
-                enqueueSpeakerChunk(event.data);
-                return;
-            }
-            if (typeof event.data === 'string') {
-                try {
-                    const msg = JSON.parse(event.data);
-                    if (msg.type === 'AudioStop' || msg.code === 'UserStartedSpeaking') {
-                        // speakerQueue.length = 0
-                        nextPlayTime = 0;
-                        setStatus(STATUS.LISTENING);
-                        return;
-                    }
-                }
-                catch (err) {
-                    console.warn('⚠️ Parse JSON error:', err, event.data);
-                }
-            }
-            console.log('⚠️ Unknown WS message, closing...');
-            disconnect();
-        };
-        ws.value.onclose = () => {
-            console.log('❌ WS closed');
-            stopRecording();
-        };
-    }
-    function disconnect() {
-        ws.value?.close();
-        stopRecording();
-    }
-    onBeforeUnmount(() => {
-        disconnect();
-    });
-    return {
-        ws,
-        statusText,
-        micLevel,
-        recording,
-        connect,
-        disconnect,
-        resumeAudio: safeResumeAudio,
-        enqueueSpeakerChunk,
-        processSpeakerQueue,
-        startRecording
-    };
-}