simple api

Author: zoubin

README.md

@@ -10,9 +10,7 @@ var plugin = require("browserify-postcss")
 
 var tr = plugin("fake.css", {
     plugin: "postcss-simple-vars",
-    resolve: {
-        basedir: __dirname
-    }
+    basedir: __dirname
 })
 tr.end("$color: red; .fake { color: $color; }")
 tr.pipe(process.stdout)
@@ -37,17 +35,4 @@ Default: `null`
 
 postcss plugins used to transform the content
 
-#### options
-
-Type: `Object`
-Default: `null`
-
-options for postcss plugins specified by `opts.plugin`
-
-#### resolve
-
-Type: `Object|Function`
-Default: `null`
-
-If `Object`, will be passed to [resolve.sync](https://github.com/substack/node-resolve#resolvesyncid-opts) to resolve the plugins.
-If `Function`, will be used instead of [resolve.sync](https://github.com/substack/node-resolve#resolvesyncid-opts)
+If `Array`, each element can be `String`, `Function`, or `Array`.

example/vars.js

@@ -2,9 +2,7 @@ var plugin = require("..")
 
 var tr = plugin("fake.css", {
     plugin: "postcss-simple-vars",
-    resolve: {
-        basedir: __dirname
-    }
+    basedir: __dirname
 })
 tr.end("$color: red; .fake { color: $color; }")
 tr.pipe(process.stdout)

index.js

@@ -1,18 +1,42 @@
-var Processor = require("postcss-processor")
 var sink = require("sink-transform")
+var resolve = require("resolve")
+var postcss = require("postcss")
 
 var processor
 module.exports = function (file, opts) {
     opts = opts || {}
     if (!processor) {
-        processor = Processor(opts.plugin, opts.options, opts.resolve)
+        processor = getProcessor(opts)
     }
-    return sink.str(function (body, done) {
+    var stream = sink.str(function (body, done) {
         var self = this
         processor.process(body, { from: file })
             .then(function (result) {
                 self.push(result.css)
                 done()
+            }, function (err) {
+                stream.emit("error", err)
             })
     })
+    return stream
+}
+
+function getProcessor(opts) {
+    var plugins = [].concat(opts.plugin).filter(Boolean)
+    plugins = plugins.map(function (p) {
+        var op
+        if (Array.isArray(p)) {
+            op = p[1]
+            p = p[0]
+        }
+        if (typeof p !== "function") {
+            var pfile = resolve.sync(String(p), { basedir: opts.basedir || process.cwd() })
+            p = require(pfile)
+        }
+        return p(op)
+    })
+
+    return postcss(plugins.concat(
+        opts.processor && opts.processor.plugins || []
+    ))
 }

package.json

@@ -21,7 +21,8 @@
   },
   "homepage": "https://github.com/zoubin/browserify-postcss#readme",
   "dependencies": {
-    "postcss-processor": "^0.1.0",
+    "postcss": "^4.1.11",
+    "resolve": "^1.1.6",
     "sink-transform": "^0.1.2"
   },
   "devDependencies": {

test/index.js

@@ -1,14 +1,12 @@
-var processor = require("..")
+var plugin = require("..")
 var sink = require("sink-transform")
 var test = require("tape")
 
 test('transform', function(t) {
     t.plan(1)
-    var tr = processor("fake.css", {
+    var tr = plugin("fake.css", {
         plugin: "postcss-simple-vars",
-        resolve: {
-            basedir: __dirname
-        }
+        basedir: __dirname
     })
     tr.end("$color: red; .fake { color: $color; }")
     tr.pipe(sink.str(function (body) {