Files
selfphoneng/apps/web/src/api/client.ts
T
iamdoubz dd640b368b announcements: play a sound, then continue
/api/announcements CRUD (sound must be a prompt, destination must exist
and not be itself, delete refused while referenced); the generator
renders sp-ann-{id} (Answer, Playback, destApp) and destApp sends
announcement destinations there. The ivr golden case gains "press 3:
hours announcement, then back to the menu". Announcements are managed in
a section of Sounds & music (05 updated); the DestinationPicker gains
"Announcement".

Task: M6-T5
2026-10-18 11:00:33 -05:00

254 lines
10 KiB
TypeScript

// SPDX-License-Identifier: AGPL-3.0-or-later
// Typed fetch wrappers (05 §1). Every request sends X-Requested-With (CSRF, 04 §2.2).
import type {
AnnouncementCreate,
AnnouncementDto,
AnnouncementUpdate,
AuthUser,
DidCreate,
DidDto,
DidUpdate,
ExtensionCreate,
ExtensionDto,
ExtensionUpdate,
GreetingKind,
HolidayDto,
HolidayInput,
IvrCreate,
IvrDto,
IvrUpdate,
ListResponse,
NumberKind,
OutboundRouteCreate,
OutboundRouteDto,
OutboundRouteUpdate,
RingGroupCreate,
RingGroupDto,
RingGroupUpdate,
RouteTestResult,
SettingsDto,
SipCredentials,
SoundDto,
TimeConditionCreate,
TimeConditionDto,
TimeConditionUpdate,
OverrideState,
TrunkCreate,
TrunkDto,
TrunkTestResult,
TrunkUpdate,
UserCreate,
UserDto,
UserUpdate,
VoicemailDto,
WebRtcCreds,
Warning,
} from '@selfphoneng/shared';
export class ApiError extends Error {
readonly status: number;
readonly code: string;
readonly details: unknown;
constructor(status: number, code: string, message: string, details: unknown) {
super(message);
this.status = status;
this.code = code;
this.details = details;
}
}
async function api<T>(method: string, url: string, body?: unknown): Promise<T> {
const res = await fetch(url, {
method,
credentials: 'same-origin',
headers: {
'X-Requested-With': 'selfphoneng',
...(body === undefined ? {} : { 'Content-Type': 'application/json' }),
},
body: body === undefined ? undefined : JSON.stringify(body),
});
const data = res.headers.get('content-type')?.includes('json') ? await res.json() : null;
if (!res.ok) {
const e = data?.error ?? {};
throw new ApiError(res.status, e.code ?? 'internal', e.message ?? res.statusText, e.details);
}
return data as T;
}
/** Audio uploads: the file itself is the body (no multipart), with its own Content-Type. */
async function upload<T>(method: string, url: string, body: Blob): Promise<T> {
const res = await fetch(url, {
method,
credentials: 'same-origin',
headers: {
'X-Requested-With': 'selfphoneng',
'Content-Type': body.type || 'application/octet-stream',
},
body,
});
const data = await res.json().catch(() => null);
if (!res.ok) {
const e = data?.error ?? {};
throw new ApiError(res.status, e.code ?? 'internal', e.message ?? res.statusText, e.details);
}
return data as T;
}
export const authApi = {
me: () => api<{ user: AuthUser }>('GET', '/api/auth/me').then((r) => r.user),
login: (email: string, password: string) =>
api<{ user: AuthUser }>('POST', '/api/auth/login', { email, password }).then((r) => r.user),
logout: () => api<{ ok: true }>('POST', '/api/auth/logout'),
changePassword: (currentPassword: string, newPassword: string) =>
api<{ ok: true }>('POST', '/api/auth/change-password', { currentPassword, newPassword }),
};
export const usersApi = {
list: () => api<ListResponse<UserDto>>('GET', '/api/users').then((r) => r.items),
create: (u: UserCreate) =>
api<{ user: UserDto; temporaryPassword: string }>('POST', '/api/users', u),
update: (id: string, u: UserUpdate) => api<UserDto>('PATCH', `/api/users/${id}`, u),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/users/${id}`),
resetPassword: (id: string) =>
api<{ temporaryPassword: string }>('POST', `/api/users/${id}/reset-password`),
};
export const extensionsApi = {
list: () => api<ListResponse<ExtensionDto>>('GET', '/api/extensions').then((r) => r.items),
get: (id: string) => api<ExtensionDto>('GET', `/api/extensions/${id}`),
create: (e: ExtensionCreate) => api<ExtensionDto>('POST', '/api/extensions', e),
update: (id: string, e: ExtensionUpdate) =>
api<ExtensionDto>('PATCH', `/api/extensions/${id}`, e),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/extensions/${id}`),
credentials: (id: string) => api<SipCredentials>('GET', `/api/extensions/${id}/sip-credentials`),
regenerateSipPassword: (id: string) =>
api<{ ok: true }>('POST', `/api/extensions/${id}/regenerate-sip-password`),
nextNumber: (kind: NumberKind) =>
api<{ number: string | null }>('GET', `/api/numbering/next?kind=${kind}`).then((r) => r.number),
};
export const trunksApi = {
list: () => api<ListResponse<TrunkDto>>('GET', '/api/trunks').then((r) => r.items),
create: (t: TrunkCreate) => api<TrunkDto>('POST', '/api/trunks', t),
update: (id: string, t: TrunkUpdate) => api<TrunkDto>('PATCH', `/api/trunks/${id}`, t),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/trunks/${id}`),
test: (id: string) => api<TrunkTestResult>('POST', `/api/trunks/${id}/test`),
};
export const didsApi = {
list: () => api<ListResponse<DidDto>>('GET', '/api/dids').then((r) => r.items),
create: (d: DidCreate) => api<DidDto>('POST', '/api/dids', d),
update: (id: string, d: DidUpdate) => api<DidDto>('PATCH', `/api/dids/${id}`, d),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/dids/${id}`),
};
export const routesApi = {
list: () =>
api<ListResponse<OutboundRouteDto>>('GET', '/api/outbound-routes').then((r) => r.items),
create: (r: OutboundRouteCreate) => api<OutboundRouteDto>('POST', '/api/outbound-routes', r),
update: (id: string, r: OutboundRouteUpdate) =>
api<OutboundRouteDto>('PATCH', `/api/outbound-routes/${id}`, r),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/outbound-routes/${id}`),
reorder: (ids: string[]) => api<{ ok: true }>('POST', '/api/outbound-routes/reorder', { ids }),
test: (extensionId: string, number: string) =>
api<RouteTestResult>('POST', '/api/outbound-routes/test', { extensionId, number }),
};
export const settingsApi = {
get: () => api<SettingsDto>('GET', '/api/settings'),
patch: (s: Record<string, unknown>) => api<SettingsDto>('PATCH', '/api/settings', s),
testEmail: (to: string) => api<{ ok: true }>('POST', '/api/settings/smtp/test', { to }),
testEmergency: () =>
api<{ notified: { kind: string; to: string; ok: boolean; error?: string }[] }>(
'POST',
'/api/settings/emergency/test',
),
warnings: () => api<{ items: Warning[] }>('GET', '/api/system/warnings').then((r) => r.items),
};
export const systemApi = {
status: () =>
api<{ ami: { connected: boolean }; restartRequired: boolean; lanIps: string[] }>(
'GET',
'/api/system/status',
),
restartAsterisk: (now: boolean) =>
api<{ ok: true }>('POST', `/api/system/asterisk/restart?now=${now}`),
detectPublicIp: () =>
api<{ ip: string }>('POST', '/api/settings/network/detect-public-ip').then((r) => r.ip),
setupStatus: () => api<{ completed: boolean }>('GET', '/api/setup/status'),
completeSetup: () => api<{ ok: true }>('POST', '/api/setup/complete'),
};
export const meApi = {
webrtc: () => api<WebRtcCreds>('GET', '/api/me/webrtc'),
clickToCall: (number: string) => api<{ ok: true }>('POST', '/api/me/click-to-call', { number }),
voicemail: () => api<ListResponse<VoicemailDto>>('GET', '/api/me/voicemail').then((r) => r.items),
audioUrl: (id: string, download = false) =>
`/api/me/voicemail/${id}/audio${download ? '?download=1' : ''}`,
moveVoicemail: (id: string, folder: 'INBOX' | 'Old') =>
api<VoicemailDto>('PATCH', `/api/me/voicemail/${id}`, { folder }),
deleteVoicemail: (id: string) => api<{ ok: true }>('DELETE', `/api/me/voicemail/${id}`),
greetings: () => api<Record<GreetingKind, boolean>>('GET', '/api/me/greetings'),
greetingUrl: (kind: GreetingKind) => `/api/me/greetings/${kind}/audio`,
/** The raw recording or file is the body; the server converts it with ffmpeg. */
putGreeting: (kind: GreetingKind, audio: Blob) =>
upload<{ ok: true }>('PUT', `/api/me/greetings/${kind}`, audio),
deleteGreeting: (kind: GreetingKind) => api<{ ok: true }>('DELETE', `/api/me/greetings/${kind}`),
};
export const soundsApi = {
list: () => api<ListResponse<SoundDto>>('GET', '/api/sounds').then((r) => r.items),
audioUrl: (id: string) => `/api/sounds/${id}/audio`,
upload: (name: string, file: File) =>
upload<SoundDto>(
'POST',
`/api/sounds?${new URLSearchParams({ name, filename: file.name })}`,
file,
),
rename: (id: string, name: string) => api<SoundDto>('PATCH', `/api/sounds/${id}`, { name }),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/sounds/${id}`),
};
export const ringGroupsApi = {
list: () => api<ListResponse<RingGroupDto>>('GET', '/api/ring-groups').then((r) => r.items),
create: (g: RingGroupCreate) => api<RingGroupDto>('POST', '/api/ring-groups', g),
update: (id: string, g: RingGroupUpdate) =>
api<RingGroupDto>('PATCH', `/api/ring-groups/${id}`, g),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/ring-groups/${id}`),
};
export const ivrsApi = {
list: () => api<ListResponse<IvrDto>>('GET', '/api/ivrs').then((r) => r.items),
create: (r: IvrCreate) => api<IvrDto>('POST', '/api/ivrs', r),
update: (id: string, r: IvrUpdate) => api<IvrDto>('PATCH', `/api/ivrs/${id}`, r),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/ivrs/${id}`),
};
export const timeConditionsApi = {
list: () =>
api<ListResponse<TimeConditionDto>>('GET', '/api/time-conditions').then((r) => r.items),
create: (t: TimeConditionCreate) => api<TimeConditionDto>('POST', '/api/time-conditions', t),
update: (id: string, t: TimeConditionUpdate) =>
api<TimeConditionDto>('PATCH', `/api/time-conditions/${id}`, t),
override: (id: string, state: OverrideState) =>
api<TimeConditionDto>('POST', `/api/time-conditions/${id}/override`, { state }),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/time-conditions/${id}`),
};
export const holidaysApi = {
list: () => api<ListResponse<HolidayDto>>('GET', '/api/holidays').then((r) => r.items),
create: (h: HolidayInput) => api<HolidayDto>('POST', '/api/holidays', h),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/holidays/${id}`),
importUsFederal: (year: number) =>
api<{ added: number }>('POST', '/api/holidays/import-us-federal', { year }),
};
export const announcementsApi = {
list: () => api<ListResponse<AnnouncementDto>>('GET', '/api/announcements').then((r) => r.items),
create: (a: AnnouncementCreate) => api<AnnouncementDto>('POST', '/api/announcements', a),
update: (id: string, a: AnnouncementUpdate) =>
api<AnnouncementDto>('PATCH', `/api/announcements/${id}`, a),
remove: (id: string) => api<{ ok: true }>('DELETE', `/api/announcements/${id}`),
};