/**
 * Show contents in the results area. Will try to intelligently handle most types of content.
 * @memberof Spyral.Util
 * @method show
 * @static
 * @param {*} contents The contents to show
 * @param {Number} [len] A maximum length to trim the contents to
 * @param {String} [mode=info] A CSS class to apply to the shown contents
 */
function show(contents, len, mode='info') {
	if (this && this.then) {
		var arg = contents;
		this.then(function(val) {
			show.call(val, val, arg);
		})
	} else {
		if (contents === undefined) {
			return;
		}

		if (document.querySelector('.spyral-dv-container') !== null) {
			document.querySelector('.spyral-dv-container').remove(); // get rid of dataviewer if it exists
		}
		
		if (contents.constructor === Object || Array.isArray(contents)) {
			return contents; // it's JSON so use the dataviewer
		} else if (typeof this === 'string' || this instanceof String) {
			if (typeof contents === 'number' && isFinite(contents)) {
				len = contents;
			}
			contents = this;
		}
		if (contents instanceof Node) {
			if (contents instanceof Element) {
				contents = contents.outerHTML;
			} else if ((contents instanceof Document || contents instanceof DocumentFragment) && contents.firstElementChild !== null) {
				contents = contents.firstElementChild.outerHTML;
			}
		}
		if (contents.then) { // check if we currently have a promise
			return contents.then(function(text) {show(text, len)})
		}
		if (contents.toHtml) {contents=contents.toHtml()}
		else if (contents.getString) {contents=contents.getString()}
		else if (contents.toString) {contents=contents.toString()}

		if (contents.then) { // check again to see if we have a promise (like from toString())
			contents.then(function(text) {show(text, len)})
		} else {
			if (len && typeof len === 'number' && isFinite(len)) {
				contents = contents.substring(0,len);
			}
			contents="<div class='"+mode+"'>"+contents+"</div>";
			document.body.insertAdjacentHTML('beforeend', contents);
		}
	}
}

/**
 * Show an error in the results area.
 * @memberof Spyral.Util
 * @method showError
 * @static
 * @param {*} error An Error to display
 * @param {*} [more] Additional Error details
 */
function showError(error, more) {
	if (error !== undefined && error instanceof Error) {
		if (error.stack && more === undefined) {
			more = error.stack;
		}
		// trim excess error stack (it's likely already in "more")
		error = error.toString().split(/(\r\n|\r|\n)/).shift();
	}

	if (more && typeof more !== 'string' && more instanceof String === false) {
		more = more.toString();
	}

	if (console) {console.error(error)}
	if (more) {
		var encodedMore = more.replace('&', '&amp;').replace('<', '&lt;').replace('>', '&gt;').replace('"', '&quot;').replace("'", '&apos;')
		error='<strong>'+error.toString()+'</strong><pre><span style="cursor:pointer;text-decoration:underline;" onclick="this.nextElementSibling.style.display=\'block\';this.style.display=\'none\';">Details</span><span style="display:none;">'+encodedMore+'</span></pre>';
	}
	show(error, undefined, 'error');
}

export {show, showError};