forked from mirrors/gecko-dev
c26a6274cc
MozReview-Commit-ID: 6cLDkoCt0al --HG-- extra : rebase_source : 26e95a9320998085675a1f14bfa4442f4bbc38dc
104 lines
3.4 KiB
JavaScript
104 lines
3.4 KiB
JavaScript
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
"use strict";
|
|
|
|
const {
|
|
setImageTooltip,
|
|
getImageDimensions,
|
|
} = require("devtools/client/shared/widgets/tooltip/ImageTooltipHelper");
|
|
const { WEBCONSOLE_L10N } = require("./utils/l10n");
|
|
const { formDataURI } = require("./utils/request-utils");
|
|
|
|
const REQUESTS_TOOLTIP_IMAGE_MAX_DIM = 400; // px
|
|
const REQUESTS_TOOLTIP_STACK_TRACE_WIDTH = 600; // px
|
|
|
|
const HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
|
|
async function setTooltipImageContent(tooltip, itemEl, requestItem) {
|
|
let { mimeType, text, encoding } = requestItem.responseContent.content;
|
|
|
|
if (!mimeType || !mimeType.includes("image/")) {
|
|
return false;
|
|
}
|
|
|
|
let string = await window.gNetwork.getString(text);
|
|
let src = formDataURI(mimeType, encoding, string);
|
|
let maxDim = REQUESTS_TOOLTIP_IMAGE_MAX_DIM;
|
|
let { naturalWidth, naturalHeight } = await getImageDimensions(tooltip.doc, src);
|
|
let options = { maxDim, naturalWidth, naturalHeight };
|
|
setImageTooltip(tooltip, tooltip.doc, src, options);
|
|
|
|
return itemEl.querySelector(".requests-list-icon");
|
|
}
|
|
|
|
async function setTooltipStackTraceContent(tooltip, requestItem) {
|
|
let {stacktrace} = requestItem.cause;
|
|
|
|
if (!stacktrace || stacktrace.length == 0) {
|
|
return false;
|
|
}
|
|
|
|
let doc = tooltip.doc;
|
|
let el = doc.createElementNS(HTML_NS, "div");
|
|
el.className = "stack-trace-tooltip devtools-monospace";
|
|
|
|
for (let f of stacktrace) {
|
|
let { functionName, filename, lineNumber, columnNumber, asyncCause } = f;
|
|
|
|
if (asyncCause) {
|
|
// if there is asyncCause, append a "divider" row into the trace
|
|
let asyncFrameEl = doc.createElementNS(HTML_NS, "div");
|
|
asyncFrameEl.className = "stack-frame stack-frame-async";
|
|
asyncFrameEl.textContent =
|
|
WEBCONSOLE_L10N.getFormatStr("stacktrace.asyncStack", asyncCause);
|
|
el.appendChild(asyncFrameEl);
|
|
}
|
|
|
|
// Parse a source name in format "url -> url"
|
|
let sourceUrl = filename.split(" -> ").pop();
|
|
|
|
let frameEl = doc.createElementNS(HTML_NS, "div");
|
|
frameEl.className = "stack-frame stack-frame-call";
|
|
|
|
let funcEl = doc.createElementNS(HTML_NS, "span");
|
|
funcEl.className = "stack-frame-function-name";
|
|
funcEl.textContent =
|
|
functionName || WEBCONSOLE_L10N.getStr("stacktrace.anonymousFunction");
|
|
frameEl.appendChild(funcEl);
|
|
|
|
let sourceEl = doc.createElementNS(HTML_NS, "span");
|
|
sourceEl.className = "stack-frame-source-name";
|
|
frameEl.appendChild(sourceEl);
|
|
|
|
let sourceInnerEl = doc.createElementNS(HTML_NS, "span");
|
|
sourceInnerEl.className = "stack-frame-source-name-inner";
|
|
sourceEl.appendChild(sourceInnerEl);
|
|
|
|
sourceInnerEl.textContent = sourceUrl;
|
|
sourceInnerEl.title = sourceUrl;
|
|
|
|
let lineEl = doc.createElementNS(HTML_NS, "span");
|
|
lineEl.className = "stack-frame-line";
|
|
lineEl.textContent = `:${lineNumber}:${columnNumber}`;
|
|
sourceInnerEl.appendChild(lineEl);
|
|
|
|
frameEl.addEventListener("click", () => {
|
|
// hide the tooltip immediately, not after delay
|
|
tooltip.hide();
|
|
window.NetMonitorController.viewSourceInDebugger(filename, lineNumber);
|
|
});
|
|
|
|
el.appendChild(frameEl);
|
|
}
|
|
|
|
tooltip.setContent(el, {width: REQUESTS_TOOLTIP_STACK_TRACE_WIDTH});
|
|
|
|
return true;
|
|
}
|
|
|
|
module.exports = {
|
|
setTooltipImageContent,
|
|
setTooltipStackTraceContent,
|
|
};
|