Revert of Revert of DevTools: allow storing devtools preferences on the browser side. [blink]

Source/devtools/front_end/main/Main.js

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * 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
@@ skipping 99 matching lines @@
             }
         }
     },
 
     _loaded: function()
     {
         console.timeStamp("Main._loaded");
 
         if (InspectorFrontendHost.isUnderTest())
             self.runtime.useTestBase();
-        this._createSettings();
+        InspectorFrontendHost.getPreferences(this._createSettings.bind(this));
+    },
+
+    /**
+     * @param {!Object<string, string>} prefs
+     */
+    _createSettings: function(prefs)
+    {
+        // Patch settings from the URL param (for tests).
+        var settingsParam = Runtime.queryParam("settings");
+        if (settingsParam) {
+            try {
+                var settings = JSON.parse(window.decodeURI(settingsParam));
+                for (var key in settings)
+                    prefs[key] = settings[key];
+            } catch(e) {
+                // Ignore malformed settings.
+            }
+        }
+
+        this._initializeExperiments(prefs);
+
+        /**
+         * @param {!Array<{name: string}>} changes
+         */
+        function trackPrefsObject(changes)
+        {
+            if (!Object.keys(prefs).length) {
+                InspectorFrontendHost.clearPreferences();
+                return;
+            }
+
+            for (var change of changes) {
+                var name = change.name;
+                if (name in prefs)
+                    InspectorFrontendHost.setPreference(name, prefs[name]);
+                else
+                    InspectorFrontendHost.removePreference(name);
+            }
+        }
+
+        Object.observe(prefs, trackPrefsObject);
+        WebInspector.settings = new WebInspector.Settings(prefs);
+
+        if (!InspectorFrontendHost.isUnderTest()) {
+            // This setting is needed for backwards compatibility with Devtools CodeSchool extension. DO NOT REMOVE
+            WebInspector.settings.pauseOnExceptionStateString = new WebInspector.PauseOnExceptionStateSetting();
+            new WebInspector.VersionController().updateVersion();
+        }
+
         this._createAppUI();
     },
 
-    _createSettings: function()
-    {
-        this._initializeExperiments();
-        WebInspector.settings = new WebInspector.Settings();
-
-        // This setting is needed for backwards compatibility with Devtools CodeSchool extension. DO NOT REMOVE
-        WebInspector.settings.pauseOnExceptionStateString = new WebInspector.PauseOnExceptionStateSetting();
-        new WebInspector.VersionController().updateVersion();
-    },
-
-    _initializeExperiments: function()
+    /**
+     * @param {!Object<string, string>} prefs
+     */
+    _initializeExperiments: function(prefs)
     {
         Runtime.experiments.register("accessibilityInspection", "Accessibility Inspection", true);
         Runtime.experiments.register("animationInspection", "Animation Inspection");
         Runtime.experiments.register("applyCustomStylesheet", "Allow custom UI themes");
         Runtime.experiments.register("blackboxJSFramesOnTimeline", "Blackbox JavaScript frames on Timeline");
         Runtime.experiments.register("timelineDetailsChart", "Costly functions view in Timeline details", true);
         Runtime.experiments.register("customObjectFormatters", "Custom object formatters", true);
         Runtime.experiments.register("externalDeviceList", "External device list", true);
         Runtime.experiments.register("fileSystemInspection", "FileSystem inspection");
         Runtime.experiments.register("gpuTimeline", "GPU data on timeline", true);
         Runtime.experiments.register("inputEventsOnTimelineOverview", "Input events on Timeline overview", true)
         Runtime.experiments.register("layersPanel", "Layers panel");
         Runtime.experiments.register("networkRequestHeadersFilterInDetailsView", "Network request headers filter in details view", true);
         Runtime.experiments.register("networkRequestsOnTimeline", "Network requests on Timeline");
         Runtime.experiments.register("privateScriptInspection", "Private script inspection");
         Runtime.experiments.register("promiseTracker", "Promise inspector");
         Runtime.experiments.register("recordFilmStrimInNetworkPanel", "Record Filmstrip in Network Panel", true);
         Runtime.experiments.register("serviceWorkersInPageFrontend", "Service workers in DevTools for page");
         Runtime.experiments.register("serviceWorkersInResources", "Service workers in Resources panel", true);
         Runtime.experiments.register("showPrimaryLoadWaterfallInNetworkTimeline", "Show primary load waterfall in Network timeline", true);
         Runtime.experiments.register("stepIntoAsync", "Step into async");
         Runtime.experiments.register("timelineInvalidationTracking", "Timeline invalidation tracking", true);
         Runtime.experiments.register("timelineTracingJSProfile", "Timeline tracing based JS profiler", true);
         Runtime.experiments.register("timelineFlowEvents", "Timeline flow events", true);
         Runtime.experiments.register("inlineVariableValues", "Display variable values inline while debugging");
 
         Runtime.experiments.cleanUpStaleExperiments();
 
         if (InspectorFrontendHost.isUnderTest()) {
+            var testPath = JSON.parse(prefs["testPath"] || "\"\"");
             // Enable experiments for testing.
-            var testPath = self.localStorage ? self.localStorage["testPath"] || "" : "";
             if (testPath.indexOf("debugger/promise") !== -1)
                 Runtime.experiments.enableForTest("promiseTracker");
             if (testPath.indexOf("elements/") !== -1)
                 Runtime.experiments.enableForTest("animationInspection");
             if (testPath.indexOf("layers/") !== -1)
                 Runtime.experiments.enableForTest("layersPanel");
             if (testPath.indexOf("service-workers/") !== -1)
                 Runtime.experiments.enableForTest("serviceWorkersInResources");
             if (testPath.indexOf("timeline/") !== -1 || testPath.indexOf("layers/") !== -1)
                 Runtime.experiments.enableForTest("layersPanel");
@@ skipping 721 matching lines @@
     _settingChanged: function(event)
     {
         var value = this._setting.get();
         var targets = WebInspector.OverridesSupport.targetsSupportingEmulation();
         for (var i = 0; i < targets.length; ++i)
             targets[i].emulationAgent().setScriptExecutionDisabled(value);
     }
 }
 
 new WebInspector.Main();