Add the ability to make different kinds of builds

.gitignore

@@ -12,6 +12,8 @@
 .idea
 .su?
 builds/*
+*.map
+dist/converse-no-dependencies-es2015.js
 
 analytics.js
 inverse-analytics.js

Makefile

@@ -74,7 +74,7 @@ serve_bg: dev
 GETTEXT = xgettext --language="JavaScript" --keyword=__ --keyword=___ --from-code=UTF-8 --output=locale/converse.pot dist/converse-no-dependencies.js --package-name=Converse.js --copyright-holder="Jan-Carel Brand" --package-version=3.3.4 -c
 
 .PHONY: pot
-pot: dist/converse-no-dependencies.js
+pot: dist/converse-no-dependencies-es2015.js
 	$(GETTEXT) 2>&1 > /dev/null; exit $$?;
 
 .PHONY: po
@@ -184,12 +184,28 @@ logo/conversejs-filled%.png:: logo/conversejs-filled.svg
 	$(OXIPNG) $@
 
 BUILDS = dist/converse.js \
-		 dist/converse.min.js
-
-dist/converse.js: transpile src stamp-npm
-	./node_modules/.bin/npx  webpack --mode=production
-dist/converse.min.js: transpile src stamp-npm
+		 dist/converse.min.js \
+         dist/converse-headless.js \
+		 dist/converse-headless.min.js \
+		 dist/converse-no-dependencies.min.js \
+		 dist/converse-no-dependencies.js \
+		 dist/converse-no-dependencies-es5.js
+
+dist/converse.js: src webpack.config.js stamp-npm
+	./node_modules/.bin/npx  webpack --mode=development
+dist/converse.min.js: src webpack.config.js stamp-npm
 	./node_modules/.bin/npx  webpack --mode=production
+dist/converse-headless.js: src webpack.config.js stamp-npm
+	./node_modules/.bin/npx  webpack --mode=development --type=headless
+dist/converse-headless.min.js: src webpack.config.js stamp-npm
+	./node_modules/.bin/npx  webpack --mode=production --type=headless
+dist/converse-no-dependencies.js: src webpack.config.js stamp-npm
+	./node_modules/.bin/npx  webpack --mode=development --type=nodeps
+dist/converse-no-dependencies.min.js: src webpack.config.js stamp-npm
+	./node_modules/.bin/npx  webpack --mode=production --type=nodeps 
+dist/converse-no-dependencies-es2015.js: src webpack.config.js stamp-npm
+	./node_modules/.bin/npx  webpack --mode=development --type=nodeps --lang=es2015
+
 
 .PHONY: dist
 dist:: build

package.json

@@ -32,6 +32,7 @@
     "@babel/cli": "^7.0.0-beta.48",
     "@babel/core": "^7.0.0-beta.48",
     "@babel/preset-env": "^7.0.0-beta.48",
+    "@babel/preset-es2015": "^7.0.0-beta.49",
     "awesomplete-avoid-xss": "^1.1.2",
     "babel-loader": "^8.0.0-beta.3",
     "backbone": "1.3.3",
@@ -61,6 +62,7 @@
     "lodash": "4.17.4",
     "lodash-template-loader": "^2.0.0",
     "lodash-template-webpack-loader": "jcbrand/lodash-template-webpack-loader",
+    "minimist": "^1.2.0",
     "moment": "~> 2.19.3 ",
     "npm": "^5.7.1",
     "otr": "0.2.16",

webpack.config.js

 /*global path, __dirname, module */
 'use strict'
+const minimist = require('minimist');
 const path = require('path');
 
 const config = {
@@ -152,4 +153,77 @@ const config = {
     }
 }
 
+function getCLIArgument (name) {
+    return value;
+}
+
+function extend (o1, o2) {
+	for (let i in o2) {
+		if (o2.hasOwnProperty(i)) {
+			o1[i] = o2[i];
+		}
+	}
+};
+
+function parameterize () {
+    const type = minimist(process.argv.slice(2)).type;
+    const mode = minimist(process.argv.slice(2)).mode;
+    const lang = minimist(process.argv.slice(2)).lang;
+
+	if (type === 'headless') {
+		console.log("Making a headless build");
+		extend(config, {
+			entry: path.resolve(__dirname, 'src/headless.js'),
+			output: {
+				path: path.resolve(__dirname, 'dist'),
+				filename: 'converse-headless.js'
+			},
+		});
+	}
+
+	if (type === 'nodeps') {
+		console.log("Making a build without 3rd party dependencies");
+		extend(config, {
+			entry: path.resolve(__dirname, 'src/converse.js'),
+			externals: [{
+				"awesomplete": "awesomplete",
+				"backbone.browserStorage": "backbone.browserStorage",
+				"backbone.overview": "backbone.overview",
+				"es6-promise": "es6-promise",
+				"lodash": "lodash",
+				"lodash.converter": "lodash.converter",
+				"lodash.noconflict": "lodash.noconflict",
+				"moment": "moment",
+				"strophe": "strophe",
+				"strophe.ping": "strophe.ping",
+				"strophe.rsm": "strophe.rsm",
+				"window": "window"
+			}],
+			output: {
+				path: path.resolve(__dirname, 'dist'),
+				filename: 'converse-no-dependencies.js'
+			},
+		});
+	}
+
+	if (mode === 'production') {
+		console.log("Making a production build");
+        let fn = config.output.filename;
+        config.output.filename = `${fn.replace(/\.js$/, '')}.min.js`;
+	}
+
+	if (lang === 'es2015') {
+		console.log("Making an es2015 build");
+        config.module.rules.forEach((rule) => {
+            if (rule.use.loader === 'babel-loader') {
+                rule.use.options.presets = [
+                    ["@babel/preset-es2015"]
+                ]
+            }
+        });
+	}
+}
+
+parameterize();
+
 module.exports = config;