2025-12-07 19:32:53 +02:00
|
|
|
import type { NotificationPayload, NotificationsAPI } from '@openchamber/ui/lib/api/types';
|
|
|
|
|
|
2026-04-26 00:48:48 +07:00
|
|
|
const SW_READY_TIMEOUT_MS = 1500;
|
|
|
|
|
|
|
|
|
|
const getNotificationRegistration = async (): Promise<ServiceWorkerRegistration | null> => {
|
|
|
|
|
if (typeof navigator === 'undefined' || !('serviceWorker' in navigator)) {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
let existing: ServiceWorkerRegistration | null = null;
|
|
|
|
|
try {
|
|
|
|
|
existing = (await navigator.serviceWorker.getRegistration()) ?? null;
|
|
|
|
|
} catch {
|
|
|
|
|
existing = null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (existing?.active) {
|
|
|
|
|
return existing;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!existing) {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
const ready = await Promise.race<ServiceWorkerRegistration | null>([
|
|
|
|
|
navigator.serviceWorker.ready,
|
|
|
|
|
new Promise<null>((resolve) => {
|
|
|
|
|
setTimeout(() => resolve(null), SW_READY_TIMEOUT_MS);
|
|
|
|
|
}),
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
return ready ?? existing;
|
|
|
|
|
} catch {
|
|
|
|
|
return existing;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const notifyWithServiceWorker = async (payload?: NotificationPayload): Promise<boolean> => {
|
|
|
|
|
const registration = await getNotificationRegistration();
|
|
|
|
|
if (!registration || typeof registration.showNotification !== 'function') {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
await registration.showNotification(payload?.title ?? 'OpenChamber', {
|
|
|
|
|
body: payload?.body,
|
|
|
|
|
tag: payload?.tag,
|
|
|
|
|
});
|
|
|
|
|
return true;
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.warn('Failed to send notification via service worker', error);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2025-12-07 19:32:53 +02:00
|
|
|
const notifyWithWebAPI = async (payload?: NotificationPayload): Promise<boolean> => {
|
|
|
|
|
if (typeof Notification === 'undefined') {
|
|
|
|
|
console.info('Notifications not supported in this environment', payload);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
2026-01-22 01:19:24 +02:00
|
|
|
if (Notification.permission === 'default') {
|
|
|
|
|
const permission = await Notification.requestPermission();
|
|
|
|
|
if (permission !== 'granted') {
|
|
|
|
|
console.warn('Notification permission not granted');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (Notification.permission !== 'granted') {
|
2025-12-07 19:32:53 +02:00
|
|
|
console.warn('Notification permission not granted');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
try {
|
2026-04-26 00:48:48 +07:00
|
|
|
// Some installed PWAs expose Notification.permission but only allow
|
|
|
|
|
// notifications through an active service worker registration.
|
|
|
|
|
if (await notifyWithServiceWorker(payload)) {
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
2025-12-07 19:32:53 +02:00
|
|
|
new Notification(payload?.title ?? 'OpenChamber', {
|
|
|
|
|
body: payload?.body,
|
|
|
|
|
tag: payload?.tag,
|
|
|
|
|
});
|
|
|
|
|
return true;
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.warn('Failed to send notification', error);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2026-02-05 01:59:49 +02:00
|
|
|
const notifyWithTauri = async (payload?: NotificationPayload): Promise<boolean> => {
|
|
|
|
|
if (typeof window === 'undefined') {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const tauri = (window as unknown as { __TAURI__?: TauriGlobal }).__TAURI__;
|
|
|
|
|
if (!tauri?.core?.invoke) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
await tauri.core.invoke('desktop_notify', {
|
|
|
|
|
payload: {
|
|
|
|
|
title: payload?.title,
|
|
|
|
|
body: payload?.body,
|
|
|
|
|
tag: payload?.tag,
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
return true;
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.warn('Failed to send native notification (tauri)', error);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2025-12-07 19:32:53 +02:00
|
|
|
export const createWebNotificationsAPI = (): NotificationsAPI => ({
|
|
|
|
|
async notifyAgentCompletion(payload?: NotificationPayload): Promise<boolean> {
|
2026-04-26 00:48:48 +07:00
|
|
|
return (await notifyWithTauri(payload)) || (await notifyWithWebAPI(payload));
|
2026-02-05 01:59:49 +02:00
|
|
|
},
|
|
|
|
|
canNotify: () => {
|
|
|
|
|
if (typeof window !== 'undefined') {
|
|
|
|
|
const tauri = (window as unknown as { __TAURI__?: TauriGlobal }).__TAURI__;
|
|
|
|
|
if (tauri?.core?.invoke) {
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return typeof Notification !== 'undefined' ? Notification.permission === 'granted' : false;
|
2025-12-07 19:32:53 +02:00
|
|
|
},
|
|
|
|
|
});
|
2026-02-05 01:59:49 +02:00
|
|
|
type TauriGlobal = {
|
|
|
|
|
core?: {
|
|
|
|
|
invoke?: (cmd: string, args?: Record<string, unknown>) => Promise<unknown>;
|
|
|
|
|
};
|
|
|
|
|
};
|