Some work on README

Author: matiboy

README.md

@@ -4,16 +4,17 @@ Enable browser push notifications using Angular
 ## Install
 
 ```
-bower install angular-browser-push-notifications
+ $ bower install angular-browser-push-notifications
 ```
 
 ## Pre-requisites
 
-- You must run this on a domain verified in [Google developer console](https://console.developers.google.com)
-**Important** It must be verified either using the domain registrar method or must be https
+- If you are not running on `localhost`, you must run this on a HTTPS domain verified in [Google developer console](https://console.developers.google.com)
 - If you are using https, you must ensure that the certificate is fully trusted
 - You must have a `manifest.json` file referenced in your HTML as follows
 ``` <link rel="manifest" href="manifest.json"> ```
+- You need a service worker available *at the root* of your site. See [examples](./examples) for sample manifest and service workers
+- Refer to [this article](https://developers.google.com/web/updates/2015/03/push-notificatons-on-the-open-web) for more information on Chrome push notifications
 
 ## How to use
 
@@ -53,6 +54,12 @@ Possible reasons for failure:
 - WORKER_REGISTRATION_FAIL: Worker registration failed, usually related to invalid certificate
 - FAILED_TO_SUBSCRIBE: Subscription failed, could be related to certificate or to your application key
 
+## Configuration methods
+
+### BrowserPushNotificationsProvider.setWorkerUrl
+
+Set the url for the service worker which will be registered
+
 ## Sample code
 
 ```js
@@ -69,9 +76,7 @@ angular.module('notificationsApp', ['browserPushNotifications'])
 
 ## Demo
 
-[Demo site](https://anacondapp.cloudapp.net)
-
-*Note* that you need to **trust** the certificate for this demo to work.
+[Demo site](https://www.redapesolutions.com/pushnotifications)
 
 
 

bower.json

@@ -8,7 +8,8 @@
     "test",
     "README.md",
     "README.html",
-    "examples"
+    "examples",
+    "Gruntfile.coffee"
   ]
 }
 

examples/service-worker-with-fetch.js

@@ -0,0 +1,63 @@
+'use strict';
+
+self.addEventListener('push', function(event) {
+  console.log('Received a push message', event);
+  var title = 'Anacondapp';
+  var icon = '/images/icon-192x192.png';
+  var tag = 'anacondapp'+Date.now();
+
+  var notificationPromise = event.currentTarget.registration.pushManager.getSubscription().then(function(sub) {
+        var id = sub.endpoint.split('/').pop();
+        return fetch('/communications/details?token='+id);
+      }).then(function(response){
+        return response.text();
+      }).then(function(body) {
+        return self.registration.showNotification(title, {
+          body: body,
+          icon: icon,
+          tag: tag
+        });
+      });
+
+  event.waitUntil(notificationPromise);
+
+  // Close after 5 seconds if still there - more browser like than mobile phone
+  notificationPromise.then(function() {
+    return new Promise(function(resolve){
+      setTimeout(resolve, 5000)
+    });
+  }).then(function() {
+    return event.currentTarget.registration.getNotifications();
+  }).then(function(notifications) {
+    for(var i=0;i<notifications.length;i++){
+      var notification = notifications[i];
+      if(notification.tag === tag){
+        notification.close();
+        break;
+      }
+    }
+  });
+});
+
+
+self.addEventListener('notificationclick', function(event) {
+  console.log('On notification click: ', event);
+  // Android doesn’t close the notification when you click on it
+  // See: http://crbug.com/463146
+  event.notification.close();
+
+  // This looks to see if the current is already open and
+  // focuses if it is
+  event.waitUntil(clients.matchAll({
+    type: "window"
+  }).then(function(clientList) {
+    for (var i = 0; i < clientList.length; i++) {
+      var client = clientList[i];
+      if (client.url == '/' && 'focus' in client)
+        return client.focus();
+    }
+    if (clients.openWindow)
+      return clients.openWindow('/');
+  }));
+
+});