DevTools: Add initiator field to timeline network events

third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 238 matching lines @@
     var title = WebInspector.TimelineUIUtils.eventStyle(event).title;
     if (event.hasCategory(WebInspector.TimelineModel.Category.Console))
         return title;
     if (event.name === WebInspector.TimelineModel.RecordType.TimeStamp)
         return WebInspector.UIString("%s: %s", title, event.args["data"]["message"]);
     if (event.name === WebInspector.TimelineModel.RecordType.Animation && event.args["data"] && event.args["data"]["name"])
         return WebInspector.UIString("%s: %s", title, event.args["data"]["name"]);
     return title;
 }
 
+/**
+ * @param {!WebInspector.TracingModel.Event} event
+ * @return {?string}
+ */
+WebInspector.TimelineUIUtils.eventURL = function(event)
+{
+    if (event.url)
+        return event.url;
+    var data = event.args["data"] || event.args["beginData"];
+    return data && data.url || null;
+}
 
 /**
  * !Map<!WebInspector.TimelineIRModel.Phases, !{color: string, label: string}>
  */
 WebInspector.TimelineUIUtils._interactionPhaseStyles = function()
 {
     var map = WebInspector.TimelineUIUtils._interactionPhaseStylesMap;
     if (!map) {
          map = new Map([
             [WebInspector.TimelineIRModel.Phases.Idle, {color: "white", label: "Idle"}],
@@ skipping 699 matching lines @@
         childrenTime += Math.min(endTime, child.endTime()) - Math.max(startTime, child.startTime());
         WebInspector.TimelineUIUtils._collectAggregatedStatsForRecord(child, startTime, endTime, aggregatedStats);
     }
     var categoryName = WebInspector.TimelineUIUtils.categoryForRecord(record).name;
     var ownTime = Math.min(endTime, record.endTime()) - Math.max(startTime, record.startTime()) - childrenTime;
     aggregatedStats[categoryName] = (aggregatedStats[categoryName] || 0) + ownTime;
 }
 
 /**
  * @param {!WebInspector.TimelineModel.NetworkRequest} request
- * @return {!Array<!{title: string, value: (string|!Element)}>}
- */
-WebInspector.TimelineUIUtils.buildNetworkRequestInfo = function(request)
-{
-    var duration = request.endTime - (request.startTime || -Infinity);
-    var items = [];
-    if (request.url)
-        items.push({ title: WebInspector.UIString("URL"), value: WebInspector.linkifyURLAsNode(request.url) });
-    if (isFinite(duration))
-        items.push({ title: WebInspector.UIString("Duration"), value: Number.millisToString(duration, true) });
-    if (request.requestMethod)
-        items.push({ title: WebInspector.UIString("Request Method"), value: request.requestMethod });
-    if (typeof request.priority === "string") {
-        var priority = WebInspector.uiLabelForPriority(/** @type {!NetworkAgent.ResourcePriority} */ (request.priority));
-        items.push({ title: WebInspector.UIString("Priority"), value: priority });
-    }
-    if (request.mimeType)
-        items.push({ title: WebInspector.UIString("Mime Type"), value: request.mimeType });
-    return items;
-}
-
-/**
- * @param {!WebInspector.TimelineModel.NetworkRequest} request
  * @param {!WebInspector.TimelineModel} model
  * @param {!WebInspector.Linkifier} linkifier
  * @return {!Promise<!DocumentFragment>}
  */
 WebInspector.TimelineUIUtils.buildNetworkRequestDetails = function(request, model, linkifier)
 {
     var target = model.target();
     var contentHelper = new WebInspector.TimelineDetailsContentHelper(target, linkifier);
 
-    var info = WebInspector.TimelineUIUtils.buildNetworkRequestInfo(request);
-    for (var item of info) {
-        if (typeof item.value === "string")
-            contentHelper.appendTextRow(item.title, item.value);
-        else
-            contentHelper.appendElementRow(item.title, item.value);
+    var duration = request.endTime - (request.startTime || -Infinity);
+    var items = [];
+    if (request.url)
+        contentHelper.appendElementRow(WebInspector.UIString("URL"), WebInspector.linkifyURLAsNode(request.url));
+    if (isFinite(duration))
+        contentHelper.appendTextRow(WebInspector.UIString("Duration"), Number.millisToString(duration, true));
+    if (request.requestMethod)
+        contentHelper.appendTextRow(WebInspector.UIString("Request Method"), request.requestMethod);
+    if (typeof request.priority === "string") {
+        var priority = WebInspector.uiLabelForPriority(/** @type {!NetworkAgent.ResourcePriority} */ (request.priority));
+        contentHelper.appendTextRow(WebInspector.UIString("Priority"), priority);
+    }
+    if (request.mimeType)
+        contentHelper.appendTextRow(WebInspector.UIString("Mime Type"), request.mimeType);
+
+    var title = WebInspector.UIString("Initiator");
+    var sendRequest = request.children[0];
+    var topFrame = WebInspector.TimelineUIUtils.topStackFrame(sendRequest);
+    if (topFrame) {
+        contentHelper.appendElementRow(title, linkifier.linkifyConsoleCallFrame(target, topFrame));
+    } else if (sendRequest.initiator) {
+        var initiatorURL = WebInspector.TimelineUIUtils.eventURL(sendRequest.initiator);
+        if (initiatorURL)
+            contentHelper.appendElementRow(title, linkifier.linkifyScriptLocation(target, null, initiatorURL, 0));
     }
 
     /**
      * @param {function(?Element)} fulfill
      */
     function action(fulfill)
     {
         WebInspector.DOMPresentationUtils.buildImagePreviewContents(/** @type {!WebInspector.Target} */(target), request.url, false, saveImage);
         /**
          * @param {!Element=} element
@@ skipping 1131 matching lines @@
     case warnings.V8Deopt:
         span.appendChild(WebInspector.linkifyURLAsNode("https://github.com/GoogleChrome/devtools-docs/issues/53",
             WebInspector.UIString("Not optimized"), undefined, true));
         span.createTextChild(WebInspector.UIString(": %s", eventData["deoptReason"]));
         break;
     default:
         console.assert(false, "Unhandled TimelineModel.WarningType");
     }
     return span;
 }