[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}
+     */
+    applyHighlight: function(regex, additionalCssClassName) {

[lushnikov, 2016/04/22 19:43:00]

setSearchRegex: ..

to be consistent with ConsoleViewMessage.js

[allada, 2016/04/25 23:48:49]

Done.

+        var nameRanges = [];
+        var valueRanges = [];
+        if (additionalCssClassName)
+            var cssClasses = [additionalCssClassName, WebInspector.highlightedSearchResultClassName];
+        else
+            var cssClasses = [WebInspector.highlightedSearchResultClassName];
+
+        this.revertHighlightChanges();
+
+        var nameContent = this.nameElement.textContent;
+        regex.lastIndex = 0;
+        var match = regex.exec(nameContent);
+        while (match) {

[lushnikov, 2016/04/22 19:43:00]

this could be extracted

[allada, 2016/04/25 23:48:49]

Done.

+            nameRanges.push(new WebInspector.SourceRange(match.index, match[0].length));
+            match = regex.exec(nameContent);
+        }
+        var className = WebInspector.highlightedSearchResultClassName;
+        if (nameRanges.length)
+            WebInspector.highlightRangesWithStyleClass(this.nameElement, nameRanges, cssClasses.join(" "), this._highlightChanges);
+
+        var valueType = this.property.value.type;
+        if (valueType !== "object" && valueType !== "array") {
+            var valueContent = this.valueElement.textContent;
+            regex.lastIndex = 0;
+            match = regex.exec(valueContent);
+            while (match) {
+                valueRanges.push(new WebInspector.SourceRange(match.index, match[0].length));
+                match = regex.exec(valueContent);
+            }
+            if (valueRanges.length)
+                WebInspector.highlightRangesWithStyleClass(this.valueElement, valueRanges, cssClasses.join(" "), this._highlightChanges);
+        }
+
+        return !!this._highlightChanges.length;
+    },
+
+    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;
     }
 }