add sourcemap support

Author: andreypopp

examples/sourcemaps.js

@@ -0,0 +1,12 @@
+
+/**
+ * Module dependencies.
+ */
+
+var parse = require('css-parse')
+  , stringify = require('..')
+  , fs = require('fs')
+  , read = fs.readFileSync
+  , css = read('examples/media.css', 'utf8');
+
+console.log(stringify(parse(css), { compress: false, sourcemap: true }));

index.js

@@ -22,6 +22,16 @@ module.exports = function(node, options){
     ? new Compressed(options)
     : new Identity(options);
 
-  return compiler.compile(node);
+  // source maps
+  if (options.sourcemap) {
+    var sourcemaps = require('./lib/source-map-support');
+    sourcemaps(compiler);
+
+    var code = compiler.compile(node);
+    return { code: code, map: compiler.map.toJSON() };
+  }
+
+  var code = compiler.compile(node);
+  return code;
 };
 

lib/compiler.js

@@ -0,0 +1,50 @@
+
+/**
+ * Expose `Compiler`.
+ */
+
+module.exports = Compiler;
+
+/**
+ * Initialize a compiler.
+ *
+ * @param {Type} name
+ * @return {Type}
+ * @api public
+ */
+
+function Compiler(opts) {
+  this.options = opts || {};
+}
+
+/**
+ * Emit `str`
+ */
+
+Compiler.prototype.emit = function(str) {
+  return str;
+};
+
+/**
+ * Visit `node`.
+ */
+
+Compiler.prototype.visit = function(node){
+  return this[node.type](node);
+};
+
+/**
+ * Map visit over array of `nodes`, optionally using a `delim`
+ */
+
+Compiler.prototype.mapVisit = function(nodes, delim){
+  var buf = '';
+  delim = delim || '';
+
+  for (var i = 0, length = nodes.length; i < length; i++) {
+    buf += this.visit(nodes[i]);
+    if (delim && i < length - 1) buf += this.emit(delim);
+  }
+
+  return buf;
+};

lib/compress.js

@@ -1,4 +1,10 @@
 
+/**
+ * Module dependencies.
+ */
+
+var Base = require('./compiler');
+
 /**
  * Expose compiler.
  */
@@ -10,9 +16,15 @@ module.exports = Compiler;
  */
 
 function Compiler(options) {
-  options = options || {};
+  Base.call(this, options);
 }
 
+/**
+ * Inherit from `Base.prototype`.
+ */
+
+Compiler.prototype.__proto__ = Base.prototype;
+
 /**
  * Compile `node`.
  */
@@ -23,40 +35,31 @@ Compiler.prototype.compile = function(node){
     .join('');
 };
 
-/**
- * Visit `node`.
- */
-
-Compiler.prototype.visit = function(node){
-  return this[node.type](node);
-};
-
 /**
  * Visit comment node.
  */
 
 Compiler.prototype.comment = function(node){
-  return '';
+  return this.emit('', node.position);
 };
 
 /**
  * Visit import node.
  */
 
 Compiler.prototype.import = function(node){
-  return '@import ' + node.import + ';';
+  return this.emit('@import ' + node.import + ';', node.position);
 };
 
 /**
  * Visit media node.
  */
 
 Compiler.prototype.media = function(node){
-  return '@media '
-    + node.media
-    + '{'
-    + node.rules.map(this.visit, this).join('')
-    + '}';
+  return this.emit('@media ' + node.media, node.position, true)
+    + this.emit('{')
+    + this.mapVisit(node.rules)
+    + this.emit('}');
 };
 
 /**
@@ -66,52 +69,51 @@ Compiler.prototype.media = function(node){
 Compiler.prototype.document = function(node){
   var doc = '@' + (node.vendor || '') + 'document ' + node.document;
 
-  return doc
-    + '{'
-    + node.rules.map(this.visit, this).join('')
-    + '}';
+  return this.emit(doc, node.position, true)
+    + this.emit('{')
+    + this.mapVisit(node.rules)
+    + this.emit('}');
 };
 
 /**
  * Visit charset node.
  */
 
 Compiler.prototype.charset = function(node){
-  return '@charset ' + node.charset + ';';
+  return this.emit('@charset ' + node.charset + ';', node.position);
 };
 
 /**
  * Visit namespace node.
  */
 
 Compiler.prototype.namespace = function(node){
-  return '@namespace ' + node.namespace + ';';
+  return this.emit('@namespace ' + node.namespace + ';', node.position);
 };
 
 /**
  * Visit supports node.
  */
 
 Compiler.prototype.supports = function(node){
-  return '@supports '
-    + node.supports
-    + '{'
-    + node.rules.map(this.visit, this).join('')
-    + '}';
+  return this.emit('@supports ' + node.supports, node.position, true)
+    + this.emit('{')
+    + this.mapVisit(node.rules)
+    + this.emit('}');
 };
 
 /**
  * Visit keyframes node.
  */
 
 Compiler.prototype.keyframes = function(node){
-  return '@'
+  return this.emit('@'
     + (node.vendor || '')
     + 'keyframes '
-    + node.name
-    + '{'
-    + node.keyframes.map(this.visit, this).join('')
-    + '}';
+    + node.name, node.position, true)
+    + this.emit('{')
+    + this.mapVisit(node.keyframes)
+    + this.emit('}');
 };
 
 /**
@@ -121,10 +123,10 @@ Compiler.prototype.keyframes = function(node){
 Compiler.prototype.keyframe = function(node){
   var decls = node.declarations;
 
-  return node.values.join(',')
-    + '{'
-    + decls.map(this.visit, this).join('')
-    + '}';
+  return this.emit(node.values.join(','), node.position, true)
+    + this.emit('{')
+    + this.mapVisit(decls)
+    + this.emit('}');
 };
 
 /**
@@ -136,10 +138,10 @@ Compiler.prototype.page = function(node){
     ? node.selectors.join(', ')
     : '';
 
-  return '@page ' + sel
-    + '{'
-    + node.declarations.map(this.visit, this).join('')
-    + '}';
+  return this.emit('@page ' + sel, node.position, true)
+    + this.emit('{')
+    + this.mapVisit(node.declarations)
+    + this.emit('}');
 };
 
 /**
@@ -150,17 +152,17 @@ Compiler.prototype.rule = function(node){
   var decls = node.declarations;
   if (!decls.length) return '';
 
-  return node.selectors.join(',')
-    + '{'
-    + decls.map(this.visit, this).join('')
-    + '}';
+  return this.emit(node.selectors.join(','), node.position, true)
+    + this.emit('{')
+    + this.mapVisit(decls)
+    + this.emit('}');
 };
 
 /**
  * Visit declaration node.
  */
 
 Compiler.prototype.declaration = function(node){
-  return node.property + ':' + node.value + ';';
+  return this.emit(node.property + ':' + node.value, node.position) + this.emit(';');
 };