allow for user namespacing

The prefixer will detect if the user has already prefixed the css rule
using the module name. If a proper namespacing is found, then no parent
class is applied.

closes #1

Author: defunctzombie

index.js

@@ -4,7 +4,9 @@ var path = require('path');
 
 // vendor
 var resolve = require('resolve');
-var cssprefix = require('css-prefix');
+
+// local
+var prefix = require('./lib/prefix');
 
 module.exports = npmcss;
 
@@ -35,15 +37,8 @@ function npmcss(file) {
             }
         });
 
-        var prefix_opt = {
-            parentClass: name,
-            prefix: ''
-        };
-
-        var cssstr = cssprefix(prefix_opt, npmcss(res));
-
         // run resolution on the required css file
-        return '*/\n' + cssstr + '\n/*';
+        return '*/\n' + prefix(name, npmcss(res)) + '\n/*';
     });
 
     return src;

lib/prefix.js

@@ -0,0 +1,46 @@
+// vendor
+var cssp = require('cssp');
+var traverse = require('traverse');
+
+module.exports = function (name, src) {
+    if (typeof opts === 'string') {
+        opts = { prefix : opts };
+    }
+
+    var tree = cssp.parse(src);
+
+    traverse(tree).forEach(function (node) {
+        if (node !== 'simpleselector') {
+            return;
+        }
+
+        var nodes = this.parent.node;
+
+        // don't prefix if any of the following conditions are met:
+        // .module exists as a parent then ok
+        // .module exists in a set of classes right after an element
+        // .module exists in the first set of classes
+        for (var i=1 ; i<nodes.length ; ++i) {
+            var node = nodes[i];
+
+            // first space exists search
+            if (node[0] === 's') {
+                break;
+            }
+
+            if (node[0] === 'clazz' && node[1][0] === 'ident' &&
+                node[1][1] === name) {
+                return;
+            }
+        }
+
+        // prefix the css rule
+        this.parent.node.splice(1, 0,
+            [ 'clazz', [ 'ident', name ] ],
+            [ 's', ' ' ]
+        );
+    });
+
+    return cssp.translate(tree);
+};
+

package.json

@@ -17,7 +17,9 @@
     "email": "raynos2@gmail.com"
   },
   "dependencies": {
-    "resolve": "0.2.3"
+    "resolve": "0.2.3",
+    "traverse": "0.6.3",
+    "cssp": "1.0.6"
   },
   "devDependencies": {
     "tap": "~0.3.1",

test/expected/input.css

@@ -7,13 +7,35 @@
 /*    */
 /* foobar stuff */
 
-.foobar p {
-    color: blue;
-}
+/* .foobar */
+.foobar {}
 
-.foobar .bar {
-    color: white;
-}
+/* p.foobar */
+p.foobar {}
+
+/* .foobar p .foobar */
+.foobar p .foobar {}
+
+/* .foorbar p */
+.foobar p {}
+
+/* .foobar p */
+.foobar p {}
+
+/* .foobar.baz */
+.foobar.baz {}
+
+/* .foobar .baz */
+.foobar .baz {}
+
+/* .foobar .baz */
+.foobar .baz {}
+
+/* .baz.foobar */
+.baz.foobar {}
+
+/* .foobar .baz .foobar */
+.foobar .baz .foobar {}
 
 /**/