Better handler of caching

Author: VincentM

Gruntfile.coffee

@@ -17,6 +17,30 @@ module.exports = (grunt) ->
   ### Define the configuration for all the tasks ###
   grunt.initConfig
 
+    # Cache template for packaging
+    html2js:
+      options:
+        base: ''
+        module: 'stcs-templates'
+        singleModule: true
+        useStrict: true
+        htmlmin:
+          collapseBooleanAttributes: true
+          collapseWhitespace: true
+          removeAttributeQuotes: true
+          removeComments: true
+          removeEmptyAttributes: true
+          removeRedundantAttributes: true
+          removeScriptTypeAttributes: true
+          removeStyleLinkTypeAttributes: true
+      dist:
+        src: ['<%= yeoman.src %>/html_template/**/*.html']
+        dest: '<%= yeoman.dist %>/scripts/populate_template_cache.js'
+      release:
+        src: ['<%= yeoman.src %>/html_template/**/*.html']
+        dest: '<%= yeoman.release %>/scripts/populate_template_cache.js'
+
+
     # Project settings
     yeoman: appConfig
 
@@ -189,18 +213,6 @@ module.exports = (grunt) ->
           src: "<%= yeoman.release %>/**/*"
         ]
 
-    ngtemplates:
-      release:
-        src: "<%= yeoman.src %>/**/*.html"
-        dest: '<%= yeoman.release %>/templates.js'
-      dist:
-        src: "<%= yeoman.src %>/**/*.html"
-        dest: '<%= yeoman.dist %>/templates.js'
-
-
-  ### Activate grunt-angular-templates ###
-  grunt.loadNpmTasks 'grunt-angular-templates'
-
   ### Custom tasks ###
   grunt.registerTask "build", [
     "clean:dist"
@@ -210,6 +222,7 @@ module.exports = (grunt) ->
     "copy:demo"
     "less:dist"
     "coffee:dist"
+    "html2js:dist"
   ]
 
   grunt.registerTask "serve", [
@@ -229,5 +242,5 @@ module.exports = (grunt) ->
     "copy:release"
     "less:release"
     "coffee:release"
-    "ngtemplates:release"
+    "html2js:release"
   ]

bower.json

@@ -6,9 +6,9 @@
     "Vincent Mézino <vincent.mezino@gmail.com>"
   ],
   "main" : [
-    "./release/js/toggle_switch.js",
-    "./release/css/toggle_switch.css",
-    "./release/templates.js"
+    "./release/scripts/toggle_switch.js",
+    "./release/scripts/populate_template_cache.js",
+    "./release/css/toggle_switch.css"
   ],
   "description": "Create toggle switches.",
   "ignore": [

demo/index.html

@@ -84,6 +84,7 @@ <h2>Summarize</h2>
   <!-- endbower -->
 
   <script type="text/javascript" src="app.js"></script>
+  <script src="scripts/populate_template_cache.js"></script>
   <script type="text/javascript" src="scripts/toggle_switch.js"></script>
 </body>
 </html>

package.json

@@ -7,15 +7,15 @@
     "test": "grunt test"
   },
   "devDependencies": {
-    "grunt": "~0.4.5",
-    "grunt-angular-templates": "^0.5.7",
+    "grunt": "^0.4.5",
     "grunt-bower": "~0.20.0",
     "grunt-contrib-clean": "~0.6.0",
     "grunt-contrib-coffee": "~0.13.0",
     "grunt-contrib-copy": "~0.8.1",
     "grunt-contrib-less": "~1.0.1",
     "grunt-contrib-watch": "~0.6.1",
     "grunt-express": "~1.4.1",
+    "grunt-html2js": "^0.3.5",
     "grunt-newer": "~1.1.1",
     "grunt-open": "~0.2.3",
     "grunt-wiredep": "~2.0.0",

release/scripts/populate_template_cache.js

@@ -1,11 +1,9 @@
 'use strict'
 
-angular.module('sc-toggle-switch', [])
-  .run ($templateCache) ->
-    $templateCache.put('template', '../html_template/toggle_switch_template.html')
+angular.module('sc-toggle-switch', ['stcs-templates'])
   .directive 'toggleSwitchDirective', ($templateCache) ->
     restrict: 'EA'
-    templateUrl: $templateCache.get('template')
+    templateUrl: 'src/html_template/toggle_switch_template.html'
     controller: 'toggleSwitchController'
     require: 'ngModel'
     scope: