Use browserify to bundle jsoneditor, exclude brace lib, fix index.js.

Related to issue josdejong#166.

Author: nfvs

gulpfile.js

@@ -8,6 +8,12 @@ var mkdirp = require('mkdirp');
 var webpack = require('webpack');
 var uglify = require('uglify-js');
 
+var sourcemaps = require('gulp-sourcemaps');
+var source = require('vinyl-source-stream');
+var buffer = require('vinyl-buffer');
+var browserify = require('browserify');
+
+
 var NAME    = 'jsoneditor';
 var ENTRY   = './src/js/JSONEditor.js';
 var HEADER  = './src/js/header.js';
@@ -41,6 +47,13 @@ var webpackConfig = {
   cache: true
 };
 
+var browserifyConfig = {
+  entries: ENTRY,
+  paths: ['./src/js'],
+  external: ['jsonlint', 'brace', 'brace/mode/json', 'brace/ext/searchbox', './ace/theme-jsoneditor'],
+  bundleExternal: false,
+};
+
 var uglifyConfig = {
   outSourceMap: NAME + '.map',
   output: {
@@ -50,6 +63,8 @@ var uglifyConfig = {
 
 // create a single instance of the compiler to allow caching
 var compiler = webpack(webpackConfig);
+//var browserify_compiler = browserify(browserifyConfig).external('brace').external('jsonlint').external('brace/mode/json').external('brace/ext/searchbox').external('./ace/theme-jsoneditor');
+var browserify_compiler = browserify(browserifyConfig);
 
 // make dist and dist/img folders
 gulp.task('mkdir', function () {
@@ -73,6 +88,25 @@ gulp.task('bundle', ['mkdir'], function (done) {
   });
 });
 
+
+gulp.task('bundle-browserify', ['mkdir'], function (done) {
+  browserify_compiler
+    .bundle()
+    .on('error', gutil.log.bind(gutil, 'Browserify Error'))
+    .pipe(source(NAME + '-browserify.js'))
+    // optional, remove if you dont want sourcemaps
+    .pipe(buffer())
+    .pipe(sourcemaps.init({loadMaps: true})) // loads map from browserify file
+    .pipe(sourcemaps.write('./')) // writes .map file
+    //
+    .pipe(gulp.dest(DIST));
+
+  gutil.log('bundled ' + NAME + '-browserify.js');
+
+  done();
+});
+
+
 // bundle css
 gulp.task('bundle-css', ['mkdir'], function () {
   gulp.src([
@@ -119,4 +153,4 @@ gulp.task('zip', shell.task([
 ]));
 
 // The default task (called when you run `gulp`)
-gulp.task('default', ['bundle', 'bundle-css', 'copy-img', 'minify']);
+gulp.task('default', ['bundle', 'bundle-browserify', 'bundle-css', 'copy-img', 'minify']);

index.js

@@ -1 +1 @@
-module.exports = require('./src/js/JSONEditor');
+module.exports = require('./dist/jsoneditor-browserify.js');

package.json

@@ -25,14 +25,18 @@
     "jsonlint": "^1.6.2"
   },
   "devDependencies": {
+    "browserify": "^9.0.3",
     "gulp": "^3.8.11",
     "gulp-concat-css": "^2.0.0",
     "gulp-minify-css": "^0.4.5",
     "gulp-shell": "^0.3.0",
+    "gulp-sourcemaps": "^1.5.0",
     "gulp-util": "^3.0.3",
     "mkdirp": "^0.5.0",
     "mocha": "^2.1.0",
     "uglify-js": "^2.4.16",
+    "vinyl-buffer": "^1.0.0",
+    "vinyl-source-stream": "^1.1.0",
     "webpack": "^1.5.3"
   }
 }