feat: voice messages, offline queue, delivery ticks, volume slider, admin + scaling
- Voice messages: MediaRecorder → encrypted attachment, custom waveform player via OfflineAudioContext, 60s limit + live mic-level meter - Offline message queue: localStorage outbox, exponential backoff retries, optimistic pending bubble with retry/discard - Delivery indicator: message_deliveries table + RLS (reciprocal receipts), ✓ / ✓✓ / ✓✓-blue tick states, group-aware (all members must ack) - Per-participant volume slider in calls via right-click tile menu, persisted to localStorage, applied to attached audio elements - Group call scaling: grid up to 12 tiles with pagination, active-speaker auto-promotion in fullscreen - Push notifications scaffolding: service worker, VAPID subscription registration, notify-push edge function skeleton - Backup recovery code: 24-char base32 code (~120 bits entropy) as alternative decrypt path, restore UI with mode toggle - Admin panel: conversations list, audit log (admin_audit_log table + admin_log_action RPC), audit entry on user flag toggle - Search v2: sender filter, attachment-only toggle, date range - Reactions pop animation (scale 0.4→1.15→1 on count change) - Message list windowing (150 default, expand via IntersectionObserver) - Stub cleanup: removed dead ScreenshareStub from CallParticipantTile Fixes: - Focus-triggered flicker: dropped window.focus listeners in three spots, throttled visibilitychange/online wake-refreshes to 30s, keep existing data visible during background re-syncs (no more spinner on every click) - Voice attachment audio element collapsed to 0px on peer side — now forces 280px min-width on bubble Migrations (push required): 20260421000001_message_deliveries.sql 20260421000002_admin_audit_log.sql Server TODO: VAPID keys + notify-push edge function deploy
This commit is contained in:
@@ -0,0 +1,67 @@
|
||||
// Web Push service worker.
|
||||
//
|
||||
// Handles browser-delivered push events when the app tab is closed or in the
|
||||
// background. Tauri desktop does not install service workers; native OS
|
||||
// notifications are routed through the Tauri notification plugin instead
|
||||
// (see src/lib/osNotify.ts).
|
||||
//
|
||||
// Payload contract — server sends JSON of shape:
|
||||
// { title: string, body?: string, conversationId?: string, kind?: 'message' | 'call' }
|
||||
// Body is intentionally generic; message ciphertext is never included.
|
||||
|
||||
self.addEventListener('install', (event) => {
|
||||
// Activate immediately so updates apply on next page load.
|
||||
event.waitUntil(self.skipWaiting());
|
||||
});
|
||||
|
||||
self.addEventListener('activate', (event) => {
|
||||
event.waitUntil(self.clients.claim());
|
||||
});
|
||||
|
||||
self.addEventListener('push', (event) => {
|
||||
let data = { title: 'Neue Nachricht', body: '' };
|
||||
try {
|
||||
if (event.data) {
|
||||
data = { ...data, ...event.data.json() };
|
||||
}
|
||||
} catch (_err) {
|
||||
/* malformed payload — fall back to defaults */
|
||||
}
|
||||
|
||||
const opts = {
|
||||
body: data.body || '',
|
||||
icon: '/favicon.svg',
|
||||
badge: '/favicon.svg',
|
||||
tag: data.conversationId || 'default',
|
||||
renotify: true,
|
||||
data: {
|
||||
conversationId: data.conversationId,
|
||||
kind: data.kind,
|
||||
},
|
||||
};
|
||||
|
||||
event.waitUntil(self.registration.showNotification(data.title, opts));
|
||||
});
|
||||
|
||||
self.addEventListener('notificationclick', (event) => {
|
||||
event.notification.close();
|
||||
const conversationId = event.notification.data && event.notification.data.conversationId;
|
||||
const target = conversationId ? '/chats/' + conversationId : '/';
|
||||
|
||||
event.waitUntil(
|
||||
self.clients
|
||||
.matchAll({ type: 'window', includeUncontrolled: true })
|
||||
.then((clientList) => {
|
||||
for (const client of clientList) {
|
||||
if ('focus' in client) {
|
||||
client.postMessage({ type: 'navigate', to: target });
|
||||
return client.focus();
|
||||
}
|
||||
}
|
||||
if (self.clients.openWindow) {
|
||||
return self.clients.openWindow(target);
|
||||
}
|
||||
return undefined;
|
||||
}),
|
||||
);
|
||||
});
|
||||
Reference in New Issue
Block a user