turned renderAll into batch processing

javascript/gulpfile.babel.js

 /* jshint node:true */
-import _ from 'lodash';
 import gulp from 'gulp';
 import args from 'yargs';
 import bump from 'gulp-bump';
@@ -8,6 +7,8 @@ import replace from 'gulp-replace';
 import compile from './gulp-functions/Compile';
 import renderChart from './gulp-functions/Renderer';
 import getChartTypes from './gulp-functions/GetChartTypes';
+import { map as promiseMap } from 'bluebird';
+import { map, head, chunk } from 'lodash';
 gulp.task('default', ['dev']);
@@ -73,13 +74,15 @@ gulp.task('render', done => {
  */
 gulp.task('renderAll', done => {
     getChartTypes(chartTypes => {
-        Promise.all(_.map(chartTypes, renderChart))
-            .then(() => {
-                done();
-            })
-            .catch(err => {
-                console.log(err);
-            });
+        promiseMap(chartTypes, chartType => {
+            return renderChart(chartType);
+        }, {concurrency: 3})
+        .then(() => {
+            done();
+        })
+        .catch(err => {
+            console.log(err);
+        });
     });
 });

javascript/package.json

@@ -17,6 +17,7 @@
     "@angular/core": "^4.2.4",
     "babel-preset-es2015": "^6.24.1",
     "babelify": "^7.3.0",
+    "bluebird": "^3.5.0",
     "browser-sync": "^2.18.12",
     "browserify": "^14.4.0",
     "browserify-versionify": "^1.0.6",