chrome-devtools-frontend 1.0.1679704 → 1.0.1681091

package/AUTHORS

@@ -24,6 +24,7 @@ Anna Agoha <annaagoha@gmail.com>
 Anthony Xie <anthonyxie64@gmail.com>
 Axel Chong <haxatron1@gmail.com>
 Anton Bershanskyi <bershanskyi@gmail.com>
+Ashish Shrees <flowoker1@gmail.com>
 Aviv Keller <me@aviv.sh>
 Biboswan Roy <biboswan98@gmail.com>
 Boris Verkhovskiy <boris.verk@gmail.com>

package/front_end/core/platform/TypescriptUtilities.ts

@@ -17,15 +17,6 @@ export function assertNever(_type: never, message: string): never {
   throw new Error(message);
 }
 
-/**
- * This is useful to check on the type-level that the unhandled cases of
- * a switch are exactly `T` (where T is usually a union type of enum values).
- * @param caseVariable
- */
-export function assertUnhandled<T>(_caseVariable: T): T {
-  return _caseVariable;
-}
-
 export type FieldsThatExtend<Type, Selector> = {
   [Key in keyof Type]: Type[Key] extends Selector ? Key : never;
 }[keyof Type];

package/front_end/core/platform/platform.ts

@@ -24,7 +24,7 @@ import * as UserVisibleError from './UserVisibleError.js';
  * `Platform.TypeScriptUtilities.assertNotNullOrUndefined` causes a compile
  * error).
  */
-export {assertNever, assertNotNullOrUndefined, assertUnhandled} from './TypescriptUtilities.js';
+export {assertNever, assertNotNullOrUndefined} from './TypescriptUtilities.js';
 export {
   ArrayUtilities,
   Brand,

package/front_end/core/sdk/ConsoleModel.ts

@@ -34,7 +34,7 @@ import {
   RuntimeModel,
 } from './RuntimeModel.js';
 import {SDKModel} from './SDKModel.js';
-import {preserveConsoleLogSettingDescriptor} from './SDKSettings.js';
+import {consoleUserActivationEvalSettingDescriptor, preserveConsoleLogSettingDescriptor} from './SDKSettings.js';
 import {Capability, type Target, Type} from './Target.js';
 import type {TargetManager} from './TargetManager.js';
 
@@ -156,13 +156,16 @@ export class ConsoleModel extends SDKModel<EventTypes> {
           replMode: true,
           allowUnsafeEvalBlockedByCSP: false,
         },
-        this.target().targetManager().settings.moduleSetting('console-user-activation-eval').get(),
+        this.target().targetManager().settings.resolve(consoleUserActivationEvalSettingDescriptor).get(),
         /* awaitPromise */ false);
     Host.userMetrics.actionTaken(Host.UserMetrics.Action.ConsoleEvaluated);
     if ('error' in result) {
       return;
     }
-    await this.#console.showPromise();
+    try {
+      await this.#console.showPromise();
+    } catch {
+    }
     this.dispatchEventToListeners(
         Events.CommandEvaluated,
         {result: result.object, commandMessage: originatingMessage, exceptionDetails: result.exceptionDetails});

package/front_end/core/sdk/DOMModel.ts

@@ -1066,6 +1066,102 @@ export class DOMNode extends Common.ObjectWrapper.ObjectWrapper<DOMNodeEventType
         });
   }
 
