Devtools: [WIP] Implement enhanced devtools extension language APIs

Source/devtools/front_end/source_frame/TextEditorAutocompleteController.js

 // Copyright (c) 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
  * @implements {WebInspector.SuggestBoxDelegate}
  * @param {!WebInspector.CodeMirrorTextEditor} textEditor
  * @param {!CodeMirror} codeMirror
  */
@@ skipping 108 matching lines @@
         var cursor = this._codeMirror.getCursor("head");
         var substituteRange = this._delegate.substituteRange(this._textEditor, cursor.line, cursor.ch);
         if (!substituteRange || !this._validateSelectionsContexts(substituteRange)) {
             this.finishAutocomplete();
             return;
         }
 
         var prefixRange = substituteRange.clone();
         prefixRange.endColumn = cursor.ch;
 
+        var oldPrefixRange = this._prefixRange;

[pfeldman, 2015/08/13 21:15:47]

Language support needs to be added outside of this layer as well.

[wes, 2015/08/14 00:55:05]

So if not in source_frame then in sources? (I suppose UISourceCodeFrame?)

Right now UISourceCodeFrame uses WebInspector.SimpleAutocompleteDelegate (from
source_frame)
which means I'd end up subclassing WebInspector.TextEditorAutocompleteDelegate
and... ugh, the
TextEditorAutocompleteDelegate interface will need changing. wordsWithPrefix
needs to be async 
_and_ it needs to be able to return both the completions list and the list of
thunks for the details
of those completions. :welp:

[pfeldman, 2015/08/17 21:15:52]

Let me talk to lushnikov@ about the way we should refactor it.

[wes, 2015/08/25 18:13:18]

Any progress on this?

+        this._prefixRange = prefixRange;
+
+        var prefix = this._textEditor.copyRange(prefixRange);
+
+        if (!oldPrefixRange || prefixRange.startLine !== oldPrefixRange.startLine || prefixRange.startColumn !== oldPrefixRange.startColumn)
+            this._updateAnchorBox();
+
+        var sourceUrl = this._textEditor.url;
+        if (sourceUrl) {
+            var mime = this._textEditor.getMimeType();
+            var completionLocation = {
+                source: sourceUrl,
+                line: /** @type {number} */ (cursor.line),
+                column: /** @type {number} */ (cursor.ch)
+            };
+
+            if (WebInspector.languageService.handles.completions(mime)) {
+                var anchor = this._anchorBox; //This can be removed by other calls to _updateAnchorBox, keep it for us
+
+                /**
+                 * @this {!WebInspector.TextEditorAutocompleteController}
+                 */
+                function completionsReadyCallback(completions) {
+                    var texts = completions.map(function(i){ return i.text; });
+                    var details = completions.map(function(i){ return i.details; });
+                    if (!this._suggestBox)
+                        this._suggestBox = new WebInspector.SuggestBox(this, 6);
+
+                    this._suggestBox.updateSuggestions(anchor, texts, 0, true, prefix, details);
+                    if (!this._suggestBox.visible())
+                        this.finishAutocomplete();
+                    this._onSuggestionsShownForTest(texts);
+                }
+
+                var lastCompletion = this._lastCompletion = WebInspector.languageService.completions(mime, completionLocation, prefix).then((function(vals) {
+                    if (lastCompletion !== this._lastCompletion) return;
+                    if (!vals) {
+                        completionsReadyCallback.call(this, []);
+                        return;
+                    }
+                    completionsReadyCallback.call(this, vals);
+                }).bind(this));
+                return;
+            }
+        }
+
         var wordsWithPrefix = this._delegate.wordsWithPrefix(this._textEditor, prefixRange, substituteRange);
         if (!wordsWithPrefix.length) {
             this.finishAutocomplete();
             return;
         }
 
         if (!this._suggestBox)
             this._suggestBox = new WebInspector.SuggestBox(this, 6);
-        var oldPrefixRange = this._prefixRange;
-        this._prefixRange = prefixRange;
-        if (!oldPrefixRange || prefixRange.startLine !== oldPrefixRange.startLine || prefixRange.startColumn !== oldPrefixRange.startColumn)
-            this._updateAnchorBox();
-        this._suggestBox.updateSuggestions(this._anchorBox, wordsWithPrefix, 0, true, this._textEditor.copyRange(prefixRange));
+        this._suggestBox.updateSuggestions(this._anchorBox, wordsWithPrefix, 0, true, prefix);
         if (!this._suggestBox.visible())
             this.finishAutocomplete();
         this._onSuggestionsShownForTest(wordsWithPrefix);
     },
 
     /**
      * @param {!Array.<string>} suggestions
      */
     _onSuggestionsShownForTest: function(suggestions) { },
 
@@ skipping 35 matching lines @@
     applySuggestion: function(suggestion, isIntermediateSuggestion)
     {
         this._currentSuggestion = suggestion;
     },
 
     /**
      * @override
      */
     acceptSuggestion: function()
     {
+        if (!this._prefixRange)
+            return;
+
         if (this._prefixRange.endColumn - this._prefixRange.startColumn === this._currentSuggestion.length)
             return;
 
         var selections = this._codeMirror.listSelections().slice();
         var prefixLength = this._prefixRange.endColumn - this._prefixRange.startColumn;
         for (var i = selections.length - 1; i >= 0; --i) {
             var start = selections[i].head;
             var end = new CodeMirror.Pos(start.line, start.ch - prefixLength);
             this._codeMirror.replaceRange(this._currentSuggestion, start, end, "+autocomplete");
         }
@@ skipping 10 matching lines @@
         if (cursor.line < topmostLineNumber || cursor.line > bottomLine)
             this.finishAutocomplete();
         else {
             this._updateAnchorBox();
             this._suggestBox.setPosition(this._anchorBox);
         }
     },
 
     _onCursorActivity: function()
     {
-        if (!this._suggestBox)
+        if (!(this._suggestBox && this._prefixRange))
             return;
         var cursor = this._codeMirror.getCursor();
         if (cursor.line !== this._prefixRange.startLine || cursor.ch > this._prefixRange.endColumn || cursor.ch <= this._prefixRange.startColumn)
             this.finishAutocomplete();
     },
 
     _updateAnchorBox: function()
     {
+        if (!this._prefixRange) return;
         var line = this._prefixRange.startLine;
         var column = this._prefixRange.startColumn;
         var metrics = this._textEditor.cursorPositionToCoordinates(line, column);
         this._anchorBox = metrics ? new AnchorBox(metrics.x, metrics.y, 0, metrics.height) : null;
     },
 }
 
 /**
  * @interface
  */
@@ skipping 94 matching lines @@
         {
             return dictionary.wordCount(b) - dictionary.wordCount(a) || a.length - b.length;
         }
 
         function excludeFilter(excludeWord, word)
         {
             return word !== excludeWord;
         }
     }
 }