chore(project): drop grunt + bundle assets to dist directory

* replace grunt with npm scripts
* copy static assets to dist directory
* build and copy library variants to dist directory

Related to #725
This commit is contained in:
Nico Rehwaldt 2018-01-05 16:09:39 +01:00 committed by Philipp Fromme
parent f047fefd89
commit e3bf356461
13 changed files with 247 additions and 278 deletions

1
.eslintignore Normal file
View File

@ -0,0 +1 @@
dist

View File

@ -7,8 +7,8 @@ test/fixtures
test/integration
test/spec
test/TestHelper.js
.eslintignore
.eslintrc
.travis.yml
.wiredeps
CONTRIBUTING.md
Gruntfile.js

View File

@ -1,109 +0,0 @@
'use strict';
module.exports = function(grunt) {
require('load-grunt-tasks')(grunt);
require('time-grunt')(grunt);
// project configuration
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
config: {
sources: 'lib',
tests: 'test',
dist: process.env.BOWER_DIST || '../bower-bpmn-js/dist'
},
eslint: {
check: {
src: [
'{lib,test}/**/*.js'
]
},
fix: {
src: [
'{lib,test}/**/*.js'
],
options: {
fix: true
}
}
},
karma: {
options: {
configFile: '<%= config.tests %>/config/karma.unit.js'
},
single: {
singleRun: true,
autoWatch: false
},
unit: { },
translations: {
singleRun: true,
autoWatch: false,
reporters: [ 'dots', 'translation-reporter' ],
plugins: [
'karma-*',
require('./test/config/translation-reporter')
],
envPreprocessor: [
'TRANSLATIONS'
]
}
},
bundle: {
viewer: {
name: 'bpmn-viewer',
src: '<%= config.sources %>/Viewer.js',
dest: '<%= config.dist %>'
},
navigated_viewer: {
name: 'bpmn-navigated-viewer',
src: '<%= config.sources %>/NavigatedViewer.js',
dest: '<%= config.dist %>'
},
modeler: {
name: 'bpmn-modeler',
src: '<%= config.sources %>/Modeler.js',
dest: '<%= config.dist %>'
}
},
copy: {
bpmn_js: {
files: [
{ expand: true, cwd: 'assets', src: [ '**' ], dest: '<%= config.dist %>/assets' }
]
},
diagram_js: {
files: [
{ expand: true, cwd: 'node_modules/diagram-js/assets', src: [ '**' ], dest: '<%= config.dist %>/assets' }
]
}
}
});
grunt.loadTasks('tasks');
// tasks
grunt.registerTask('extract-translations', [ 'karma:translations' ]);
grunt.registerTask('test', [ 'karma:single' ]);
grunt.registerTask('lint', [ 'eslint:check' ]);
grunt.registerTask('auto-test', [ 'karma:unit' ]);
grunt.registerTask('build', [ 'bundle', 'copy' ]);
grunt.registerTask('default', [ 'lint', 'test', 'build' ]);
};

View File

