class CustomPushEvent extends Event {
    constructor(data) {
        super("push");

        Object.assign(this, data);
        this.custom = true;
    }
}

if ("serviceWorker" in navigator) {
    importScripts("https://www.gstatic.com/firebasejs/10.13.2/firebase-app-compat.js");
    importScripts("https://www.gstatic.com/firebasejs/10.13.2/firebase-messaging-compat.js");
    importScripts("./swenv.js");
    navigator.serviceWorker
        .register("./firebase-messaging-sw.js")
        .then(function (reg) {
            firebase.initializeApp({
                apiKey: process.env.NEXT_PUBLIC_FIREBASE_APIKEY,
                authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTHDOMAIN,
                projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECTID,
                storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGEBUCKET,
                messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGINGSENDERID,
                appId: process.env.NEXT_PUBLIC_FIREBASE_APPID,
                measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENTID,
            });

            self.addEventListener("push", (e) => {
                console.log(`🚀🚀🚀🚀🚀-> in firebase-messaging-sw.js on 41`, e);
                if (e.custom) return;

                let oldData = e.data;
                let newEvent = new CustomPushEvent({
                    data: {
                        json() {
                            let newData = oldData.json();
                            newData.data = {
                                ...newData.data,
                                ...newData.notification,
                            };
                            delete newData.notification;
                            return newData;
                        },
                    },
                    waitUntil: e.waitUntil.bind(e),
                });

                e.stopImmediatePropagation();

                dispatchEvent(newEvent);
            });

            const messaging = firebase.messaging();

            messaging.onBackgroundMessage((payload) => {
                console.log(`🚀🚀🚀🚀🚀-> in firebase-messaging-sw.js on 24`, payload);
                // Customize notification here
                const notificationTitle = payload.data.title;
                const notificationOptions = {
                    body: payload.data.body,
                    icon: payload.data.image,
                    data: payload.data,
                    ...payload.data,
                };
                return self.registration.showNotification(notificationTitle, notificationOptions);
            });

            self.onnotificationclick = function (event) {
                //example
                self.clients.openWindow("/");
                event.notification.close();
            };
            console.log("reg: ", reg.scope);
        })
        .catch(function (err) {
            console.log("err: ", err);
        });
}