.

Author: yoshuawuyts

.gitignore

@@ -0,0 +1,5 @@
+node_modules/
+coverage/
+tmp/
+npm-debug.log*
+.DS_Store

.travis.yml

@@ -0,0 +1,7 @@
+node_js:
+- "0.12"
+- "4"
+sudo: false
+language: node_js
+script: "npm run test:cov"
+after_script: "npm i -g codecov.io && cat ./coverage/lcov.info | codecov"

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Yoshua Wuyts
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,65 @@
+# css-extract [![stability][0]][1]
+[![npm version][2]][3] [![build status][4]][5] [![test coverage][6]][7]
+[![downloads][8]][9] [![js-standard-style][10]][11]
+
+Looks up `require('insert-css')` calls to extract CSS from a browserify bundle
+to a file. Useful with `sheetify` or any other package / transform that uses
+`insert-css`.
+
+## Command line
+```sh
+$ browserify -t sheetify/transform -p [ css-extract -o bundle.css ] index.js \
+  -o bundle.js
+```
+
+## JS api
+```js
+const browserify = require('browserify')
+
+browserify()
+  .transform('sheetify/transform')
+  .plugin('css-extract', { out: 'bundle.css' })
+  .bundle()
+```
+
+```js
+const browserify = require('browserify')
+
+browserify()
+  .transform('sheetify/transform')
+  .plugin('css-extract', { out: createWriteStream })
+  .bundle()
+
+function createWriteStream () {
+  return process.stdout
+}
+```
+
+## Options
+- `-o` / `--out`: specify an outfile, defaults to `bundle.css`. Can also be a
+  function that returns a writable stream from the JavaScript API.
+
+## Installation
+```sh
+$ npm install css-extract
+```
+
+## See Also
+- [sheetify](https://github.com/stackcss/sheetify)
+- [insert-css](https://github.com/substack/insert-css)
+
+## License
+[MIT](https://tldrlegal.com/license/mit-license)
+
+[0]: https://img.shields.io/badge/stability-experimental-orange.svg?style=flat-square
+[1]: https://nodejs.org/api/documentation.html#documentation_stability_index
+[2]: https://img.shields.io/npm/v/css-extract.svg?style=flat-square
+[3]: https://npmjs.org/package/css-extract
+[4]: https://img.shields.io/travis/stackcss/css-extract/master.svg?style=flat-square
+[5]: https://travis-ci.org/stackcss/css-extract
+[6]: https://img.shields.io/codecov/c/github/stackcss/css-extract/master.svg?style=flat-square
+[7]: https://codecov.io/github/stackcss/css-extract
+[8]: http://img.shields.io/npm/dm/css-extract.svg?style=flat-square
+[9]: https://npmjs.org/package/css-extract
+[10]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square
+[11]: https://github.com/feross/standard

index.js

@@ -0,0 +1,60 @@
+const isRequire = require('is-require')()
+const through = require('through2')
+const falafel = require('falafel')
+const assert = require('assert')
+const fs = require('fs')
+
+module.exports = cssExtract
+
+// Extract CSS from a browserify bundle
+// obj -> null
+function cssExtract (bundle, opts) {
+  opts = opts || {}
+
+  var outFile = opts.out || opts.o || 'bundle.css'
+
+  assert.equal(typeof bundle, 'object', 'bundle should be an object')
+  assert.equal(typeof opts, 'object', 'opts should be an object')
+
+  // every time .bundle is called, attach hook
+  bundle.on('reset', addHooks)
+  addHooks()
+
+  function addHooks () {
+    // run before the "debug" step in browserify pipeline
+    bundle.pipeline.get('debug').unshift(through.obj(write, flush))
+    const writeStream = (typeof outFile === 'function')
+      ? outFile()
+      : fs.createWriteStream(outFile)
+
+    function write (chunk, enc, cb) {
+      const css = extract(chunk)
+      writeStream.write(css)
+      cb(null, chunk)
+    }
+
+    // close stream and signal end
+    function flush (cb) {
+      writeStream.end()
+      cb()
+    }
+  }
+}
+
+// extract css from chunks
+// obj -> str
+function extract (chunk) {
+  const css = []
+  const ast = falafel(chunk.source, { ecmaVersion: 6 }, walk)
+  chunk.source = ast.toString()
+  return css.join('\n')
+
+  function walk (node) {
+    if (!isRequire(node)) return
+    if (!node.arguments) return
+    if (!node.arguments[0]) return
+    if (node.arguments[0].value !== 'insert-css') return
+    css.push(node.parent.arguments[0].value)
+    node.parent.update('0')
+  }
+}

package.json

@@ -0,0 +1,41 @@
+{
+  "name": "css-extract",
+  "version": "1.0.0",
+  "description": "Extract CSS from a browserify bundle",
+  "main": "index.js",
+  "scripts": {
+    "deps": "dependency-check . && dependency-check . --extra --no-dev",
+    "test": "standard && npm run deps && NODE_ENV=test node test",
+    "test:cov": "standard && npm run deps && NODE_ENV=test istanbul cover ./test/index.js"
+  },
+  "repository": "stackcss/css-extract",
+  "keywords": [
+    "css",
+    "extract",
+    "browserify",
+    "plugin",
+    "transform",
+    "sheetify",
+    "css-modules"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "falafel": "^1.2.0",
+    "is-require": "0.0.1",
+    "through2": "^2.0.1"
+  },
+  "devDependencies": {
+    "bl": "^1.1.2",
+    "browserify": "^13.0.0",
+    "dependency-check": "^2.5.1",
+    "insert-css": "^0.2.0",
+    "istanbul": "^0.4.2",
+    "sheetify": "^4.1.0",
+    "standard": "^6.0.7",
+    "tape": "^4.5.0"
+  },
+  "files": [
+    "index.js",
+    "bin/*"
+  ]
+}

test/expected.css

@@ -0,0 +1,3 @@
+._32de081b h1 {
+  font-family: sans-serif;
+}

test/index.js

@@ -0,0 +1,32 @@
+const browserify = require('browserify')
+const path = require('path')
+const test = require('tape')
+const bl = require('bl')
+const fs = require('fs')
+
+const cssExtract = require('../')
+
+test('css-extract', function (t) {
+  t.test('should assert input types', function (t) {
+    t.plan(2)
+    t.throws(cssExtract, /object/)
+    t.throws(cssExtract.bind(null, {}), 123, /object/)
+  })
+
+  t.test('should extract css', function (t) {
+    t.plan(2)
+    browserify(path.join(__dirname, 'source.js'))
+      .transform('sheetify/transform')
+      .plugin(cssExtract, { out: createWs })
+      .bundle()
+
+    function createWs () {
+      return bl(function (err, data) {
+        t.ifError(err, 'no error')
+        const exPath = path.join(__dirname, './expected.css')
+        const expected = fs.readFileSync(exPath, 'utf8').trim()
+        t.equal(String(data), expected, 'extracted all the CSS')
+      })
+    }
+  })
+})

test/source.js

@@ -0,0 +1,7 @@
+const sf = require('sheetify')
+
+sf`
+h1 {
+  font-family: sans-serif;
+}
+`