update sourcemap urls for css files

Author: nelsonpecora

Gruntfile.js

@@ -74,7 +74,7 @@ module.exports = function (grunt) {
       withSourceMaps: {
         expand: true,
         cwd: 'test/fixtures',
-        src: ['*.js'],
+        src: ['*.js', '*.css'],
         dest: 'test/tmp/withSourceMaps'
       }
     },

package.json

@@ -24,6 +24,7 @@
   ],
   "dependencies": {
     "chalk": "^1.0.0",
+    "convert-source-map": "^1.0.0",
     "each-async": "^0.1.3"
   },
   "devDependencies": {

tasks/filerev.js

@@ -4,6 +4,7 @@ var path = require('path');
 var fs = require('fs');
 var chalk = require('chalk');
 var eachAsync = require('each-async');
+var convert = require('convert-source-map');
 
 module.exports = function (grunt) {
   grunt.registerMultiTask('filerev', 'File revisioning based on content hashing', function () {
@@ -84,10 +85,14 @@ module.exports = function (grunt) {
             } else {
               grunt.file.copy(map, resultPathMap);
             }
-
+            
             // rewrite the sourceMappingURL in files
             var fileContents = grunt.file.read(resultPath, {encoding: 'utf8'});
-            var newSrcMap = fileContents.replace('//# sourceMappingURL=' + path.basename(file) + '.map', '//# sourceMappingURL=' + path.basename(resultPathMap));
+            // use regex that matches single-line and multi-line sourcemap urls
+            // note: this will ignore inline base64-encoded sourcemaps
+            var matches = convert.mapFileCommentRegex.exec(fileContents);
+            var sourceMapFile = matches[1] || matches[2]; // 1st is single line, 2nd is multiline
+            var newSrcMap = fileContents.replace(sourceMapFile, path.basename(resultPathMap));
             grunt.file.write(resultPath, newSrcMap, {encoding: 'utf8'});
             sourceMap = true;
           }

test/fixtures/inline.js

@@ -0,0 +1 @@
+.more-styles{color:#fff}

test/fixtures/more-styles.css

@@ -0,0 +1 @@
+div{width:100%;height:100%;color:#fff}/*# sourceMappingURL=styles.css.map */

test/fixtures/styles.css

@@ -8,6 +8,10 @@ var hashes = {
   'test/fixtures/math.js' : 'test/tmp/withSourceMaps/math.6272e937.js',
   'test/fixtures/math.js.map' : 'test/tmp/withSourceMaps/math.6272e937.js.map',
   'test/fixtures/physics.js' : 'test/tmp/withSourceMaps/physics.28cb15fd.js',
+  'test/fixtures/styles.css' : 'test/tmp/withSourceMaps/styles.a6aa2292.css',
+  'test/fixtures/styles.css.map' : 'test/tmp/withSourceMaps/styles.a6aa2292.css.map',
+  'test/fixtures/more-styles.css' : 'test/tmp/withSourceMaps/more-styles.dce8e0e5.css',
+  'test/fixtures/inline.js' : 'test/tmp/withSourceMaps/inline.8b435ef2.js',
   'test/fixtures/another.png' : 'test/tmp/another-processed-92279d3f.png'
 };
 
@@ -60,6 +64,34 @@ it('should revision .js file ok without any .map', function () {
   assert(revisioned === original);
 });
 
+it('should use same revision as .css source for the .map', function () {
+  var file = 'test/fixtures/styles.css.map';
+  var original = fs.statSync(file).size;
+  var revisioned = fs.statSync(hashes[file]).size;
+  assert(revisioned === original);
+});
+
+it('should point the .css sourceMappingURL to the revisioned .map', function () {
+  var file = 'test/fixtures/styles.css';
+  var map = 'styles.a6aa2292.css.map';
+  var revisioned = fs.readFileSync(hashes[file], {encoding: 'utf8'});
+  assert(revisioned.indexOf('/*# sourceMappingURL=' + map) !== -1);
+});
+
+it('should revision .css file ok without any .map', function () {
+  var file = 'test/fixtures/more-styles.css';
+  var original = fs.statSync(file).size;
+  var revisioned = fs.statSync(hashes[file]).size;
+  assert(revisioned === original);
+});
+
+it('should ignore inline base64-encoded sourcemaps', function () {
+  var file = 'test/fixtures/inline.js';
+  var original = fs.statSync(file).size;
+  var revisioned = fs.statSync(hashes[file]).size;
+  assert(revisioned === original);
+});
+
 it('should allow a filename processing function', function () {
   var file = 'test/fixtures/another.png';
   var original = fs.statSync(file).size;