/*
* Copyright (C) 2026 Fluxer Contributors
*
* This file is part of Fluxer.
*
* Fluxer is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Fluxer is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with Fluxer. If not, see .
*/
import type {I18n} from '@lingui/core';
import {msg} from '@lingui/core/macro';
import * as NotificationActionCreators from '~/actions/NotificationActionCreators';
import * as SoundActionCreators from '~/actions/SoundActionCreators';
import AuthenticationStore from '~/stores/AuthenticationStore';
import SoundStore from '~/stores/SoundStore';
import UserStore from '~/stores/UserStore';
import * as AvatarUtils from '~/utils/AvatarUtils';
import {getElectronAPI, isDesktop} from '~/utils/NativeUtils';
import * as RouterUtils from '~/utils/RouterUtils';
import {SoundType} from '~/utils/SoundUtils';
let notificationClickHandlerInitialized = false;
export const ensureDesktopNotificationClickHandler = (): void => {
if (notificationClickHandlerInitialized) return;
const electronApi = getElectronAPI();
if (!electronApi) return;
notificationClickHandlerInitialized = true;
electronApi.onNotificationClick((_id: string, url?: string) => {
if (url) {
RouterUtils.transitionTo(url);
}
});
};
export const hasNotification = (): boolean => {
if (isDesktop()) return true;
return typeof Notification !== 'undefined';
};
export const isGranted = async (): Promise => {
if (isDesktop()) return true;
return typeof Notification !== 'undefined' && Notification.permission === 'granted';
};
export const playNotificationSoundIfEnabled = (): void => {
if (!SoundStore.isSoundTypeEnabled(SoundType.Message)) return;
SoundActionCreators.playSound(SoundType.Message);
};
type PermissionResult = 'granted' | 'denied' | 'unsupported';
const requestBrowserPermission = async (): Promise => {
if (typeof Notification === 'undefined') {
return 'unsupported';
}
try {
const permission = await Notification.requestPermission();
return permission === 'granted' ? 'granted' : 'denied';
} catch {
return 'denied';
}
};
const getCurrentUserAvatar = (): string | null => {
const currentUserId = AuthenticationStore.currentUserId;
if (!currentUserId) return null;
const currentUser = UserStore.getUser(currentUserId);
if (!currentUser) return null;
return AvatarUtils.getUserAvatarURL(currentUser);
};
export const requestPermission = async (i18n: I18n): Promise => {
if (isDesktop()) {
NotificationActionCreators.permissionGranted();
playNotificationSoundIfEnabled();
const icon = getCurrentUserAvatar() ?? '';
void showNotification({
title: i18n._(msg`Access granted`),
body: i18n._(msg`Huzzah! Desktop notifications are enabled`),
icon,
});
return;
}
const result = await requestBrowserPermission();
if (result !== 'granted') {
NotificationActionCreators.permissionDenied(i18n);
return;
}
NotificationActionCreators.permissionGranted();
playNotificationSoundIfEnabled();
const icon = getCurrentUserAvatar() ?? '';
void showNotification({
title: i18n._(msg`Access granted`),
body: i18n._(msg`Huzzah! Browser notifications are enabled`),
icon,
});
};
export interface NotificationResult {
browserNotification: Notification | null;
nativeNotificationId: string | null;
}
const getServiceWorkerRegistration = async (): Promise => {
if (typeof navigator === 'undefined' || typeof navigator.serviceWorker === 'undefined') {
return null;
}
try {
return (await navigator.serviceWorker.getRegistration()) ?? null;
} catch {
return null;
}
};
const tryShowNotificationViaServiceWorker = async ({
title,
body,
url,
icon,
targetUserId,
}: {
title: string;
body: string;
url?: string;
icon?: string;
targetUserId?: string;
}): Promise<{shown: boolean; result: NotificationResult}> => {
const registration = await getServiceWorkerRegistration();
if (!registration) {
return {shown: false, result: {browserNotification: null, nativeNotificationId: null}};
}
const options: NotificationOptions = {body};
if (icon) {
options.icon = icon;
}
if (url || targetUserId) {
const data: Record = {};
if (url) data.url = url;
if (targetUserId) data.target_user_id = targetUserId;
options.data = data;
}
try {
await registration.showNotification(title, options);
return {shown: true, result: {browserNotification: null, nativeNotificationId: null}};
} catch {
return {shown: false, result: {browserNotification: null, nativeNotificationId: null}};
}
};
const tryShowNotificationViaWindowNotification = ({
title,
body,
url,
icon,
}: {
title: string;
body: string;
url?: string;
icon?: string;
}): NotificationResult => {
const notificationOptions: NotificationOptions = icon ? {body, icon} : {body};
const notification = new Notification(title, notificationOptions);
notification.addEventListener('click', (event) => {
event.preventDefault();
window.focus();
if (url) {
RouterUtils.transitionTo(url);
}
notification.close();
});
return {browserNotification: notification, nativeNotificationId: null};
};
export const showNotification = async ({
title,
body,
url,
icon,
playSound = true,
}: {
title: string;
body: string;
url?: string;
icon?: string;
playSound?: boolean;
}): Promise => {
try {
if (playSound) {
playNotificationSoundIfEnabled();
}
const electronApi = getElectronAPI();
if (electronApi) {
try {
const result = await electronApi.showNotification({
title,
body,
icon: icon ?? '',
url,
});
return {browserNotification: null, nativeNotificationId: result.id};
} catch {
return {browserNotification: null, nativeNotificationId: null};
}
}
const targetUserId = AuthenticationStore.currentUserId ?? undefined;
const swAttempt = await tryShowNotificationViaServiceWorker({title, body, url, icon, targetUserId});
if (swAttempt.shown) {
return swAttempt.result;
}
if (typeof Notification !== 'undefined' && Notification.permission === 'granted') {
try {
return tryShowNotificationViaWindowNotification({title, body, url, icon});
} catch {
const swFallback = await tryShowNotificationViaServiceWorker({title, body, url, icon, targetUserId});
return swFallback.result;
}
}
return swAttempt.result;
} catch {
return {browserNotification: null, nativeNotificationId: null};
}
};
export const closeNativeNotification = (id: string): void => {
const electronApi = getElectronAPI();
if (electronApi) {
electronApi.closeNotification(id);
}
};
export const closeNativeNotifications = (ids: Array): void => {
if (ids.length === 0) return;
const electronApi = getElectronAPI();
if (electronApi) {
electronApi.closeNotifications(ids);
}
};