✨ Generate subscription information

Author: Oskar Karlsson

vanilla/index.js

@@ -143,6 +143,7 @@ function loading() {
 // SW
 
 const apiCacheName = 'api-cache-v1';
+const applicationServerKey = urlB64ToUint8Array('BLKDIREFdJjk63LMAhjpwoBWPASDs1zQdKt5ovo-RFbiL839I4DoqM-pyk0WkBNKAGwyTfAc-QMBqsPjkWZWKMI');
 
 async function fromCache(request, cacheName) {
     const cache = await caches.open(cacheName);
@@ -163,14 +164,25 @@ async function messageHandler({ type, url }) {
     }
 }
 
+navigator.serviceWorker.addEventListener('message', event => messageHandler(JSON.parse(event.data)));
+
+function urlB64ToUint8Array(base64String) {
+    const padding = '='.repeat((4 - base64String.length % 4) % 4);
+    const base64 = (base64String + padding).replace(/\-/g, '+').replace(/_/g, '/');
+    const rawData = window.atob(base64);
+    const outputArray = new Uint8Array(rawData.length);
+
+    for (let i = 0; i < rawData.length; ++i) {
+        outputArray[i] = rawData.charCodeAt(i);
+    }
+    return outputArray;
 }
 
-if ('serviceWorker' in window.navigator) {
-    const registration = registerServiceWorker('/sw.js');
-    registration.then(worker => {
-        navigator.serviceWorker.addEventListener('message', event => {
-            console.log(event);
-            messageHandler(JSON.parse(event.data));
-        });
-    });
+async function getPushSubscription() {
+    const registration = await window.navigator.serviceWorker.ready;
+    let subscription = await registration.pushManager.getSubscription();
+    if (!subscription) {
+        subscription = await registration.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey });
+    }
+    console.dir(JSON.stringify(subscription));
 }