v0.12.0 codes for FCM and rebranded jama to RosterChirp

frontend/public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "name": "jama",
-  "short_name": "jama",
+  "name": "RosterChirp",
+  "short_name": "RosterChirp",
   "description": "Modern team messaging application",
   "start_url": "/",
   "scope": "/",

frontend/public/sw.js

@@ -1,4 +1,27 @@
-const CACHE_NAME = 'jama-v1';
+// ── Firebase Messaging (background push for Android PWA) ──────────────────────
+// Fill in the values below from Firebase Console → Project Settings → General → Your apps
+// Leave apiKey as '__FIREBASE_API_KEY__' if not using FCM (push will be disabled).
+importScripts('https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js');
+importScripts('https://www.gstatic.com/firebasejs/10.14.1/firebase-messaging-compat.js');
+
+const FIREBASE_CONFIG = {
+  apiKey: "AIzaSyDx191unzXFT4WA1OvkdbrIY_c57kgruAU",
+  authDomain: "rosterchirp-push.firebaseapp.com",
+  projectId: "rosterchirp-push",
+  storageBucket: "rosterchirp-push.firebasestorage.app",
+  messagingSenderId: "126479377334",
+  appId: "1:126479377334:web:280abdd135cf7e0c50d717"
+};
+
+// Only initialise Firebase if the config has been filled in
+let messaging = null;
+if (FIREBASE_CONFIG.apiKey !== '__FIREBASE_API_KEY__') {
+  firebase.initializeApp(FIREBASE_CONFIG);
+  messaging = firebase.messaging();
+}
+
+// ── Cache ─────────────────────────────────────────────────────────────────────
+const CACHE_NAME = 'rosterchirp-v1';
 const STATIC_ASSETS = ['/'];
 
 self.addEventListener('install', (event) => {
@@ -27,53 +50,35 @@ self.addEventListener('fetch', (event) => {
   );
 });
 
-// Track badge count in SW scope
+// ── Badge counter ─────────────────────────────────────────────────────────────
 let badgeCount = 0;
 
-self.addEventListener('push', (event) => {
-  if (!event.data) return;
-
-  let data = {};
-  try { data = event.data.json(); } catch (e) { return; }
-
+function showRosterChirpNotification(data) {
   badgeCount++;
+  if (self.navigator?.setAppBadge) self.navigator.setAppBadge(badgeCount).catch(() => {});
 
-  // Update app badge
-  if (self.navigator && self.navigator.setAppBadge) {
-    self.navigator.setAppBadge(badgeCount).catch(() => {});
-  }
-
-  // Check if app is currently visible — if so, skip the notification
-  const showNotification = clients.matchAll({
-    type: 'window',
-    includeUncontrolled: true,
-  }).then((clientList) => {
-    const appVisible = clientList.some(
-      (c) => c.visibilityState === 'visible'
-    );
-    // Still show if app is open but hidden (minimized), skip only if truly visible
-    if (appVisible) return;
-
-    return self.registration.showNotification(data.title || 'New Message', {
-      body: data.body || '',
-      icon: '/icons/icon-192.png',
-      badge: '/icons/icon-192-maskable.png',
-      data: { url: data.url || '/' },
-      // Use unique tag per group so notifications group by conversation
-      tag: data.groupId ? `jama-group-${data.groupId}` : 'jama-message',
-      renotify: true,
-    });
+  return self.registration.showNotification(data.title || 'New Message', {
+    body:    data.body || '',
+    icon:    '/icons/icon-192.png',
+    badge:   '/icons/icon-192-maskable.png',
+    data:    { url: data.url || '/' },
+    tag:     data.groupId ? `rosterchirp-group-${data.groupId}` : 'rosterchirp-message',
+    renotify: true,
   });
+}
 
-  event.waitUntil(showNotification);
-});
+// ── FCM background messages ───────────────────────────────────────────────────
+if (messaging) {
+  messaging.onBackgroundMessage((payload) => {
+    return showRosterChirpNotification(payload.data || {});
+  });
+}
 
+// ── Notification click ────────────────────────────────────────────────────────
 self.addEventListener('notificationclick', (event) => {
   event.notification.close();
   badgeCount = 0;
-  if (self.navigator && self.navigator.clearAppBadge) {
-    self.navigator.clearAppBadge().catch(() => {});
-  }
+  if (self.navigator?.clearAppBadge) self.navigator.clearAppBadge().catch(() => {});
   event.waitUntil(
     clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clientList) => {
       const url = event.notification.data?.url || '/';
@@ -88,17 +93,15 @@ self.addEventListener('notificationclick', (event) => {
   );
 });
 
-// Clear badge when app signals it
+// ── Badge control messages from main thread ───────────────────────────────────
 self.addEventListener('message', (event) => {
   if (event.data?.type === 'CLEAR_BADGE') {
     badgeCount = 0;
-    if (self.navigator && self.navigator.clearAppBadge) {
-      self.navigator.clearAppBadge().catch(() => {});
-    }
+    if (self.navigator?.clearAppBadge) self.navigator.clearAppBadge().catch(() => {});
   }
   if (event.data?.type === 'SET_BADGE') {
     badgeCount = event.data.count || 0;
-    if (self.navigator && self.navigator.setAppBadge) {
+    if (self.navigator?.setAppBadge) {
       if (badgeCount > 0) {
         self.navigator.setAppBadge(badgeCount).catch(() => {});
       } else {