Merge pull request #32 from addyosmani/toast-support

Removing files we don't need and adding in toast support

Author: addyosmani

gulp-tasks/service-worker.js

@@ -36,17 +36,17 @@ gulp.task('service-worker', function(cb) {
       GLOBAL.config.dest + '/manifest.json'
     ],
     dynamicUrlToDependencies: {
-      '/app-shell': ['server/layouts/app-shell.handlebars'],
+      '/app-shell': ['server/views/layouts/app-shell.handlebars'],
       '/partials/': [
-        'server/layouts/partial.handlebars',
+        'server/views/layouts/partial.handlebars',
         'server/views/index.handlebars'
       ],
       '/partials/url-1': [
-        'server/layouts/partial.handlebars',
+        'server/views/layouts/partial.handlebars',
         'server/views/url-1.handlebars'
       ],
       '/partials/url-2': [
-        'server/layouts/partial.handlebars',
+        'server/views/layouts/partial.handlebars',
         'server/views/url-2.handlebars'
       ]
     },

server/views/layouts/app-shell.handlebars

@@ -64,6 +64,8 @@ limitations under the License.
     </div>
   </section>
 
+  <aside class="toast-view js-toast-view"></aside>
+
   <!-- Loading Dialog For use by Activities -->
   <div class="loader js-global-loader is-hidden">
     <svg viewBox="0 0 32 32" width="32" height="32">

server/views/layouts/default.handlebars

@@ -61,6 +61,8 @@ limitations under the License.
     </div>
   </section>
 
+  <aside class="toast-view js-toast-view"></aside>
+
   {{> async-css }}
 
   {{#each remoteScripts}}

src/scripts/config/Config.js

@@ -15,6 +15,8 @@
  * limitations under the License.
  */
 
+import ToasterSingleton from '../libs/ToasterSingleton';
+
 export default class Controller {
 
   constructor(registerServiceWorker = true) {
@@ -33,6 +35,33 @@ export default class Controller {
       scope: '/'
     }).then((registration) => {
       console.log('Service worker is registered.');
+
+      var isUpdate = false;
+
+      // If this fires we should check if there's a new Service Worker
+      // waiting to be activated. If so, ask the user to force refresh.
+      if (registration.active) {
+        isUpdate = true;
+      }
+
+      registration.onupdatefound = function(updateEvent) {
+        console.log('A new Service Worker version has been found...');
+
+        // If an update is found the spec says that there is a new Service
+        // Worker installing, so we should wait for that to complete then
+        // show a notification to the user.
+        registration.installing.onstatechange = function(event) {
+          if (this.state === 'installed') {
+            if (isUpdate) {
+              ToasterSingleton.getToaster().toast(
+                  'App updated. Restart for the new version.');
+            } else {
+              ToasterSingleton.getToaster().toast(
+                  'App ready for offline use.');
+            }
+          }
+        };
+      };
     })
     .catch((err) => {
       console.log('Unable to register service worker.', err);