@signageos/front-display 14.15.1 → 14.16.1

package/dist/console.js

@@ -11,9 +11,48 @@ Example use:
 */
 'use strict';
 
+var errorsMap = {};
+
+// Polyfill for Error constructor with stack for older browsers
+var ErrorOrig = Error;
+var ErrorWithStack = function (message) {
+	this.name = 'Error';
+	if (!(this instanceof ErrorWithStack)) {
+		return new ErrorWithStack(message);
+	}
+	var stack;
+	try {
+		throw new ErrorOrig();
+	} catch (error) {
+		stack = error.stack;
+	}
+	this.constructor = ErrorWithStack;
+	this.message = message;
+	this.stack = stack;
+	errorsMap[message] = this;
+};
+ErrorWithStack.prototype = ErrorOrig.prototype;
+window.Error = ErrorWithStack;
+
+// Polyfill ErrorEvent.error of addEventListener('error') for older browsers
+window.addEventListener('error', function (event) {
+	if (event.error === undefined) {
+		// Not standardized. ErrorEvent.message can be prefixed with 'Error: ' or 'Uncaught Error: ' based on version of chrome
+		var errorMessage = Object.keys(errorsMap).find(function (key) { return event.message.indexOf(key) !== -1; });
+		if (errorMessage) {
+			var error = errorsMap[errorMessage];
+			delete errorsMap[errorMessage];
+			// @ts-ignore error is not defined in ErrorEvent for old browsers so it's not read-only
+			event.error = error;
+		}
+	}
+});
+
+var DEFAULT_DEPTH = 3;
+
 // Console settings
 /** @type {ConsoleMethod[]} */
-var patchedMethods = ['error', 'warn', 'info'];
+var patchedMethods = ['error', 'warn', 'info', 'log'];
 
 /** @type {Record<string, string>} */
 var colors = {
@@ -47,7 +86,7 @@ function reportToScreen(level, content) {
 }
 
 /**
- * @param {(string | Node)[]} content
+ * @param {(string | HTMLDivElement)[]} content
  * @param {string} color
  */
 function addLine(content, color) {
@@ -68,15 +107,23 @@ function addLine(content, color) {
 	});
 
 	var firstChild = log.childNodes[0];
+
 	log.insertBefore(row, firstChild);
 }
 
 /**
  * @param {unknown} content
+ * @param {number} [depth]
  * @returns {HTMLDivElement}
  */
-function formatAny(content) {
-	/** @type {(string | Node)[]} */
+function formatAny(content, depth) {
+	depth = depth === undefined ? DEFAULT_DEPTH : depth;
+
+	if (depth <= 0) {
+		return indentedBlock(['{...}']);
+	}
+
+	/** @type {(string | HTMLDivElement)[]} */
 	var lines = [];
 
 	if (isInlineable(content)) {
@@ -106,7 +153,7 @@ function formatAny(content) {
 		lines.push('ErrorEvent {');
 
 		lines.push(indentedBlock(['message: "' + content.message + '"']));
-		lines.push(indentedBlock(['filename: "' + content.filename + '"']));
+		lines.push(indentedBlock(['filename: "' + content.filename.substr(content.filename.length - 50) + '"']));
 		lines.push(indentedBlock(['lineno:colno: ' + content.lineno + ':' + content.colno]));
 		lines.push(indentedBlock(['error: ', formatAny(content.error)]));
 		lines.push('}');
@@ -129,6 +176,15 @@ function formatAny(content) {
 		return indentedBlock([name + '()']);
 	}
 
+	if (content && typeof content === 'object') {
+		lines.push('{');
+		Object.keys(content).forEach(function (key) {
+			lines.push(indentedBlock([key + ': ', formatAny(content[key], depth - 1)]));
+		});
+		lines.push('}');
+		return indentedBlock(lines);
+	}
+
 	try {
 		return indentedBlock([JSON.stringify(content)]);
 	} catch (e) {
@@ -137,7 +193,7 @@ function formatAny(content) {
 }
 
 /**
- * @param {(string | Node)[]} lines
+ * @param {(string | HTMLDivElement)[]} lines
  */
 function indentedBlock(lines) {
 	var block = document.createElement('div');
@@ -171,18 +227,24 @@ function patch(level) {
 
 /**
  * @param {unknown} content
+ * @param {number} [depth]
  * @returns {boolean}
  */
-function isInlineable(content) {
+function isInlineable(content, depth) {
+	depth = depth === undefined ? DEFAULT_DEPTH : depth;
+	if (depth <= 0) {
+		return false;
+	}
+
 	if (Array.isArray(content)) {
 		return content.every(function (c) {
-			return isInlineable(c);
+			return isInlineable(c, depth - 1);
 		});
 	}
 
 	if (isPlainObject(content)) {
 		return Object.keys(content).every(function (k) {
-			return isInlineable(/** @type {any} */ content[k]);
+			return isInlineable(/** @type {any} */ content[k], depth - 1);
 		});
 	}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@signageos/front-display",
-  "version": "14.15.1",
+  "version": "14.16.1",
   "main": "dist/bundle.js",
   "files": [
     "dist",