Enable registration of the service-worker

Author: TimvdLippe

elements/cr-search-control/cr-search-control.html

@@ -44,7 +44,6 @@
       }
     </style>
     <iron-ajax id="ajax"
-        auto
         url="{{protocolSrc}}"
         handle-as="json"
         active-requests="{{requests}}"
@@ -133,7 +132,8 @@
     ],
     properties: {
       protocolSrc: {
-        value: String
+        value: String,
+        observer: 'fireAjax_'
       },
       inputActive: {
         type: Boolean,
@@ -210,6 +210,12 @@
       }
     },
 
+    fireAjax_: function() {
+      if (this.protocolSrc) {
+        this.$.ajax.generateRequest();
+      }
+    },
+
     handleButtonActiveChange_: function() {
       this.inputActive = this.$.searchButton.active;
     },

gulpfile.js

@@ -132,11 +132,24 @@ function build() {
       .then(() => {
         // Okay, now let's generate the Service Worker
         console.log('Generating the Service Worker...');
+        const staticFileGlobs = [
+            polymerJson.entrypoint,
+            polymerJson.shell,
+          ].concat(polymerJson.extraDependencies)
+          .concat(polymerJson.sources)
+          // Statikk can not handle `.nojekyll` requests
+          // Nonetheless, this file is only required to exist, so
+          // we can just ignore it for caching.
+          .filter(e => e !== '.nojekyll');
+
         return polymerBuild.addServiceWorker({
           project: polymerProject,
           buildRoot: buildDirectory,
           bundled: true,
-          swPrecacheConfig: swPrecacheConfig
+          swPrecacheConfig: {
+            staticFileGlobs,
+            navigateFallback: polymerJson.entrypoint
+          }
         });
       })
       .then(() => {

index.html

@@ -511,6 +511,10 @@ <h4 id="simultaneous">Does the protocol support multiple simultaneous clients?</
           toolbar.classList.remove('search-active');
         }, false);
       });
+
+      if ('serviceWorker' in window.navigator) {
+        navigator.serviceWorker.register('service-worker.js');
+      }
     })();
   </script>
   <script>

polymer.json

@@ -12,7 +12,8 @@
     "_data/**/*",
     "_versions/**/*",
     "search_index/**/*",
-    "bower_components/webcomponentsjs/*.js"
+    "bower_components/webcomponentsjs/*.js",
+    "bower_components/web-animations-js/web-animations-next.min.js"
   ],
   "lint": {
     "rules": ["polymer-2"]

service-worker.js

@@ -0,0 +1 @@
+console.log('ServiceWorker disabled in development mode.');