notification.js

const isPushSupported = () => {
	//checks if user has granted permission to Push notifications
	if (Notification.permission === 'denied') {
		alert('User has blocked push notification.');
		return;
	}

	//Checks if current browser supports Push notification
	if (!('PushManager' in window)) {
		alert("Sorry, Push notification isn't supported in your browser.");
		return;
	}

	//Get `push notification` subscription id

	//If `serviceWorker` is registered and ready
	navigator.serviceWorker.ready.then(function (registration) {
		registration.pushManager.getSubscription().catch(function (error) {
			console.error('Error occurred while enabling push ', error);
		});
	});
};

const subscribePush = () => {
	//Subscribes user to Push notifications
	registration.pushManager
		.subscribe({
			userVisibleOnly: true, //Set user to see every notification
		})
		.then(function (subscription) {
			toast('Subscribed successfully.');
			console.info('Push notification subscribed.');
			console.log(subscription);
		})
		.catch(function (error) {
			console.error('Push notification subscription error: ', error);
		});
};

const unsubscribePush = () => {
	navigator.serviceWorker.ready.then(function (registration) {
		//Get subscription
		registration.pushManager
			.getSubscription()
			.then(function (subscription) {
				//If no `push subscription`, then return
				if (!subscription) {
					alert('Unable to unregister push notification.');
					return;
				}

				//Unsubscribes user
				subscription
					.unsubscribe()
					.then(function () {
						toast('Unsubscribed successfully.');
						console.info('Push notification unsubscribed.');
					})
					.catch(function (error) {
						console.error(error);
					});
			})
			.catch(error => {
				console.error('Failed to unsubscribe push notification.');
			});
	});
};

window.addEventListener('load', () => {
	isPushSupported();
	console.log('hello');
});