Update example

James Lees · James Lees · commit bd840038fda4 · 2021-01-20T11:21:03.000Z
- Use the current API
- Import the built service worker, rather than the src
- Start the client in an event handler - Some browsers only allow
  requesting permission to send notifications in response to a user
  gesture

squash
diff --git a/example.html b/example.html
@@ -4,23 +4,27 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <script src="./dist/push-notifications-cdn.js"></script>
     <title>Example</title>
   </head>
   <body>
-    <script src="./dist/push-notifications-cdn.js"></script>
-    <script>
-      let tokenProvider = new PusherPushNotifications.TokenProvider({
-        url: 'https://deadc0de-beams-test-server.herokuapp.com/auth',
-      });
+    <h1>Example</h1>
+    <button id="start">Start Beams</button>
+  </body>
+  <script>
+    const beamsClient = new PusherPushNotifications.Client({
+      instanceId: '2e65aab4-a26e-4cca-a9e6-b68589627a8d',
+    });
 
-      let beamsClient;
-      PusherPushNotifications.init({
-        instanceId: 'deadc0de-2ce6-46e3-ad9a-5c02d0ab119b',
-      })
-        .then(c => {
-          beamsClient = c;
+    document.querySelector('#start').addEventListener('click', function() {
+      beamsClient
+        .start()
+        .then(() => {
+          console.log('Successfully started beams client');
         })
-        .catch(console.error);
-    </script>
-  </body>
+        .catch((err) => {
+          console.error('Error starting beams client', err);
+        });
+    });
+  </script>
 </html>
diff --git a/service-worker.js b/service-worker.js
@@ -1 +1 @@
-importScripts('/src/service-worker.js');
+importScripts('/dist/service-worker.js');

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-importScripts('/src/service-worker.js');`
	`1`	`+importScripts('/dist/service-worker.js');`