Build using Browserify

Signed-off-by: Joshua Appelman <[email protected]>

Closes #1193

Author: ndhoule

Makefile

@@ -1,25 +1,22 @@
+BROWSERIFY := node_modules/.bin/browserify
 ESLINT := node_modules/.bin/eslint
+
 REPORTER ?= spec
 TM_BUNDLE = JavaScript\ mocha.tmbundle
 SRC = $(shell find lib -name "*.js" -type f | sort)
 SUPPORT = $(wildcard support/*.js)
 
 all: mocha.js
 
-lib/browser/diff.js: node_modules/diff/diff.js
-	cp node_modules/diff/diff.js lib/browser/diff.js
-
-lib/browser/escape-string-regexp.js: node_modules/escape-string-regexp/index.js
-	cp node_modules/escape-string-regexp/index.js lib/browser/escape-string-regexp.js
-
-mocha.js: $(SRC) $(SUPPORT) lib/browser/diff.js lib/browser/escape-string-regexp.js
-	@node support/compile $(SRC)
-	@cat \
-	  support/head.js \
-	  _mocha.js \
-	  support/tail.js \
-	  support/foot.js \
-	  > mocha.js
+# TODO: Remove filesize echos, just for comparison during browserify transition
+mocha.js: $(SRC) $(SUPPORT)
+	@$(BROWSERIFY) ./support/browser-entry \
+		--ignore 'fs' \
+		--ignore 'glob' \
+		--ignore 'jade' \
+		--ignore 'path' \
+		--ignore 'supports-color' \
+		--exclude './lib-cov/mocha' > $@
 
 clean:
 	rm -f mocha.js

lib/browser/escape-string-regexp.js

@@ -10,6 +10,7 @@
 
 var escapeRe = require('escape-string-regexp');
 var path = require('path');
+var reporters = require('./reporters');
 var utils = require('./utils');
 
 /**
@@ -22,7 +23,7 @@ exports = module.exports = Mocha;
  * To require local UIs and reporters when running in node.
  */
 
-if (typeof process !== 'undefined' && typeof process.cwd === 'function') {
+if (!process.browser) {
   var cwd = process.cwd();
   module.paths.push(cwd, path.join(cwd, 'node_modules'));
 }
@@ -33,7 +34,7 @@ if (typeof process !== 'undefined' && typeof process.cwd === 'function') {
 
 exports.utils = utils;
 exports.interfaces = require('./interfaces');
-exports.reporters = require('./reporters');
+exports.reporters = reporters;
 exports.Runnable = require('./runnable');
 exports.Context = require('./context');
 exports.Runner = require('./runner');
@@ -150,11 +151,11 @@ Mocha.prototype.reporter = function(reporter, reporterOptions) {
   } else {
     reporter = reporter || 'spec';
     var _reporter;
-    try {
-      _reporter = require('./reporters/' + reporter);
-    } catch (err) {
-      // Ignore
+    // Try to load a built-in reporter.
+    if (reporters[reporter]) {
+      _reporter = reporters[reporter];
     }
+    // Try to load reporters from process.cwd() and node_modules
     if (!_reporter) {
       try {
         _reporter = require(reporter);

lib/browser/fs.js

@@ -6,7 +6,7 @@ var tty = require('tty');
 var diff = require('diff');
 var ms = require('../ms');
 var utils = require('../utils');
-var supportsColor = process.env ? require('supports-color') : null;
+var supportsColor = process.browser ? null : require('supports-color');
 
 /**
  * Expose `Base`.
@@ -37,9 +37,7 @@ var isatty = tty.isatty(1) && tty.isatty(2);
  * Enable coloring by default, except in the browser interface.
  */
 
-exports.useColors = process.env
-  ? (supportsColor || (process.env.MOCHA_COLORS !== undefined))
-  : false;
+exports.useColors = !process.browser && (supportsColor || (process.env.MOCHA_COLORS !== undefined));
 
 /**
  * Inline diffs instead of +/-

lib/browser/glob.js

@@ -7,7 +7,7 @@
 var Base = require('./base');
 var utils = require('../utils');
 var Progress = require('../browser/progress');
-var escapeRe = require('../browser/escape-string-regexp');
+var escapeRe = require('escape-string-regexp');
 var escape = utils.escape;
 
 /**

lib/browser/path.js

@@ -1,17 +1,19 @@
-exports.Base = require('./base');
-exports.Dot = require('./dot');
-exports.Doc = require('./doc');
-exports.TAP = require('./tap');
-exports.JSON = require('./json');
-exports.HTML = require('./html');
-exports.List = require('./list');
-exports.Min = require('./min');
-exports.Spec = require('./spec');
-exports.Nyan = require('./nyan');
-exports.XUnit = require('./xunit');
-exports.Markdown = require('./markdown');
-exports.Progress = require('./progress');
-exports.Landing = require('./landing');
-exports.JSONCov = require('./json-cov');
-exports.HTMLCov = require('./html-cov');
-exports.JSONStream = require('./json-stream');
+// Alias exports to a their normalized format Mocha#reporter to prevent a need
+// for dynamic (try/catch) requires, which Browserify doesn't handle.
+exports.Base = exports.base = require('./base');
+exports.Dot = exports.dot = require('./dot');
+exports.Doc = exports.doc = require('./doc');
+exports.TAP = exports.tap = require('./tap');
+exports.JSON = exports.json = require('./json');
+exports.HTML = exports.html = require('./html');
+exports.List = exports.list = require('./list');
+exports.Min = exports.min = require('./min');
+exports.Spec = exports.spec = require('./spec');
+exports.Nyan = exports.nyan = require('./nyan');
+exports.XUnit = exports.xunit = require('./xunit');
+exports.Markdown = exports.markdown = require('./markdown');
+exports.Progress = exports.progress = require('./progress');
+exports.Landing = exports.landing = require('./landing');
+exports.JSONCov = exports['json-cov'] = require('./json-cov');
+exports.HTMLCov = exports['html-cov'] = require('./html-cov');
+exports.JSONStream = exports['json-stream'] = require('./json-stream');

lib/mocha.js

@@ -736,7 +736,7 @@ function filterLeaks(ok, globals) {
  * @return {Array}
  */
 function extraGlobals() {
-  if (typeof process === 'object' && typeof process.version === 'string') {
+  if (!process.browser) {
     var nodeVersion = process.version.split('.').reduce(function(a, v) {
       return a << 8 | v;
     });