53 lines
1.9 KiB
TypeScript
53 lines
1.9 KiB
TypeScript
import registerEvents from 'retrospring/utilities/registerEvents';
|
|
import { enableHandler } from './enable';
|
|
import { dismissHandler } from "./dismiss";
|
|
import { unsubscribeHandler, checkSubscription } from "retrospring/features/webpush/unsubscribe";
|
|
|
|
let initialized = false;
|
|
|
|
export default (): void => {
|
|
const swCapable = 'serviceWorker' in navigator;
|
|
const notificationCapable = 'Notification' in window;
|
|
|
|
// We want to adjust enable/disable buttons on every page load
|
|
// because the enable button appears on both the settings and inbox pages.
|
|
if (swCapable && notificationCapable) {
|
|
const enableBtn = document.querySelector('button[data-action="push-enable"]');
|
|
|
|
navigator.serviceWorker.getRegistration().then(async registration => {
|
|
const subscription = await registration?.pushManager.getSubscription();
|
|
if (subscription) {
|
|
document.querySelector('button[data-action="push-enable"]')?.classList.add('d-none');
|
|
document.querySelector('[data-action="push-disable"]')?.classList.remove('d-none');
|
|
|
|
if (!initialized) {
|
|
checkSubscription(subscription);
|
|
}
|
|
return;
|
|
}
|
|
|
|
enableBtn?.classList.remove('d-none');
|
|
|
|
if (localStorage.getItem('dismiss-push-settings-prompt') == null) {
|
|
document.querySelector('.push-settings')?.classList.remove('d-none');
|
|
}
|
|
});
|
|
}
|
|
|
|
if (!initialized) {
|
|
registerEvents([
|
|
{type: 'click', target: '[data-action="push-enable"]', handler: enableHandler, global: true},
|
|
{type: 'click', target: '[data-action="push-dismiss"]', handler: dismissHandler, global: true},
|
|
{type: 'click', target: '[data-action="push-disable"]', handler: unsubscribeHandler, global: true},
|
|
{
|
|
type: 'click',
|
|
target: '[data-action="push-remove-all"]',
|
|
handler: unsubscribeHandler,
|
|
global: true
|
|
},
|
|
]);
|
|
|
|
initialized = true;
|
|
}
|
|
}
|