add support for regular css multi-line comments. Closes reworkcss#12

Author: tj

examples/nesting.css

@@ -1,8 +1,18 @@
 
+/*
+
+regular multi-line comment
+
+*/
+
+/* regular comment */
+
 body
   background: #888
   color: #eee
 
+// stripped comment
+
 ul
   margin: 0
   li
@@ -16,4 +26,4 @@ ul
     ul
       width: 50px
       li
-        list-style: disc
+        list-style: disc

lib/compiler.js

@@ -47,6 +47,8 @@ module.exports = function(node){
         return ret;
       case 'prop':
         return prop(node);
+      case 'comment':
+        return comment(node);
       default:
         throw new Error('invalid node "' + node[0] + '"');
     }
@@ -67,6 +69,14 @@ module.exports = function(node){
     return buf.join('');
   }
 
+  /**
+   * Visit comment.
+   */
+
+  function comment(node) {
+    return indent() + '/*' + node[1] + '*/\n';
+  }
+
   /**
    * Visit prop.
    */

lib/lexer.js

@@ -93,6 +93,7 @@ module.exports = function(str) {
   function next() {
     return stashed()
       || comment()
+      || csscomment()
       || indentation()
       || prop()
       || rule();
@@ -117,6 +118,22 @@ module.exports = function(str) {
     return next();
   }
 
+  /**
+   * Multiline comment.
+   */
+
+  function csscomment() {
+    if ('/' != str[0] || '*' != str[1]) return;
+    str = str.slice(2);
+
+    var i = 0;
+    while ('*' != str[i] && '/' != str[i + 1]) ++i;
+
+    var buf = str.slice(0, i);
+    str = str.slice(buf.length + 2);
+
+    return ['comment', buf];
+  }
 
   /**
    *   INDENT

lib/parser.js

@@ -78,6 +78,7 @@ module.exports = function(str) {
   function stmt() {
     if (is('rule')) return rule();
     if (is('prop')) return prop();
+    return next();
   }
 
   /**

test/cases/comments.css

@@ -1,11 +1,18 @@
 
+/*
+
+this is a button
+
+*/
+
 // foo
 button
   // bar
   color: #eee
   // bar
-  
-  
-  
+
+
+
   // baz
-  background: blue
+  /* css style */
+  background: blue

test/cases/comments.out.css

@@ -1,4 +1,10 @@
+/*
+this is a button
+*/
+
+
 button {
   color: #eee;
+  /* css style */
   background: blue;
-}
+}