+  duplicate(): void {
+    if (this.isInShadowTree()) {
+      return;
+    }
+
+    const parentNode = this.parentNode ? this.parentNode : this;
+    if (parentNode.nodeName() === '#document') {
+      return;
+    }
+
+    this.copyTo(parentNode, this.nextSibling);
+  }
+
+  /**
+   * Runs a script on the node's remote object that toggles a class name on
+   * the node and injects a stylesheet into the head of the node's document
+   * containing a rule to set "visibility: hidden" on the class and all it's
+   * ancestors.
+   */
+  async toggleHideElement(): Promise<void> {
+    let pseudoElementName = this.pseudoType() ? this.nodeName() : null;
+    if (pseudoElementName && this.pseudoIdentifier()) {
+      pseudoElementName += `(${this.pseudoIdentifier()})`;
+    }
+
+    let effectiveNode: DOMNode|null = this;
+    while (effectiveNode?.pseudoType()) {
+      if (effectiveNode !== this && effectiveNode.pseudoType() === 'column') {
+        // Ideally we would select the specific column pseudo element, but
+        // we don't have a way to do that at the moment.
+        pseudoElementName = '::column' + pseudoElementName;
+      }
+      effectiveNode = effectiveNode.parentNode;
+    }
+    if (!effectiveNode) {
+      return;
+    }
+
+    const hidden = this.marker('hidden-marker');
+    const object = await effectiveNode.resolveToObject('');
+
+    if (!object) {
+      return;
+    }
+
+    await object.callFunction((toggleClassAndInjectStyleRule as (this: Object, ...arg1: unknown[]) => void),
+                              [{value: pseudoElementName}, {value: !hidden}]);
+    object.release();
+    this.setMarker('hidden-marker', hidden ? null : true);
+
+    function toggleClassAndInjectStyleRule(this: Element, pseudoElementName: string|null, hidden: boolean): void {
+      const classNamePrefix = '__web-inspector-hide';
+      const classNameSuffix = '-shortcut__';
+      const styleTagId = '__web-inspector-hide-shortcut-style__';
+      const pseudoElementNameEscaped = pseudoElementName ? pseudoElementName.replace(/[\(\)\:]/g, '_') : '';
+      const className = classNamePrefix + pseudoElementNameEscaped + classNameSuffix;
+      this.classList.toggle(className, hidden);
+
+      let localRoot: Element|HTMLHeadElement = this;
+      while (localRoot.parentNode) {
+        localRoot = (localRoot.parentNode as Element);
+      }
+      if (localRoot.nodeType === Node.DOCUMENT_NODE) {
+        localRoot = document.head;
+      }
+
+      let style = localRoot.querySelector('style#' + styleTagId);
+      if (!style) {
+        const selectors = [];
+        selectors.push('.__web-inspector-hide-shortcut__');
+        selectors.push('.__web-inspector-hide-shortcut__ *');
+        const selector = selectors.join(', ');
+        const ruleBody = '    visibility: hidden !important;';
+        const rule = '\n' + selector + '\n{\n' + ruleBody + '\n}\n';
+
+        style = document.createElement('style');
+        style.id = styleTagId;
+        style.textContent = rule;
+
+        localRoot.appendChild(style);
+      }
+
+      // In addition to putting them on the element we want to hide, we will
+      // also add pseudo element classes to the style element to keep track of
+      // which pseudo elements we have style rules for.
+      if (pseudoElementName && !style.classList.contains(className)) {
+        style.classList.add(className);
+        style.textContent = `.${className}${pseudoElementName}, ${style.textContent}`;
+      }
+    }
+  }
+
+  isToggledToHidden(): boolean {
+    return Boolean(this.marker('hidden-marker'));
+  }
+
   isXMLNode(): boolean {
     return Boolean(this.#xmlVersion);
   }
@@ -2425,6 +2521,9 @@ export class DOMNodeSnapshot extends DOMNode {
       _callback?: ((arg0: string|null, arg1: DOMNode|null) => void)|undefined): void {
   }
 
+  override duplicate(): void {
+  }
+
   override canInspectNode(): boolean {
     return false;
   }
@@ -2474,6 +2573,9 @@ export class DOMDocumentSnapshot extends DOMDocument {
       _callback?: ((arg0: string|null, arg1: DOMNode|null) => void)|undefined): void {
   }
 
+  override duplicate(): void {
+  }
+
   override canInspectNode(): boolean {
     return false;
   }

package/front_end/core/sdk/EmulationModel.ts

@@ -12,6 +12,7 @@ import {SDKModel} from './SDKModel.js';
 import {
   avifFormatDisabledSettingDescriptor,
   cpuPressureSettingDescriptor,
+  emulateAutoDarkModeSettingDescriptor,
   emulatedCSSMediaFeatureColorGamutSettingDescriptor,
   emulatedCSSMediaFeatureForcedColorsSettingDescriptor,
   emulatedCSSMediaFeaturePrefersColorSchemeSettingDescriptor,
@@ -27,6 +28,7 @@ import {
   jpegXlFormatDisabledSettingDescriptor,
   localFontsDisabledSettingDescriptor,
   touchSettingDescriptor,
+  webpFormatDisabledSettingDescriptor,
 } from './SDKSettings.js';
 import {Capability, type Target} from './Target.js';
 
@@ -180,7 +182,7 @@ export class EmulationModel extends SDKModel<EmulationModelEventTypes> implement
     });
     void this.updateCssMedia();
 
