feat(mobile): add ServiceWorker generation to build process and index

angular · May 12, 2016 · 04593eb · 04593eb
1 parent 51569ce
commit 04593eb
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/addon/ng2/blueprints/ng2/files/__path__/index.html b/addon/ng2/blueprints/ng2/files/__path__/index.html
@@ -17,17 +17,15 @@
     <link rel="{{rel}}" {{#if sizes}}sizes="{{sizes}}" {{/if}}href="{{href}}">
   {{/each}}
 
-  <!-- Service worker support is disabled by default.
-       Install the worker script and uncomment to enable.
-       Only enable service workers in production.
+  {{#if environment.production}}
   <script type="text/javascript">
     if ('serviceWorker' in navigator) {
       navigator.serviceWorker.register('/worker.js').catch(function(err) {
         console.log('Error installing service worker: ', err);
       });
     }
   </script>
-  -->
+  {{/if}}
   <% } %>
 </head>
 <body>

diff --git a/addon/ng2/blueprints/ng2/files/package.json b/addon/ng2/blueprints/ng2/files/package.json
@@ -29,6 +29,8 @@
   },
   "devDependencies": {<% if(isMobile) { %>
     "@angular/platform-server": "2.0.0-rc.1",
+    "angular2-broccoli-prerender": "^0.11.0",
+    "angular2-service-worker": "0.1.11",
     "angular2-universal":"^0.100.3",
     "angular2-universal-polyfills": "^0.4.1",
     "preboot": "^2.0.10",<% } %>

diff --git a/lib/broccoli/angular2-app.js b/lib/broccoli/angular2-app.js
@@ -159,6 +159,14 @@ class Angular2App extends BroccoliPlugin {
       merged = this._getBundleTree(merged);
     }
 
+    if (this.ngConfig.apps[0].mobile) {
+      var ServiceWorkerPlugin = require('angular2-service-worker').ServiceWorkerPlugin;
+      var swTree = new ServiceWorkerPlugin(merged);
+      merged = BroccoliMergeTrees([merged, swTree], {
+        overwrite: true
+      });
+    }
+
     return new BroccoliFunnel(merged, {
       destDir: this._destDir,
       overwrite: true
@@ -348,6 +356,10 @@ class Angular2App extends BroccoliPlugin {
     var vendorNpmFiles = [
     ];
 
+    if (this.ngConfig.apps[0].mobile) {
+      vendorNpmFiles.push('angular2-service-worker/dist/worker.js')
+    }
+
     if (this._options.vendorNpmFiles) {
       vendorNpmFiles = vendorNpmFiles.concat(this._options.vendorNpmFiles);
     }