monaca-lib
Version:
Monaca cloud API bindings for JavaScript
1,321 lines (1,181 loc) • 51.7 kB
JavaScript
/*
* Copyright (C) 2011 Google Inc. All rights reserved.
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
* Copyright (C) 2009 Joseph Pecoraro
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
/**
* @constructor
* @implements {WebInspector.ViewportElement}
* @param {!WebInspector.ConsoleMessage} consoleMessage
* @param {!WebInspector.Linkifier} linkifier
* @param {number} nestingLevel
*/
WebInspector.ConsoleViewMessage = function(consoleMessage, linkifier, nestingLevel)
{
this._message = consoleMessage;
this._linkifier = linkifier;
this._repeatCount = 1;
this._closeGroupDecorationCount = 0;
this._nestingLevel = nestingLevel;
/** @type {!Array.<!WebInspector.DataGrid>} */
this._dataGrids = [];
/** @type {!Map.<!WebInspector.DataGrid, ?Element>} */
this._dataGridParents = new Map();
/** @type {!Object.<string, function(!WebInspector.RemoteObject, !Element, boolean=)>} */
this._customFormatters = {
"object": this._formatParameterAsObject,
"array": this._formatParameterAsArray,
"node": this._formatParameterAsNode,
"map": this._formatParameterAsObject,
"set": this._formatParameterAsObject,
"iterator": this._formatParameterAsObject,
"generator": this._formatParameterAsObject,
"string": this._formatParameterAsString
};
}
WebInspector.ConsoleViewMessage.prototype = {
/**
* @return {?WebInspector.Target}
*/
_target: function()
{
return this.consoleMessage().target();
},
/**
* @override
* @return {!Element}
*/
element: function()
{
return this.toMessageElement();
},
/**
* @override
*/
wasShown: function()
{
for (var i = 0; this._dataGrids && i < this._dataGrids.length; ++i) {
var dataGrid = this._dataGrids[i];
var parentElement = this._dataGridParents.get(dataGrid) || null;
dataGrid.show(parentElement);
dataGrid.updateWidths();
}
},
/**
* @override
*/
cacheFastHeight: function()
{
this._cachedHeight = this.contentElement().offsetHeight;
},
/**
* @override
*/
willHide: function()
{
for (var i = 0; this._dataGrids && i < this._dataGrids.length; ++i) {
var dataGrid = this._dataGrids[i];
this._dataGridParents.set(dataGrid, dataGrid.element.parentElement);
dataGrid.detach();
}
},
/**
* @return {number}
*/
fastHeight: function()
{
if (this._cachedHeight)
return this._cachedHeight;
const defaultConsoleRowHeight = 16;
if (this._message.type === WebInspector.ConsoleMessage.MessageType.Table) {
var table = this._message.parameters[0];
if (table && table.preview)
return defaultConsoleRowHeight * table.preview.properties.length;
}
return defaultConsoleRowHeight;
},
/**
* @return {!WebInspector.ConsoleMessage}
*/
consoleMessage: function()
{
return this._message;
},
_formatMessage: function()
{
this._formattedMessage = createElement("span");
this._formattedMessage.className = "console-message-text source-code";
/**
* @param {string} title
* @return {!Element}
* @this {WebInspector.ConsoleMessage}
*/
function linkifyRequest(title)
{
return WebInspector.Linkifier.linkifyUsingRevealer(/** @type {!WebInspector.NetworkRequest} */ (this.request), title, this.request.url);
}
var consoleMessage = this._message;
if (!this._messageElement) {
if (consoleMessage.source === WebInspector.ConsoleMessage.MessageSource.ConsoleAPI) {
switch (consoleMessage.type) {
case WebInspector.ConsoleMessage.MessageType.Trace:
this._messageElement = this._format(consoleMessage.parameters || ["console.trace()"]);
break;
case WebInspector.ConsoleMessage.MessageType.Clear:
this._messageElement = createTextNode(WebInspector.UIString("Console was cleared"));
this._formattedMessage.classList.add("console-info");
break;
case WebInspector.ConsoleMessage.MessageType.Assert:
var args = [WebInspector.UIString("Assertion failed:")];
if (consoleMessage.parameters)
args = args.concat(consoleMessage.parameters);
this._messageElement = this._format(args);
break;
case WebInspector.ConsoleMessage.MessageType.Dir:
var obj = consoleMessage.parameters ? consoleMessage.parameters[0] : undefined;
var args = ["%O", obj];
this._messageElement = this._format(args);
break;
case WebInspector.ConsoleMessage.MessageType.Profile:
case WebInspector.ConsoleMessage.MessageType.ProfileEnd:
this._messageElement = this._format([consoleMessage.messageText]);
break;
default:
if (consoleMessage.parameters && consoleMessage.parameters.length === 1 && consoleMessage.parameters[0].type === "string")
this._messageElement = this._tryFormatAsError(/**@type {string} */(consoleMessage.parameters[0].value));
var args = consoleMessage.parameters || [consoleMessage.messageText];
this._messageElement = this._messageElement || this._format(args);
}
} else if (consoleMessage.source === WebInspector.ConsoleMessage.MessageSource.Network) {
if (consoleMessage.request) {
this._messageElement = createElement("span");
if (consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.Error) {
this._messageElement.createTextChildren(consoleMessage.request.requestMethod, " ");
this._messageElement.appendChild(WebInspector.Linkifier.linkifyUsingRevealer(consoleMessage.request, consoleMessage.request.url, consoleMessage.request.url));
if (consoleMessage.request.failed)
this._messageElement.createTextChildren(" ", consoleMessage.request.localizedFailDescription);
else
this._messageElement.createTextChildren(" ", String(consoleMessage.request.statusCode), " (", consoleMessage.request.statusText, ")");
} else {
var fragment = WebInspector.linkifyStringAsFragmentWithCustomLinkifier(consoleMessage.messageText, linkifyRequest.bind(consoleMessage));
this._messageElement.appendChild(fragment);
}
} else {
var url = consoleMessage.url;
if (url) {
var isExternal = !WebInspector.resourceForURL(url) && !WebInspector.networkMapping.uiSourceCodeForURL(url);
this._anchorElement = WebInspector.linkifyURLAsNode(url, url, "console-message-url", isExternal);
}
this._messageElement = this._format([consoleMessage.messageText]);
}
} else {
var args = consoleMessage.parameters || [consoleMessage.messageText];
this._messageElement = this._format(args);
}
}
if (consoleMessage.source !== WebInspector.ConsoleMessage.MessageSource.Network || consoleMessage.request) {
if (consoleMessage.scriptId) {
this._anchorElement = this._linkifyScriptId(consoleMessage.scriptId, consoleMessage.url || "", consoleMessage.line, consoleMessage.column);
} else {
var showBlackboxed = (consoleMessage.source !== WebInspector.ConsoleMessage.MessageSource.ConsoleAPI);
var callFrame = WebInspector.DebuggerPresentationUtils.callFrameAnchorFromStackTrace(this._target(), consoleMessage.stackTrace, consoleMessage.asyncStackTrace, showBlackboxed);
if (callFrame && callFrame.scriptId)
this._anchorElement = this._linkifyCallFrame(callFrame);
else if (consoleMessage.url && consoleMessage.url !== "undefined")
this._anchorElement = this._linkifyLocation(consoleMessage.url, consoleMessage.line, consoleMessage.column);
}
}
this._formattedMessage.appendChild(this._messageElement);
if (this._anchorElement) {
// Append a space to prevent the anchor text from being glued to the console message when the user selects and copies the console messages.
this._anchorElement.appendChild(createTextNode(" "));
this._formattedMessage.insertBefore(this._anchorElement, this._formattedMessage.firstChild);
}
var dumpStackTrace = !!consoleMessage.stackTrace && consoleMessage.stackTrace.length && (consoleMessage.source === WebInspector.ConsoleMessage.MessageSource.Network || consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.Error || consoleMessage.type === WebInspector.ConsoleMessage.MessageType.Trace);
if (dumpStackTrace) {
var treeOutline = new TreeOutline(createElementWithClass("ol", "outline-disclosure outline-disclosure-no-padding"));
var content = this._formattedMessage;
var root = new TreeElement(content, null, true);
root.toggleOnClick = true;
root.selectable = false;
content.treeElementForTest = root;
treeOutline.appendChild(root);
if (consoleMessage.type === WebInspector.ConsoleMessage.MessageType.Trace)
root.expand();
this._populateStackTraceTreeElement(root);
this._formattedMessage = treeOutline.element;
}
},
_formattedMessageText: function()
{
this.formattedMessage();
return this._messageElement.deepTextContent();
},
/**
* @return {!Element}
*/
formattedMessage: function()
{
if (!this._formattedMessage)
this._formatMessage();
return this._formattedMessage;
},
/**
* @param {string} url
* @param {number} lineNumber
* @param {number} columnNumber
* @return {?Element}
*/
_linkifyLocation: function(url, lineNumber, columnNumber)
{
var target = this._target();
if (!target)
return null;
// FIXME(62725): stack trace line/column numbers are one-based.
lineNumber = lineNumber ? lineNumber - 1 : 0;
columnNumber = columnNumber ? columnNumber - 1 : 0;
if (this._message.source === WebInspector.ConsoleMessage.MessageSource.CSS) {
var headerIds = target.cssModel.styleSheetIdsForURL(url);
var cssLocation = new WebInspector.CSSLocation(target, headerIds[0] || null, url, lineNumber, columnNumber);
return this._linkifier.linkifyCSSLocation(cssLocation, "console-message-url");
}
return this._linkifier.linkifyScriptLocation(target, null, url, lineNumber, columnNumber, "console-message-url");
},
/**
* @param {!ConsoleAgent.CallFrame} callFrame
* @return {?Element}
*/
_linkifyCallFrame: function(callFrame)
{
var target = this._target();
return this._linkifier.linkifyConsoleCallFrame(target, callFrame, "console-message-url");
},
/**
* @param {string} scriptId
* @param {string} url
* @param {number} lineNumber
* @param {number} columnNumber
* @return {?Element}
*/
_linkifyScriptId: function(scriptId, url, lineNumber, columnNumber)
{
var target = this._target();
if (!target)
return null;
// FIXME(62725): stack trace line/column numbers are one-based.
lineNumber = lineNumber ? lineNumber - 1 : 0;
columnNumber = columnNumber ? columnNumber - 1 : 0;
return this._linkifier.linkifyScriptLocation(target, scriptId, url, lineNumber, columnNumber, "console-message-url");
},
/**
* @return {boolean}
*/
isErrorOrWarning: function()
{
return (this._message.level === WebInspector.ConsoleMessage.MessageLevel.Warning || this._message.level === WebInspector.ConsoleMessage.MessageLevel.Error);
},
_format: function(parameters)
{
// This node is used like a Builder. Values are continually appended onto it.
var formattedResult = createElement("span");
if (!parameters.length)
return formattedResult;
var target = this._target();
// Formatting code below assumes that parameters are all wrappers whereas frontend console
// API allows passing arbitrary values as messages (strings, numbers, etc.). Wrap them here.
for (var i = 0; i < parameters.length; ++i) {
// FIXME: Only pass runtime wrappers here.
if (parameters[i] instanceof WebInspector.RemoteObject)
continue;
if (!target) {
parameters[i] = WebInspector.RemoteObject.fromLocalObject(parameters[i]);
continue;
}
if (typeof parameters[i] === "object")
parameters[i] = target.runtimeModel.createRemoteObject(parameters[i]);
else
parameters[i] = target.runtimeModel.createRemoteObjectFromPrimitiveValue(parameters[i]);
}
// There can be string log and string eval result. We distinguish between them based on message type.
var shouldFormatMessage = WebInspector.RemoteObject.type(parameters[0]) === "string" && (this._message.type !== WebInspector.ConsoleMessage.MessageType.Result || this._message.level === WebInspector.ConsoleMessage.MessageLevel.Error);
// Multiple parameters with the first being a format string. Save unused substitutions.
if (shouldFormatMessage) {
// Multiple parameters with the first being a format string. Save unused substitutions.
var result = this._formatWithSubstitutionString(parameters[0].description, parameters.slice(1), formattedResult);
parameters = result.unusedSubstitutions;
if (parameters.length)
formattedResult.createTextChild(" ");
}
if (this._message.type === WebInspector.ConsoleMessage.MessageType.Table) {
formattedResult.appendChild(this._formatParameterAsTable(parameters));
return formattedResult;
}
// Single parameter, or unused substitutions from above.
for (var i = 0; i < parameters.length; ++i) {
// Inline strings when formatting.
if (shouldFormatMessage && parameters[i].type === "string")
formattedResult.appendChild(WebInspector.linkifyStringAsFragment(parameters[i].description));
else
formattedResult.appendChild(this._formatParameter(parameters[i], false, true));
if (i < parameters.length - 1)
formattedResult.createTextChild(" ");
}
return formattedResult;
},
/**
* @param {!WebInspector.RemoteObject} output
* @param {boolean=} forceObjectFormat
* @param {boolean=} includePreview
* @return {!Element}
*/
_formatParameter: function(output, forceObjectFormat, includePreview)
{
if (output.customPreview()) {
var customSection = new WebInspector.CustomPreviewSection(output);
return customSection.element();
}
var type = forceObjectFormat ? "object" : (output.subtype || output.type);
var formatter = this._customFormatters[type] || this._formatParameterAsValue;
var span = createElement("span");
span.className = "console-formatted-" + type + " source-code";
formatter.call(this, output, span, includePreview);
return span;
},
/**
* @param {!WebInspector.RemoteObject} obj
* @param {!Element} elem
*/
_formatParameterAsValue: function(obj, elem)
{
elem.createTextChild(obj.description || "");
if (obj.objectId)
elem.addEventListener("contextmenu", this._contextMenuEventFired.bind(this, obj), false);
},
/**
* @param {!WebInspector.RemoteObject} obj
* @param {!Element} elem
* @param {boolean=} includePreview
*/
_formatParameterAsObject: function(obj, elem, includePreview)
{
this._formatParameterAsArrayOrObject(obj, elem, includePreview);
},
/**
* @param {!WebInspector.RemoteObject} obj
* @param {!Element} elem
* @param {boolean=} includePreview
*/
_formatParameterAsArrayOrObject: function(obj, elem, includePreview)
{
var titleElement = createElement("span");
if (includePreview && obj.preview) {
titleElement.classList.add("console-object-preview");
var lossless = this._appendObjectPreview(titleElement, obj.preview, obj);
if (lossless) {
elem.appendChild(titleElement);
titleElement.addEventListener("contextmenu", this._contextMenuEventFired.bind(this, obj), false);
return;
}
} else {
titleElement.createTextChild(obj.description || "");
}
var section = new WebInspector.ObjectPropertiesSection(obj, titleElement);
section.enableContextMenu();
elem.appendChild(section.element);
var note = section.titleElement.createChild("span", "object-info-state-note");
note.title = WebInspector.UIString("Object state below is captured upon first expansion");
},
/**
* @param {!WebInspector.RemoteObject} obj
* @param {!Event} event
*/
_contextMenuEventFired: function(obj, event)
{
var contextMenu = new WebInspector.ContextMenu(event);
contextMenu.appendApplicableItems(obj);
contextMenu.show();
},
/**
* @param {!Element} parentElement
* @param {!RuntimeAgent.ObjectPreview} preview
* @param {?WebInspector.RemoteObject} object
* @return {boolean} true iff preview captured all information.
*/
_appendObjectPreview: function(parentElement, preview, object)
{
var description = preview.description;
if (preview.type !== "object" || preview.subtype === "null") {
parentElement.appendChild(this._renderPropertyPreview(preview.type, preview.subtype, description));
return true;
}
if (description && preview.subtype !== "array")
parentElement.createTextChildren(description, " ");
if (preview.entries)
return this._appendEntriesPreview(parentElement, preview);
return this._appendPropertiesPreview(parentElement, preview, object);
},
/**
* @param {!Element} parentElement
* @param {!RuntimeAgent.ObjectPreview} preview
* @param {?WebInspector.RemoteObject} object
* @return {boolean} true iff preview captured all information.
*/
_appendPropertiesPreview: function(parentElement, preview, object)
{
var isArray = preview.subtype === "array";
var arrayLength = WebInspector.RemoteObject.arrayLength(preview);
var properties = preview.properties;
if (isArray)
properties = properties.slice().stableSort(compareIndexesFirst);
/**
* @param {!RuntimeAgent.PropertyPreview} a
* @param {!RuntimeAgent.PropertyPreview} b
*/
function compareIndexesFirst(a, b)
{
var index1 = toArrayIndex(a.name);
var index2 = toArrayIndex(b.name);
if (index1 < 0)
return index2 < 0 ? 0 : 1;
return index2 < 0 ? -1 : index1 - index2;
}
/**
* @param {string} name
* @return {number}
*/
function toArrayIndex(name)
{
var index = name >>> 0;
if (String(index) === name && index < arrayLength)
return index;
return -1;
}
parentElement.createTextChild(isArray ? "[" : "{");
for (var i = 0; i < properties.length; ++i) {
if (i > 0)
parentElement.createTextChild(", ");
var property = properties[i];
var name = property.name;
if (!isArray || name != i || i >= arrayLength) {
if (/^\s|\s$|^$|\n/.test(name))
parentElement.createChild("span", "name").createTextChildren("\"", name.replace(/\n/g, "\u21B5"), "\"");
else
parentElement.createChild("span", "name").textContent = name;
parentElement.createTextChild(": ");
}
parentElement.appendChild(this._renderPropertyPreviewOrAccessor(object, [property]));
}
if (preview.overflow)
parentElement.createChild("span").textContent = "\u2026";
parentElement.createTextChild(isArray ? "]" : "}");
return preview.lossless;
},
/**
* @param {!Element} parentElement
* @param {!RuntimeAgent.ObjectPreview} preview
* @return {boolean} true iff preview captured all information.
*/
_appendEntriesPreview: function(parentElement, preview)
{
var lossless = preview.lossless && !preview.properties.length;
parentElement.createTextChild("{");
for (var i = 0; i < preview.entries.length; ++i) {
if (i > 0)
parentElement.createTextChild(", ");
var entry = preview.entries[i];
if (entry.key) {
this._appendObjectPreview(parentElement, entry.key, null);
parentElement.createTextChild(" => ");
}
this._appendObjectPreview(parentElement, entry.value, null);
}
if (preview.overflow)
parentElement.createChild("span").textContent = "\u2026";
parentElement.createTextChild("}");
return lossless;
},
/**
* @param {?WebInspector.RemoteObject} object
* @param {!Array.<!RuntimeAgent.PropertyPreview>} propertyPath
* @return {!Element}
*/
_renderPropertyPreviewOrAccessor: function(object, propertyPath)
{
var property = propertyPath.peekLast();
if (property.type === "accessor")
return this._formatAsAccessorProperty(object, propertyPath.select("name"), false);
return this._renderPropertyPreview(property.type, /** @type {string} */ (property.subtype), property.value);
},
/**
* @param {string} type
* @param {string=} subtype
* @param {string=} description
* @return {!Element}
*/
_renderPropertyPreview: function(type, subtype, description)
{
var span = createElementWithClass("span", "console-formatted-" + (subtype || type));
description = description || "";
if (type === "function") {
span.textContent = "function";
return span;
}
if (type === "object" && subtype === "node" && description) {
span.classList.add("console-formatted-preview-node");
WebInspector.DOMPresentationUtils.createSpansForNodeTitle(span, description);
return span;
}
if (type === "string") {
span.createTextChildren("\"", description.replace(/\n/g, "\u21B5"), "\"");
return span;
}
span.textContent = description;
return span;
},
/**
* @param {!WebInspector.RemoteObject} object
* @param {!Element} elem
*/
_formatParameterAsNode: function(object, elem)
{
WebInspector.Renderer.renderPromise(object).then(appendRenderer, failedToRender.bind(this));
/**
* @param {!Element} rendererElement
*/
function appendRenderer(rendererElement)
{
elem.appendChild(rendererElement);
}
/**
* @this {WebInspector.ConsoleViewMessage}
*/
function failedToRender()
{
this._formatParameterAsObject(object, elem, false);
}
},
/**
* @param {!WebInspector.RemoteObject} array
* @return {boolean}
*/
useArrayPreviewInFormatter: function(array)
{
return this._message.type !== WebInspector.ConsoleMessage.MessageType.DirXML;
},
/**
* @param {!WebInspector.RemoteObject} array
* @param {!Element} elem
*/
_formatParameterAsArray: function(array, elem)
{
var maxFlatArrayLength = 100;
if (this.useArrayPreviewInFormatter(array) || array.arrayLength() > maxFlatArrayLength)
this._formatParameterAsArrayOrObject(array, elem, this.useArrayPreviewInFormatter(array) || array.arrayLength() <= maxFlatArrayLength);
else
array.getAllProperties(false, this._printArray.bind(this, array, elem));
},
/**
* @param {!Array.<!WebInspector.RemoteObject>} parameters
* @return {!Element}
*/
_formatParameterAsTable: function(parameters)
{
var element = createElement("span");
var table = parameters[0];
if (!table || !table.preview)
return element;
var columnNames = [];
var preview = table.preview;
var rows = [];
for (var i = 0; i < preview.properties.length; ++i) {
var rowProperty = preview.properties[i];
var rowPreview = rowProperty.valuePreview;
if (!rowPreview)
continue;
var rowValue = {};
const maxColumnsToRender = 20;
for (var j = 0; j < rowPreview.properties.length; ++j) {
var cellProperty = rowPreview.properties[j];
var columnRendered = columnNames.indexOf(cellProperty.name) != -1;
if (!columnRendered) {
if (columnNames.length === maxColumnsToRender)
continue;
columnRendered = true;
columnNames.push(cellProperty.name);
}
if (columnRendered) {
var cellElement = this._renderPropertyPreviewOrAccessor(table, [rowProperty, cellProperty]);
cellElement.classList.add("console-message-nowrap-below");
rowValue[cellProperty.name] = cellElement;
}
}
rows.push([rowProperty.name, rowValue]);
}
var flatValues = [];
for (var i = 0; i < rows.length; ++i) {
var rowName = rows[i][0];
var rowValue = rows[i][1];
flatValues.push(rowName);
for (var j = 0; j < columnNames.length; ++j)
flatValues.push(rowValue[columnNames[j]]);
}
var dataGridContainer = element.createChild("span");
if (!preview.lossless || !flatValues.length) {
element.appendChild(this._formatParameter(table, true, false));
if (!flatValues.length)
return element;
}
columnNames.unshift(WebInspector.UIString("(index)"));
var dataGrid = WebInspector.SortableDataGrid.create(columnNames, flatValues);
dataGrid.renderInline();
this._dataGrids.push(dataGrid);
this._dataGridParents.set(dataGrid, dataGridContainer);
return element;
},
/**
* @param {!WebInspector.RemoteObject} output
* @param {!Element} elem
*/
_formatParameterAsString: function(output, elem)
{
var span = createElement("span");
span.className = "console-formatted-string source-code";
span.appendChild(WebInspector.linkifyStringAsFragment(output.description || ""));
// Make black quotes.
elem.classList.remove("console-formatted-string");
elem.createTextChild("\"");
elem.appendChild(span);
elem.createTextChild("\"");
},
/**
* @param {!WebInspector.RemoteObject} array
* @param {!Element} elem
* @param {?Array.<!WebInspector.RemoteObjectProperty>} properties
*/
_printArray: function(array, elem, properties)
{
if (!properties) {
this._formatParameterAsObject(array, elem, false);
return;
}
var elements = [];
for (var i = 0; i < properties.length; ++i) {
var property = properties[i];
var name = property.name;
if (isNaN(name))
continue;
if (property.getter)
elements[name] = this._formatAsAccessorProperty(array, [name], true);
else if (property.value)
elements[name] = this._formatAsArrayEntry(property.value);
}
elem.createTextChild("[");
var lastNonEmptyIndex = -1;
function appendUndefined(elem, index)
{
if (index - lastNonEmptyIndex <= 1)
return;
var span = elem.createChild("span", "console-formatted-undefined");
span.textContent = WebInspector.UIString("undefined × %d", index - lastNonEmptyIndex - 1);
}
var length = array.arrayLength();
for (var i = 0; i < length; ++i) {
var element = elements[i];
if (!element)
continue;
if (i - lastNonEmptyIndex > 1) {
appendUndefined(elem, i);
elem.createTextChild(", ");
}
elem.appendChild(element);
lastNonEmptyIndex = i;
if (i < length - 1)
elem.createTextChild(", ");
}
appendUndefined(elem, length);
elem.createTextChild("]");
elem.addEventListener("contextmenu", this._contextMenuEventFired.bind(this, array), false);
},
/**
* @param {!WebInspector.RemoteObject} output
* @return {!Element}
*/
_formatAsArrayEntry: function(output)
{
// Prevent infinite expansion of cross-referencing arrays.
return this._formatParameter(output, output.subtype === "array", false);
},
/**
* @param {?WebInspector.RemoteObject} object
* @param {!Array.<string>} propertyPath
* @param {boolean} isArrayEntry
* @return {!Element}
*/
_formatAsAccessorProperty: function(object, propertyPath, isArrayEntry)
{
var rootElement = WebInspector.ObjectPropertyTreeElement.createRemoteObjectAccessorPropertySpan(object, propertyPath, onInvokeGetterClick.bind(this));
/**
* @param {?WebInspector.RemoteObject} result
* @param {boolean=} wasThrown
* @this {WebInspector.ConsoleViewMessage}
*/
function onInvokeGetterClick(result, wasThrown)
{
if (!result)
return;
rootElement.removeChildren();
if (wasThrown) {
var element = rootElement.createChild("span", "error-message");
element.textContent = WebInspector.UIString("<exception>");
element.title = /** @type {string} */ (result.description);
} else if (isArrayEntry) {
rootElement.appendChild(this._formatAsArrayEntry(result));
} else {
// Make a PropertyPreview from the RemoteObject similar to the backend logic.
const maxLength = 100;
var type = result.type;
var subtype = result.subtype;
var description = "";
if (type !== "function" && result.description) {
if (type === "string" || subtype === "regexp")
description = result.description.trimMiddle(maxLength);
else
description = result.description.trimEnd(maxLength);
}
rootElement.appendChild(this._renderPropertyPreview(type, subtype, description));
}
}
return rootElement;
},
/**
* @param {string} format
* @param {!Array.<string>} parameters
* @param {!Element} formattedResult
*/
_formatWithSubstitutionString: function(format, parameters, formattedResult)
{
var formatters = {};
/**
* @param {boolean} force
* @param {!WebInspector.RemoteObject} obj
* @return {!Element}
* @this {WebInspector.ConsoleViewMessage}
*/
function parameterFormatter(force, obj)
{
return this._formatParameter(obj, force, false);
}
function stringFormatter(obj)
{
return obj.description;
}
function floatFormatter(obj)
{
if (typeof obj.value !== "number")
return "NaN";
return obj.value;
}
function integerFormatter(obj)
{
if (typeof obj.value !== "number")
return "NaN";
return Math.floor(obj.value);
}
function bypassFormatter(obj)
{
return (obj instanceof Node) ? obj : "";
}
var currentStyle = null;
function styleFormatter(obj)
{
currentStyle = {};
var buffer = createElement("span");
buffer.setAttribute("style", obj.description);
for (var i = 0; i < buffer.style.length; i++) {
var property = buffer.style[i];
if (isWhitelistedProperty(property))
currentStyle[property] = buffer.style[property];
}
}
function isWhitelistedProperty(property)
{
var prefixes = ["background", "border", "color", "font", "line", "margin", "padding", "text", "-webkit-background", "-webkit-border", "-webkit-font", "-webkit-margin", "-webkit-padding", "-webkit-text"];
for (var i = 0; i < prefixes.length; i++) {
if (property.startsWith(prefixes[i]))
return true;
}
return false;
}
// Firebug uses %o for formatting objects.
formatters.o = parameterFormatter.bind(this, false);
formatters.s = stringFormatter;
formatters.f = floatFormatter;
// Firebug allows both %i and %d for formatting integers.
formatters.i = integerFormatter;
formatters.d = integerFormatter;
// Firebug uses %c for styling the message.
formatters.c = styleFormatter;
// Support %O to force object formatting, instead of the type-based %o formatting.
formatters.O = parameterFormatter.bind(this, true);
formatters._ = bypassFormatter;
function append(a, b)
{
if (b instanceof Node)
a.appendChild(b);
else if (typeof b !== "undefined") {
var toAppend = WebInspector.linkifyStringAsFragment(String(b));
if (currentStyle) {
var wrapper = createElement('span');
for (var key in currentStyle)
wrapper.style[key] = currentStyle[key];
wrapper.appendChild(toAppend);
toAppend = wrapper;
}
a.appendChild(toAppend);
}
return a;
}
// String.format does treat formattedResult like a Builder, result is an object.
return String.format(format, parameters, formatters, formattedResult, append);
},
clearHighlights: function()
{
if (!this._formattedMessage)
return;
WebInspector.removeSearchResultsHighlight(this._formattedMessage, WebInspector.highlightedSearchResultClassName);
},
/**
* @return {boolean}
*/
matchesRegex: function(regexObject)
{
regexObject.lastIndex = 0;
var text = this._formattedMessageText();
if (this._anchorElement)
text += " " + this._anchorElement.textContent;
return regexObject.test(text);
},
/**
* @param {boolean} show
*/
updateTimestamp: function(show)
{
if (!this._element)
return;
if (show && !this.timestampElement) {
this.timestampElement = this._element.createChild("span", "console-timestamp");
this.timestampElement.textContent = (new Date(this._message.timestamp)).toConsoleTime() + " ";
var afterRepeatCountChild = this._repeatCountElement && this._repeatCountElement.nextSibling;
this._element.insertBefore(this.timestampElement, afterRepeatCountChild || this._element.firstChild);
return;
}
if (!show && this.timestampElement) {
this.timestampElement.remove();
delete this.timestampElement;
}
},
/**
* @return {number}
*/
nestingLevel: function()
{
return this._nestingLevel;
},
resetCloseGroupDecorationCount: function()
{
if (!this._closeGroupDecorationCount)
return;
this._closeGroupDecorationCount = 0;
this._updateCloseGroupDecorations();
},
incrementCloseGroupDecorationCount: function()
{
++this._closeGroupDecorationCount;
this._updateCloseGroupDecorations();
},
_updateCloseGroupDecorations: function()
{
if (!this._nestingLevelMarkers)
return;
for (var i = 0, n = this._nestingLevelMarkers.length; i < n; ++i) {
var marker = this._nestingLevelMarkers[i];
marker.classList.toggle("group-closed", n - i <= this._closeGroupDecorationCount);
}
},
/**
* @return {!Element}
*/
contentElement: function()
{
if (this._element)
return this._element;
var element = createElementWithClass("div", "console-message");
this._element = element;
switch (this._message.level) {
case WebInspector.ConsoleMessage.MessageLevel.Log:
element.classList.add("console-log-level");
break;
case WebInspector.ConsoleMessage.MessageLevel.Debug:
element.classList.add("console-debug-level");
break;
case WebInspector.ConsoleMessage.MessageLevel.Warning:
element.classList.add("console-warning-level");
break;
case WebInspector.ConsoleMessage.MessageLevel.Error:
element.classList.add("console-error-level");
break;
case WebInspector.ConsoleMessage.MessageLevel.Info:
element.classList.add("console-info-level");
break;
}
if (this._message.type === WebInspector.ConsoleMessage.MessageType.StartGroup || this._message.type === WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed)
element.classList.add("console-group-title");
element.appendChild(this.formattedMessage());
if (this._repeatCount > 1)
this._showRepeatCountElement();
this.updateTimestamp(WebInspector.settings.consoleTimestampsEnabled.get());
return this._element;
},
/**
* @return {!Element}
*/
toMessageElement: function()
{
if (this._wrapperElement)
return this._wrapperElement;
this._wrapperElement = createElementWithClass("div", "console-message-wrapper");
this._nestingLevelMarkers = [];
for (var i = 0; i < this._nestingLevel; ++i)
this._nestingLevelMarkers.push(this._wrapperElement.createChild("div", "nesting-level-marker"));
this._updateCloseGroupDecorations();
this._wrapperElement.message = this;
this._wrapperElement.appendChild(this.contentElement());
return this._wrapperElement;
},
/**
* @param {!TreeElement} parentTreeElement
*/
_populateStackTraceTreeElement: function(parentTreeElement)
{
var target = this._target();
if (!target)
return;
var content = WebInspector.DOMPresentationUtils.buildStackTracePreviewContents(target,
this._linkifier, this._message.stackTrace, this._message.asyncStackTrace);
parentTreeElement.appendChild(new TreeElement(content));
},
resetIncrementRepeatCount: function()
{
this._repeatCount = 1;
if (!this._repeatCountElement)
return;
this._repeatCountElement.remove();
delete this._repeatCountElement;
},
incrementRepeatCount: function()
{
this._repeatCount++;
this._showRepeatCountElement();
},
_showRepeatCountElement: function()
{
if (!this._element)
return;
if (!this._repeatCountElement) {
this._repeatCountElement = createElement("span");
this._repeatCountElement.className = "bubble-repeat-count";
this._element.insertBefore(this._repeatCountElement, this._element.firstChild);
this._element.classList.add("repeated-message");
}
this._repeatCountElement.textContent = this._repeatCount;
},
/**
* @override
* @return {string}
*/
toString: function()
{
var sourceString;
switch (this._message.source) {
case WebInspector.ConsoleMessage.MessageSource.XML:
sourceString = "XML";
break;
case WebInspector.ConsoleMessage.MessageSource.JS:
sourceString = "JavaScript";
break;
case WebInspector.ConsoleMessage.MessageSource.Network:
sourceString = "Network";
break;
case WebInspector.ConsoleMessage.MessageSource.ConsoleAPI:
sourceString = "ConsoleAPI";
break;
case WebInspector.ConsoleMessage.MessageSource.Storage:
sourceString = "Storage";
break;
case WebInspector.ConsoleMessage.MessageSource.AppCache:
sourceString = "AppCache";
break;
case WebInspector.ConsoleMessage.MessageSource.Rendering:
sourceString = "Rendering";
break;
case WebInspector.ConsoleMessage.MessageSource.CSS:
sourceString = "CSS";
break;
case WebInspector.ConsoleMessage.MessageSource.Security:
sourceString = "Security";
break;
case WebInspector.ConsoleMessage.MessageSource.Other:
sourceString = "Other";
break;
}
var typeString;
switch (this._message.type) {
case WebInspector.ConsoleMessage.MessageType.Log:
typeString = "Log";
break;
case WebInspector.ConsoleMessage.MessageType.Dir:
typeString = "Dir";
break;
case WebInspector.ConsoleMessage.MessageType.DirXML:
typeString = "Dir XML";
break;
case WebInspector.ConsoleMessage.MessageType.Trace:
typeString = "Trace";
break;
case WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed:
case WebInspector.ConsoleMessage.MessageType.StartGroup:
typeString = "Start Group";
break;
case WebInspector.ConsoleMessage.MessageType.EndGroup:
typeString = "End Group";
break;
case WebInspector.ConsoleMessage.MessageType.Assert:
typeString = "Assert";
break;
case WebInspector.ConsoleMessage.MessageType.Result:
typeString = "Result";
break;
case WebInspector.ConsoleMessage.MessageType.Profile:
case WebInspector.ConsoleMessage.MessageType.ProfileEnd:
typeString = "Profiling";
break;
}
var levelString;
switch (this._message.level) {
case WebInspector.ConsoleMessage.MessageLevel.Log:
levelString = "Log";
break;
case WebInspector.ConsoleMessage.MessageLevel.Warning:
levelString = "Warning";
break;
case WebInspector.ConsoleMessage.MessageLevel.Debug:
levelString = "Debug";
break;
case WebInspector.ConsoleMessage.MessageLevel.Error:
levelString = "Error";
break;
case WebInspector.ConsoleMessage.MessageLevel.Info:
levelString = "Info";
break;
}
return sourceString + " " + typeString + " " + levelString + ": " + this.formattedMessage().textContent + "\n" + this._message.url + " line " + this._message.line;
},
get text()
{
return this._message.messageText;
},
/**
* @return {string}
*/
renderedText: function ()
{
if (!this._messageElement)
return "";
return this._messageElement.deepTextContent();
},
/**
* @param {!Array.<!Object>} ranges
* @return {!Array.<!Element>}
*/
highlightMatches: function(ranges)
{
var highlightNodes = [];
if (this._formattedMessage)
highlightNodes = WebInspector.highlightSearchResults(this._messageElement, ranges);
return highlightNodes;
},
/**
* @param {string} string
* @return {?Element}
*/
_tryFormatAsError: function(string)
{
var errorPrefixes = ["EvalError", "ReferenceError", "SyntaxError", "TypeError", "RangeError", "Error", "URIError"];
var target = this._target();
if (!target || !errorPrefixes.some(String.prototype.startsWith.bind(new String(string))))
return null;
var lines = string.split("\n");
var links = [];
var position = 0;
for (var i = 0; i < lines.length; ++i) {
position += i > 0 ? lines[i - 1].length + 1 : 0;
var isCallFrameLine = /^\s*at\s/.test(lines[i]);
if (!isCallFrameLine && links.length)
return null;
if (!isCallFrameLine)
continue;
var openBracketIndex = lines[i].indexOf("(");
var closeBracketIndex = lines[i].indexOf(")");
var hasOpenBracket = openBracketIndex !== -1;
var hasCloseBracket = closeBracketIndex !== -1;
if ((openBracketIndex > closeBracketIndex) || (hasOpenBracket ^ hasCloseBracket))
return null;
var left = hasOpenBracket ? openBracketIndex + 1 : lines[i].indexOf("at") + 3;
var right = hasOpenBracket ? closeBracketIndex : lines[i].length;
var linkCandidate = lines[i].substring(left, right);
var splitResult = WebInspector.ParsedURL.splitLineAndColumn(linkCandidate);
if (!splitResult)
return null;
var parsed = splitResult.url.asParsedURL();
var url;
if (parsed)
url = parsed.url;
else if (target.debuggerModel.scriptsForSourceURL(splitResult.url).length)
url = splitResult.url;
else if (splitResult.url === "<anonymous>")
continue;
else
return null;
links.push({url: url, positionLeft: position + left, positionRight: position + right, lineNumber: splitResult.lineNumber, columnNumber: splitResult.columnNumber});
}
if (!links.length)
return null;
var formattedResult = createElement("span");
var start = 0;
for (var i = 0; i < links.length; ++i) {
formattedResult.appendChild(WebInspector.linkifyStringAsFragment(string.substring(start, links[i].positionLeft)));
formattedResult.appendChild(this._linkifier.linkifyScriptLocation(target, null, links[i].url