@polylith/builder 0.2.18 → 0.2.20

package/App.js

@@ -204,6 +204,23 @@ export default class App {
 		return './' + path;
 	}
 
+	/**
+	 * Call this method with to set specific options for live reload
+	 *
+	 * @param {Object} on set to true to turn on destination watching
+	 * @property {Number} port set this to a port for as livereload port,
+	 * 	defaults to 35800
+	 * @property {("http"|"https")} protocol the protocol to use for the
+	 * 	livereload websocket. default to 'http'
+	 * @property hostname the hostname for the livereload websocket. defaults to
+	 * 	'localhost;
+	 * @property {Object} https if this has a value, it will be set as the http
+	 * 	value in the livereload options
+	 */
+	setLiveReloadOptions(options) {
+		this.liveReloadOptions = options;
+	}
+
 	/**
 	 * Call this method with true to reload the browser when any files in the
 	 * destination folder have changed.
@@ -717,9 +734,23 @@ export default class App {
 		];
 
 		if (this.liveReload) {
-			plugins.push(
-				livereload(this.destPath)
-			)
+			let plugin;
+
+			// rollup-plugin-livereload always bases the protocol on the
+			// webpage url. This is bad, here we override it
+			if (this.liveReloadOptions) {
+				let port = this.liveReloadOptions.port || 35800;
+				let protocol = this.liveReloadOptions.protocol || 'http';
+				let hostname = this.liveReloadOptions.hostname || 'localhost';
+				let https = this.liveReloadOptions.https || null;
+				let url = `${protocol}://${hostname}:${port}/livereload.js?snipver=1&port=${port}`;
+
+				plugin = livereload({watch: this.destPath, https: https, clientUrl: url, port: port})
+			} else  {
+				plugin = livereload(this.destPath)
+			}
+
+			plugins.push(plugin)
 		}
 
 		var config = {

package/package.json

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