DevTools: Initial implementation of line-level CPU profile.

third_party/WebKit/Source/devtools/front_end/workspace/UISourceCode.js

 /*
  * Copyright (C) 2011 Google 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.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 34 matching lines @@
     var pathComponents = WebInspector.ParsedURL.splitURLIntoPathComponents(url);
     this._origin = pathComponents[0];
     this._parentURL = pathComponents.slice(0, -1).join("/");
     this._name = pathComponents[pathComponents.length - 1];
 
     this._contentType = contentType;
     /** @type {?function(?string)} */
     this._requestContentCallback = null;
     /** @type {?Promise<?string>} */
     this._requestContentPromise = null;
+    /** @type {?Array<!WebInspector.UISourceCode.LineMarker>} */
+    this._lineMarkers = null;
 
     /** @type {!Array.<!WebInspector.Revision>} */
     this.history = [];
     this._hasUnsavedCommittedChanges = false;
 
     /** @type {!Array<!WebInspector.UISourceCode.Message>} */
     this._messages = [];
 }
 
 /**
  * @enum {string}
  */
 WebInspector.UISourceCode.Events = {
     WorkingCopyChanged: "WorkingCopyChanged",
     WorkingCopyCommitted: "WorkingCopyCommitted",
     TitleChanged: "TitleChanged",
     SourceMappingChanged: "SourceMappingChanged",
     MessageAdded: "MessageAdded",
     MessageRemoved: "MessageRemoved",
+    LineMarkersChanged: "LineMarkersChanged"

[pfeldman, 2016/03/02 19:48:59]

MarkersChanged

[alph, 2016/03/03 02:02:52]

Acknowledged.

 }
 
 WebInspector.UISourceCode.prototype = {
     /**
      * @return {string}
      */
     name: function()
     {
         return this._name;
     },
@@ skipping 553 matching lines @@
     },
 
     removeAllMessages: function()
     {
         var messages = this._messages;
         this._messages = [];
         for (var message of messages)
             this.dispatchEventToListeners(WebInspector.UISourceCode.Events.MessageRemoved, message);
     },
 
+    /**
+     * @param {number} lineNumber
+     * @param {function(number):!{text:string, color:string}} decorator
+     */
+    addLineMarker: function(lineNumber, decorator)

[pfeldman, 2016/03/02 19:48:59]

Decorator is from the UI world, while the marker is from the SDK world. You
should only add model-level marker info here:

addLineMarker: function(lineNumber, typeString, opaqueMarkerObject);

[alph, 2016/03/03 02:02:52]

Done.

+    {
+        if (!this._lineMarkers)
+            this._lineMarkers = [];

[pfeldman, 2016/03/02 19:48:59]

Bucket by type?

[alph, 2016/03/03 02:02:52]

Done.

+        var marker = new WebInspector.UISourceCode.LineMarker(lineNumber, decorator);
+        this._lineMarkers.push(marker);

[pfeldman, 2016/03/02 19:48:59]

There should be a way to fetch markers by type.

[alph, 2016/03/03 02:02:52]

Done.

+        // Batch LineMarkersChanged events.
+        if (this._lineMarkersChanged)
+            return;
+        this._lineMarkersChanged = true;
+        setImmediate(() => {
+            this._lineMarkersChanged = false;
+            this.dispatchEventToListeners(WebInspector.UISourceCode.Events.LineMarkersChanged);

[pfeldman, 2016/03/02 19:48:59]

pass  typeString as the data so that you were not waking unrelated modules.

[alph, 2016/03/03 02:02:52]

Done.

+        });
+    },
+
+    removeAllLineMarkers: function()

[pfeldman, 2016/03/02 19:48:59]

There should be a way to clear all "message" markers or all "performance"
markers (by category.

[alph, 2016/03/03 02:02:52]

Done.

+    {
+        this._lineMarkers = null;
+        this.dispatchEventToListeners(WebInspector.UISourceCode.Events.LineMarkersChanged);
+    },
+
+    /**
+     * @return {?Array<!WebInspector.UISourceCode.LineMarker>}
+     */
+    lineMarkers: function()
+    {
+        return this._lineMarkers;
+    },
+
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  * @param {!WebInspector.UISourceCode} uiSourceCode
  * @param {number} lineNumber
  * @param {number} columnNumber
  */
 WebInspector.UILocation = function(uiSourceCode, lineNumber, columnNumber)
@@ skipping 173 matching lines @@
      * @return {string}
      */
     text: function()
     {
         return this._text;
     },
 
     /**
      * @return {!WebInspector.TextRange}
      */
-    range: function() {
+    range: function()
+    {
         return this._range;
     },
 
     /**
      * @return {number}
      */
     lineNumber: function()
     {
         return this._range.startLine;
     },
@@ skipping 13 matching lines @@
     isEqual: function(another)
     {
         return this._uiSourceCode === another._uiSourceCode && this.text() === another.text() && this.level() === another.level() && this.range().equal(another.range());
     },
 
     remove: function()
     {
         this._uiSourceCode.removeMessage(this);
     }
 }
+
+/**
+ * @constructor
+ * @param {number} line
+ * @param {function(number):!{text:string, color:string}} decorator
+ */
+WebInspector.UISourceCode.LineMarker = function(line, decorator)

[pfeldman, 2016/03/02 19:48:59]

You will only have line and opaque object here, no methods required.

[alph, 2016/03/03 02:02:52]

Done.

+{
+    this._line = line;
+    this._decorator = decorator;
+}
+
+WebInspector.UISourceCode.LineMarker.prototype = {
+    /**
+     * @return {number}
+     */
+    line: function()
+    {
+        return this._line;
+    },
+
+    /**
+     * @return {string}
+     */
+    text: function()
+    {
+        return this._decorator(this._line).text;
+    },
+
+    /**
+     * @return {string}
+     */
+    color: function()
+    {
+        return this._decorator(this._line).color;
+    }
+}