iamdoubz
f60dda0bb0
/api/me/voicemail lists, streams (Range, download) and marks read or deletes through AMI VoicemailMove/VoicemailRemove, then rescans so MWI and the list agree. /api/me/greetings takes the raw recording or file and converts it with ffmpeg to 8 kHz PCM (media/audio.ts). My Phone gets a layout with Home (new voicemails) and Voicemail (play marks read, download, delete, record/upload greetings via MediaRecorder); the list refetches on the live voicemail.new event. e2e m4-t3 checks MWI goes off within 5 s after play and delete, and a browser-recorded greeting is what callers hear. Task: M4-T3
97 lines
3.2 KiB
TypeScript
97 lines
3.2 KiB
TypeScript
// SPDX-License-Identifier: AGPL-3.0-or-later
|
|
// Live data from /api/live (05 §1): one WebSocket per tab, reconnecting with backoff.
|
|
import { create } from 'zustand';
|
|
import type { EmergencyCall, ExtensionLive, LiveMessage, TrunkLive } from '@selfphoneng/shared';
|
|
|
|
type LiveStore = {
|
|
/** WebSocket state: 'connecting' before the first snapshot. */
|
|
status: 'connecting' | 'open' | 'reconnecting';
|
|
amiConnected: boolean;
|
|
extensions: Record<string, ExtensionLive>;
|
|
/** Admins only (empty for users). */
|
|
trunks: Record<string, TrunkLive>;
|
|
/** 911 alerts received while this tab was open, newest last; dismissed ones are removed. */
|
|
emergencies: EmergencyCall[];
|
|
/** Bumped on every voicemail.new, so the voicemail list knows to refetch. */
|
|
voicemailSeq: number;
|
|
};
|
|
|
|
export const useLive = create<LiveStore>(() => ({
|
|
status: 'connecting',
|
|
amiConnected: false,
|
|
extensions: {},
|
|
trunks: {},
|
|
emergencies: [],
|
|
voicemailSeq: 0,
|
|
}));
|
|
|
|
function apply(m: LiveMessage) {
|
|
useLive.setState((s) => {
|
|
switch (m.type) {
|
|
case 'snapshot':
|
|
return {
|
|
status: 'open',
|
|
amiConnected: m.data.ami.connected,
|
|
extensions: Object.fromEntries(m.data.extensions.map((e) => [e.number, e])),
|
|
trunks: Object.fromEntries((m.data.trunks ?? []).map((t) => [t.trunkId, t])),
|
|
};
|
|
case 'extension.updated':
|
|
return { extensions: { ...s.extensions, [m.data.number]: m.data } };
|
|
case 'extension.removed': {
|
|
const { [m.data.number]: _gone, ...rest } = s.extensions;
|
|
return { extensions: rest };
|
|
}
|
|
case 'trunk.updated':
|
|
return { trunks: { ...s.trunks, [m.data.trunkId]: m.data } };
|
|
case 'trunk.removed': {
|
|
const { [m.data.trunkId]: _gone, ...rest } = s.trunks;
|
|
return { trunks: rest };
|
|
}
|
|
case 'emergency.call':
|
|
return { emergencies: [...s.emergencies, m.data] };
|
|
case 'voicemail.new':
|
|
return { voicemailSeq: s.voicemailSeq + 1 };
|
|
case 'ami.status':
|
|
return { amiConnected: m.data.connected };
|
|
default:
|
|
return {};
|
|
}
|
|
});
|
|
}
|
|
|
|
const BACKOFF = [1, 2, 4, 8, 16, 30].map((s) => s * 1000);
|
|
let socket: WebSocket | null = null;
|
|
let users = 0;
|
|
let attempt = 0;
|
|
let retry: ReturnType<typeof setTimeout> | undefined;
|
|
|
|
function connect() {
|
|
const proto = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
const ws = new WebSocket(`${proto}://${location.host}/api/live`);
|
|
socket = ws;
|
|
ws.onmessage = (ev) => {
|
|
attempt = 0;
|
|
apply(JSON.parse(ev.data as string) as LiveMessage);
|
|
};
|
|
ws.onclose = (ev) => {
|
|
if (socket !== ws || users === 0) return;
|
|
socket = null;
|
|
if (ev.code === 4401) return; // signed out: the auth gate redirects to /login
|
|
useLive.setState({ status: 'reconnecting' });
|
|
retry = setTimeout(connect, BACKOFF[Math.min(attempt++, BACKOFF.length - 1)]);
|
|
};
|
|
}
|
|
|
|
/** Pages that show live data call this in an effect; the socket closes when nobody needs it. */
|
|
export function subscribeLive(): () => void {
|
|
if (users++ === 0) connect();
|
|
return () => {
|
|
if (--users > 0) return;
|
|
clearTimeout(retry);
|
|
const ws = socket;
|
|
socket = null;
|
|
ws?.close();
|
|
useLive.setState({ status: 'connecting' });
|
|
};
|
|
}
|