| Index: Source/devtools/front_end/timeline/TimelineUIUtilsImpl.js
|
| diff --git a/Source/devtools/front_end/timeline/TimelineUIUtilsImpl.js b/Source/devtools/front_end/timeline/TimelineUIUtilsImpl.js
|
| deleted file mode 100644
|
| index 05af329292bab6d6a0c79422cc4727fc87395e96..0000000000000000000000000000000000000000
|
| --- a/Source/devtools/front_end/timeline/TimelineUIUtilsImpl.js
|
| +++ /dev/null
|
| @@ -1,682 +0,0 @@
|
| -// Copyright 2014 The Chromium Authors. All rights reserved.
|
| -// Use of this source code is governed by a BSD-style license that can be
|
| -// found in the LICENSE file.
|
| -
|
| -/**
|
| - * @constructor
|
| - * @extends {WebInspector.TimelineUIUtils}
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl = function()
|
| -{
|
| - WebInspector.TimelineUIUtils.call(this);
|
| -}
|
| -
|
| -WebInspector.TimelineUIUtilsImpl.prototype = {
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {boolean}
|
| - */
|
| - isBeginFrame: function(record)
|
| - {
|
| - return record.type() === WebInspector.TimelineModel.RecordType.BeginFrame;
|
| - },
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {boolean}
|
| - */
|
| - isProgram: function(record)
|
| - {
|
| - return record.type() === WebInspector.TimelineModel.RecordType.Program;
|
| - },
|
| - /**
|
| - * @param {string} recordType
|
| - * @return {boolean}
|
| - */
|
| - isCoalescable: function(recordType)
|
| - {
|
| - return !!WebInspector.TimelineUIUtilsImpl._coalescableRecordTypes[recordType];
|
| - },
|
| -
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {boolean}
|
| - */
|
| - isEventDivider: function(record)
|
| - {
|
| - return WebInspector.TimelineUIUtilsImpl.isEventDivider(record);
|
| - },
|
| -
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {?Object}
|
| - */
|
| - countersForRecord: function(record)
|
| - {
|
| - return record.type() === WebInspector.TimelineModel.RecordType.UpdateCounters ? record.data() : null;
|
| - },
|
| -
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {?Object}
|
| - */
|
| - highlightQuadForRecord: function(record)
|
| - {
|
| - var recordTypes = WebInspector.TimelineModel.RecordType;
|
| - switch(record.type()) {
|
| - case recordTypes.Layout:
|
| - return record.data().root;
|
| - case recordTypes.Paint:
|
| - return record.data().clip;
|
| - default:
|
| - return null;
|
| - }
|
| - },
|
| -
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {string}
|
| - */
|
| - titleForRecord: function(record)
|
| - {
|
| - return WebInspector.TimelineUIUtilsImpl._recordTitle(record);
|
| - },
|
| -
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {!WebInspector.TimelineCategory}
|
| - */
|
| - categoryForRecord: function(record)
|
| - {
|
| - return WebInspector.TimelineUIUtilsImpl.recordStyle(record).category;
|
| - },
|
| -
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @param {!WebInspector.Linkifier} linkifier
|
| - * @return {?Node}
|
| - */
|
| - buildDetailsNode: function(record, linkifier)
|
| - {
|
| - return WebInspector.TimelineUIUtilsImpl.buildDetailsNode(record, linkifier);
|
| - },
|
| -
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @param {!WebInspector.TimelineModel} model
|
| - * @param {!WebInspector.Linkifier} linkifier
|
| - * @param {function(!DocumentFragment)} callback
|
| - */
|
| - generateDetailsContent: function(record, model, linkifier, callback)
|
| - {
|
| - WebInspector.TimelineUIUtilsImpl.generateDetailsContent(record, model, linkifier, callback);
|
| - },
|
| -
|
| - /**
|
| - * @return {!Element}
|
| - */
|
| - createBeginFrameDivider: function()
|
| - {
|
| - return this.createEventDivider(WebInspector.TimelineModel.RecordType.BeginFrame);
|
| - },
|
| -
|
| - /**
|
| - * @param {string} recordType
|
| - * @param {string=} title
|
| - * @return {!Element}
|
| - */
|
| - createEventDivider: function(recordType, title)
|
| - {
|
| - return WebInspector.TimelineUIUtilsImpl._createEventDivider(recordType, title);
|
| - },
|
| -
|
| - /**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @param {!RegExp} regExp
|
| - * @return {boolean}
|
| - */
|
| - testContentMatching: function(record, regExp)
|
| - {
|
| - var tokens = [WebInspector.TimelineUIUtilsImpl._recordTitle(record)];
|
| - var data = record.data();
|
| - for (var key in data)
|
| - tokens.push(data[key])
|
| - return regExp.test(tokens.join("|"));
|
| - },
|
| -
|
| - /**
|
| - * @param {!Object} total
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - */
|
| - aggregateTimeForRecord: function(total, record)
|
| - {
|
| - WebInspector.TimelineUIUtilsImpl.aggregateTimeForRecord(total, record);
|
| - },
|
| -
|
| - /**
|
| - * @return {!WebInspector.TimelineModel.Filter}
|
| - */
|
| - hiddenRecordsFilter: function()
|
| - {
|
| - var recordTypes = WebInspector.TimelineModel.RecordType;
|
| - var hiddenRecords = [
|
| - recordTypes.ActivateLayerTree,
|
| - recordTypes.BeginFrame,
|
| - recordTypes.DrawFrame,
|
| - recordTypes.GPUTask,
|
| - recordTypes.InvalidateLayout,
|
| - recordTypes.MarkDOMContent,
|
| - recordTypes.MarkFirstPaint,
|
| - recordTypes.MarkLoad,
|
| - recordTypes.RequestMainThreadFrame,
|
| - recordTypes.ScheduleStyleRecalculation,
|
| - recordTypes.UpdateCounters
|
| - ];
|
| - return new WebInspector.TimelineRecordHiddenTypeFilter(hiddenRecords);
|
| - },
|
| -
|
| - __proto__: WebInspector.TimelineUIUtils.prototype
|
| -}
|
| -
|
| -
|
| -WebInspector.TimelineUIUtilsImpl._coalescableRecordTypes = {};
|
| -WebInspector.TimelineUIUtilsImpl._coalescableRecordTypes[WebInspector.TimelineModel.RecordType.Layout] = 1;
|
| -WebInspector.TimelineUIUtilsImpl._coalescableRecordTypes[WebInspector.TimelineModel.RecordType.Paint] = 1;
|
| -WebInspector.TimelineUIUtilsImpl._coalescableRecordTypes[WebInspector.TimelineModel.RecordType.Rasterize] = 1;
|
| -WebInspector.TimelineUIUtilsImpl._coalescableRecordTypes[WebInspector.TimelineModel.RecordType.DecodeImage] = 1;
|
| -WebInspector.TimelineUIUtilsImpl._coalescableRecordTypes[WebInspector.TimelineModel.RecordType.ResizeImage] = 1;
|
| -
|
| -/**
|
| - * @return {!Object.<string, !{title: string, category: !WebInspector.TimelineCategory}>}
|
| - */
|
| -WebInspector.TimelineUIUtils._initRecordStyles = function()
|
| -{
|
| - if (WebInspector.TimelineUIUtils._recordStylesMap)
|
| - return WebInspector.TimelineUIUtils._recordStylesMap;
|
| -
|
| - var recordTypes = WebInspector.TimelineModel.RecordType;
|
| - var categories = WebInspector.TimelineUIUtils.categories();
|
| -
|
| - var recordStyles = {};
|
| - recordStyles[recordTypes.Root] = { title: "#root", category: categories["loading"] };
|
| - recordStyles[recordTypes.Program] = { title: WebInspector.UIString("Other"), category: categories["other"] };
|
| - recordStyles[recordTypes.EventDispatch] = { title: WebInspector.UIString("Event"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.BeginFrame] = { title: WebInspector.UIString("Frame Start"), category: categories["rendering"] };
|
| - recordStyles[recordTypes.ScheduleStyleRecalculation] = { title: WebInspector.UIString("Schedule Style Recalculation"), category: categories["rendering"] };
|
| - recordStyles[recordTypes.RecalculateStyles] = { title: WebInspector.UIString("Recalculate Style"), category: categories["rendering"] };
|
| - recordStyles[recordTypes.InvalidateLayout] = { title: WebInspector.UIString("Invalidate Layout"), category: categories["rendering"] };
|
| - recordStyles[recordTypes.Layout] = { title: WebInspector.UIString("Layout"), category: categories["rendering"] };
|
| - recordStyles[recordTypes.UpdateLayerTree] = { title: WebInspector.UIString("Update Layer Tree"), category: categories["rendering"] };
|
| - recordStyles[recordTypes.PaintSetup] = { title: WebInspector.UIString("Paint Setup"), category: categories["painting"] };
|
| - recordStyles[recordTypes.Paint] = { title: WebInspector.UIString("Paint"), category: categories["painting"] };
|
| - recordStyles[recordTypes.Rasterize] = { title: WebInspector.UIString("Paint"), category: categories["painting"] };
|
| - recordStyles[recordTypes.ScrollLayer] = { title: WebInspector.UIString("Scroll"), category: categories["rendering"] };
|
| - recordStyles[recordTypes.DecodeImage] = { title: WebInspector.UIString("Image Decode"), category: categories["painting"] };
|
| - recordStyles[recordTypes.ResizeImage] = { title: WebInspector.UIString("Image Resize"), category: categories["painting"] };
|
| - recordStyles[recordTypes.CompositeLayers] = { title: WebInspector.UIString("Composite Layers"), category: categories["painting"] };
|
| - recordStyles[recordTypes.ParseHTML] = { title: WebInspector.UIString("Parse HTML"), category: categories["loading"] };
|
| - recordStyles[recordTypes.TimerInstall] = { title: WebInspector.UIString("Install Timer"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.TimerRemove] = { title: WebInspector.UIString("Remove Timer"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.TimerFire] = { title: WebInspector.UIString("Timer Fired"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.XHRReadyStateChange] = { title: WebInspector.UIString("XHR Ready State Change"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.XHRLoad] = { title: WebInspector.UIString("XHR Load"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.EvaluateScript] = { title: WebInspector.UIString("Evaluate Script"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.ResourceSendRequest] = { title: WebInspector.UIString("Send Request"), category: categories["loading"] };
|
| - recordStyles[recordTypes.ResourceReceiveResponse] = { title: WebInspector.UIString("Receive Response"), category: categories["loading"] };
|
| - recordStyles[recordTypes.ResourceFinish] = { title: WebInspector.UIString("Finish Loading"), category: categories["loading"] };
|
| - recordStyles[recordTypes.FunctionCall] = { title: WebInspector.UIString("Function Call"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.ResourceReceivedData] = { title: WebInspector.UIString("Receive Data"), category: categories["loading"] };
|
| - recordStyles[recordTypes.GCEvent] = { title: WebInspector.UIString("GC Event"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.MarkDOMContent] = { title: WebInspector.UIString("DOMContentLoaded event"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.MarkLoad] = { title: WebInspector.UIString("Load event"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.MarkFirstPaint] = { title: WebInspector.UIString("First paint"), category: categories["painting"] };
|
| - recordStyles[recordTypes.TimeStamp] = { title: WebInspector.UIString("Timestamp"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.ConsoleTime] = { title: WebInspector.UIString("Console Time"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.RequestAnimationFrame] = { title: WebInspector.UIString("Request Animation Frame"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.CancelAnimationFrame] = { title: WebInspector.UIString("Cancel Animation Frame"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.FireAnimationFrame] = { title: WebInspector.UIString("Animation Frame Fired"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.WebSocketCreate] = { title: WebInspector.UIString("Create WebSocket"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.WebSocketSendHandshakeRequest] = { title: WebInspector.UIString("Send WebSocket Handshake"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.WebSocketReceiveHandshakeResponse] = { title: WebInspector.UIString("Receive WebSocket Handshake"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.WebSocketDestroy] = { title: WebInspector.UIString("Destroy WebSocket"), category: categories["scripting"] };
|
| - recordStyles[recordTypes.EmbedderCallback] = { title: WebInspector.UIString("Embedder Callback"), category: categories["scripting"] };
|
| -
|
| - WebInspector.TimelineUIUtils._recordStylesMap = recordStyles;
|
| - return recordStyles;
|
| -}
|
| -
|
| -/**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {!{title: string, category: !WebInspector.TimelineCategory}}
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl.recordStyle = function(record)
|
| -{
|
| - var type = record.type();
|
| - var recordStyles = WebInspector.TimelineUIUtils._initRecordStyles();
|
| - var result = recordStyles[type];
|
| - if (!result) {
|
| - result = {
|
| - title: WebInspector.UIString("Unknown: %s", type),
|
| - category: WebInspector.TimelineUIUtils.categories()["other"]
|
| - };
|
| - recordStyles[type] = result;
|
| - }
|
| - return result;
|
| -}
|
| -
|
| -/**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {string}
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl._recordTitle = function(record)
|
| -{
|
| - var recordData = record.data();
|
| - var title = WebInspector.TimelineUIUtilsImpl.recordStyle(record).title;
|
| - if (record.type() === WebInspector.TimelineModel.RecordType.TimeStamp || record.type() === WebInspector.TimelineModel.RecordType.ConsoleTime)
|
| - return WebInspector.UIString("%s: %s", title, recordData["message"]);
|
| - if (WebInspector.TimelineUIUtilsImpl.isEventDivider(record)) {
|
| - var startTime = Number.millisToString(record.startTime() - record._model.minimumRecordTime());
|
| - return WebInspector.UIString("%s at %s", title, startTime);
|
| - }
|
| - return title;
|
| -}
|
| -
|
| -/**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @return {boolean}
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl.isEventDivider = function(record)
|
| -{
|
| - var recordTypes = WebInspector.TimelineModel.RecordType;
|
| - if (record.type() === recordTypes.TimeStamp)
|
| - return true;
|
| - if (record.type() === recordTypes.MarkFirstPaint)
|
| - return true;
|
| - if (record.type() === recordTypes.MarkDOMContent || record.type() === recordTypes.MarkLoad)
|
| - return record.data()["isMainFrame"];
|
| - return false;
|
| -}
|
| -
|
| -/**
|
| - * @param {!Object} total
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl.aggregateTimeForRecord = function(total, record)
|
| -{
|
| - var children = record.children();
|
| - for (var i = 0; i < children.length; ++i)
|
| - WebInspector.TimelineUIUtilsImpl.aggregateTimeForRecord(total, children[i]);
|
| - var categoryName = WebInspector.TimelineUIUtilsImpl.recordStyle(record).category.name;
|
| - total[categoryName] = (total[categoryName] || 0) + record.selfTime();
|
| -}
|
| -
|
| -/**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @param {!WebInspector.Linkifier} linkifier
|
| - * @return {?Node}
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl.buildDetailsNode = function(record, linkifier)
|
| -{
|
| - var details;
|
| - var detailsText;
|
| - var recordData = record.data();
|
| - switch (record.type()) {
|
| - case WebInspector.TimelineModel.RecordType.GCEvent:
|
| - detailsText = WebInspector.UIString("%s collected", Number.bytesToString(recordData["usedHeapSizeDelta"]));
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.TimerFire:
|
| - detailsText = recordData["timerId"];
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.FunctionCall:
|
| - details = linkifyLocation(recordData["scriptId"], recordData["scriptName"], recordData["scriptLine"], 0);
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.FireAnimationFrame:
|
| - detailsText = recordData["id"];
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.EventDispatch:
|
| - detailsText = recordData ? recordData["type"] : null;
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.Paint:
|
| - var width = WebInspector.TimelineUIUtils.quadWidth(recordData.clip);
|
| - var height = WebInspector.TimelineUIUtils.quadHeight(recordData.clip);
|
| - if (width && height)
|
| - detailsText = WebInspector.UIString("%d\u2009\u00d7\u2009%d", width, height);
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.TimerInstall:
|
| - case WebInspector.TimelineModel.RecordType.TimerRemove:
|
| - details = linkifyTopCallFrame();
|
| - detailsText = recordData["timerId"];
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.RequestAnimationFrame:
|
| - case WebInspector.TimelineModel.RecordType.CancelAnimationFrame:
|
| - details = linkifyTopCallFrame();
|
| - detailsText = recordData["id"];
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.ParseHTML:
|
| - case WebInspector.TimelineModel.RecordType.RecalculateStyles:
|
| - details = linkifyTopCallFrame();
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.EvaluateScript:
|
| - var url = recordData["url"];
|
| - if (url)
|
| - details = linkifyLocation("", url, recordData["lineNumber"], 0);
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.XHRReadyStateChange:
|
| - case WebInspector.TimelineModel.RecordType.XHRLoad:
|
| - case WebInspector.TimelineModel.RecordType.ResourceSendRequest:
|
| - case WebInspector.TimelineModel.RecordType.DecodeImage:
|
| - case WebInspector.TimelineModel.RecordType.ResizeImage:
|
| - var url = recordData["url"];
|
| - if (url)
|
| - detailsText = WebInspector.displayNameForURL(url);
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.ResourceReceivedData:
|
| - case WebInspector.TimelineModel.RecordType.ResourceReceiveResponse:
|
| - case WebInspector.TimelineModel.RecordType.ResourceFinish:
|
| - var initiator = record.initiator();
|
| - if (initiator) {
|
| - var url = initiator.data()["url"];
|
| - if (url)
|
| - detailsText = WebInspector.displayNameForURL(url);
|
| - }
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.ConsoleTime:
|
| - detailsText = recordData["message"];
|
| - break;
|
| - case WebInspector.TimelineModel.RecordType.EmbedderCallback:
|
| - detailsText = recordData["callbackName"];
|
| - break;
|
| - default:
|
| - details = linkifyTopCallFrame();
|
| - break;
|
| - }
|
| -
|
| - if (!details && detailsText)
|
| - details = createTextNode(detailsText);
|
| - return details;
|
| -
|
| - /**
|
| - * @param {string} scriptId
|
| - * @param {string} url
|
| - * @param {number} lineNumber
|
| - * @param {number=} columnNumber
|
| - */
|
| - function linkifyLocation(scriptId, url, lineNumber, columnNumber)
|
| - {
|
| - if (!url)
|
| - return null;
|
| -
|
| - // FIXME(62725): stack trace line/column numbers are one-based.
|
| - columnNumber = columnNumber ? columnNumber - 1 : 0;
|
| - return linkifier.linkifyScriptLocation(record.target(), scriptId, url, lineNumber - 1, columnNumber, "timeline-details");
|
| - }
|
| -
|
| - /**
|
| - * @return {?Element}
|
| - */
|
| - function linkifyTopCallFrame()
|
| - {
|
| - if (record.stackTrace())
|
| - return linkifier.linkifyConsoleCallFrame(record.target(), record.stackTrace()[0], "timeline-details");
|
| - if (record.callSiteStackTrace())
|
| - return linkifier.linkifyConsoleCallFrame(record.target(), record.callSiteStackTrace()[0], "timeline-details");
|
| - return null;
|
| - }
|
| -}
|
| -
|
| -/**
|
| - * @param {string=} recordType
|
| - * @return {boolean}
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl._needsPreviewElement = function(recordType)
|
| -{
|
| - if (!recordType)
|
| - return false;
|
| - const recordTypes = WebInspector.TimelineModel.RecordType;
|
| - switch (recordType) {
|
| - case recordTypes.ResourceSendRequest:
|
| - case recordTypes.ResourceReceiveResponse:
|
| - case recordTypes.ResourceReceivedData:
|
| - case recordTypes.ResourceFinish:
|
| - return true;
|
| - default:
|
| - return false;
|
| - }
|
| -}
|
| -
|
| -/**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @param {!WebInspector.TimelineModel} model
|
| - * @param {!WebInspector.Linkifier} linkifier
|
| - * @param {function(!DocumentFragment)} callback
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl.generateDetailsContent = function(record, model, linkifier, callback)
|
| -{
|
| - var imageElement = /** @type {?Element} */ (record.getUserObject("TimelineUIUtils::preview-element") || null);
|
| - var relatedNode = null;
|
| - var recordData = record.data();
|
| - var barrier = new CallbackBarrier();
|
| - var target = record.target();
|
| - if (!imageElement && WebInspector.TimelineUIUtilsImpl._needsPreviewElement(record.type()) && target)
|
| - WebInspector.DOMPresentationUtils.buildImagePreviewContents(target, recordData["url"], false, barrier.createCallback(saveImage));
|
| - if (recordData["backendNodeId"] && target)
|
| - target.domModel.pushNodesByBackendIdsToFrontend([recordData["backendNodeId"]], barrier.createCallback(setRelatedNode));
|
| - barrier.callWhenDone(callbackWrapper);
|
| -
|
| - /**
|
| - * @param {!Element=} element
|
| - */
|
| - function saveImage(element)
|
| - {
|
| - imageElement = element || null;
|
| - record.setUserObject("TimelineUIUtils::preview-element", element);
|
| - }
|
| -
|
| - /**
|
| - * @param {?Array.<!DOMAgent.NodeId>} nodeIds
|
| - */
|
| - function setRelatedNode(nodeIds)
|
| - {
|
| - if (nodeIds && target)
|
| - relatedNode = target.domModel.nodeForId(nodeIds[0]);
|
| - }
|
| -
|
| - function callbackWrapper()
|
| - {
|
| - callback(WebInspector.TimelineUIUtilsImpl._generateDetailsContentSynchronously(record, model, linkifier, imageElement, relatedNode));
|
| - }
|
| -}
|
| -
|
| -/**
|
| - * @param {!WebInspector.TimelineModel.Record} record
|
| - * @param {!WebInspector.TimelineModel} model
|
| - * @param {!WebInspector.Linkifier} linkifier
|
| - * @param {?Element} imagePreviewElement
|
| - * @param {?WebInspector.DOMNode} relatedNode
|
| - * @return {!DocumentFragment}
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl._generateDetailsContentSynchronously = function(record, model, linkifier, imagePreviewElement, relatedNode)
|
| -{
|
| - var fragment = createDocumentFragment();
|
| - const recordTypes = WebInspector.TimelineModel.RecordType;
|
| -
|
| - // The messages may vary per record.type();
|
| - var callSiteStackTraceLabel;
|
| - var callStackLabel;
|
| - var relatedNodeLabel;
|
| -
|
| - var contentHelper = new WebInspector.TimelineDetailsContentHelper(record.target(), linkifier, true);
|
| - contentHelper.appendTextRow(WebInspector.UIString("Self Time"), Number.millisToString(record.selfTime(), true));
|
| - contentHelper.appendTextRow(WebInspector.UIString("Start Time"), Number.millisToString(record.startTime() - model.minimumRecordTime()));
|
| - var recordData = record.data();
|
| -
|
| - switch (record.type()) {
|
| - case recordTypes.GCEvent:
|
| - contentHelper.appendTextRow(WebInspector.UIString("Collected"), Number.bytesToString(recordData["usedHeapSizeDelta"]));
|
| - break;
|
| - case recordTypes.TimerFire:
|
| - callSiteStackTraceLabel = WebInspector.UIString("Timer installed");
|
| - // Fall-through intended.
|
| -
|
| - case recordTypes.TimerInstall:
|
| - case recordTypes.TimerRemove:
|
| - contentHelper.appendTextRow(WebInspector.UIString("Timer ID"), recordData["timerId"]);
|
| - if (record.type() === recordTypes.TimerInstall) {
|
| - contentHelper.appendTextRow(WebInspector.UIString("Timeout"), Number.millisToString(recordData["timeout"]));
|
| - contentHelper.appendTextRow(WebInspector.UIString("Repeats"), !recordData["singleShot"]);
|
| - }
|
| - break;
|
| - case recordTypes.FireAnimationFrame:
|
| - callSiteStackTraceLabel = WebInspector.UIString("Animation frame requested");
|
| - contentHelper.appendTextRow(WebInspector.UIString("Callback ID"), recordData["id"]);
|
| - break;
|
| - case recordTypes.FunctionCall:
|
| - if (recordData["scriptName"])
|
| - contentHelper.appendLocationRow(WebInspector.UIString("Location"), recordData["scriptName"], recordData["scriptLine"]);
|
| - break;
|
| - case recordTypes.ResourceSendRequest:
|
| - case recordTypes.ResourceReceiveResponse:
|
| - case recordTypes.ResourceReceivedData:
|
| - case recordTypes.ResourceFinish:
|
| - var url;
|
| - if (record.type() === recordTypes.ResourceSendRequest)
|
| - url = recordData["url"];
|
| - else if (record.initiator())
|
| - url = record.initiator().data()["url"];
|
| - if (url)
|
| - contentHelper.appendElementRow(WebInspector.UIString("Resource"), WebInspector.linkifyResourceAsNode(url));
|
| - if (imagePreviewElement)
|
| - contentHelper.appendElementRow(WebInspector.UIString("Preview"), imagePreviewElement);
|
| - if (recordData["requestMethod"])
|
| - contentHelper.appendTextRow(WebInspector.UIString("Request Method"), recordData["requestMethod"]);
|
| - if (typeof recordData["statusCode"] === "number")
|
| - contentHelper.appendTextRow(WebInspector.UIString("Status Code"), recordData["statusCode"]);
|
| - if (recordData["mimeType"])
|
| - contentHelper.appendTextRow(WebInspector.UIString("MIME Type"), recordData["mimeType"]);
|
| - if (recordData["encodedDataLength"])
|
| - contentHelper.appendTextRow(WebInspector.UIString("Encoded Data Length"), WebInspector.UIString("%d Bytes", recordData["encodedDataLength"]));
|
| - break;
|
| - case recordTypes.EvaluateScript:
|
| - var url = recordData["url"];
|
| - if (url)
|
| - contentHelper.appendLocationRow(WebInspector.UIString("Script"), url, recordData["lineNumber"]);
|
| - break;
|
| - case recordTypes.Paint:
|
| - var clip = recordData["clip"];
|
| - contentHelper.appendTextRow(WebInspector.UIString("Location"), WebInspector.UIString("(%d, %d)", clip[0], clip[1]));
|
| - var clipWidth = WebInspector.TimelineUIUtils.quadWidth(clip);
|
| - var clipHeight = WebInspector.TimelineUIUtils.quadHeight(clip);
|
| - contentHelper.appendTextRow(WebInspector.UIString("Dimensions"), WebInspector.UIString("%d × %d", clipWidth, clipHeight));
|
| - // Fall-through intended.
|
| -
|
| - case recordTypes.PaintSetup:
|
| - case recordTypes.Rasterize:
|
| - case recordTypes.ScrollLayer:
|
| - relatedNodeLabel = WebInspector.UIString("Layer root");
|
| - break;
|
| - case recordTypes.DecodeImage:
|
| - case recordTypes.ResizeImage:
|
| - relatedNodeLabel = WebInspector.UIString("Image element");
|
| - var url = recordData["url"];
|
| - if (url)
|
| - contentHelper.appendElementRow(WebInspector.UIString("Image URL"), WebInspector.linkifyResourceAsNode(url));
|
| - break;
|
| - case recordTypes.RecalculateStyles: // We don't want to see default details.
|
| - if (recordData["elementCount"])
|
| - contentHelper.appendTextRow(WebInspector.UIString("Elements affected"), recordData["elementCount"]);
|
| - callStackLabel = WebInspector.UIString("Styles recalculation forced");
|
| - break;
|
| - case recordTypes.Layout:
|
| - if (recordData["dirtyObjects"])
|
| - contentHelper.appendTextRow(WebInspector.UIString("Nodes that need layout"), recordData["dirtyObjects"]);
|
| - if (recordData["totalObjects"])
|
| - contentHelper.appendTextRow(WebInspector.UIString("Layout tree size"), recordData["totalObjects"]);
|
| - if (typeof recordData["partialLayout"] === "boolean") {
|
| - contentHelper.appendTextRow(WebInspector.UIString("Layout scope"),
|
| - recordData["partialLayout"] ? WebInspector.UIString("Partial") : WebInspector.UIString("Whole document"));
|
| - }
|
| - callSiteStackTraceLabel = WebInspector.UIString("Layout invalidated");
|
| - callStackLabel = WebInspector.UIString("Layout forced");
|
| - relatedNodeLabel = WebInspector.UIString("Layout root");
|
| - break;
|
| - case recordTypes.ConsoleTime:
|
| - contentHelper.appendTextRow(WebInspector.UIString("Message"), recordData["message"]);
|
| - break;
|
| - case recordTypes.WebSocketCreate:
|
| - case recordTypes.WebSocketSendHandshakeRequest:
|
| - case recordTypes.WebSocketReceiveHandshakeResponse:
|
| - case recordTypes.WebSocketDestroy:
|
| - var initiatorData = record.initiator() ? record.initiator().data() : recordData;
|
| - if (typeof initiatorData["webSocketURL"] !== "undefined")
|
| - contentHelper.appendTextRow(WebInspector.UIString("URL"), initiatorData["webSocketURL"]);
|
| - if (typeof initiatorData["webSocketProtocol"] !== "undefined")
|
| - contentHelper.appendTextRow(WebInspector.UIString("WebSocket Protocol"), initiatorData["webSocketProtocol"]);
|
| - if (typeof recordData["message"] !== "undefined")
|
| - contentHelper.appendTextRow(WebInspector.UIString("Message"), recordData["message"]);
|
| - break;
|
| - case recordTypes.EmbedderCallback:
|
| - contentHelper.appendTextRow(WebInspector.UIString("Callback Function"), recordData["callbackName"]);
|
| - break;
|
| - default:
|
| - var detailsNode = WebInspector.TimelineUIUtilsImpl.buildDetailsNode(record, linkifier);
|
| - if (detailsNode)
|
| - contentHelper.appendElementRow(WebInspector.UIString("Details"), detailsNode);
|
| - break;
|
| - }
|
| -
|
| - if (relatedNode)
|
| - contentHelper.appendElementRow(relatedNodeLabel || WebInspector.UIString("Related node"), WebInspector.DOMPresentationUtils.linkifyNodeReference(relatedNode));
|
| -
|
| - if (recordData["scriptName"] && record.type() !== recordTypes.FunctionCall)
|
| - contentHelper.appendLocationRow(WebInspector.UIString("Function Call"), recordData["scriptName"], recordData["scriptLine"]);
|
| - var callSiteStackTrace = record.callSiteStackTrace();
|
| - if (callSiteStackTrace)
|
| - contentHelper.appendStackTrace(callSiteStackTraceLabel || WebInspector.UIString("Call Site stack"), callSiteStackTrace);
|
| - var recordStackTrace = record.stackTrace();
|
| - if (recordStackTrace)
|
| - contentHelper.appendStackTrace(callStackLabel || WebInspector.UIString("Call Stack"), recordStackTrace);
|
| -
|
| - if (record.warnings()) {
|
| - var ul = createElement("ul");
|
| - for (var i = 0; i < record.warnings().length; ++i)
|
| - ul.createChild("li").textContent = record.warnings()[i];
|
| - contentHelper.appendElementRow(WebInspector.UIString("Warning"), ul);
|
| - }
|
| - fragment.appendChild(contentHelper.element);
|
| -
|
| - var aggregatedStats = {};
|
| - WebInspector.TimelineUIUtilsImpl.aggregateTimeForRecord(aggregatedStats, record);
|
| - if (record.children().length)
|
| - fragment.appendChild(WebInspector.TimelineUIUtils.generatePieChart(aggregatedStats, WebInspector.TimelineUIUtilsImpl.recordStyle(record).category, record.selfTime()));
|
| - else
|
| - fragment.appendChild(WebInspector.TimelineUIUtils.generatePieChart(aggregatedStats));
|
| -
|
| - return fragment;
|
| -}
|
| -
|
| -/**
|
| - * @param {string} recordType
|
| - * @param {string=} title
|
| - * @return {!Element}
|
| - */
|
| -WebInspector.TimelineUIUtilsImpl._createEventDivider = function(recordType, title)
|
| -{
|
| - var eventDivider = createElement("div");
|
| - eventDivider.className = "resources-event-divider";
|
| - var recordTypes = WebInspector.TimelineModel.RecordType;
|
| -
|
| - if (recordType === recordTypes.MarkDOMContent)
|
| - eventDivider.className += " resources-blue-divider";
|
| - else if (recordType === recordTypes.MarkLoad)
|
| - eventDivider.className += " resources-red-divider";
|
| - else if (recordType === recordTypes.MarkFirstPaint)
|
| - eventDivider.className += " resources-green-divider";
|
| - else if (recordType === recordTypes.TimeStamp)
|
| - eventDivider.className += " resources-orange-divider";
|
| - else if (recordType === recordTypes.BeginFrame)
|
| - eventDivider.className += " timeline-frame-divider";
|
| -
|
| - if (title)
|
| - eventDivider.title = title;
|
| -
|
| - return eventDivider;
|
| -}
|
|
|