templates/website/includes/sw.html.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  2.         
  3.     async function send() {
  5.         const vapidPublicKey = '{{ swToken }}';
  7.         let urlBase64ToUint8Array = (base64String) => {
  8.             const padding = "=".repeat((4 - (base64String.length % 4)) % 4);
  9.             const base64 = (base64String + padding)
  10.               .replace(/\-/g, "+")
  11.               .replace(/_/g, "/");
  13.             const rawData = window.atob(base64);
  14.             const outputArray = new Uint8Array(rawData.length);
  16.             for (let i = 0; i < rawData.length; ++i) {
  17.               outputArray[i] = rawData.charCodeAt(i);
  18.             }
  19.             
  20.             return outputArray;
  21.         }
  23.         // Register Service Worker
  24.         const register = await navigator.serviceWorker.register(
  25.           "/sw.js",
  26.         );
  28.         {% if user %}
  29.             // Register Push
  30.             const subscription = await register.pushManager.subscribe({
  31.               userVisibleOnly: true,
  32.               applicationServerKey: urlBase64ToUint8Array(vapidPublicKey),
  33.             });
  35.             // Send Push Notification
  36.             let sub = JSON.parse(JSON.stringify(subscription));
  37.             
  38.             if(sub && sub.keys){
  40.                 const isIOS = () => {
  41.                     return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
  42.                 }
  44.                 let data = {
  45.                     endpoint: sub.endpoint,
  46.                     token: sub.keys.p256dh,
  47.                     auth: sub.keys.auth,
  48.                     platform: isIOS() ? 'ios' : 'other'
  49.                 };
  51.                 const headers = new Headers();
  52.                 headers.append("Content-Type", "application/json");
  54.                 const request = new Request("{{ path('registerNotifyAuth') }}", {
  55.                     method: "POST",
  56.                     headers: headers,
  57.                     body: JSON.stringify(data),
  58.                 });
  60.                 fetch(request).then((response) => {
  61.                     
  62.                 }).then((response) => {
  64.                 }).catch((error) => {
  65.                     console.error(error);
  66.                 });
  68.             }
  69.         {% endif %}
  70.     }
  72.     if ("serviceWorker" in navigator) {
  73.         send().catch((err) => console.error(err));
  74.     }
  75. </script>