Merge pull request #53 from signalwire/joao/background_push_notificat…

…ions

Send push from the background message

public/full.js

@@ -89,13 +89,20 @@ async function enablePushNotifications() {
   const messaging = FB.getMessaging(app)
 
   FB.onMessage(messaging, (payload) => {
-    console.log('Push payload', payload)
-    const body = JSON.parse(payload.notification.body || '{}')
-    handlePushNotification(body)
+    console.log('Push payload.data.message', payload.data.message)
+    const message = JSON.parse(payload.data.message);
+    handlePushNotification(message.notification.body)
     alert(body.title)
   })
 
   try {
+    navigator.serviceWorker.addEventListener('message', event => {
+      console.log(`The service worker sent me a message: ${event.data}`);
+      const message = JSON.parse(event.data || '{}')
+      handlePushNotification(message.notification.body)
+      alert(body.title)
+    });
+
     const registration = await navigator.serviceWorker.register(
       '/service-worker.js',
       {

views/service-worker.ejs

@@ -18,11 +18,14 @@ try {
   const firebaseApp = firebase.initializeApp(config)
 
   // Retrieve an instance of Firebase Messaging so that it can handle background messages.
-  firebase.messaging().onBackgroundMessage((payload) => {
+  firebase.messaging().onBackgroundMessage((message) => {
     console.log(
       '[service-worker.js] Received background message ',
-      payload
+      message
     )
+
+    const payload = JSON.parse(message.data.message);
+
     // Customize notification here
     const notificationTitle = payload.notification.body?.title
     const notificationOptions = {
@@ -31,6 +34,13 @@ try {
 
     console.log('Notification', payload.notification)
 
+    self.clients.matchAll().then(function(clients) {
+      clients.forEach(function(client) {
+        console.log(client);
+        client.postMessage(message.data.message);
+      });
+    });
+
     self.registration.showNotification(notificationTitle, notificationOptions)
   })
 } catch (error) {