postcss transform

Author: zoubin

.gitignore

@@ -0,0 +1 @@
+/node_modules/

.npmignore

@@ -0,0 +1,3 @@
+.gitignore
+/test/
+/example/

README.md

@@ -1,2 +1,53 @@
 # browserify-postcss
 transform contents using postcss
+
+## Usage
+
+example/var.js:
+
+```javascript
+var plugin = require("browserify-postcss")
+
+var tr = plugin("fake.css", {
+    plugin: "postcss-simple-vars",
+    resolve: {
+        basedir: __dirname
+    }
+})
+tr.end("$color: red; .fake { color: $color; }")
+tr.pipe(process.stdout)
+
+```
+
+output:
+
+```
+⌘ node example/vars.js
+.fake { color: red;  }
+```
+
+### tr = plugin(file, opts)
+
+### Options
+
+#### plugin
+
+Type: `String|Array`
+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)

example/vars.js

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

index.js

@@ -0,0 +1,18 @@
+var Processor = require("postcss-processor")
+var sink = require("sink-transform")
+
+var processor
+module.exports = function (file, opts) {
+    opts = opts || {}
+    if (!processor) {
+        processor = Processor(opts.plugin, opts.options, opts.resolve)
+    }
+    return sink.str(function (body, done) {
+        var self = this
+        processor.process(body, { from: file })
+            .then(function (result) {
+                self.push(result.css)
+                done()
+            })
+    })
+}

package.json

@@ -0,0 +1,31 @@
+{
+  "name": "browserify-postcss",
+  "version": "0.0.1",
+  "description": "transform contents using postcss",
+  "main": "index.js",
+  "scripts": {
+    "test": "tape test/*.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zoubin/browserify-postcss.git"
+  },
+  "keywords": [
+    "browserify",
+    "postcss"
+  ],
+  "author": "zoubin",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/zoubin/browserify-postcss/issues"
+  },
+  "homepage": "https://github.com/zoubin/browserify-postcss#readme",
+  "dependencies": {
+    "postcss-processor": "^0.1.0",
+    "sink-transform": "^0.1.2"
+  },
+  "devDependencies": {
+    "postcss-simple-vars": "^0.3.0",
+    "tape": "^4.0.0"
+  }
+}

test/index.js

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