SVG inlining

grunt/aliases.yaml

@@ -5,9 +5,10 @@ build:
   - clean:build
   - truecolors_less
   - less
+  - svg_sprite
+  - svg_inline
   - ngtemplates
   - copy
-  - svg_sprite
   - browserify:build
   - postcss
 

grunt/ngtemplates.js

@@ -1,7 +1,7 @@
+"use strict";
+
 module.exports =  function ( grunt )
 {
-    "use strict";
-
     return {
         options: {
             module: "App",
@@ -28,7 +28,7 @@ module.exports =  function ( grunt )
                     true;
             },
             dest: "build/templates.js",
-            cwd: "source"
+            cwd: ".inlined"
         }
     };
 

grunt/svg_inline.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var inline = require( "web-resource-inliner" );
+var a = require( "async" );
+
+module.exports = function ( grunt )
+{
+    grunt.registerTask( "svg_inline", "Inline SVG use", function ()
+    {
+        var done = this.async();
+        var src = [
+            "modules/*/templates/*.html",
+            "!modules/_app/templates/index.html"
+        ];
+
+        var tasks =
+            grunt.file.expandMapping( src, ".inlined", { cwd: "source" } )
+            .map( function ( file )
+            {
+                return function ( done )
+                {
+                    var fileContent = grunt.file.read( file.src );
+
+                    inline.html( {
+                        fileContent: fileContent,
+                        images: false,
+                        scripts: false,
+                        links: false,
+                        relativeTo: "build/"
+                    }, function ( err, res )
+                    {
+                        if( err )
+                        {
+                            return done( err );
+                        }
+                        grunt.file.write( file.dest, res );
+                        done();
+                    } );
+                };
+            } );
+
+        a.series( tasks, function ( err )
+        {
+            if( err )
+            {
+                grunt.fail.warn( err, err.stack );
+            }
+            done();
+        } );
+    } );
+};

grunt/watch.js

@@ -33,7 +33,7 @@ module.exports = {
     sprite: {
         options: { cwd: "<%= svg_sprite.use.cwd %>" },
         files: "<%= svg_sprite.use.src %>",
-        tasks: [ "svg_sprite" ]
+        tasks: [ "svg_sprite", "svg_inline", "ngtemplates" ]
     },
     livereload: {
         options: { livereload: true },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dominatr-grunt",
-  "version": "6.1.2",
+  "version": "7.0.0",
   "description": "Build all the things!",
   "scripts": {
     "test": ""
@@ -50,12 +50,14 @@
     "protractor": "^2.5.1"
   },
   "dependencies": {
+    "async": "^2.0.0-rc.2",
     "autoprefixer": "^6.1.1",
     "aws-sdk": "^2.2.25",
     "babel-preset-es2015": "^6.3.13",
     "connect-modrewrite": "^0.8.2",
     "cssnano": "^3.3.2",
     "serve-static": "^1.10.0",
-    "slack-node": "^0.1.7"
+    "slack-node": "^0.1.7",
+    "web-resource-inliner": "^2.0.0"
   }
 }