DevTools: move UI components to target observers in preparation to early UI initialization.

Source/devtools/front_end/common/Settings.js

 /*
  * Copyright (C) 2009 Google Inc. 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 74 matching lines @@
     this.splitVerticallyWhenDockedToRight = this.createSetting("splitVerticallyWhenDockedToRight", true);
     this.visiblePanels = this.createSetting("visiblePanels", {});
     this.shortcutPanelSwitch = this.createSetting("shortcutPanelSwitch", false);
     this.showWhitespacesInEditor = this.createSetting("showWhitespacesInEditor", false);
     this.skipStackFramesPattern = this.createRegExpSetting("skipStackFramesPattern", "");
     this.pauseOnExceptionEnabled = this.createSetting("pauseOnExceptionEnabled", false);
     this.pauseOnCaughtException = this.createSetting("pauseOnCaughtException", false);
     this.enableAsyncStackTraces = this.createSetting("enableAsyncStackTraces", false);
     this.showMediaQueryInspector = this.createSetting("showMediaQueryInspector", false);
     this.disableOverridesWarning = this.createSetting("disableOverridesWarning", false);
+
+    // Rendering options
+    this.showPaintRects = this.createSetting("showPaintRects", false);
+    this.showDebugBorders = this.createSetting("showDebugBorders", false);
+    this.showFPSCounter = this.createSetting("showFPSCounter", false);
+    this.continuousPainting = this.createSetting("continuousPainting", false);
+    this.showScrollBottleneckRects = this.createSetting("showScrollBottleneckRects", false);
 }
 
 WebInspector.Settings.prototype = {
     /**
      * @param {string} key
      * @param {*} defaultValue
      * @return {!WebInspector.Setting}
      */
     createSetting: function(key, defaultValue)
     {
         if (!this._registry[key])
             this._registry[key] = new WebInspector.Setting(key, defaultValue, this._eventSupport, window.localStorage);
         return this._registry[key];
     },
 
     /**
      * @param {string} key
      * @param {string} defaultValue
      * @param {string=} regexFlags
      * @return {!WebInspector.Setting}
      */
     createRegExpSetting: function(key, defaultValue, regexFlags)
     {
         if (!this._registry[key])
             this._registry[key] = new WebInspector.RegExpSetting(key, defaultValue, this._eventSupport, window.localStorage, regexFlags);
         return this._registry[key];
-    },
-
-    /**
-     * @param {string} key
-     * @param {*} defaultValue
-     * @param {function(*, function(string, ...))} setterCallback
-     * @return {!WebInspector.Setting}
-     */
-    createBackendSetting: function(key, defaultValue, setterCallback)
-    {
-        if (!this._registry[key])
-            this._registry[key] = new WebInspector.BackendSetting(key, defaultValue, this._eventSupport, window.localStorage, setterCallback);
-        return this._registry[key];
-    },
-
-    initializeBackendSettings: function()
-    {
-        this.showPaintRects = WebInspector.settings.createBackendSetting("showPaintRects", false, PageAgent.setShowPaintRects.bind(PageAgent));
-        this.showDebugBorders = WebInspector.settings.createBackendSetting("showDebugBorders", false, PageAgent.setShowDebugBorders.bind(PageAgent));
-        this.continuousPainting = WebInspector.settings.createBackendSetting("continuousPainting", false, PageAgent.setContinuousPaintingEnabled.bind(PageAgent));
-        this.showFPSCounter = WebInspector.settings.createBackendSetting("showFPSCounter", false, PageAgent.setShowFPSCounter.bind(PageAgent));
-        this.showScrollBottleneckRects = WebInspector.settings.createBackendSetting("showScrollBottleneckRects", false, PageAgent.setShowScrollBottleneckRects.bind(PageAgent));
     }
 }
 
 /**
  * @constructor
  * @param {string} name
  * @param {V} defaultValue
  * @param {!WebInspector.Object} eventSupport
  * @param {?Storage} storage
  * @template V
@@ skipping 137 matching lines @@
         } catch (e) {
         }
         return this._regex;
     },
 
     __proto__: WebInspector.Setting.prototype
 }
 
 /**
  * @constructor
- * @extends {WebInspector.Setting}
- * @param {string} name
- * @param {*} defaultValue
- * @param {!WebInspector.Object} eventSupport
- * @param {?Storage} storage
- * @param {function(*,function(string, ...))} setterCallback
- */
-WebInspector.BackendSetting = function(name, defaultValue, eventSupport, storage, setterCallback)
-{
-    WebInspector.Setting.call(this, name, defaultValue, eventSupport, storage);
-    this._setterCallback = setterCallback;
-    var currentValue = this.get();
-    if (currentValue !== defaultValue)
-        this.set(currentValue);
-}
-
-WebInspector.BackendSetting.prototype = {
-    /**
-     * @override
-     * @param {*} value
-     */
-    set: function(value)
-    {
-        /**
-         * @param {?Protocol.Error} error
-         * @this {WebInspector.BackendSetting}
-         */
-        function callback(error)
-        {
-            if (error) {
-                WebInspector.console.addErrorMessage("Error applying setting " + this._name + ": " + error);
-                this._eventSupport.dispatchEventToListeners(this._name, this._value);
-                return;
-            }
-            WebInspector.Setting.prototype.set.call(this, value);
-        }
-        this._setterCallback(value, callback.bind(this));
-    },
-
-    __proto__: WebInspector.Setting.prototype
-}
-
-/**
- * @constructor
  * @param {boolean} experimentsEnabled
  */
 WebInspector.ExperimentsSettings = function(experimentsEnabled)
 {
     this._experimentsEnabled = experimentsEnabled;
     this._setting = WebInspector.settings.createSetting("experiments", {});
     this._experiments = [];
     this._enabledForTest = {};
 
     // Add currently running experiments here.
@@ skipping 443 matching lines @@
 
     _fireChangedIfNeeded: function()
     {
         var newValue = this._calculateValue();
         if (newValue === this._value)
             return;
         this._value = newValue;
         this._eventSupport.dispatchEventToListeners(this._name, this._value);
     }
 }