Add infrastructure for building module combination files

Author: kangax

build.js

@@ -27,19 +27,23 @@ else if (minifier === 'uglifyjs') {
   mininfierCmd = 'uglifyjs --output dist/all.min.js dist/all.js';
 }
 
-var includeAllModules = modulesToInclude.length === 1 && modulesToInclude[0] === 'ALL';
 var noStrict = 'no-strict' in buildArgsAsObject;
 var noSVGExport = 'no-svg-export' in buildArgsAsObject;
 var noES5Compat = 'no-es5-compat' in buildArgsAsObject;
 
+var buildSh = 'build-sh' in buildArgsAsObject;
+var buildMinified = 'build-minified' in buildArgsAsObject;
+
+var includeAllModules = (modulesToInclude.length === 1 && modulesToInclude[0] === 'ALL') || buildMinified;
+
 var distFileContents =
   '/* build: `node build.js modules=' +
     modulesToInclude.join(',') +
     (modulesToExclude.length ? (' exclude=' + modulesToExclude.join(',')) : '') +
     (noStrict ? ' no-strict' : '') +
     (noSVGExport ? ' no-svg-export' : '') +
     (noES5Compat ? ' no-es5-compat' : '') +
-  '` */\n';
+  '` */';
 
 function appendFileContents(fileNames, callback) {
 
@@ -67,7 +71,7 @@ function appendFileContents(fileNames, callback) {
       if (noES5Compat) {
         strData = strData.replace(/\/\* _ES5_COMPAT_START_ \*\/[\s\S]*\/\* _ES5_COMPAT_END_ \*\//, '');
       }
-      distFileContents += (strData + '\n');
+      distFileContents += ('\n' + strData + '\n');
       readNextFile();
     });
 
@@ -93,7 +97,6 @@ function ifSpecifiedDependencyInclude(included, excluded, fileName) {
 }
 
 var filesToInclude = [
-
   'HEADER.js',
 
   ifSpecifiedDependencyInclude('text', 'cufon', 'lib/cufon.js'),
@@ -183,26 +186,58 @@ var filesToInclude = [
   ifSpecifiedInclude('node', 'src/node.js')
 ];
 
-appendFileContents(filesToInclude, function() {
-  fs.writeFile('dist/all.js', distFileContents, function (err) {
-    if (err) {
-      console.log(err);
-      throw err;
-    }
+if (buildMinified) {
+  for (var i = 0; i < filesToInclude.length; i++) {
+    var fileNameWithoutSlashes = filesToInclude[i].replace(/\//g, '^');
 
-    console.log('Built distribution to dist/all.js');
+    if (!filesToInclude[i]) continue;
 
-    exec(mininfierCmd, function (error, output) {
-      if (!error) {
-        console.log('Minified using', minifier, 'to dist/all.min.js');
+    exec('uglifyjs -nc ' + filesToInclude[i] + ' > tmp/' + fileNameWithoutSlashes);
+  }
+}
+else if (buildSh) {
+
+  var filesStr = filesToInclude.join(' ');
+  var isBasicBuild = modulesToInclude.length === 0;
+
+  var minFilesStr = filesToInclude
+    .filter(function(f) { return f !== '' })
+    .map(function(fileName) {
+      return 'tmp/' + fileName.replace(/\//g, '^');
+    })
+    .join(' ');
+
+  var fileName = isBasicBuild ? 'fabric' : modulesToInclude.join(',');
+
+  var escapedHeader = distFileContents.replace(/`/g, '\\`');
+  var path = '../fabricjs.com/build/files/' + fileName + '.js';
+  fs.appendFile('build.sh',
+    'echo "' + escapedHeader + '" > ' + path + ' && cat ' +
+    filesStr + ' >> ' + path + '\n');
+
+  path = '../fabricjs.com/build/files/' + fileName + '.min.js';
+  fs.appendFile('build.sh',
+    'echo "' + escapedHeader + '" > ' + path + ' && cat ' +
+    minFilesStr + ' >> ' + path + '\n')
+}
+else {
+  appendFileContents(filesToInclude, function() {
+    fs.writeFile('dist/all.js', distFileContents, function (err) {
+      if (err) {
+        console.log(err);
+        throw err;
       }
-      exec('gzip -c dist/all.min.js > dist/all.min.js.gz', function (error, output) {
-        console.log('Gzipped to dist/all.min.js.gz');
 
-        exec('ls -l dist', function (error, output) {
-          console.log(output.replace(/^.*/, ''));
+      console.log('Built distribution to dist/all.js');
+
+      exec(mininfierCmd, function (error, output) {
+        if (!error) {
+          console.log('Minified using', minifier, 'to dist/all.min.js');
+        }
+        exec('gzip -c dist/all.min.js > dist/all.min.js.gz', function (error, output) {
+          console.log('Gzipped to dist/all.min.js.gz');
         });
       });
     });
   });
-});
+}

build.sh

@@ -0,0 +1 @@
+

build_all

@@ -0,0 +1,6 @@
+node build.js build-minified;           # builds minified src files
+node create_build_script.js;            # creates build.js with all module combinations (minified and not)
+rm -rf ../fabricjs.com/build/files/*;   # remove all previous module files
+./build.sh;                             # builds actual distribution files with all module combinations (minified and not)
+rm -rf tmp/*;                           # remove tmp files
+echo "" > build.sh;                      # erase build.sh

create_build_script.js

@@ -0,0 +1,57 @@
+var fs = require('fs'),
+    execSync = require('execSync').exec;
+
+var modules = [
+  'text',
+  // 'cufon',
+  // 'json',
+  'gestures',
+  'easing',
+  'parser',
+  'freedrawing',
+  'interaction',
+  'serialization',
+  // 'stateful',
+  // 'object_straightening',
+  'image_filters',
+  'node'
+];
+
+// http://stackoverflow.com/questions/5752002/find-all-possible-subset-combos-in-an-array
+var combine = function(a, min) {
+  var fn = function(n, src, got, all) {
+    if (n == 0) {
+      if (got.length > 0) {
+        all[all.length] = got;
+      }
+      return;
+    }
+    for (var j = 0, len = src.length; j < len; j++) {
+      fn(n - 1, src.slice(j + 1), got.concat([src[j]]), all);
+    }
+    return;
+  }
+  var all = [];
+  for (var i = min, _len = a.length; i < _len; i++) {
+    fn(i, a, [], all);
+  }
+  all.push(a);
+  return all;
+}
+
+var combinations = combine(modules, 1);
+var startTime = new Date;
+
+fs.writeFile('build.sh', '#!/usr/bin/env sh\n\n', function() {
+
+  for (var i = 0, len = combinations.length; i < len; i++) {
+
+    var modulesStr = combinations[i].join(',');
+    var command = 'node build.js build-sh modules=' + modulesStr;
+
+    execSync(command);
+  }
+
+  // create basic (minimal) build
+  execSync('node build.js build-sh modules=');
+});

package.json

@@ -21,7 +21,8 @@
   "devDependencies": {
     "qunit": "0.5.x",
     "jshint": "1.1.x",
-    "uglify-js": "2.2.x"
+    "uglify-js": "2.2.x",
+    "execSync": "0.0.4"
   },
   "engines": { "node": ">=0.4.0 && <1.0.0" },
   "main": "./dist/all.js"