DevTools: Substring autocomplete in Console and StylesSideBar.

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 2870 matching lines @@
     return this._cssCompletions.indexOf(word) !== -1;
   }
 
   /**
    * @param {!Element} proxyElement
    * @param {!Range} wordRange
    * @param {boolean} force
    * @param {function(!Array.<string>, number=)} completionsReadyCallback
    */
   _buildPropertyCompletions(proxyElement, wordRange, force, completionsReadyCallback) {
-    var prefix = wordRange.toString().toLowerCase();
-    if (!prefix && !force && (this._isEditingName || proxyElement.textContent.length)) {
+    var query = wordRange.toString().toLowerCase();
+    if (!query && !force && (this._isEditingName || proxyElement.textContent.length)) {
       completionsReadyCallback([]);
       return;
     }
 
-    var results = this._cssCompletions.filter(completion => completion.startsWith(prefix));
-    if (!this._isEditingName && !results.length && prefix.length > 1 && '!important'.startsWith(prefix))
+    var prefixResults = [];
+    var anywhereResults = [];
+    this._cssCompletions.forEach(filterCompletions);
+    var results = prefixResults.concat(anywhereResults);
+
+    if (!this._isEditingName && !results.length && query.length > 1 && '!important'.startsWith(query))
       results.push('!important');
     var userEnteredText = wordRange.toString().replace('-', '');
     if (userEnteredText && (userEnteredText === userEnteredText.toUpperCase())) {
       for (var i = 0; i < results.length; ++i)
         results[i] = results[i].toUpperCase();
     }
-    var selectedIndex = this._isEditingName ? WebInspector.cssMetadata().mostUsedProperty(results) : 0;
+    var selectedIndex = this._isEditingName ? WebInspector.cssMetadata().mostUsedProperty(prefixResults) : 0;
     completionsReadyCallback(results, selectedIndex);
+
+    /**
+     * @param {string} completion
+     */
+    function filterCompletions(completion) {
+      var index = completion.indexOf(query);
+      if (index === 0)
+        prefixResults.push(completion);
+      else if (index > -1)
+        anywhereResults.push(completion);
+    }
   }
 };
 
 /**
  * @unrestricted
  */
 WebInspector.StylesSidebarPropertyRenderer = class {
   /**
    * @param {?WebInspector.CSSRule} rule
    * @param {?WebInspector.DOMNode} node
@@ skipping 136 matching lines @@
   }
 
   /**
    * @override
    * @return {!WebInspector.ToolbarItem}
    */
   item() {
     return this._button;
   }
 };