.

Author: hughsk

.gitignore

@@ -0,0 +1,5 @@
+bower_components
+node_modules
+*.log
+.DS_Store
+bundle.js

.npmignore

@@ -0,0 +1,10 @@
+bower_components
+node_modules
+*.log
+.DS_Store
+bundle.js
+test
+test.js
+demo/
+.npmignore
+LICENSE.md

LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+Copyright (c) 2015 Hugh Kennedy
+
+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,48 @@
+# ify-loader
+
+[![experimental](http://badges.github.io/stability-badges/dist/experimental.svg)](http://github.com/badges/stability-badges)
+
+[Webpack](https://github.com/webpack/webpack) loader to handle [browserify transforms]() as intended.
+
+## Usage
+
+Install the loader using [npm](https://npmjs.com/):
+
+``` glsl
+npm install --save ify-loader
+```
+
+You can then update your `webpack.config.js` in a similar fashion to the following to add browserify transform support to your project:
+
+``` javascript
+module.exports = {
+  module: {
+    loaders: [
+      // This applies the loader to all of your dependencies,
+      // and not any of the source files in your project:
+      {
+        test: /node_modules/,
+        loader: 'ify'
+      }
+    ]
+  }
+}
+```
+
+## Why?
+
+When given the choice, I lean more in favour of [browserify](http://browserify.org) for its simplicity and compatability with node.js — however from time to time I need to work on projects that use webpack. The thing I run into issues with most often when switching between the two is the difference in how webpack handles source transforms compared to browserify.
+
+Webpack provides you with a "global" configuration where you specify how your project and its dependencies are transformed in a single place. Browserify, however, scopes transforms to the current package to avoid conflicts between different dependencies' sources using the  [`browserify.transform` property](https://github.com/substack/node-browserify#browserifytransform) in `package.json`.
+
+There are pros and cons to both approaches — Webpack gives you more control, at the expense of having to configure each transform used in your dependency tree. Unlike [transform-loader](https://github.com/webpack/transform-loader), *ify-loader* will determine which transforms to apply to your dependencies for you, making the process a lot more bearable in complex projects!
+
+## See Also
+
+* [browserify](https://github.com/substack/node-browserify)
+* [webpack](https://github.com/webpack/webpack)
+* [transform-loader](https://github.com/webpack/transform-loader)
+
+## License
+
+MIT, see [LICENSE.md](http://github.com/hughsk/ify-loader/blob/master/LICENSE.md) for details.

fixture/index.js

@@ -0,0 +1,3 @@
+const fs = require('fs')
+
+console.log(fs.readFileSync(__dirname + '/package.json', 'utf8'))

fixture/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "fixture",
+  "version": "1.0.0",
+  "browserify": {
+    "transform": [
+      "brfs"
+    ]
+  }
+}

index.js

@@ -0,0 +1,78 @@
+const readJSON = require('read-package-json')
+const multipipe = require('multipipe')
+const from2 = require('from2-array')
+const resolve = require('resolve')
+const map = require('map-limit')
+const findup = require('findup')
+const path = require('path')
+const bl = require('bl')
+
+module.exports = loader
+
+function loader (source) {
+  const filename = this.resourcePath
+  const dirname = this.context
+  const done = this.async()
+  const self = this
+
+  this.cacheable(true)
+
+  findup(dirname, 'package.json', foundPackage)
+
+  function foundPackage (err, pkgDir) {
+    if (err) return done(err)
+    if (!pkgDir) return done(null, source)
+
+    const pkgFile = path.join(pkgDir, 'package.json')
+
+    readJSON(pkgFile, function (err, json) {
+      if (err) return done(err)
+
+      const pkgTransforms = [].concat(
+        json.browserify && json.browserify.transform
+      )
+
+      map(pkgTransforms, 10, function (transform, next) {
+        transform = Array.isArray(transform) ? transform : [transform]
+
+        const name = transform[0]
+        const opts = transform[1] || {}
+
+        if (typeof name === 'function') {
+          return next(null, name(filename, opts))
+        }
+
+        resolve(name, {
+          basedir: dirname
+        }, function (err, name) {
+          if (err) return next(err)
+
+          const TransformStream = require(name)
+
+          if (typeof TransformStream !== 'function') {
+            return next(new Error(
+              'Browserify transform at ' + name + ' did not export a function'
+            ))
+          }
+
+          next(null, TransformStream(filename, opts))
+        })
+      }, function (err, transforms) {
+        if (err) return done(err)
+
+        transforms.forEach(function (tr) {
+          tr.on('file', function (file) {
+            self.addDependency(file)
+          })
+        })
+
+        transforms = []
+          .concat(from2([source]))
+          .concat(transforms)
+          .concat(bl(done))
+
+        multipipe.apply(this, transforms)
+      })
+    })
+  }
+}

package.json

@@ -0,0 +1,47 @@
+{
+  "name": "ify-loader",
+  "version": "1.0.0",
+  "description": "Webpack loader to handle browserify transforms as intended",
+  "main": "index.js",
+  "license": "MIT",
+  "author": {
+    "name": "Hugh Kennedy",
+    "email": "[email protected]",
+    "url": "https://github.com/hughsk"
+  },
+  "dependencies": {
+    "bl": "^1.0.0",
+    "findup": "^0.1.5",
+    "from2-array": "0.0.4",
+    "map-limit": "0.0.1",
+    "multipipe": "^0.3.0",
+    "read-package-json": "^2.0.2",
+    "resolve": "^1.1.6"
+  },
+  "devDependencies": {
+    "brfs": "^1.4.2",
+    "npm-which": "^2.0.0",
+    "standard": "^5.4.1",
+    "tap-spec": "^4.1.1",
+    "tape": "^4.4.0",
+    "webpack": "^1.12.9"
+  },
+  "scripts": {
+    "test": "node test.js | tspec",
+    "posttest": "standard"
+  },
+  "keywords": [
+    "ify",
+    "browserify",
+    "loader",
+    "webpack"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/hughsk/ify-loader.git"
+  },
+  "homepage": "https://github.com/hughsk/ify-loader",
+  "bugs": {
+    "url": "https://github.com/hughsk/ify-loader/issues"
+  }
+}

test.js

@@ -0,0 +1,40 @@
+const spawn = require('child_process').spawn
+const which = require('npm-which')
+const test = require('tape')
+const path = require('path')
+const fs = require('fs')
+const vm = require('vm')
+
+test('ify-loader', function (t) {
+  const wpack = which.sync('webpack', { cwd: __dirname })
+  const input = path.join(__dirname, 'fixture', 'index.js')
+  const output = path.join(__dirname, 'fixture', 'bundle.js')
+  const pkg = path.join(__dirname, 'fixture', 'package.json')
+
+  t.plan(1)
+
+  try {
+    fs.unlinkSync(output)
+  } catch (e) {}
+
+  spawn(wpack, [
+    input,
+    output,
+    '--module-bind', 'js=' + __dirname
+  ], {
+    stdio: ['pipe', 'pipe', 2]
+  }).once('exit', function () {
+    const result = fs.readFileSync(output, { encoding: 'utf8' })
+
+    fs.unlinkSync(output)
+
+    vm.runInNewContext(result, {
+      console: {
+        log: function (src) {
+          const expected = fs.readFileSync(pkg, { encoding: 'utf8' })
+          t.equal(src, expected, 'processed brfs from package.json')
+        }
+      }
+    })
+  })
+})