288 lines
11 KiB
JavaScript
288 lines
11 KiB
JavaScript
var fs = require('fs'),
|
|
exec = require('child_process').exec;
|
|
|
|
var buildArgs = process.argv.slice(2),
|
|
buildArgsAsObject = { },
|
|
rootPath = process.cwd();
|
|
|
|
buildArgs.forEach(function(arg) {
|
|
var key = arg.split('=')[0],
|
|
value = arg.split('=')[1];
|
|
|
|
buildArgsAsObject[key] = value;
|
|
});
|
|
|
|
var modulesToInclude = buildArgsAsObject.modules ? buildArgsAsObject.modules.split(',') : [];
|
|
var modulesToExclude = buildArgsAsObject.exclude ? buildArgsAsObject.exclude.split(',') : [];
|
|
|
|
var distributionPath = buildArgsAsObject.dest || 'dist/';
|
|
var minifier = buildArgsAsObject.minifier || 'uglifyjs';
|
|
var mininfierCmd;
|
|
|
|
var noStrict = 'no-strict' in buildArgsAsObject;
|
|
var noSVGExport = 'no-svg-export' in buildArgsAsObject;
|
|
var requirejs = 'requirejs' in buildArgsAsObject ? 'requirejs' : false;
|
|
var sourceMap = 'sourcemap' in buildArgsAsObject;
|
|
var buildFast = 'fast' in buildArgsAsObject;
|
|
// set amdLib var to encourage later support of other AMD systems
|
|
var amdLib = requirejs;
|
|
|
|
// if we want requirejs AMD support, use uglify
|
|
var amdUglifyFlags = '';
|
|
if (amdLib === 'requirejs' && minifier !== 'uglifyjs') {
|
|
console.log('[notice]: require.js support requires uglifyjs as minifier; changed minifier to uglifyjs.');
|
|
minifier = 'uglifyjs';
|
|
amdUglifyFlags = " -r 'require,exports,window,fabric' -e window:window,undefined ";
|
|
}
|
|
|
|
// if we want sourceMap support, uglify or google closure compiler are supported
|
|
var sourceMapFlags = '';
|
|
if (sourceMap) {
|
|
if (minifier !== 'uglifyjs' && minifier !== 'closure') {
|
|
console.log('[notice]: sourceMap support requires uglifyjs or google closure compiler as minifier; changed minifier to uglifyjs.');
|
|
minifier = 'uglifyjs';
|
|
}
|
|
sourceMapFlags = minifier === 'uglifyjs' ? ' --source-map fabric.min.js.map' : ' --create_source_map fabric.min.js.map --source_map_format=V3';
|
|
}
|
|
|
|
if (minifier === 'yui') {
|
|
mininfierCmd = 'java -jar ' + rootPath + '/lib/yuicompressor-2.4.6.jar fabric.js -o fabric.min.js';
|
|
}
|
|
else if (minifier === 'closure') {
|
|
mininfierCmd = 'java -jar ' + rootPath + '/lib/google_closure_compiler.jar --js fabric.js --js_output_file fabric.min.js' + sourceMapFlags;
|
|
}
|
|
else if (minifier === 'uglifyjs') {
|
|
mininfierCmd = 'uglifyjs ' + amdUglifyFlags + ' --compress --mangle --output fabric.min.js fabric.js' + sourceMapFlags;
|
|
}
|
|
|
|
var buildMinified = 'build-minified' in buildArgsAsObject;
|
|
|
|
var includeAllModules = (modulesToInclude.length === 1 && modulesToInclude[0] === 'ALL') || buildMinified;
|
|
|
|
var noSVGImport = (modulesToInclude.indexOf('parser') === -1 && !includeAllModules) || modulesToExclude.indexOf('parser') > -1;
|
|
|
|
var distFileContents =
|
|
'/* build: `node build.js modules=' +
|
|
modulesToInclude.join(',') +
|
|
(modulesToExclude.length ? (' exclude=' + modulesToExclude.join(',')) : '') +
|
|
(noStrict ? ' no-strict' : '') +
|
|
(noSVGExport ? ' no-svg-export' : '') +
|
|
(requirejs ? ' requirejs' : '') +
|
|
(sourceMap ? ' sourcemap' : '') +
|
|
' minifier=' + minifier +
|
|
'` */';
|
|
|
|
function appendFileContents(fileNames, callback) {
|
|
|
|
(function readNextFile() {
|
|
|
|
if (fileNames.length <= 0) {
|
|
return callback();
|
|
}
|
|
|
|
var fileName = fileNames.shift();
|
|
|
|
if (!fileName) {
|
|
return readNextFile();
|
|
}
|
|
|
|
fs.readFile(__dirname + '/' + fileName, function (err, data) {
|
|
if (err) throw err;
|
|
var strData = String(data);
|
|
if (fileName === 'src/HEADER.js' && amdLib === false) {
|
|
strData = strData.replace(/\/\* _AMD_START_ \*\/[\s\S]*?\/\* _AMD_END_ \*\//g, '');
|
|
}
|
|
if (noStrict) {
|
|
strData = strData.replace(/"use strict";?\n?/, '');
|
|
}
|
|
if (noSVGExport) {
|
|
strData = strData.replace(/\/\* _TO_SVG_START_ \*\/[\s\S]*?\/\* _TO_SVG_END_ \*\//g, '');
|
|
}
|
|
if (noSVGImport) {
|
|
strData = strData.replace(/\/\* _FROM_SVG_START_ \*\/[\s\S]*?\/\* _FROM_SVG_END_ \*\//g, '');
|
|
}
|
|
distFileContents += ('\n' + strData + '\n');
|
|
readNextFile();
|
|
});
|
|
|
|
})();
|
|
}
|
|
|
|
function ifSpecifiedInclude(moduleName, fileName) {
|
|
var isInIncludedList = modulesToInclude.indexOf(moduleName) > -1;
|
|
var isInExcludedList = modulesToExclude.indexOf(moduleName) > -1;
|
|
|
|
// excluded list takes precedence over modules=ALL
|
|
return ((isInIncludedList || includeAllModules) && !isInExcludedList) ? fileName : '';
|
|
}
|
|
|
|
var filesToInclude = [
|
|
'HEADER.js',
|
|
ifSpecifiedInclude('global', 'src/globalFabric.js'),
|
|
ifSpecifiedInclude('gestures', 'lib/event.js'),
|
|
|
|
'src/mixins/observable.mixin.js',
|
|
'src/mixins/collection.mixin.js',
|
|
'src/mixins/shared_methods.mixin.js',
|
|
'src/util/misc.js',
|
|
ifSpecifiedInclude('accessors', 'src/util/named_accessors.mixin.js'),
|
|
'src/util/path.js',
|
|
'src/util/lang_array.js',
|
|
'src/util/lang_object.js',
|
|
'src/util/lang_string.js',
|
|
'src/util/lang_class.js',
|
|
ifSpecifiedInclude('interaction', 'src/util/dom_event.js'),
|
|
'src/util/dom_style.js',
|
|
'src/util/dom_misc.js',
|
|
'src/util/dom_request.js',
|
|
|
|
'src/log.js',
|
|
|
|
ifSpecifiedInclude('animation', 'src/util/animate.js'),
|
|
ifSpecifiedInclude('animation', 'src/util/animate_color.js'),
|
|
//'src/util/animate.js',
|
|
ifSpecifiedInclude('easing', 'src/util/anim_ease.js'),
|
|
|
|
ifSpecifiedInclude('parser', 'src/parser.js'),
|
|
ifSpecifiedInclude('parser', 'src/elements_parser.js'),
|
|
|
|
'src/point.class.js',
|
|
'src/intersection.class.js',
|
|
'src/color.class.js',
|
|
ifSpecifiedInclude('interaction', 'src/controls.actions.js'),
|
|
ifSpecifiedInclude('interaction', 'src/controls.render.js'),
|
|
ifSpecifiedInclude('interaction', 'src/control.class.js'),
|
|
|
|
ifSpecifiedInclude('gradient', 'src/gradient.class.js'),
|
|
ifSpecifiedInclude('pattern', 'src/pattern.class.js'),
|
|
ifSpecifiedInclude('shadow', 'src/shadow.class.js'),
|
|
|
|
'src/static_canvas.class.js',
|
|
|
|
ifSpecifiedInclude('freedrawing', 'src/brushes/base_brush.class.js'),
|
|
|
|
ifSpecifiedInclude('freedrawing', 'src/brushes/pencil_brush.class.js'),
|
|
ifSpecifiedInclude('freedrawing', 'src/brushes/circle_brush.class.js'),
|
|
ifSpecifiedInclude('freedrawing', 'src/brushes/spray_brush.class.js'),
|
|
ifSpecifiedInclude('freedrawing', 'src/brushes/pattern_brush.class.js'),
|
|
|
|
ifSpecifiedInclude('interaction', 'src/canvas.class.js'),
|
|
ifSpecifiedInclude('interaction', 'src/mixins/canvas_events.mixin.js'),
|
|
ifSpecifiedInclude('interaction', 'src/mixins/canvas_grouping.mixin.js'),
|
|
|
|
'src/mixins/canvas_dataurl_exporter.mixin.js',
|
|
|
|
ifSpecifiedInclude('serialization', 'src/mixins/canvas_serialization.mixin.js'),
|
|
ifSpecifiedInclude('gestures', 'src/mixins/canvas_gestures.mixin.js'),
|
|
|
|
'src/shapes/object.class.js',
|
|
'src/mixins/object_origin.mixin.js',
|
|
'src/mixins/object_geometry.mixin.js',
|
|
'src/mixins/object_stacking.mixin.js',
|
|
'src/mixins/object.svg_export.js',
|
|
'src/mixins/stateful.mixin.js',
|
|
|
|
ifSpecifiedInclude('interaction', 'src/mixins/object_interactivity.mixin.js'),
|
|
|
|
ifSpecifiedInclude('animation', 'src/mixins/animation.mixin.js'),
|
|
|
|
'src/shapes/line.class.js',
|
|
'src/shapes/circle.class.js',
|
|
'src/shapes/triangle.class.js',
|
|
'src/shapes/ellipse.class.js',
|
|
'src/shapes/rect.class.js',
|
|
'src/shapes/polyline.class.js',
|
|
'src/shapes/polygon.class.js',
|
|
'src/shapes/path.class.js',
|
|
'src/shapes/group.class.js',
|
|
ifSpecifiedInclude('interaction', 'src/shapes/active_selection.class.js'),
|
|
'src/shapes/image.class.js',
|
|
|
|
ifSpecifiedInclude('object_straightening', 'src/mixins/object_straightening.mixin.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/webgl_backend.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/2d_backend.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/base_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/colormatrix_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/brightness_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/convolute_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/grayscale_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/invert_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/noise_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/pixelate_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/removecolor_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/filter_generator.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/blendcolor_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/blendimage_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/resize_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/contrast_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/saturate_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/vibrance_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/blur_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/gamma_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/composed_filter.class.js'),
|
|
ifSpecifiedInclude('image_filters', 'src/filters/hue_rotation.class.js'),
|
|
|
|
ifSpecifiedInclude('text', 'src/shapes/text.class.js'),
|
|
ifSpecifiedInclude('text', 'src/mixins/text_style.mixin.js'),
|
|
|
|
ifSpecifiedInclude('itext', 'src/shapes/itext.class.js'),
|
|
ifSpecifiedInclude('itext', 'src/mixins/itext_behavior.mixin.js'),
|
|
ifSpecifiedInclude('itext', 'src/mixins/itext_click_behavior.mixin.js'),
|
|
ifSpecifiedInclude('itext', 'src/mixins/itext_key_behavior.mixin.js'),
|
|
ifSpecifiedInclude('itext', 'src/mixins/itext.svg_export.js'),
|
|
|
|
ifSpecifiedInclude('textbox', 'src/shapes/textbox.class.js'),
|
|
ifSpecifiedInclude('interaction', 'src/mixins/default_controls.js'),
|
|
|
|
// extends fabric.StaticCanvas, fabric.Canvas, fabric.Object, depends on fabric.PencilBrush and fabric.Rect
|
|
ifSpecifiedInclude('erasing', 'src/mixins/eraser_brush.mixin.js'),
|
|
];
|
|
|
|
if (buildMinified) {
|
|
for (var i = 0; i < filesToInclude.length; i++) {
|
|
if (!filesToInclude[i]) continue;
|
|
var fileNameWithoutSlashes = filesToInclude[i].replace(/\//g, '^');
|
|
exec('uglifyjs -nc ' + amdUglifyFlags + filesToInclude[i] + ' > tmp/' + fileNameWithoutSlashes);
|
|
}
|
|
}
|
|
else {
|
|
// change the current working directory
|
|
process.chdir(distributionPath);
|
|
|
|
appendFileContents(filesToInclude, function() {
|
|
fs.writeFile('fabric.js', distFileContents, function (err) {
|
|
if (err) {
|
|
console.log(err);
|
|
throw err;
|
|
}
|
|
if (buildFast) {
|
|
process.exit(0);
|
|
}
|
|
|
|
if (amdLib !== false) {
|
|
console.log('Built distribution to ' + distributionPath + 'fabric.js (' + amdLib + '-compatible)');
|
|
} else {
|
|
console.log('Built distribution to ' + distributionPath + 'fabric.js');
|
|
}
|
|
|
|
exec(mininfierCmd, function (error, output) {
|
|
if (error) {
|
|
console.error('Minification failed using', minifier, 'with', mininfierCmd);
|
|
console.error('Minifier error output:\n' + error);
|
|
process.exit(1);
|
|
}
|
|
console.log('Minified using', minifier, 'to ' + distributionPath + 'fabric.min.js');
|
|
|
|
if (sourceMapFlags) {
|
|
console.log('Built sourceMap to ' + distributionPath + 'fabric.min.js.map');
|
|
}
|
|
|
|
exec('gzip -c fabric.min.js > fabric.min.js.gz', function (error, output) {
|
|
console.log('Gzipped to ' + distributionPath + 'fabric.min.js.gz');
|
|
});
|
|
});
|
|
|
|
});
|
|
});
|
|
}
|