appcache

ehmkah · ehmkah · commit 4ce2012b3568 · 2015-02-04T22:01:57.000+01:00
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -236,8 +236,20 @@ module.exports = function (grunt) {
     usemin: {
       html: ['<%= yeoman.dist %>/{,*/}*.html'],
       css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
+      manifest: ['<%= yeoman.dist %>/manifest.appcache'],
       options: {
-        assetsDirs: ['<%= yeoman.dist %>','<%= yeoman.dist %>/images']
+        assetsDirs: ['<%= yeoman.dist %>','<%= yeoman.dist %>/images'],
+        patterns: {
+          manifest: [
+            [/(scripts\/vendor\.js)/, 'Replacing reference to vendor.js'],
+            [/(scripts\/scripts\.js)/, 'Replacing reference to vendor.js'],
+            [/(scripts\/oldieshim\.js)/, 'Replacing reference to vendor.js'],
+            [/(styles\/vendor\.css)/, 'Replacing reference to vendor.css'],
+            [/(styles\/main\.css)/, 'Replacing reference to main.css'],
+            [/(images\/red-dot\.png)/, 'Replacing reference to main.css'],
+            [/(images\/green-dot\.png)/, 'Replacing reference to main.css']
+          ]
+        }
       }
     },
 
@@ -378,6 +390,32 @@ module.exports = function (grunt) {
       ]
     },
 
+    manifest: {
+      generate: {
+        options: {
+          basePath: '<%= yeoman.dist %>',
+          cache: [
+            'scripts/vendor.js',
+            'scripts/scripts.js',
+            'scripts/oldieshim.js',
+            'styles/main.css',
+            'images/green-dot.png',
+            'images/red-dot.png',
+          ],
+          network: ['*', 'http://*', 'https://*', '/listpdf'],
+          preferOnline: true,
+          verbose: true,
+          timestamp: true,
+          master: ['index.html']
+        },
+        src: [
+          'views/*.html',
+          'fonts/*.*'
+        ],
+        dest: '<%= yeoman.dist %>/manifest.appcache'
+      }
+    },
+
     // Test settings
     karma: {
       unit: {
@@ -429,6 +467,7 @@ module.exports = function (grunt) {
     'cssmin',
     'uglify',
     'filerev',
+    'manifest',
     'usemin',
     'htmlmin'
   ]);
diff --git a/README.asciidoc b/README.asciidoc
@@ -7,3 +7,8 @@ Yes. Whatami allows you to track each day where you wake up. You can visualize y
 You can see a running demo here http://www.m-krausse.de/whatami
 
 I am always open for any suggestions, feature requests and bug reports.
+
+
+
+install
+npm install grunt-manifest --save-dev
diff --git a/app/index.html b/app/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html class="no-js">
+<html class="no-js" manifest="manifest.appcache">
   <head>
     <meta charset="utf-8">
     <title></title>
diff --git a/package.json b/package.json
@@ -20,6 +20,8 @@
     "grunt-filerev": "^0.2.1",
     "grunt-google-cdn": "^0.4.0",
     "grunt-karma": "^0.9.0",
+    "grunt-manifest": "^0.4.0",
+    "grunt-modernizr": "0.6.0",
     "grunt-newer": "^0.7.0",
     "grunt-modernizr": "0.6.0",
     "grunt-ng-annotate": "^0.4.0",
