Add a badge that counts honks (#50)

* Add a badge that counts honks

* Calculate isInstalled inline

* Remove "is installed" tests

Following @mgiuca's advice (*"if it works it works, if not it doesn't?"*).

Author: tomayac

app/scripts/main.min.js

@@ -53,7 +53,7 @@ const Horn = function() {
       callback(buffer);
       return;
     }
-    
+
     const xhr = new XMLHttpRequest();
 
     xhr.onload = function() {
@@ -129,7 +129,7 @@ const Installer = function(root) {
       promptEvent.userChoice
         .then(function(choiceResult) {
           // The user actioned the prompt (good or bad).
-          // good is handled in 
+          // good is handled in
           promptEvent = null;
           ga('send', 'event', 'install', choiceResult);
           root.classList.remove('available');
@@ -171,6 +171,13 @@ const AirHorn = function(root) {
   const airhornImage = root.querySelector('.horn');
   const horn = new Horn();
 
+  // Reset badge upon each relaunch
+  const badge = window.Badge || window.ExperimentalBadge;  
+  if (badge) {
+    badge.clear();
+  }
+  let counter = 0;
+
   const start = function(e) {
     if (!!e == true) {
       if(supportsPassive == false) e.preventDefault();
@@ -195,6 +202,14 @@ const AirHorn = function(root) {
     airhornImage.setAttribute('aria-pressed', 'true');
     horn.start(opts);
 
+    // Counter counts honks up until 99, then resets to 0
+    if (badge) {
+      if (counter === 99) {
+        counter = 0;
+      }
+      badge.set(++counter);
+    }
+
     horn.onstopped = function() {
       airhornImage.classList.remove('horning');
       airhornImage.setAttribute('aria-pressed', 'false');

app/sw.js

@@ -17,7 +17,7 @@
  *
  */
 
-const version = "0.6.16";
+const version = "0.6.17";
 const cacheName = `airhorner-${version}`;
 self.addEventListener('install', e => {
   e.waitUntil(

package-lock.json

@@ -29,6 +29,7 @@
   "dependencies": {
     "comlink": "^3.2.0",
     "gulp-rollup": "^2.16.2",
+    "http-server": "^0.11.1",
     "rollup": "^1.9.0",
     "rollup-plugin-terser": "^4.0.4",
     "serve": "^10.1.2"
@@ -39,7 +40,8 @@
     ]
   },
   "scripts": {
-    "build": "gulp"
+    "build": "gulp",
+    "start": "npm run build && http-server dist/"
   },
   "repository": {
     "type": "git",