Devtools: API To set the red/yellow squiggles for a file via DI

third_party/WebKit/Source/devtools/front_end/source_frame/SourceFrame.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 588 matching lines @@
         var messageBucket = this._rowMessageBuckets[lineNumber];
         if (!messageBucket)
             return;
         messageBucket.removeMessage(message);
         if (!messageBucket.uniqueMessagesCount()) {
             messageBucket.detachFromEditor();
             delete this._rowMessageBuckets[lineNumber];
         }
     },
 
+    /**
+     * @param {!Array<!WebInspector.SourceFrameMessage>} messages
+     */
+    setMessagesForSource: function(messages)
+    {
+        this.clearMessages();

[pfeldman, 2015/10/26 18:08:49]

We should allow for concurrent error messages, you should not clear existing
ones.

[wes, 2015/10/26 22:16:32]

Acknowledged.

+        for (var index = 0; index < messages.length; index++) {
+            var message = messages[index];
+            this.addMessageToSource(message);
+        }
+    },
+
     populateLineGutterContextMenu: function(contextMenu, lineNumber)
     {
     },
 
     populateTextAreaContextMenu: function(contextMenu, lineNumber, columnNumber)
     {
     },
 
     /**
      * @param {?WebInspector.TextRange} from
@@ skipping 64 matching lines @@
             e.consume(true);
     },
 
     __proto__: WebInspector.VBox.prototype
 }
 
 /**
  * @constructor
  * @param {string} messageText
  * @param {!WebInspector.SourceFrameMessage.Level} level
- * @param {number} lineNumber
- * @param {number=} columnNumber
+ * @param {!WebInspector.TextRange} range
  */
-WebInspector.SourceFrameMessage = function(messageText, level, lineNumber, columnNumber)
+WebInspector.SourceFrameMessage = function(messageText, level, range)
 {
     this._messageText = messageText;
     this._level = level;
-    this._lineNumber = lineNumber;
-    this._columnNumber = columnNumber;
+    this._range = range;
 }
 
 /**
  * @enum {string}
  */
 WebInspector.SourceFrameMessage.Level = {
     Error: "Error",
     Warning: "Warning"
 }
 
 /**
  * @param {!WebInspector.ConsoleMessage} consoleMessage
  * @param {number} lineNumber
  * @param {number} columnNumber
  * @return {!WebInspector.SourceFrameMessage}
  */
 WebInspector.SourceFrameMessage.fromConsoleMessage = function(consoleMessage, lineNumber, columnNumber)
 {
     console.assert(consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.Error || consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.Warning);
     var level = consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.Error ? WebInspector.SourceFrameMessage.Level.Error : WebInspector.SourceFrameMessage.Level.Warning;
-    return new WebInspector.SourceFrameMessage(consoleMessage.messageText, level, lineNumber, columnNumber);
+    var location = new WebInspector.TextRange(lineNumber, columnNumber, lineNumber, columnNumber);
+    return new WebInspector.SourceFrameMessage(consoleMessage.messageText, level, location);
 }
 
 WebInspector.SourceFrameMessage.prototype = {
     /**
      * @return {string}
      */
     messageText: function()
     {
         return this._messageText;
     },
 
     /**
      * @return {!WebInspector.SourceFrameMessage.Level}
      */
     level: function()
     {
         return this._level;
     },
 
     /**
+     * @return {!WebInspector.TextRange}
+     */
+    range: function()
+    {
+        return this._range;
+    },
+
+    /**
      * @return {number}
      */
     lineNumber: function()

[pfeldman, 2015/10/26 18:08:49]

We can not remove these in favor of the one above.

[wes, 2015/10/26 22:16:32]

Is there an action for me on this comment, or is this just a remark for
posterity saying you understand why it's still here?

     {
-        return this._lineNumber;
+        return this._range.startLine;
     },
 
     /**
      * @return {(number|undefined)}
      */
     columnNumber: function()

[pfeldman, 2015/10/26 18:08:49]

We can not remove these in favor of the one above.

[wes, 2015/10/26 22:16:32]

Same as above?

     {
-        return this._columnNumber;
+        return this._range.startColumn;
     },
 
     /**
      * @param {!WebInspector.SourceFrameMessage} another
      * @return {boolean}
      */
     isEqual: function(another)
     {
-        return this.messageText() === another.messageText() && this.level() === another.level() && this.lineNumber() === another.lineNumber() && this.columnNumber() === another.columnNumber();
+        return  this.messageText() === another.messageText() &&

[pfeldman, 2015/10/26 18:08:49]

poor formatting.

[wes, 2015/10/26 22:16:32]

Acknowledged.

+                this.level() === another.level() &&
+                this.range().equal(another.range());
     }
 }
 
 WebInspector.SourceFrame._iconClassPerLevel = {};
 WebInspector.SourceFrame._iconClassPerLevel[WebInspector.SourceFrameMessage.Level.Error] = "error-icon";
 WebInspector.SourceFrame._iconClassPerLevel[WebInspector.SourceFrameMessage.Level.Warning] = "warning-icon";
 
 WebInspector.SourceFrame._lineClassPerLevel = {};
 WebInspector.SourceFrame._lineClassPerLevel[WebInspector.SourceFrameMessage.Level.Error] = "text-editor-line-with-error";
 WebInspector.SourceFrame._lineClassPerLevel[WebInspector.SourceFrameMessage.Level.Warning] = "text-editor-line-with-warning";
@@ skipping 84 matching lines @@
      */
     _updateWavePosition: function(lineNumber, columnNumber)
     {
         lineNumber = Math.min(lineNumber, this._textEditor.linesCount - 1);
         var lineText = this._textEditor.line(lineNumber);
         columnNumber = Math.min(columnNumber, lineText.length);
         var lineIndent = WebInspector.TextUtils.lineIndent(lineText).length;
         var base = this._textEditor.cursorPositionToCoordinates(lineNumber, 0);
 
         var start = this._textEditor.cursorPositionToCoordinates(lineNumber, Math.max(columnNumber - 1, lineIndent));
+        if (!start)
+            return; //stale data - columnNumber is already gone, wait for future update and for UI to settle
         var end = this._textEditor.cursorPositionToCoordinates(lineNumber, lineText.length);
         /** @const */
         var codeMirrorLinesLeftPadding = 4;
         this._wave.style.left = (start.x - base.x + codeMirrorLinesLeftPadding) + "px";
         this._wave.style.width = (end.x - start.x) + "px";
     },
 
     /**
      * @return {!Element}
      */
@@ skipping 171 matching lines @@
 
 /**
  * @param {!WebInspector.SourceFrameMessage} a
  * @param {!WebInspector.SourceFrameMessage} b
  * @return {number}
  */
 WebInspector.SourceFrameMessage.messageLevelComparator = function(a, b)
 {
     return WebInspector.SourceFrameMessage._messageLevelPriority[a.level()] - WebInspector.SourceFrameMessage._messageLevelPriority[b.level()];
 }