phpbb/phpBB/styles/all/js/push_worker.js.twig

/**
 * Event listener for install event
 */
self.addEventListener('install', () => {
	// Call to ensure service worker is correctly updated
	self.skipWaiting();
});

/**
 * Event listener for activate event
 */
self.addEventListener('activate', event => {
	event.waitUntil(self.clients.claim());
});

/**
 * Event listener for push event
 */
self.addEventListener('push', event => {
	if (typeof event.data === 'undefined') {
		return;
	}

	let itemId = 0;
	let typeId = 0;
	let notificationVersion = 5;
	try {
		const notificationData = event.data.json();
		itemId = notificationData.item_id;
		typeId = notificationData.type_id;
		notificationVersion = parseInt(notificationData.version, 10);
	} catch {
		self.registration.showNotification(event.data.text());
		return;
	}

	const getNotificationUrl = '{{ U_WEBPUSH_GET_NOTIFICATION }}';
	const assetsVersion = parseInt('{{ ASSETS_VERSION }}', 10);

	// Force update if versions differ
	if (assetsVersion !== notificationVersion) {
		self.registration.update();
	}

	const formData = new FormData();
	formData.append('item_id', itemId.toString(10));
	formData.append('type_id', typeId.toString(10));

	fetch(getNotificationUrl, {
		method: 'POST',
		headers: {
			'X-Requested-With': 'XMLHttpRequest',
		},
		body: formData,
	})
		.then(response => response.json())
		.then(response => {
			const responseBody = response.title + '\n' + response.text;
			const options = {
				body: responseBody,
				data: response,
				icon: response.avatar.src,
			};
			self.registration.showNotification(response.heading, options);
		});
});

/**
 * Event listener for notification click
 */
self.addEventListener('notificationclick', event => {
	event.notification.close();
	if (typeof event.notification.data !== 'undefined') {
		event.waitUntil(self.clients.openWindow(event.notification.data.url));
	}
});