huge update
This commit is contained in:
sankalp committed
1 parent
8072284990
commit
f2c72885a6
123 files changed
+25119
-4984
No files matched your search
@@ -1,91 +1,143 @@
|
||||
importScripts(
|
||||
"https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js",
|
||||
);
|
||||
importScripts(
|
||||
"https://www.gstatic.com/firebasejs/9.22.0/firebase-messaging-compat.js",
|
||||
);
|
||||
// Version identifier for cache busting
|
||||
const SW_VERSION = '1.0.2';
|
||||
console.log(`Firebase Messaging SW Version ${SW_VERSION} starting...`);
|
||||
|
||||
firebase.initializeApp({
|
||||
apiKey: "YOUR_API_KEY",
|
||||
authDomain: "YOUR_AUTH_DOMAIN",
|
||||
projectId: "YOUR_PROJECT_ID",
|
||||
storageBucket: "YOUR_STORAGE_BUCKET",
|
||||
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
|
||||
appId: "YOUR_APP_ID",
|
||||
measurementId: "YOUR_MEASUREMENT_ID",
|
||||
});
|
||||
// Import Firebase scripts
|
||||
try {
|
||||
importScripts('https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js');
|
||||
importScripts('https://www.gstatic.com/firebasejs/9.22.0/firebase-messaging-compat.js');
|
||||
console.log('Firebase scripts loaded successfully');
|
||||
} catch (e) {
|
||||
console.error('Error loading Firebase scripts:', e);
|
||||
}
|
||||
|
||||
const messaging = firebase.messaging();
|
||||
// Firebase configuration - this must match exactly with your main app configuration
|
||||
const firebaseConfig = {
|
||||
apiKey: 'YOUR_API_KEY',
|
||||
authDomain: 'YOUR_AUTH_DOMAIN',
|
||||
projectId: 'YOUR_PROJECT_ID',
|
||||
storageBucket: 'YOUR_STORAGE_BUCKET',
|
||||
messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
|
||||
appId: 'YOUR_APP_ID',
|
||||
measurementId: "Your Measurement ID"
|
||||
};
|
||||
|
||||
// Handle background messages
|
||||
messaging.onBackgroundMessage((payload) => {
|
||||
console.log("Received background message:", payload);
|
||||
// Handle any errors during initialization
|
||||
try {
|
||||
// Initialize Firebase
|
||||
firebase.initializeApp(firebaseConfig);
|
||||
console.log('Firebase initialized in service worker');
|
||||
|
||||
const messaging = firebase.messaging();
|
||||
console.log('Firebase messaging initialized');
|
||||
|
||||
// Default notification options
|
||||
const notificationOptions = {
|
||||
body: "You have a new message.",
|
||||
icon: "/static/img/logo.png",
|
||||
badge: "/static/img/logo.png",
|
||||
timestamp: Date.now(),
|
||||
requireInteraction: true,
|
||||
vibrate: [200, 100, 200],
|
||||
tag: "notification-" + Date.now(),
|
||||
data: payload.data || {},
|
||||
actions: [
|
||||
{
|
||||
action: "open",
|
||||
title: "Open",
|
||||
},
|
||||
{
|
||||
action: "close",
|
||||
title: "Close",
|
||||
},
|
||||
],
|
||||
};
|
||||
// Handle background messages
|
||||
messaging.onBackgroundMessage(function(payload) {
|
||||
console.log('Received background message:', payload);
|
||||
|
||||
// Generate a unique ID for this notification
|
||||
const notificationId = payload.data?.notificationId || `notification-${Date.now()}`;
|
||||
|
||||
// Check if we already have a notification with this ID
|
||||
return self.registration.getNotifications({tag: notificationId})
|
||||
.then(function(notifications) {
|
||||
// Only show if no matching notification exists
|
||||
if (notifications.length === 0) {
|
||||
const notificationTitle = payload.notification?.title || 'New Notification';
|
||||
const notificationOptions = {
|
||||
body: payload.notification?.body || 'You have a new message.',
|
||||
icon: '/static/img/logo.png',
|
||||
badge: '/static/img/logo.png',
|
||||
tag: notificationId, // Tag helps prevent duplicates
|
||||
data: payload.data || {}
|
||||
};
|
||||
|
||||
// Set notification title and body based on payload
|
||||
let notificationTitle = "New Notification";
|
||||
if (payload.notification) {
|
||||
notificationTitle = payload.notification.title || notificationTitle;
|
||||
notificationOptions.body =
|
||||
payload.notification.body || notificationOptions.body;
|
||||
if (payload.notification.icon) {
|
||||
notificationOptions.icon = payload.notification.icon;
|
||||
}
|
||||
} else if (payload.data) {
|
||||
notificationTitle = payload.data.title || notificationTitle;
|
||||
notificationOptions.body = payload.data.body || notificationOptions.body;
|
||||
}
|
||||
|
||||
// Show the notification
|
||||
return self.registration
|
||||
.showNotification(notificationTitle, notificationOptions)
|
||||
.catch((error) => {
|
||||
console.error("Error showing notification:", error);
|
||||
return self.registration.showNotification(notificationTitle, notificationOptions);
|
||||
} else {
|
||||
console.log('Prevented duplicate background notification', notificationId);
|
||||
return Promise.resolve();
|
||||
}
|
||||
});
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('Firebase messaging initialization error:', error);
|
||||
}
|
||||
|
||||
// Improve service worker lifecycle for better compatibility
|
||||
self.addEventListener('install', function(event) {
|
||||
console.log('Service Worker installed');
|
||||
self.skipWaiting();
|
||||
});
|
||||
|
||||
// Handle notification click
|
||||
self.addEventListener("notificationclick", (event) => {
|
||||
console.log("Notification clicked:", event);
|
||||
|
||||
event.notification.close();
|
||||
|
||||
if (event.action === "open") {
|
||||
// Handle open action
|
||||
const urlToOpen = event.notification.data.url || "/app/dashboard/";
|
||||
event.waitUntil(clients.openWindow(urlToOpen));
|
||||
}
|
||||
self.addEventListener('activate', function(event) {
|
||||
console.log('Service Worker activated');
|
||||
event.waitUntil(self.clients.claim());
|
||||
});
|
||||
|
||||
// Handle service worker installation
|
||||
self.addEventListener("install", (event) => {
|
||||
console.log("Service Worker installed");
|
||||
self.skipWaiting();
|
||||
// Add special handling for push events
|
||||
self.addEventListener('push', function(event) {
|
||||
console.log('Push event received in service worker', event);
|
||||
|
||||
if (!event.data) {
|
||||
console.log('Push event has no data');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const payload = event.data.json();
|
||||
console.log('Push data:', payload);
|
||||
|
||||
// Generate a unique ID for this notification
|
||||
const notificationId = payload.data?.notificationId || `push-${Date.now()}`;
|
||||
|
||||
event.waitUntil(
|
||||
// Check for existing notifications first
|
||||
self.registration.getNotifications({tag: notificationId})
|
||||
.then(function(notifications) {
|
||||
// Only show if no matching notification exists
|
||||
if (notifications.length === 0) {
|
||||
const title = payload.notification?.title || 'New Notification';
|
||||
const options = {
|
||||
body: payload.notification?.body || 'You have a new message',
|
||||
icon: '/static/img/logo.png',
|
||||
badge: '/static/img/logo.png',
|
||||
tag: notificationId, // Add tag to identify this notification
|
||||
data: payload.data || {}
|
||||
};
|
||||
|
||||
return self.registration.showNotification(title, options);
|
||||
} else {
|
||||
console.log('Prevented duplicate push notification', notificationId);
|
||||
return Promise.resolve();
|
||||
}
|
||||
})
|
||||
);
|
||||
} catch (error) {
|
||||
console.error('Error handling push event:', error);
|
||||
}
|
||||
});
|
||||
|
||||
// Handle service worker activation
|
||||
self.addEventListener("activate", (event) => {
|
||||
console.log("Service Worker activated");
|
||||
event.waitUntil(clients.claim());
|
||||
// Improve notification click handling for various environments
|
||||
self.addEventListener('notificationclick', function(event) {
|
||||
console.log('Notification clicked:', event.notification);
|
||||
event.notification.close();
|
||||
|
||||
const urlToOpen = event.notification.data?.url || '/app/dashboard/';
|
||||
|
||||
event.waitUntil(
|
||||
clients.matchAll({type: 'window', includeUncontrolled: true}).then(windowClients => {
|
||||
// Check if there is already a window open with the target URL
|
||||
for (let i = 0; i < windowClients.length; i++) {
|
||||
const client = windowClients[i];
|
||||
// If so, focus on that window
|
||||
if (client.url === urlToOpen && 'focus' in client) {
|
||||
return client.focus();
|
||||
}
|
||||
}
|
||||
// If not, open a new window
|
||||
if (clients.openWindow) {
|
||||
return clients.openWindow(urlToOpen);
|
||||
}
|
||||
})
|
||||
);
|
||||
});
|
||||
Reference in new issue
Block a user