fix(css): Fixed css emoji sprite path and add input as callback value

Author: ritz078

Gruntfile.js

@@ -143,7 +143,7 @@ module.exports = function(grunt) {
     grunt.loadNpmTasks("grunt-contrib-uglify");
     grunt.loadNpmTasks("grunt-contrib-connect");
 
-    grunt.registerTask("default", ["clean", "webpack:build-dev", "sass", "connect", "watch"]);
+    grunt.registerTask("default", ["webpack:build-dev", "sass", "connect", "watch"]);
     grunt.registerTask("build", ["clean", "build-emoji", "webpack:build-dev", "uglify", "postcss"]);
     grunt.registerTask("build-emoji", ["retinafy", "sprite", "sass"]);
 };

dist/embed.min.css

@@ -4,18 +4,18 @@ $retine_sprite_width : {{retina_spritesheet.width}}px;
 $retine_sprite_height : {{retina_spritesheet.height}}px;
 
 .emoticon {
-        background : transparent url({{spritesheet.image}}) 0 0 no-repeat;
+        background : transparent url(.././assets/images/emojis.png) 0 0 no-repeat;
 }
 
 @media all and (-webkit-min-device-pixel-ratio : 1), all and (min--moz-device-pixel-ratio : 1), all and (-o-min-device-pixel-ratio : 1), all and (min-device-pixel-ratio : 1), all and (min-resolution : 96dpi) {
     .emoticon {
-        background : transparent url({{spritesheet.image}}) 0 0 no-repeat;
+        background : transparent url(.././assets/images/emojis.png) 0 0 no-repeat;
     }
 }
 
 @media all and (-webkit-min-device-pixel-ratio : 1.5), all and (-o-min-device-pixel-ratio : 3/2), all and (min-device-pixel-ratio : 1.5), all and (min-resolution : 144dpi) {
     .emoticon {
-        background      : transparent url({{retina_spritesheet.image}}) 0 0 no-repeat;
+        background      : transparent url(.././assets/images/emojis@2x.png) 0 0 no-repeat;
         background-size : $retine_sprite_width/2 $retine_sprite_height/2;
     }
 }

dist/embed.min.js

@@ -3,18 +3,18 @@ $retine_sprite_width : 1320px;
 $retine_sprite_height : 1320px;
 
 .emoticon {
-        background : transparent url(../.././assets/images/emojis.png) 0 0 no-repeat;
+        background : transparent url(.././assets/images/emojis.png) 0 0 no-repeat;
 }
 
 @media all and (-webkit-min-device-pixel-ratio : 1), all and (min--moz-device-pixel-ratio : 1), all and (-o-min-device-pixel-ratio : 1), all and (min-device-pixel-ratio : 1), all and (min-resolution : 96dpi) {
     .emoticon {
-        background : transparent url(../.././assets/images/emojis.png) 0 0 no-repeat;
+        background : transparent url(.././assets/images/emojis.png) 0 0 no-repeat;
     }
 }
 
 @media all and (-webkit-min-device-pixel-ratio : 1.5), all and (-o-min-device-pixel-ratio : 3/2), all and (min-device-pixel-ratio : 1.5), all and (min-resolution : 144dpi) {
     .emoticon {
-        background      : transparent url(../.././assets/images/emojis@2x.png) 0 0 no-repeat;
+        background      : transparent url(.././assets/images/emojis@2x.png) 0 0 no-repeat;
         background-size : $retine_sprite_width/2 $retine_sprite_height/2;
     }
 }

sprite.handlebars

@@ -172,7 +172,7 @@ const helper = require('./modules/video/helper.es6');
          */
         async text(callback) {
             let result = await this.process();
-            callback(result);
+            callback(result, this.input);
         }
     }