-    const autoDarkModeSetting = settings.moduleSetting('emulate-auto-dark-mode');
+    const autoDarkModeSetting = settings.resolve(emulateAutoDarkModeSettingDescriptor);
     autoDarkModeSetting.addChangeListener(() => {
       const enabled = autoDarkModeSetting.get();
       mediaFeaturePrefersColorSchemeSetting.set(enabled ? 'dark' : '');
@@ -213,7 +215,7 @@ export class EmulationModel extends SDKModel<EmulationModelEventTypes> implement
 
     const avifFormatDisabledSetting = settings.resolve(avifFormatDisabledSettingDescriptor);
     const jpegXlFormatDisabledSetting = settings.resolve(jpegXlFormatDisabledSettingDescriptor);
-    const webpFormatDisabledSetting = settings.moduleSetting('webp-format-disabled');
+    const webpFormatDisabledSetting = settings.resolve(webpFormatDisabledSettingDescriptor);
 
     const updateDisabledImageFormats = (): void => {
       const types = [];

package/front_end/core/sdk/NetworkManager.ts

@@ -26,6 +26,7 @@ import {
 } from './NetworkRequest.js';
 import {type ExecutionContext, RuntimeModel} from './RuntimeModel.js';
 import {SDKModel} from './SDKModel.js';
+import {cacheDisabledSettingDescriptor, requestBlockingEnabledSettingDescriptor} from './SDKSettings.js';
 import {Capability, type Target} from './Target.js';
 import {type SDKModelObserver, TargetManager} from './TargetManager.js';
 
@@ -187,7 +188,7 @@ export class NetworkManager extends SDKModel<EventTypes> {
     const settings = this.target().targetManager().settings;
     this.activeNetworkThrottlingKey = activeNetworkThrottlingKeySetting(settings);
 
-    if (settings.moduleSetting('cache-disabled').get()) {
+    if (settings.resolve(cacheDisabledSettingDescriptor).get()) {
       void this.#networkAgent.invoke_setCacheDisabled({cacheDisabled: true});
     }
 
@@ -211,7 +212,7 @@ export class NetworkManager extends SDKModel<EventTypes> {
     }
     this.#bypassServiceWorkerSetting.addChangeListener(this.bypassServiceWorkerChanged, this);
 
-    settings.moduleSetting('cache-disabled').addChangeListener(this.cacheDisabledSettingChanged, this);
+    settings.resolve(cacheDisabledSettingDescriptor).addChangeListener(this.cacheDisabledSettingChanged, this);
   }
 
   static forRequest(request: NetworkRequest): NetworkManager|null {
@@ -555,7 +556,7 @@ export class NetworkManager extends SDKModel<EventTypes> {
 
   override dispose(): void {
     const settings = this.target().targetManager().settings;
-    settings.moduleSetting('cache-disabled').removeChangeListener(this.cacheDisabledSettingChanged, this);
+    settings.resolve(cacheDisabledSettingDescriptor).removeChangeListener(this.cacheDisabledSettingChanged, this);
     settings.moduleSetting('network-log.preserve-log').removeChangeListener(this.preserveLogChanged, this);
   }
 
@@ -1992,7 +1993,7 @@ export class RequestConditions extends Common.ObjectWrapper.ObjectWrapper<Reques
   constructor(settings: Common.Settings.Settings) {
     super();
     this.#setting = settings.createSetting<RequestConditionsSetting[]>('network-blocked-patterns', []);
-    this.#conditionsEnabledSetting = settings.moduleSetting<boolean>('request-blocking-enabled');
+    this.#conditionsEnabledSetting = settings.resolve(requestBlockingEnabledSettingDescriptor);
     for (const condition of this.#setting.get()) {
       try {
         this.#conditions.push(RequestCondition.createFromSetting(condition, settings));
@@ -2433,8 +2434,8 @@ export class MultitargetNetworkManager extends Common.ObjectWrapper.ObjectWrappe
 
   private async updateInterceptionPatterns(): Promise<void> {
     const settings = this.#targetManager.settings;
-    if (!settings.moduleSetting('cache-disabled').get()) {
-      settings.moduleSetting('cache-disabled').set(true);
+    if (!settings.resolve(cacheDisabledSettingDescriptor).get()) {
+      settings.resolve(cacheDisabledSettingDescriptor).set(true);
     }
     this.#updatingInterceptionPatternsPromise = null;
     const promises = ([] as Array<Promise<unknown>>);

package/front_end/core/sdk/PageResourceLoader.ts

@@ -17,6 +17,7 @@ import {
   type ResourceTreeFrame,
   ResourceTreeModel,
 } from './ResourceTreeModel.js';
+import {cacheDisabledSettingDescriptor, enableRemoteFileLoadingSettingDescriptor} from './SDKSettings.js';
 import type {Target} from './Target.js';
 import {TargetManager} from './TargetManager.js';
 
@@ -433,7 +434,7 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
   }> {
     const networkManager = (target.model(NetworkManager) as NetworkManager);
     const ioModel = (target.model(IOModel) as IOModel);
-    const disableCache = this.#settings.moduleSetting('cache-disabled').get();
+    const disableCache = this.#settings.resolve(cacheDisabledSettingDescriptor).get();
     const resource = await networkManager.loadNetworkResource(frameId, url, {disableCache, includeCredentials: true});
     try {
       const content = resource.stream ?
@@ -470,11 +471,11 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
       headers['User-Agent'] = currentUserAgent;
     }
 
-    if (this.#settings.moduleSetting('cache-disabled').get()) {
+    if (this.#settings.resolve(cacheDisabledSettingDescriptor).get()) {
       headers['Cache-Control'] = 'no-cache';
     }
 
-    const allowRemoteFilePaths = this.#settings.moduleSetting('network.enable-remote-file-loading').get();
+    const allowRemoteFilePaths = this.#settings.resolve(enableRemoteFileLoadingSettingDescriptor).get();
 
     return await new Promise(
         resolve => Host.ResourceLoader.load(url, headers, (success, _responseHeaders, content, errorDescription) => {

package/front_end/core/sdk/RuntimeModel.ts

@@ -19,6 +19,7 @@ import {
   ScopeRemoteObject,
 } from './RemoteObject.js';
 import {SDKModel} from './SDKModel.js';
+import {customFormattersSettingDescriptor} from './SDKSettings.js';
 import {Capability, type Target, Type} from './Target.js';
 
 export class RuntimeModel extends SDKModel<EventTypes> {
@@ -32,12 +33,13 @@ export class RuntimeModel extends SDKModel<EventTypes> {
     this.target().registerRuntimeDispatcher(new RuntimeDispatcher(this));
     void this.agent.invoke_enable();
 
-    const settings = this.target().targetManager().context.get(Common.Settings.Settings);
-    if (settings.moduleSetting('custom-formatters').get()) {
+    const customFormattersSetting =
+        this.target().targetManager().context.get(Common.Settings.Settings).resolve(customFormattersSettingDescriptor);
+    if (customFormattersSetting.get()) {
       void this.agent.invoke_setCustomObjectFormatterEnabled({enabled: true});
     }
 
-    settings.moduleSetting('custom-formatters').addChangeListener(this.customFormattersStateChanged.bind(this));
+    customFormattersSetting.addChangeListener(this.customFormattersStateChanged.bind(this));
   }
 
   static isSideEffectFailure(response: Protocol.Runtime.EvaluateResponse|EvaluationResult): boolean {

package/front_end/core/sdk/SDKSettings.ts

@@ -265,3 +265,50 @@ export const jpegXlFormatDisabledSettingDescriptor: Common.Settings.SettingDescr
   defaultValue: false,
   storageType: Common.Settings.SettingStorageType.SESSION,
 };
+
+export const webpFormatDisabledSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'webp-format-disabled',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SESSION,
+};
+
+export const customFormattersSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'custom-formatters',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+};
+
+export const requestBlockingEnabledSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'request-blocking-enabled',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.LOCAL,
+};
+
+export const cacheDisabledSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'cache-disabled',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+};
+
+export const emulateAutoDarkModeSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'emulate-auto-dark-mode',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SESSION,
+};
+
+export const enableRemoteFileLoadingSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'network.enable-remote-file-loading',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const consoleUserActivationEvalSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'console-user-activation-eval',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};

package/front_end/core/sdk/sdk-meta.ts

@@ -6,56 +6,6 @@ import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 
 const UIStrings = {
-  /**
-   * @description Title of a setting that disables WebP format.
-   */
-  disableWebpFormat: 'Disable `WebP` format',
-  /**
-   * @description Title of a setting that enables WebP format.
-   */
-  enableWebpFormat: 'Enable `WebP` format',
-  /**
-   * @description Title of a setting under the Console category in Settings.
-   */
-  customFormatters: 'Custom formatters',
-  /**
-   * @description Title of a setting under the Network category.
-   */
-  networkRequestBlocking: 'Network request blocking',
-  /**
-   * @description Title of a setting under the Network category that can be invoked through the Command Menu.
-   */
-  enableNetworkRequestBlocking: 'Enable network request blocking',
-  /**
-   * @description Title of a setting under the Network category that can be invoked through the Command Menu.
-   */
-  disableNetworkRequestBlocking: 'Disable network request blocking',
-  /**
-   * @description Title of a setting under the Network category that can be invoked through the Command Menu.
-   */
-  enableCache: 'Enable cache',
-  /**
-   * @description Title of a setting under the Network category that can be invoked through the Command Menu.
-   */
-  disableCache: 'Disable cache while DevTools is open',
-  /**
-   * @description The name of a checkbox setting in the Rendering tool. This setting
-   * emulates that the webpage is in auto dark mode.
-   */
-  emulateAutoDarkMode: 'Emulate auto dark mode',
-  /**
-   * @description Label of a checkbox in the DevTools settings UI.
-   */
-  enableRemoteFileLoading: 'Allow loading remote file path resources in DevTools',
-  /**
-   * @description Tooltip text for a setting that controls whether external resource can be loaded in DevTools.
-   */
-  remoteFileLoadingInfo: 'Example resources are source maps. Disabled by default for security reasons.',
-  /**
-   * @description Tooltip text for a setting that controls the network cache. Disabling the network cache can simulate the network connections of users that are visiting a page for the first time.
-   */
-  networkCacheExplanation:
-      'Disabling the network cache will simulate a network experience similar to a first time visitor.',
   /**
    * @description Title of a setting under the Console category in Settings.
    */
@@ -71,94 +21,6 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('core/sdk/sdk-meta.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
 
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.RENDERING,
-  settingName: 'webp-format-disabled',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  storageType: Common.Settings.SettingStorageType.SESSION,
-  options: [
-    {
-      value: true,
-      title: i18nLazyString(UIStrings.disableWebpFormat),
-    },
-    {
-      value: false,
-      title: i18nLazyString(UIStrings.enableWebpFormat),
-    },
-  ],
-  defaultValue: false,
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.CONSOLE,
-  title: i18nLazyString(UIStrings.customFormatters),
-  settingName: 'custom-formatters',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: false,
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.NETWORK,
-  title: i18nLazyString(UIStrings.networkRequestBlocking),
-  settingName: 'request-blocking-enabled',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  storageType: Common.Settings.SettingStorageType.LOCAL,
-  defaultValue: false,
-  options: [
-    {
-      value: true,
-      title: i18nLazyString(UIStrings.enableNetworkRequestBlocking),
-    },
-    {
-      value: false,
-      title: i18nLazyString(UIStrings.disableNetworkRequestBlocking),
-    },
-  ],
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.NETWORK,
-  title: i18nLazyString(UIStrings.disableCache),
-  settingName: 'cache-disabled',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  order: 0,
-  defaultValue: false,
-  options: [
-    {
-      value: true,
-      title: i18nLazyString(UIStrings.disableCache),
-    },
-    {
-      value: false,
-      title: i18nLazyString(UIStrings.enableCache),
-    },
-  ],
-  learnMore: {
-    tooltip: i18nLazyString(UIStrings.networkCacheExplanation),
-  },
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.RENDERING,
-  title: i18nLazyString(UIStrings.emulateAutoDarkMode),
-  settingName: 'emulate-auto-dark-mode',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  storageType: Common.Settings.SettingStorageType.SESSION,
-  defaultValue: false,
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.SOURCES,
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  title: i18nLazyString(UIStrings.enableRemoteFileLoading),
-  settingName: 'network.enable-remote-file-loading',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: false,
-  learnMore: {
-    tooltip: i18nLazyString(UIStrings.remoteFileLoadingInfo),
-  },
-});
-
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.CONSOLE,
   storageType: Common.Settings.SettingStorageType.SYNCED,

package/front_end/entrypoints/inspector_main/RenderingOptions.ts

@@ -230,7 +230,8 @@ export class RenderingOptionsView extends UI.Widget.VBox {
     this.#appendCheckbox(i18nString(UIStrings.emulateAFocusedPage), i18nString(UIStrings.emulatesAFocusedPage),
                          Common.Settings.Settings.instance().resolve(SDK.SDKSettings.emulatePageFocusSettingDescriptor),
                          {toggle: Host.UserMetrics.Action.ToggleEmulateFocusedPageFromRenderingTab});
-    const autoDarkModeSetting = Common.Settings.Settings.instance().moduleSetting('emulate-auto-dark-mode');
+    const autoDarkModeSetting =
+        Common.Settings.Settings.instance().resolve(SDK.SDKSettings.emulateAutoDarkModeSettingDescriptor);
     this.#appendCheckbox(i18nString(UIStrings.emulateAutoDarkMode), i18nString(UIStrings.emulatesAutoDarkMode),
                          autoDarkModeSetting);
 
@@ -284,7 +285,8 @@ export class RenderingOptionsView extends UI.Widget.VBox {
         Common.Settings.Settings.instance().resolve(SDK.SDKSettings.avifFormatDisabledSettingDescriptor);
     const jpegXlFormatDisabledSetting =
         Common.Settings.Settings.instance().resolve(SDK.SDKSettings.jpegXlFormatDisabledSettingDescriptor);
-    const webpFormatDisabledSetting = Common.Settings.Settings.instance().moduleSetting('webp-format-disabled');
+    const webpFormatDisabledSetting =
+        Common.Settings.Settings.instance().resolve(SDK.SDKSettings.webpFormatDisabledSettingDescriptor);
 
     this.#appendCheckbox(
         i18nString(UIStrings.disableAvifImageFormat), i18nString(UIStrings.requiresAPageReloadToApplyAnd),

package/front_end/entrypoints/inspector_main/inspector_main-meta.ts

@@ -11,6 +11,11 @@ import * as SettingsUI from '../../ui/settings/settings.js';
 import type * as InspectorMain from './inspector_main.js';
 
 const UIStrings = {
+  /**
+   * @description The name of a checkbox setting in the Rendering tool. This setting
+   * emulates that the webpage is in auto dark mode.
+   */
+  emulateAutoDarkMode: 'Emulate auto dark mode',
   /**
    * @description Title of an option under the Rendering category that can be invoked through the Command Menu.
    */
@@ -296,6 +301,14 @@ const UIStrings = {
    * @description Title of a setting that enables JPEG XL format.
    */
   enableJpegXlFormat: 'Enable `JPEG XL` format',
+  /**
+   * @description Title of a setting that disables WebP format.
+   */
+  disableWebpFormat: 'Disable `WebP` format',
+  /**
+   * @description Title of a setting that enables WebP format.
+   */
+  enableWebpFormat: 'Enable `WebP` format',
   /**
    * @description Title of an action that reloads the inspected page.
    */
@@ -938,3 +951,22 @@ SettingsUI.SettingUIRegistration.register(SDK.SDKSettings.jpegXlFormatDisabledSe
     },
   ],
 });
+
+SettingsUI.SettingUIRegistration.register(SDK.SDKSettings.webpFormatDisabledSettingDescriptor, {
+  category: Common.Settings.SettingCategory.RENDERING,
+  options: [
+    {
+      value: true,
+      title: i18nLazyString(UIStrings.disableWebpFormat),
+    },
+    {
+      value: false,
+      title: i18nLazyString(UIStrings.enableWebpFormat),
+    },
+  ],
+});
+
+SettingsUI.SettingUIRegistration.register(SDK.SDKSettings.emulateAutoDarkModeSettingDescriptor, {
+  category: Common.Settings.SettingCategory.RENDERING,
+  title: i18nLazyString(UIStrings.emulateAutoDarkMode),
+});

package/front_end/entrypoints/main/MainImpl.ts

@@ -216,7 +216,7 @@ export class MainImpl {
 
     // Mark 'cache-disabled' as requiring user interaction when multiple CDP clients are attached.
     if (Root.Runtime.Runtime.queryParam('hasOtherClients')) {
-      this.#universe.settings.moduleSetting('cache-disabled').setRequiresUserAction(true);
+      this.#universe.settings.resolve(SDK.SDKSettings.cacheDisabledSettingDescriptor).setRequiresUserAction(true);
     }
 
     Root.Runtime.experiments.removeAllExperimentsFromLocalStorage();

package/front_end/generated/InspectorBackendCommands.ts

@@ -565,6 +565,8 @@ inspectorBackend.registerCommand("Emulation.setVisibleSize", [{"name": "width",
 inspectorBackend.registerCommand("Emulation.setDisabledImageTypes", [{"name": "imageTypes", "type": "array", "optional": false, "description": "Image types to disable.", "typeRef": "Emulation.DisabledImageType"}], [], "");
 inspectorBackend.registerCommand("Emulation.setDataSaverOverride", [{"name": "dataSaverEnabled", "type": "boolean", "optional": true, "description": "Override value. Omitting the parameter disables the override.", "typeRef": null}], [], "Override the value of navigator.connection.saveData");
 inspectorBackend.registerCommand("Emulation.setHardwareConcurrencyOverride", [{"name": "hardwareConcurrency", "type": "number", "optional": false, "description": "Hardware concurrency to report", "typeRef": null}], [], "");
+inspectorBackend.registerEnum("Emulation.SetCPUPerformanceOverrideRequestPerformanceTier", {Unknown: "unknown", Low: "low", Mid: "mid", High: "high", Ultra: "ultra"});
+inspectorBackend.registerCommand("Emulation.setCPUPerformanceOverride", [{"name": "performanceTier", "type": "string", "optional": true, "description": "Override value. Omitting the parameter disables the override.", "typeRef": "Emulation.SetCPUPerformanceOverrideRequestPerformanceTier"}], [], "Overrides the value of navigator.cpuPerformance");
 inspectorBackend.registerCommand("Emulation.setUserAgentOverride", [{"name": "userAgent", "type": "string", "optional": false, "description": "User agent to use.", "typeRef": null}, {"name": "acceptLanguage", "type": "string", "optional": true, "description": "Browser language to emulate.", "typeRef": null}, {"name": "platform", "type": "string", "optional": true, "description": "The platform navigator.platform should return.", "typeRef": null}, {"name": "userAgentMetadata", "type": "object", "optional": true, "description": "To be sent in Sec-CH-UA-* headers and returned in navigator.userAgentData", "typeRef": "Emulation.UserAgentMetadata"}], [], "Allows overriding user agent with the given string. `userAgentMetadata` must be set for Client Hint headers to be sent.");
 inspectorBackend.registerCommand("Emulation.setAutomationOverride", [{"name": "enabled", "type": "boolean", "optional": false, "description": "Whether the override should be enabled.", "typeRef": null}], [], "Allows overriding the automation flag.");
 inspectorBackend.registerCommand("Emulation.setSmallViewportHeightDifferenceOverride", [{"name": "difference", "type": "number", "optional": false, "description": "This will cause an element of size 100svh to be `difference` pixels smaller than an element of size 100lvh.", "typeRef": null}], [], "Allows overriding the difference between the small and large viewport sizes, which determine the value of the `svh` and `lvh` unit, respectively. Only supported for top-level frames.");
@@ -1036,7 +1038,7 @@ inspectorBackend.registerEnum("Page.AdFrameExplanation", {ParentIsAd: "ParentIsA
 inspectorBackend.registerEnum("Page.SecureContextType", {Secure: "Secure", SecureLocalhost: "SecureLocalhost", InsecureScheme: "InsecureScheme", InsecureAncestor: "InsecureAncestor"});
 inspectorBackend.registerEnum("Page.CrossOriginIsolatedContextType", {Isolated: "Isolated", NotIsolated: "NotIsolated", NotIsolatedFeatureDisabled: "NotIsolatedFeatureDisabled"});
 inspectorBackend.registerEnum("Page.GatedAPIFeatures", {SharedArrayBuffers: "SharedArrayBuffers", SharedArrayBuffersTransferAllowed: "SharedArrayBuffersTransferAllowed", PerformanceMeasureMemory: "PerformanceMeasureMemory", PerformanceProfile: "PerformanceProfile"});
-inspectorBackend.registerEnum("Page.PermissionsPolicyFeature", {Accelerometer: "accelerometer", AllScreensCapture: "all-screens-capture", AmbientLightSensor: "ambient-light-sensor", AriaNotify: "aria-notify", Autofill: "autofill", Autoplay: "autoplay", Bluetooth: "bluetooth", BrowsingTopics: "browsing-topics", Camera: "camera", CapturedSurfaceControl: "captured-surface-control", ChDpr: "ch-dpr", ChDeviceMemory: "ch-device-memory", ChDownlink: "ch-downlink", ChEct: "ch-ect", ChPrefersColorScheme: "ch-prefers-color-scheme", ChPrefersReducedMotion: "ch-prefers-reduced-motion", ChPrefersReducedTransparency: "ch-prefers-reduced-transparency", ChRtt: "ch-rtt", ChSaveData: "ch-save-data", ChUa: "ch-ua", ChUaArch: "ch-ua-arch", ChUaBitness: "ch-ua-bitness", ChUaHighEntropyValues: "ch-ua-high-entropy-values", ChUaPlatform: "ch-ua-platform", ChUaModel: "ch-ua-model", ChUaMobile: "ch-ua-mobile", ChUaFormFactors: "ch-ua-form-factors", ChUaFullVersion: "ch-ua-full-version", ChUaFullVersionList: "ch-ua-full-version-list", ChUaPlatformVersion: "ch-ua-platform-version", ChUaWow64: "ch-ua-wow64", ChViewportHeight: "ch-viewport-height", ChViewportWidth: "ch-viewport-width", ChWidth: "ch-width", ClipboardRead: "clipboard-read", ClipboardWrite: "clipboard-write", ComputePressure: "compute-pressure", ControlledFrame: "controlled-frame", CrossOriginIsolated: "cross-origin-isolated", DeferredFetch: "deferred-fetch", DeferredFetchMinimal: "deferred-fetch-minimal", DeviceAttributes: "device-attributes", DigitalCredentialsCreate: "digital-credentials-create", DigitalCredentialsGet: "digital-credentials-get", DirectSockets: "direct-sockets", DirectSocketsMulticast: "direct-sockets-multicast", DisplayCapture: "display-capture", DocumentDomain: "document-domain", EncryptedMedia: "encrypted-media", ExecutionWhileOutOfViewport: "execution-while-out-of-viewport", ExecutionWhileNotRendered: "execution-while-not-rendered", FocusWithoutUserActivation: "focus-without-user-activation", Fullscreen: "fullscreen", Frobulate: "frobulate", Gamepad: "gamepad", Geolocation: "geolocation", Gyroscope: "gyroscope", Hid: "hid", IdentityCredentialsGet: "identity-credentials-get", IdleDetection: "idle-detection", InterestCohort: "interest-cohort", JoinAdInterestGroup: "join-ad-interest-group", KeyboardMap: "keyboard-map", LanguageDetector: "language-detector", LanguageModel: "language-model", LocalFonts: "local-fonts", LocalNetwork: "local-network", LocalNetworkAccess: "local-network-access", LoopbackNetwork: "loopback-network", Magnetometer: "magnetometer", ManualText: "manual-text", MediaPlaybackWhileNotVisible: "media-playback-while-not-visible", Microphone: "microphone", Midi: "midi", OnDeviceSpeechRecognition: "on-device-speech-recognition", OtpCredentials: "otp-credentials", Payment: "payment", PictureInPicture: "picture-in-picture", PrivateStateTokenIssuance: "private-state-token-issuance", PrivateStateTokenRedemption: "private-state-token-redemption", PublickeyCredentialsCreate: "publickey-credentials-create", PublickeyCredentialsGet: "publickey-credentials-get", RecordAdAuctionEvents: "record-ad-auction-events", Rewriter: "rewriter", RunAdAuction: "run-ad-auction", ScreenWakeLock: "screen-wake-lock", Serial: "serial", SharedStorage: "shared-storage", SharedStorageSelectUrl: "shared-storage-select-url", SmartCard: "smart-card", SpeakerSelection: "speaker-selection", StorageAccess: "storage-access", SubApps: "sub-apps", Summarizer: "summarizer", SyncXhr: "sync-xhr", Tools: "tools", Translator: "translator", Unload: "unload", Usb: "usb", UsbUnrestricted: "usb-unrestricted", VerticalScroll: "vertical-scroll", WebAppInstallation: "web-app-installation", Webnn: "webnn", WebPrinting: "web-printing", WebShare: "web-share", WindowManagement: "window-management", Writer: "writer", XrSpatialTracking: "xr-spatial-tracking"});
+inspectorBackend.registerEnum("Page.PermissionsPolicyFeature", {Accelerometer: "accelerometer", AllScreensCapture: "all-screens-capture", AmbientLightSensor: "ambient-light-sensor", AriaNotify: "aria-notify", Autofill: "autofill", Autoplay: "autoplay", Bluetooth: "bluetooth", BrowsingTopics: "browsing-topics", Camera: "camera", CapturedSurfaceControl: "captured-surface-control", ChDpr: "ch-dpr", ChDeviceMemory: "ch-device-memory", ChDownlink: "ch-downlink", ChEct: "ch-ect", ChPrefersColorScheme: "ch-prefers-color-scheme", ChPrefersReducedMotion: "ch-prefers-reduced-motion", ChPrefersReducedTransparency: "ch-prefers-reduced-transparency", ChRtt: "ch-rtt", ChSaveData: "ch-save-data", ChUa: "ch-ua", ChUaArch: "ch-ua-arch", ChUaBitness: "ch-ua-bitness", ChUaHighEntropyValues: "ch-ua-high-entropy-values", ChUaPlatform: "ch-ua-platform", ChUaModel: "ch-ua-model", ChUaMobile: "ch-ua-mobile", ChUaFormFactors: "ch-ua-form-factors", ChUaFullVersion: "ch-ua-full-version", ChUaFullVersionList: "ch-ua-full-version-list", ChUaPlatformVersion: "ch-ua-platform-version", ChUaWow64: "ch-ua-wow64", ChViewportHeight: "ch-viewport-height", ChViewportWidth: "ch-viewport-width", ChWidth: "ch-width", ClipboardRead: "clipboard-read", ClipboardWrite: "clipboard-write", ComputePressure: "compute-pressure", ControlledFrame: "controlled-frame", CrossOriginIsolated: "cross-origin-isolated", DeferredFetch: "deferred-fetch", DeferredFetchMinimal: "deferred-fetch-minimal", DeviceAttributes: "device-attributes", DigitalCredentialsCreate: "digital-credentials-create", DigitalCredentialsGet: "digital-credentials-get", DirectSockets: "direct-sockets", DirectSocketsMulticast: "direct-sockets-multicast", DisplayCapture: "display-capture", DocumentDomain: "document-domain", EncryptedMedia: "encrypted-media", ExecutionWhileOutOfViewport: "execution-while-out-of-viewport", ExecutionWhileNotRendered: "execution-while-not-rendered", FocusWithoutUserActivation: "focus-without-user-activation", Fullscreen: "fullscreen", Frobulate: "frobulate", Gamepad: "gamepad", Geolocation: "geolocation", Gyroscope: "gyroscope", Hid: "hid", IdentityCredentialsGet: "identity-credentials-get", IdleDetection: "idle-detection", InterestCohort: "interest-cohort", KeyboardMap: "keyboard-map", LanguageDetector: "language-detector", LanguageModel: "language-model", LocalFonts: "local-fonts", LocalNetwork: "local-network", LocalNetworkAccess: "local-network-access", LoopbackNetwork: "loopback-network", Magnetometer: "magnetometer", ManualText: "manual-text", MediaPlaybackWhileNotVisible: "media-playback-while-not-visible", Microphone: "microphone", Midi: "midi", OnDeviceSpeechRecognition: "on-device-speech-recognition", OtpCredentials: "otp-credentials", Payment: "payment", PictureInPicture: "picture-in-picture", PrivateStateTokenIssuance: "private-state-token-issuance", PrivateStateTokenRedemption: "private-state-token-redemption", PublickeyCredentialsCreate: "publickey-credentials-create", PublickeyCredentialsGet: "publickey-credentials-get", Rewriter: "rewriter", ScreenWakeLock: "screen-wake-lock", Serial: "serial", SharedStorage: "shared-storage", SharedStorageSelectUrl: "shared-storage-select-url", SmartCard: "smart-card", SpeakerSelection: "speaker-selection", StorageAccess: "storage-access", SubApps: "sub-apps", Summarizer: "summarizer", SyncXhr: "sync-xhr", Tools: "tools", Translator: "translator", Unload: "unload", Usb: "usb", UsbUnrestricted: "usb-unrestricted", VerticalScroll: "vertical-scroll", WebAppInstallation: "web-app-installation", Webnn: "webnn", WebPrinting: "web-printing", WebShare: "web-share", WindowManagement: "window-management", Writer: "writer", XrSpatialTracking: "xr-spatial-tracking"});
 inspectorBackend.registerEnum("Page.PermissionsPolicyBlockReason", {Header: "Header", IframeAttribute: "IframeAttribute", InFencedFrameTree: "InFencedFrameTree", InIsolatedApp: "InIsolatedApp"});
 inspectorBackend.registerEnum("Page.OriginTrialTokenStatus", {Success: "Success", NotSupported: "NotSupported", Insecure: "Insecure", Expired: "Expired", WrongOrigin: "WrongOrigin", InvalidSignature: "InvalidSignature", Malformed: "Malformed", WrongVersion: "WrongVersion", FeatureDisabled: "FeatureDisabled", TokenDisabled: "TokenDisabled", FeatureDisabledForUser: "FeatureDisabledForUser", UnknownTrial: "UnknownTrial"});
 inspectorBackend.registerEnum("Page.OriginTrialStatus", {Enabled: "Enabled", ValidTokenNotProvided: "ValidTokenNotProvided", OSNotSupported: "OSNotSupported", TrialNotAllowed: "TrialNotAllowed"});