jsoneditor/gulpfile.js

var fs = require('fs'),
    gulp = require('gulp'),
    gutil = require('gulp-util'),
    concat = require('gulp-concat'),
    concatCss = require('gulp-concat-css'),
    minifyCSS = require('gulp-minify-css'),
    clean = require('gulp-clean'),
    shell = require('gulp-shell'),
    merge = require('merge-stream'),
    mkdirp = require('mkdirp'),
    webpack = require('webpack'),
    uglify = require('uglify-js');

var ENTRY       = './src/js/JSONEditor.js',
    HEADER      = './src/js/header.js',
    FILE        = 'jsoneditor.js',
    FILE_MIN    = 'jsoneditor.min.js',
    FILE_MAP    = 'jsoneditor.map',
    DIST        = './',
    JSONEDITOR_JS       = DIST + FILE,
    JSONEDITOR_MIN_JS   = DIST + FILE_MIN,
    JSONEDITOR_MAP_JS   = DIST + FILE_MAP,
    JSONEDITOR_CSS      = DIST + 'jsoneditor.css',
    JSONEDITOR_MIN_CSS  = DIST + 'jsoneditor.min.css',
    DIST_ACE      = './asset/ace/',
    DIST_JSONLINT = './asset/jsonlint/';

// generate banner with today's date and correct version
function createBanner() {
  var today = gutil.date(new Date(), 'yyyy-mm-dd'); // today, formatted as yyyy-mm-dd
  var version = require('./package.json').version;  // math.js version

  return String(fs.readFileSync(HEADER))
      .replace('@@date', today)
      .replace('@@version', version);
}

var bannerPlugin = new webpack.BannerPlugin(createBanner(), {
  entryOnly: true,
  raw: true
});

var webpackConfig = {
  entry: ENTRY,
  output: {
    library: 'JSONEditor',
    libraryTarget: 'umd',
    path: DIST,
    filename: FILE
  },
  plugins: [ bannerPlugin ],
  cache: true
};

var uglifyConfig = {
  outSourceMap: FILE_MAP,
  output: {
    comments: /@license/
  }
};

// create a single instance of the compiler to allow caching
var compiler = webpack(webpackConfig);

gulp.task('bundle', function (done) {
  // update the banner contents (has a date in it which should stay up to date)
  bannerPlugin.banner = createBanner();

  // TODO: split this task in three tasks? bundle-js, bundle-css, bundle-img

  // bundle javascript
  compiler.run(function (err, stats) {
    if (err) {
      gutil.log(err);
    }

    gutil.log('bundled ' + JSONEDITOR_JS);

    done();
  });

  // bundle css
  gulp.src([
    'src/css/jsoneditor.css',
    'src/css/contextmenu.css',
    'src/css/menu.css',
    'src/css/searchbox.css'
  ])
      .pipe(concatCss(JSONEDITOR_CSS))
      .pipe(gulp.dest('.'))
      .pipe(concatCss(JSONEDITOR_MIN_CSS))
      .pipe(minifyCSS())
      .pipe(gulp.dest('.'));

  gutil.log('bundled ' + JSONEDITOR_CSS);
  gutil.log('bundled ' + JSONEDITOR_MIN_CSS);

  // create a folder img and copy the icons
  mkdirp.sync('./img');
  gulp.src('./src/css/img/jsoneditor-icons.png')
      .pipe(gulp.dest('./img/'));
  gutil.log('Copied jsoneditor-icons.png to ./img/');
});

gulp.task('minify', ['bundle'], function () {
  var result = uglify.minify([JSONEDITOR_JS], uglifyConfig);

  fs.writeFileSync(JSONEDITOR_MIN_JS, result.code + '\n//# sourceMappingURL=' + FILE_MAP);
  fs.writeFileSync(JSONEDITOR_MAP_JS, result.map);

  gutil.log('Minified ' + JSONEDITOR_MIN_JS);
  gutil.log('Mapped ' + JSONEDITOR_MAP_JS);

});

gulp.task('asset-clean', function () {
  return gulp.src('./asset', {read: false})
      .pipe(clean());
});

gulp.task('build-ace', shell.task([
    // see https://github.com/ajaxorg/ace/#building-ace
  'cd ./node_modules/ace/; '+
  'npm install; ' +
  'node ./Makefile.dryice.js -m; ' +
  'cd ../..'
]));

gulp.task('asset-ace', ['build-ace', 'asset-clean'], function () {
  // concatenate and copy ace files
  var aceSrc = './node_modules/ace/build/src-min/';
  mkdirp.sync(DIST_ACE);

  // TODO: throw an error when aceSrc is missing?

  var plugins = [
    aceSrc + 'ext-searchbox.js',
    aceSrc + 'mode-json.js',
    aceSrc + 'theme-textmate.js',
    './src/js/ace/theme-jsoneditor.js'
  ];

  return merge(
      gulp.src([aceSrc + 'ace.js'].concat(plugins))
          .pipe(concat('ace.js'))
          .pipe(gulp.dest(DIST_ACE)),

  gulp.src([aceSrc + 'worker-json.js'].concat(plugins))
      .pipe(gulp.dest(DIST_ACE))
  );
});

gulp.task('asset-jsonlint', ['asset-clean'], function (done) {
  // copy and minify json lint file
  mkdirp.sync(DIST_JSONLINT);
  var result = uglify.minify(['./node_modules/jsonlint/lib/jsonlint.js']);
  fs.writeFileSync(DIST_JSONLINT + 'jsonlint.js', result.code);
  gutil.log('Minified ' + DIST_JSONLINT + 'jsonlint.js');
  done();
});

gulp.task('build-assets', ['asset-clean', 'asset-ace', 'asset-jsonlint'], function () {});

// TODO: create zip file?
//gulp.task('zip', ['bundle', 'minify'], function () {
//  var pkg = 'jsoneditor-' + require('./package.json').version;
//  var file = BUILD + pkg + '.zip';
//
//  var zip = require('gulp-zip');
//
//  gulp.task('default', function () {
//    gulp.src([
//      'README.md',
//      'NOTICE',
//      'LICENSE',
//      'HISTORY.md',
//      JSONEDITOR_JS,
//      JSONEDITOR_CSS,
//      JSONEDITOR_MIN_JS,
//      JSONEDITOR_MAP_JS,
//      JSONEDITOR_MIN_CSS,
//      'img/*.*',
//      'asset/**/*.*',
//      'docs/**/*.*',
//      'examples/**/*.*'
//    ])
//        .pipe(zip(file))
//        .pipe(gulp.dest('.'));
//  });
//});

// The default task (called when you run `gulp`)
gulp.task('default', ['bundle', 'minify']);