@polylith/builder 0.0.25 → 0.0.27

package/App.js

@@ -61,6 +61,8 @@ export default class App {
 		this.loadables = [];
 		this.featureIndexes = [];
 		this.configs = {};
+		this.manualChunkType = 'function';
+		this.manualChunks = [];
 	}
 
 	static fileToPath(filename) {
@@ -116,6 +118,81 @@ export default class App {
 		this.featureIndexes.push(main);
 	}
 
+	/**
+	 * Call this method to add a new manual chunk specifier. The type of the
+	 * parameter passed will determine how the specifier will be processed. If
+	 * the type differs from previously added types, then the previous
+	 * specifiers will be removed.
+	 *
+	 * @param {Object|Function|Array} spec the chunk name specifier to be added.
+	 */
+	addManualChunk(spec) {
+		var type = typeof spec === 'function' ? 'function' : 'object';
+		type = Array.isArray(spec) ? 'array' : type;
+
+		if (this.manualChunkType != type) {
+			console.warn(`addManualChunk of type ${type} will override previously set of type ${this.manualChunkType}`);
+			if (type === 'object') this.manualChunks = {}
+			else this.manualChunks === [];
+			this.manualChunkType = type;
+		}
+
+		if (type === 'function') {
+			this.manualChunks.unshift(spec);
+		} else if (type === 'array') {
+			var keys = Object.keys(spec);
+			spec.forEach(function(one) {
+				this.manualChunks.unshift(one);
+			}.bind(this));
+		} else if (type === 'object') {
+			var keys = Object.keys(spec);
+			keys.forEach(function(key) {
+				this.manualChunks[key] = spec[key];
+			}.bind(this));
+		}
+	}
+
+	/**
+	 * If no manual chunk specifiers are added, then this will be used as the
+	 * default.
+	 *
+	 * @param {String} id the filename being processed.
+	 *
+	 * @returns {String} the chunk name if there is a match
+	 */
+	defaultManualChunkCallback(id) {
+		if (id.includes('node_modules')) {
+			return 'vendor';
+		}
+	}
+
+	manualChunksArray(id) {
+		var fixId = this.fixPath(id);
+		var result = this.manualChunks.find(function(spec) {
+			return fixId.includes(spec.includes);
+		})
+
+		if (result) return result.name;
+	}
+
+	manualChunksCallback(id) {
+		var fixId = this.fixPath(fixId);
+		if (this.manualChunks.length === 0) {
+			return this.defaultManualChunks(fixId);
+		} else {
+			for (let idx = 0; idx < this.manualChunks.length; idx++) {
+				var result = this.manualChunks[id](fixId);
+				if (result) return result;
+			}
+		}
+	}
+
+	getManualChunks() {
+		if (this.manualChunksType === 'object') return this.manualChunks;
+		if (this.manualChunksType === 'array') return this.manualChunksArray.bind(this);
+		if (this.manualChunksType === 'function') return this.manualChunksCallback.bind(this);
+	}
+
 	/**
 	 * Call this method to add the feature to the app. Features are isolated
 	 * pieces of code that are not a direct dependency of the main application.
@@ -183,6 +260,12 @@ export default class App {
 		this.loadables.push({name, path: dest, prefix});
 	}
 
+	/**
+	 * build calls this method to create the rollup configuration object
+	 *
+	 * @returns {Object} rollup configuration object
+	 */
+
 	buildConfiguration() {
 		var input = [this.fullIndexPath];
 		this.loadables.forEach(function(path) {
@@ -194,6 +277,8 @@ export default class App {
 			replacement: `<script type="module" src="${this.index}"></script>`
 		}
 
+		var manualChunks = this.getManualChunks();
+
 		var config = {
 			input : {
 				input: input,
@@ -236,14 +321,13 @@ export default class App {
 
 						if (exists) return (`${found.name}.js`);
 						if (entry === this.fullIndexPath) {
-							return `${this.name}.js`
+							return `${this.name}.js`;
 						}
 						return '[name].js';
 					}.bind(this),
-					manualChunks: function(id) {
-						if (id.includes('node_modules')) {
-							return 'vendor';
-						}
+					manualChunks: manualChunks,
+					treeshake: {
+						moduleSideEffects: true
 					}
 				},
 			}

package/ConfigApp.js

@@ -15,7 +15,9 @@ export default class ConfigApp extends App {
         var source = index.template.source;
         var sourceFilename = path.basename(source);
         var destination = index.template.destination || path.join(dest, sourceFilename)
-        this.setHtmlTemplate(source, destination)
+        this.setHtmlTemplate(source, destination);
+
+        if (config.manualChunks) this.addManualChunks(config.manualChunks);
     }
 
     async getFeatures() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polylith/builder",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "description": "The polylith builder",
   "main": "index.js",
   "type": "module",