Add support for an opt-in trigger comment for the browserify transform.

Author: jareware

browserify.js

@@ -1,15 +1,18 @@
 var transformTools = require('browserify-transform-tools');
 var falafel = require('falafel');
 
+var OPT_IN_TRIGGER = '/* @component-css-ns */';
 var CLASSNAME_SEARCH = /\b([a-z][a-zA-Z_-]*)/g;
 
 // @see https://github.com/benbria/browserify-transform-tools#creating-a-string-transform
 module.exports = transformTools.makeStringTransform('component-css-ns', {}, function(content, transformOptions, done) {
-  content = falafel(content, function(node) {
-    if (node.type === 'Property' && node.key.name === 'className') {
-      var componentNs = transformOptions.file.replace(/.*\/(\w+).*/, '$1');
-      node.value.update(node.value.source() + '.replace(' + CLASSNAME_SEARCH.toString() + ', "' + componentNs + '-$1")');
-    }
-  });
+  if (content.indexOf(OPT_IN_TRIGGER) !== -1) {
+    content = falafel(content, function(node) {
+      if (node.type === 'Property' && node.key.name === 'className') {
+        var componentNs = transformOptions.file.replace(/.*\/(\w+).*/, '$1');
+        node.value.update(node.value.source() + '.replace(' + CLASSNAME_SEARCH.toString() + ', "' + componentNs + '-$1")');
+      }
+    });
+  }
   done(null, content);
 });

test/cases/browserify/MyComponent.jsx

@@ -1,3 +1,5 @@
+/* @component-css-ns */
+
 var React = require('react');
 var cx = require('classnames');
 var SubComponent = require('./SubComponent.jsx');

test/cases/browserify/SubComponent.jsx

@@ -1,3 +1,5 @@
+/* @component-css-ns */
+
 var React = require('react');
 
 module.exports = React.createClass({

test/cases/browserify/expected.out

@@ -1,4 +1,6 @@
 (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.temp = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+/* @component-css-ns */
+
 var React = require('react');
 var cx = require('classnames');
 var SubComponent = require('./SubComponent.jsx');
@@ -20,6 +22,8 @@ module.exports = React.createClass({displayName: "exports",
 
 
 },{"./SubComponent.jsx":2,"classnames":undefined,"react":undefined}],2:[function(require,module,exports){
+/* @component-css-ns */
+
 var React = require('react');
 
 module.exports = React.createClass({displayName: "exports",