DevTools: Highlight changed scope variables as they change

Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js

 /*
  * Copyright (C) IBM Corp. 2009  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 19 matching lines @@
 
 /**
  * @constructor
  * @extends {WebInspector.SidebarPane}
  */
 WebInspector.WatchExpressionsSidebarPane = function()
 {
     WebInspector.SidebarPane.call(this, WebInspector.UIString("Watch Expressions"));
 
     this.section = new WebInspector.WatchExpressionsSection();
+    this.section.pane = this;
+
+    this._expandedExpressions = new Set();
+    this._expandedProperties = new Set();
+
     this.bodyElement.appendChild(this.section.element);
 
     var refreshButton = this.titleElement.createChild("button", "pane-title-button refresh");
     refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false);
     refreshButton.title = WebInspector.UIString("Refresh");
 
     var addButton = this.titleElement.createChild("button", "pane-title-button add");
     addButton.addEventListener("click", this._addButtonClicked.bind(this), false);
     addButton.title = WebInspector.UIString("Add watch expression");
 
@@ skipping 154 matching lines @@
                     continue;
 
                 currentExecutionContext.evaluate(expression, this._watchObjectGroupId, false, true, false, false, appendResult.bind(this, expression, i));
             }
         }
 
         if (!propertyCount) {
             this.element.appendChild(this.emptyElement);
             this.propertiesElement.remove();
             this.propertiesTreeOutline.removeChildren();
+            this.pane._expandedExpressions.clear();
+            this.pane._expandedProperties.clear();
         } else {
             this.element.appendChild(this.propertiesElement);
             this.emptyElement.remove();
         }
     },
 
     /**
      * @param {!Array.<!WebInspector.RemoteObjectProperty>} properties
      */
     updateProperties: function(properties)
@@ skipping 256 matching lines @@
      */
     applyExpression: function(expression)
     {
         expression = expression.trim();
         this.property.name = expression || null;
         this.treeOutline.section.updateExpression(this, expression);
     },
 
     __proto__: WebInspector.ObjectPropertyTreeElement.prototype
 }