firebase-messaging-sw.js

importScripts('https://www.gstatic.com/firebasejs/10.7.1/firebase-app-compat.js');
importScripts('/firebase-messaging-custom.js');

const firebaseConfig = {
    apiKey: "AIzaSyCcBYFUJbTyRWUjy6dhLbLLEj_lwhqnsh4",
    authDomain: "darkpatterns-ac762.firebaseapp.com",
    databaseURL: "https://darkpatterns-ac762-default-rtdb.europe-west1.firebasedatabase.app",
    projectId: "darkpatterns-ac762",
    storageBucket: "darkpatterns-ac762.appspot.com",
    messagingSenderId: "552263184384",
    appId: "1:552263184384:web:87e17944dc571dc4e028e5"
};

firebase.initializeApp(firebaseConfig);

const messaging = firebase.messaging();

messaging.onBackgroundMessage(function(payload) {
    console.log('Received background message ', payload);

    const notificationTitle = payload.notification.title;
    const notificationOptions = {
        body: payload.notification.body,
    };

    return self.registration.showNotification(notificationTitle, notificationOptions);
});

self.addEventListener('notificationclick', (event) => {
    console.log('Notification clicked ', event);
    const clickedNotification = event.notification;
    clickedNotification.close();

    const promiseChain = clients.openWindow('/?source=notification')
    event.waitUntil(promiseChain);
});