[Devtools] JSONView implements Searchable interface

third_party/WebKit/Source/devtools/front_end/components/ObjectPropertiesSection.js

 /*
  * Copyright (C) 2008 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.
  * 2. Redistributions in binary form must reproduce the above copyright
@@ skipping 195 matching lines @@
  * @param {!WebInspector.RemoteObjectProperty} property
  */
 WebInspector.ObjectPropertyTreeElement = function(property)
 {
     this.property = property;
 
     // Pass an empty title, the title gets made later in onattach.
     TreeElement.call(this);
     this.toggleOnClick = true;
     this.selectable = false;
+    this._highlightChanges = [];
 }
 
 WebInspector.ObjectPropertyTreeElement.prototype = {
+    /**
+     * @param {!RegExp} regex
+     * @param {string=} additionalCssClassName
+     * @return {boolean}
+     */
+    setSearchRegex: function(regex, additionalCssClassName) {

[lushnikov, 2016/04/26 19:22:03]

Just to make sure: some time ago you planned to introduce similar API to the
TreeElement class. Whenever it will be done, these methods will override the
ones from treelement?

[allada, 2016/04/27 21:19:57]

The patch you are referring to was rolled back and we decided to go a different
route, so right now they do not interact with each other.

+        var cssClasses = WebInspector.highlightedSearchResultClassName;
+        if (additionalCssClassName)
+            cssClasses += " " + additionalCssClassName;
+        this.revertHighlightChanges();
+
+        this._applySearch(regex, this.nameElement, cssClasses);
+        var valueType = this.property.value.type;
+        if (valueType !== "object" && valueType !== "array")
+            this._applySearch(regex, this.valueElement, cssClasses);
+
+        return !!this._highlightChanges.length;
+    },
+
+    /**
+     * @param {!RegExp} regex
+     * @param {!Element} element
+     * @param {string} cssClassName
+     */
+    _applySearch: function(regex, element, cssClassName)
+    {
+        var ranges = [];
+        var content = element.textContent;
+        regex.lastIndex = 0;
+        var match = regex.exec(content);
+        while (match) {
+            ranges.push(new WebInspector.SourceRange(match.index, match[0].length));
+            match = regex.exec(content);
+        }
+        if (ranges.length)
+            WebInspector.highlightRangesWithStyleClass(element, ranges, cssClassName, this._highlightChanges);
+    },
+
+    revertHighlightChanges: function()
+    {
+        WebInspector.revertDomChanges(this._highlightChanges);
+        this._highlightChanges = [];
+    },
+
     onpopulate: function()
     {
         var propertyValue = /** @type {!WebInspector.RemoteObject} */ (this.property.value);
         console.assert(propertyValue);
         var skipProto = this.treeOutline ? this.treeOutline._skipProto : true;
         var targetValue = this.property.name !== "__proto__" ? propertyValue : this.property.parentObject;
         WebInspector.ObjectPropertyTreeElement._populate(this, propertyValue, skipProto, undefined, undefined, undefined, targetValue);
     },
 
     /**
@@ skipping 1109 matching lines @@
 
             result = currentName + (result ? "." + result : "");
             current = current.parent;
         }
         var treeOutlineId = treeElement.treeOutline[WebInspector.ObjectPropertiesSectionExpandController._treeOutlineId];
         result = treeOutlineId + (result ? ":" + result : "");
         treeElement[WebInspector.ObjectPropertiesSectionExpandController._cachedPathSymbol] = result;
         return result;
     }
 }