chore(build): add bundling grunt task

Author: SebastianStamm

Gruntfile.js

@@ -19,7 +19,7 @@ module.exports = function(grunt) {
     config: {
       sources: 'lib',
       tests: 'test',
-      dist: '../bower-bpmn-js/dist'
+      dist: 'dist'
     },
 
     jshint: {
@@ -54,6 +54,19 @@ module.exports = function(grunt) {
       }
     },
 
+    bundle: {
+      viewer: {
+        name: 'dmn-viewer',
+        src: '<%= config.sources %>/Viewer.js',
+        dest: '<%= config.dist %>'
+      },
+      modeler: {
+        name: 'dmn-modeler',
+        src: '<%= config.sources %>/Modeler.js',
+        dest: '<%= config.dist %>'
+      }
+    },
+
     jsdoc: {
       dist: {
         src: [ '<%= config.sources %>/**/*.js' ],
@@ -65,10 +78,13 @@ module.exports = function(grunt) {
     }
   });
   // tasks
+  grunt.loadTasks('tasks');
 
   grunt.registerTask('test', [ 'karma:single' ]);
 
   grunt.registerTask('auto-test', [ 'karma:unit' ]);
 
-  grunt.registerTask('default', [ 'jshint', 'test', 'jsdoc' ]);
+  grunt.registerTask('build', [ 'bundle' ]);
+
+  grunt.registerTask('default', [ 'jshint', 'test', 'build', 'jsdoc' ]);
 };

tasks/banner-min.txt

@@ -0,0 +1 @@
+/*! <%= pkg.name %> - <%= config.variant %> v<%= pkg.version %> | (c) 2015 camunda Services GmbH | bpmn.io/license */

tasks/banner.txt

@@ -0,0 +1,12 @@
+/*!
+ * <%= pkg.name %> - <%= config.variant %> v<%= pkg.version %>
+
+ * Copyright 2015 camunda Services GmbH and other contributors
+ *
+ * Released under the bpmn.io license
+ * http://bpmn.io/license
+ *
+ * Source Code: https://github.com/dmn-io/dmn-js
+ *
+ * Date: <%= grunt.template.today("yyyy-mm-dd") %>
+ */

tasks/bundle.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var browserify = require('browserify'),
+    derequire = require('browserify-derequire'),
+    UglifyJS = require('uglify-js'),
+    collapse = require('bundle-collapser/plugin'),
+    concat = require('source-map-concat'),
+    fs = require('fs'),
+    path = require('path');
+
+
+var BANNER = fs.readFileSync(__dirname + '/banner.txt', 'utf8'),
+    BANNER_MIN = fs.readFileSync(__dirname + '/banner-min.txt', 'utf8');
+
+
+function extractSourceMap(content) {
+
+  var SOURCE_MAP_HEADER = '//# sourceMappingURL=data:application/json;base64,';
+
+  var idx = content.indexOf(SOURCE_MAP_HEADER),
+      map, code;
+
+  if (idx !== -1) {
+    code = content.substring(0, idx);
+    map = content.substring(idx + SOURCE_MAP_HEADER.length);
+
+    map = new Buffer(map, 'base64').toString();
+
+    map = map.replace(/\\\\/g, '/'); // convert \\ -> /
+
+    var dir = __dirname;
+
+    var dirPattern = dir.replace(/\\/g, '/').replace(/\./g, '\\.') + '/';
+
+    var pattern = new RegExp(dirPattern, 'g');
+
+    map = map.replace(pattern, '');
+
+    return {
+      code: code,
+      map: JSON.parse(map)
+    };
+  } else {
+    throw new Error('no attached source map');
+  }
+}
+
+
+function uglify(bundle, preamble) {
+  return UglifyJS.minify(bundle.code, {
+    fromString: true,
+    output: {
+      preamble: preamble
+    }
+  });
+}
+
+
+function Timer() {
+  this.reset();
+}
+
+Timer.prototype.done = function(message) {
+  console.log(message, '[' + (this.now() - this.start) + 'ms]');
+  this.reset();
+};
+
+Timer.prototype.reset = function() {
+  this.start = this.now();
+};
+
+Timer.prototype.now = function() {
+  return new Date().getTime();
+};
+
+
+module.exports = function(grunt) {
+
+  grunt.registerMultiTask('bundle', function(target) {
+
+    var data = this.data,
+        variant = data.name,
+        dest = data.dest,
+        src = path.resolve(data.src);
+
+    grunt.config.set('config.variant', variant);
+
+    var done = this.async();
+
+    var browserifyOptions = {
+      standalone: 'DmnJS',
+      debug: true,
+      builtins: false,
+      insertGlobalVars: {
+        process: function () {
+            return 'undefined';
+        },
+        Buffer: function () {
+            return 'undefined';
+        }
+      }
+    };
+
+    var timer = new Timer();
+
+    var targetFileBase = path.join(dest, variant);
+
+    var banner = grunt.template.process(BANNER, grunt.config.get()),
+        bannerMin = grunt.template.process(BANNER_MIN, grunt.config.get());
+
+    browserify(browserifyOptions)
+      .plugin(derequire)
+      .plugin(collapse)
+      .add(src)
+      .bundle(function(err, result) {
+
+        timer.done('bundled');
+
+        if (err) {
+          return done(err);
+        }
+
+        var bundled, minified;
+
+        bundled = extractSourceMap(result.toString('utf8'));
+
+        timer.done('extracted source map');
+
+        try {
+          minified = uglify(bundled, bannerMin);
+        } catch (e) {
+          return done(e);
+        }
+
+        timer.done('minified');
+
+        var bannerBundled;
+
+        try {
+          bannerBundled = concat([ bundled ])
+                            .prepend(banner + '\n')
+                            .add('//# sourceMappingURL=' + variant + '.js.map')
+                            .toStringWithSourceMap();
+        } catch (e) {
+          console.error(e.stack);
+          throw e;
+        }
+
+        timer.done('added banner');
+
+        grunt.file.write(targetFileBase + '.js', bannerBundled.code, 'utf8');
+        grunt.file.write(targetFileBase + '.js.map', bannerBundled.map, 'utf8');
+
+        grunt.file.write(targetFileBase + '.min.js', minified.code, 'utf8');
+
+        timer.done('all saved');
+
+        done();
+      });
+
+  });
+
+};