@ -3,11 +3,14 @@
"version": "0.26.6",
"description": "A bpmn 2.0 toolkit and web modeler",
"scripts": {
"all": "grunt",
"dev": "grunt auto-test",
"distro": "grunt build",
"test": "grunt test",
"lint": "grunt lint"
"all": "run-s lint test distro",
"lint": "eslint .",
"dev": "npm test -- --auto-watch --no-single-run",
"test": "karma start test/config/karma.unit.js",
"clean": "del dist/*",
"build-distro": "node tasks/build-distro.js",
"copy-assets": "node tasks/copy-assets.js",
"distro": "run-s clean copy-assets build-distro"
},
"repository": {
"type": "git",
@ -40,14 +43,11 @@
"bundle-collapser": "^1.1.1",
"chai": "^4.1.2",
"chai-match": "^1.1.1",
"common-shakeify": "^0.4.4",
"common-shakeify": "^0.4.5",
"cpx": "^1.5.0",
"del-cli": "^1.1.0",
"eslint": "^4.14.0",
"eslint-plugin-mocha": "^4.9.0",
"grunt": "^0.4.4",
"grunt-cli": "^0.1.13",
"grunt-contrib-copy": "^0.7.0",
"grunt-eslint": "^19.0.0",
"grunt-karma": "^2.0.0",
"jsondiffpatch": "^0.1.26",
"karma": "^1.7.0",
"karma-browserify": "^5.1.1",
@ -60,16 +60,15 @@
"karma-safari-launcher": "^1.0.0",
"karma-sinon-chai": "^1.3.2",
"karma-spec-reporter": "0.0.31",
"load-grunt-tasks": "^0.3.0",
"mocha": "^4.0.1",
"mocha-test-container-support": "0.2.0",
"npm-run-all": "^4.1.2",
"phantomjs-prebuilt": "^2.1.12",
"puppeteer": "^0.13.0",
"sinon": "^4.0.1",
"sinon-chai": "^2.14.0",
"source-map-concat": "^1.0.0",
"stringify": "^5.2.0",
"time-grunt": "^0.3.2",
"uglify-es": "^3.2.2",
"unassertify": "^2.1.0",
"watchify": "^3.7.0"

1
resources/banner-min.txt Normal file
View File

@ -0,0 +1 @@
/*! bpmn-js - {{ variant }} v{{ version }} | (c) 2014, 2017 camunda Services GmbH | bpmn.io/license */

12
resources/banner.txt Normal file
View File

@ -0,0 +1,12 @@
/*!
* bpmn-js - {{ variant }} v{{ version }}
* Copyright 2014 - 2017 camunda Services GmbH and contributors
*
* Released under the bpmn.io license
* http://bpmn.io/license
*
* Source Code: https://github.com/bpmn-io/bpmn-js
*
* Date: {{ date }}
*/

View File

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

View File

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

14
tasks/build-distro.js Normal file
View File

@ -0,0 +1,14 @@
'use strict';
var bundle = require('./bundle');
bundle({
'bpmn-viewer': 'lib/Viewer.js',
'bpmn-navigated-viewer': 'lib/NavigatedViewer.js',
'bpmn-modeler': 'lib/Modeler.js'
}, function(err) {
if (err) {
console.error('bundling failed', err);
}
});

View File

@ -11,14 +11,34 @@ var browserify = require('browserify'),
unassertify = require('unassertify'),
uglify = require('uglify-es');
var assign = Object.assign;
var pkg = require('../package');
var BANNER = fs.readFileSync(__dirname + '/banner.txt', 'utf8'),
BANNER_MIN = fs.readFileSync(__dirname + '/banner-min.txt', 'utf8');
var asyncSeries = require('./helpers').asyncSeries;
var BANNER = fs.readFileSync(__dirname + '/../resources/banner.txt', 'utf8'),
BANNER_MIN = fs.readFileSync(__dirname + '/../resources/banner-min.txt', 'utf8');
var SOURCE_MAP_HEADER = '//# sourceMappingURL=data:application/json;charset=utf-8;base64,';
module.exports = function bundleAll(targets, done) {
var fns = Object.keys(targets).map(function(k) {
var variant = k;
var entry = targets[k];
return function(done) {
console.log('\nbundle ' + variant);
bundle(variant, entry, done);
};
});
asyncSeries(fns, done);
};
function extractSourceMap(content) {
var idx = content.indexOf(SOURCE_MAP_HEADER),
@ -64,8 +84,6 @@ Timer.prototype.reset = function() {
};
Timer.prototype.start = function(msg) {
console.log('start: ' + msg);
this.reset();
};
@ -73,19 +91,47 @@ Timer.prototype.now = function() {
return new Date().getTime();
};
function processTemplate(str, args) {
return str.replace(/\{\{\s*([^\s]+)\s*\}\}/g, function(_, n) {
module.exports = function(grunt) {
var replacement = args[n];
grunt.registerMultiTask('bundle', function(target) {
if (!replacement) {
throw new Error('unknown template {{ ' + n + '}}');
}
var data = this.data,
variant = data.name,
dest = data.dest,
src = path.resolve(data.src);
return replacement;
});
}
grunt.config.set('config.variant', variant);
function pad(n) {
if (n < 10) {
return '0' + n;
} else {
return n;
}
}
var done = this.async();
function today() {
var d = new Date();
return [
d.getFullYear(),
pad(d.getMonth() + 1),
pad(d.getDay())
].join('-');
}
function bundle(variant, entry, done) {
var src = path.resolve(entry);
var dest = 'dist';
var config = {
variant: variant,
version: pkg.version,
date: today()
};
var browserifyOptions = {
standalone: 'BpmnJS',
@ -102,8 +148,8 @@ module.exports = function(grunt) {
var targetFileBase = path.join(dest, variant);
var banner = grunt.template.process(BANNER, grunt.config.get()),
bannerMin = grunt.template.process(BANNER_MIN, grunt.config.get());
var banner = processTemplate(BANNER, config),
bannerMin = processTemplate(BANNER_MIN, config);
var timer = new Timer();
@ -141,7 +187,7 @@ module.exports = function(grunt) {
timer.done('minified');
grunt.file.write(targetFileBase + '.min.js', minified.code, 'utf8');
fs.writeFileSync(targetFileBase + '.min.js', minified.code, 'utf8');
timer.done('saved');
@ -151,10 +197,9 @@ module.exports = function(grunt) {
// development
function(done) {
timer.start('build dev');
browserify(assign({ debug: true }, browserifyOptions))
browserify(Object.assign({ debug: true }, browserifyOptions))
.plugin(collapse)
.plugin(derequire)
.add(src)
@ -179,8 +224,8 @@ module.exports = function(grunt) {
timer.done('added banner');
grunt.file.write(targetFileBase + '.js', bannerBundled.code, 'utf8');
grunt.file.write(targetFileBase + '.js.map', bannerBundled.map, 'utf8');
fs.writeFileSync(targetFileBase + '.js', bannerBundled.code, 'utf8');
fs.writeFileSync(targetFileBase + '.js.map', bannerBundled.map, 'utf8');
timer.done('all saved');
} catch (e) {
@ -192,23 +237,5 @@ module.exports = function(grunt) {
}
];
function next(err) {
if (err) {
return done(err);
asyncSeries(fns, done);
}
var fn = fns.shift();
if (!fn) {
return done();
} else {
fn(next);
}
}
next();
});
};

12
tasks/copy-assets.js Normal file
View File

@ -0,0 +1,12 @@
'use strict';
var path = require('path');
var copySync = require('cpx').copySync;
var diagramAssets = path.join(path.dirname(require.resolve('diagram-js')), '/assets') + '/**';
console.log(diagramAssets);
copySync('assets/**', 'dist/');
copySync(diagramAssets, 'dist/');

23
tasks/helpers.js Normal file
View File

@ -0,0 +1,23 @@
'use strict';
module.exports.asyncSeries = function(fns, done) {
var idx = 0;
function next(err) {
if (err) {
return done(err);
}
var fn = fns[idx++];
if (!fn) {
return done();
} else {
fn(next);
}
}
next();
};

View File

@ -64,14 +64,16 @@ module.exports = function(karma) {
browserNoActivityTimeout: 30000,
singleRun: false,
autoWatch: true,
singleRun: true,
autoWatch: false,
// browserify configuration
browserify: {
debug: true,
paths: [ absoluteBasePath ],
transform: [ [ 'stringify', { global: true, extensions: [ '.bpmn', '.xml', '.css' ] } ] ]
transform: [
[ 'stringify', { global: true, extensions: [ '.bpmn', '.xml', '.css' ] } ]
]
}
});
};