chrome-devtools-frontend 1.0.1678416 → 1.0.1679060

package/front_end/Images/src/comment-mode.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 3.25C6.272 3.25 3.25 6.272 3.25 10V16.75H10C13.728 16.75 16.75 13.728 16.75 10C16.75 6.272 13.728 3.25 10 3.25Z" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
+  <path d="M6 7.5H14V9H6V7.5Z" fill="black"/>
+  <path d="M6 11H11.5V12.5H6V11Z" fill="black"/>
+</svg>

package/front_end/core/sdk/EmulationModel.ts

@@ -9,7 +9,16 @@ import {CSSModel} from './CSSModel.js';
 import type {MultitargetNetworkManager} from './NetworkManager.js';
 import {Events, OverlayModel} from './OverlayModel.js';
 import {SDKModel} from './SDKModel.js';
-import {javaScriptDisabledSettingDescriptor} from './SDKSettings.js';
+import {
+  cpuPressureSettingDescriptor,
+  emulatedCSSMediaFeatureForcedColorsSettingDescriptor,
+  emulatedCSSMediaFeaturePrefersColorSchemeSettingDescriptor,
+  emulatedCSSMediaFeaturePrefersReducedMotionSettingDescriptor,
+  emulatedCSSMediaSettingDescriptor,
+  idleDetectionSettingDescriptor,
+  javaScriptDisabledSettingDescriptor,
+  touchSettingDescriptor,
+} from './SDKSettings.js';
 import {Capability, type Target} from './Target.js';
 
 export const enum DataSaverOverride {
@@ -61,14 +70,14 @@ export class EmulationModel extends SDKModel<EmulationModelEventTypes> implement
       void this.#emulationAgent.invoke_setScriptExecutionDisabled({value: true});
     }
 
-    const touchSetting = settings.moduleSetting('emulation.touch');
+    const touchSetting = settings.resolve(touchSettingDescriptor);
     touchSetting.addChangeListener(() => {
       const settingValue = touchSetting.get();
 
       void this.overrideEmulateTouch(settingValue === 'force');
     });
 
-    const idleDetectionSetting = settings.moduleSetting('emulation.idle-detection');
+    const idleDetectionSetting = settings.resolve(idleDetectionSettingDescriptor);
     idleDetectionSetting.addChangeListener(async () => {
       const settingValue = idleDetectionSetting.get();
       if (settingValue === 'none') {
@@ -83,7 +92,7 @@ export class EmulationModel extends SDKModel<EmulationModelEventTypes> implement
       await this.setIdleOverride(emulationParams);
     });
 
-    const cpuPressureDetectionSetting = settings.moduleSetting('emulation.cpu-pressure');
+    const cpuPressureDetectionSetting = settings.resolve(cpuPressureSettingDescriptor);
     cpuPressureDetectionSetting.addChangeListener(async () => {
       const settingValue = cpuPressureDetectionSetting.get();
 
@@ -101,11 +110,11 @@ export class EmulationModel extends SDKModel<EmulationModelEventTypes> implement
       await this.setPressureStateOverride(settingValue);
     });
 
-    const mediaTypeSetting = settings.moduleSetting<string>('emulated-css-media');
+    const mediaTypeSetting = settings.resolve(emulatedCSSMediaSettingDescriptor);
     const mediaFeatureColorGamutSetting = settings.moduleSetting<string>('emulated-css-media-feature-color-gamut');
     const mediaFeaturePrefersColorSchemeSetting =
-        settings.moduleSetting<string>('emulated-css-media-feature-prefers-color-scheme');
-    const mediaFeatureForcedColorsSetting = settings.moduleSetting('emulated-css-media-feature-forced-colors');
+        settings.resolve(emulatedCSSMediaFeaturePrefersColorSchemeSettingDescriptor);
+    const mediaFeatureForcedColorsSetting = settings.resolve(emulatedCSSMediaFeatureForcedColorsSettingDescriptor);
     const mediaFeaturePrefersContrastSetting =
         settings.moduleSetting<string>('emulated-css-media-feature-prefers-contrast');
     const mediaFeaturePrefersReducedDataSetting =
@@ -113,7 +122,7 @@ export class EmulationModel extends SDKModel<EmulationModelEventTypes> implement
     const mediaFeaturePrefersReducedTransparencySetting =
         settings.moduleSetting<string>('emulated-css-media-feature-prefers-reduced-transparency');
     const mediaFeaturePrefersReducedMotionSetting =
-        settings.moduleSetting<string>('emulated-css-media-feature-prefers-reduced-motion');
+        settings.resolve(emulatedCSSMediaFeaturePrefersReducedMotionSettingDescriptor);
     // Note: this uses a different format than what the CDP API expects,
     // because we want to update these values per media type/feature
     // without having to search the `features` array (inefficient) or

package/front_end/core/sdk/SDKSettings.ts

@@ -153,3 +153,49 @@ export const emulatePageFocusSettingDescriptor: Common.Settings.SettingDescripto
   defaultValue: false,
   storageType: Common.Settings.SettingStorageType.LOCAL,
 };
+
+export const emulatedCSSMediaSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'emulated-css-media',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: '',
+  storageType: Common.Settings.SettingStorageType.SESSION,
+};
+
+export const cpuPressureSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'emulation.cpu-pressure',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: 'none',
+};
+
+export const touchSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'emulation.touch',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: 'none',
+};
+
+export const idleDetectionSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'emulation.idle-detection',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: 'none',
+};
+
+export const emulatedCSSMediaFeaturePrefersColorSchemeSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'emulated-css-media-feature-prefers-color-scheme',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: '',
+  storageType: Common.Settings.SettingStorageType.SESSION,
+};
+
+export const emulatedCSSMediaFeatureForcedColorsSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'emulated-css-media-feature-forced-colors',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: '',
+  storageType: Common.Settings.SettingStorageType.SESSION,
+};
+
+export const emulatedCSSMediaFeaturePrefersReducedMotionSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'emulated-css-media-feature-prefers-reduced-motion',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: '',
+  storageType: Common.Settings.SettingStorageType.SESSION,
+};

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

@@ -6,103 +6,14 @@ import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 
 const UIStrings = {
-  /**
-   * @description Title of a setting under the Rendering category that can be invoked through the Command Menu.
-   */
-  doNotEmulateCssMediaType: 'Do not emulate CSS media type',
   /**
    * @description A drop-down menu option to do not emulate css media type.
    */
   noEmulation: 'No emulation',
-  /**
-   * @description Text for the CPU Pressure type to simulate on a device.
-   */
-  cpuPressure: 'CPU Pressure',
-  /**
-   * @description Title of an option in Sensors tab cpu pressure emulation drop-down. Turns off emulation of cpu pressure state.
-   */
-  noPressureEmulation: 'No override',
-  /**
-   * @description An option that appears in a drop-down that represents the nominal state.
-   */
-  nominal: 'Nominal',
-  /**
-   * @description An option that appears in a drop-down that represents the fair state.
-   */
-  fair: 'Fair',
-  /**
-   * @description An option that appears in a drop-down that represents the serious state.
-   */
-  serious: 'Serious',
-  /**
-   * @description An option that appears in a drop-down that represents the critical state.
-   */
-  critical: 'Critical',
-  /**
-   * @description Text for the touch type to simulate on a device. Refers to touch input as opposed to
-   * mouse input.
-   */
-  touch: 'Touch',
-  /**
-   * @description Text in Sensors View of the Device Toolbar. Means that touch input will be forced
-   *on, even if the device type e.g. desktop computer does not normally have touch input.
-   */
-  forceEnabled: 'Force enabled',
-  /**
-   * @description Text in Sensors View of the Device Toolbar. Refers to device-based touch input,
-   *which means the input type will be 'touch' only if the device normally has touch input e.g. a
-   *phone or tablet.
-   */
-  devicebased: 'Device-based',
-  /**
-   * @description Title of a section option in Sensors tab for idle emulation. This is a command, to
-   *emulate the state of the 'Idle Detector'.
-   */
-  emulateIdleDetectorState: 'Emulate Idle Detector state',
-  /**
-   * @description Title of an option in Sensors tab idle emulation drop-down. Turns off emulation of idle state.
-   */
-  noIdleEmulation: 'No idle emulation',
-  /**
-   * @description Title of an option in Sensors tab idle emulation drop-down.
-   */
-  userActiveScreenUnlocked: 'User active, screen unlocked',
-  /**
-   * @description Title of an option in Sensors tab idle emulation drop-down.
-   */
-  userActiveScreenLocked: 'User active, screen locked',
-  /**
-   * @description Title of an option in Sensors tab idle emulation drop-down.
-   */
-  userIdleScreenUnlocked: 'User idle, screen unlocked',
-  /**
-   * @description Title of an option in Sensors tab idle emulation drop-down.
-   */
-  userIdleScreenLocked: 'User idle, screen locked',
-  /**
-   * @description Title of a setting under the Rendering category that can be invoked through the Command Menu.
-   */
-  emulateCssPrintMediaType: 'Emulate CSS print media type',
-  /**
-   * @description A drop-down menu option to emulate css print media type.
-   */
-  print: 'print',
-  /**
-   * @description Title of a setting under the Rendering category that can be invoked through the Command Menu.
-   */
-  emulateCssScreenMediaType: 'Emulate CSS screen media type',
-  /**
-   * @description A drop-down menu option to emulate css screen media type.
-   */
-  screen: 'screen',
   /**
    * @description A tag of Emulate CSS screen media type setting that can be searched in the command menu.
    */
   query: 'query',
-  /**
-   * @description Title of a setting under the Rendering drawer.
-   */
-  emulateCssMediaType: 'Emulate CSS media type',
   /**
    * @description Title of a setting under the Rendering drawer that can be invoked through the Command Menu.
    * @example {prefers-color-scheme} PH1
@@ -315,206 +226,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: 'emulated-css-media',
-  settingType: Common.Settings.SettingType.ENUM,
-  storageType: Common.Settings.SettingStorageType.SESSION,
-  defaultValue: '',
-  options: [
-    {
-      title: i18nLazyString(UIStrings.doNotEmulateCssMediaType),
-      text: i18nLazyString(UIStrings.noEmulation),
-      value: '',
-    },
-    {
-      title: i18nLazyString(UIStrings.emulateCssPrintMediaType),
-      text: i18nLazyString(UIStrings.print),
-      value: 'print',
-    },
-    {
-      title: i18nLazyString(UIStrings.emulateCssScreenMediaType),
-      text: i18nLazyString(UIStrings.screen),
-      value: 'screen',
-    },
-  ],
-  tags: [
-    i18nLazyString(UIStrings.query),
-  ],
-  title: i18nLazyString(UIStrings.emulateCssMediaType),
-});
-
-Common.Settings.registerSettingExtension({
-  title: i18nLazyString(UIStrings.cpuPressure),
-  reloadRequired: true,
-  settingName: 'emulation.cpu-pressure',
-  settingType: Common.Settings.SettingType.ENUM,
-  defaultValue: 'none',
-  options: [
-    {
-      value: 'none',
-      title: i18nLazyString(UIStrings.noPressureEmulation),
-      text: i18nLazyString(UIStrings.noPressureEmulation),
-    },
-    {
-      value: 'nominal',
-      title: i18nLazyString(UIStrings.nominal),
-      text: i18nLazyString(UIStrings.nominal),
-    },
-    {
-      value: 'fair',
-      title: i18nLazyString(UIStrings.fair),
-      text: i18nLazyString(UIStrings.fair),
-    },
-    {
-      value: 'serious',
-      title: i18nLazyString(UIStrings.serious),
-      text: i18nLazyString(UIStrings.serious),
-    },
-    {
-      value: 'critical',
-      title: i18nLazyString(UIStrings.critical),
-      text: i18nLazyString(UIStrings.critical),
-    },
-  ],
-});
-
-Common.Settings.registerSettingExtension({
-  title: i18nLazyString(UIStrings.touch),
-  reloadRequired: true,
-  settingName: 'emulation.touch',
-  settingType: Common.Settings.SettingType.ENUM,
-  defaultValue: 'none',
-  options: [
-    {
-      value: 'none',
-      title: i18nLazyString(UIStrings.devicebased),
-      text: i18nLazyString(UIStrings.devicebased),
-    },
-    {
-      value: 'force',
-      title: i18nLazyString(UIStrings.forceEnabled),
-      text: i18nLazyString(UIStrings.forceEnabled),
-    },
-  ],
-});
-
-Common.Settings.registerSettingExtension({
-  title: i18nLazyString(UIStrings.emulateIdleDetectorState),
-  settingName: 'emulation.idle-detection',
-  settingType: Common.Settings.SettingType.ENUM,
-  defaultValue: 'none',
-  options: [
-    {
-      value: 'none',
-      title: i18nLazyString(UIStrings.noIdleEmulation),
-      text: i18nLazyString(UIStrings.noIdleEmulation),
-    },
-    {
-      value: '{\"isUserActive\":true,\"isScreenUnlocked\":true}',
-      title: i18nLazyString(UIStrings.userActiveScreenUnlocked),
-      text: i18nLazyString(UIStrings.userActiveScreenUnlocked),
-    },
-    {
-      value: '{\"isUserActive\":true,\"isScreenUnlocked\":false}',
-      title: i18nLazyString(UIStrings.userActiveScreenLocked),
-      text: i18nLazyString(UIStrings.userActiveScreenLocked),
-    },
-    {
-      value: '{\"isUserActive\":false,\"isScreenUnlocked\":true}',
-      title: i18nLazyString(UIStrings.userIdleScreenUnlocked),
-      text: i18nLazyString(UIStrings.userIdleScreenUnlocked),
-    },
-    {
-      value: '{\"isUserActive\":false,\"isScreenUnlocked\":false}',
-      title: i18nLazyString(UIStrings.userIdleScreenLocked),
-      text: i18nLazyString(UIStrings.userIdleScreenLocked),
-    },
-  ],
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.RENDERING,
-  settingName: 'emulated-css-media-feature-prefers-color-scheme',
-  settingType: Common.Settings.SettingType.ENUM,
-  storageType: Common.Settings.SettingStorageType.SESSION,
-  defaultValue: '',
-  options: [
-    {
-      title: i18nLazyString(UIStrings.doNotEmulateCss, {PH1: 'prefers-color-scheme'}),
-      text: i18nLazyString(UIStrings.noEmulation),
-      value: '',
-    },
-    {
-      title: i18nLazyString(UIStrings.emulateCss, {PH1: 'prefers-color-scheme: light'}),
-      text: i18n.i18n.lockedLazyString('prefers-color-scheme: light'),
-      value: 'light',
-    },
-    {
-      title: i18nLazyString(UIStrings.emulateCss, {PH1: 'prefers-color-scheme: dark'}),
-      text: i18n.i18n.lockedLazyString('prefers-color-scheme: dark'),
-      value: 'dark',
-    },
-  ],
-  tags: [
-    i18nLazyString(UIStrings.query),
-  ],
-  title: i18nLazyString(UIStrings.emulateCssMediaFeature, {PH1: 'prefers-color-scheme'}),
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.RENDERING,
-  settingName: 'emulated-css-media-feature-forced-colors',
-  settingType: Common.Settings.SettingType.ENUM,
-  storageType: Common.Settings.SettingStorageType.SESSION,
-  defaultValue: '',
-  options: [
-    {
-      title: i18nLazyString(UIStrings.doNotEmulateCss, {PH1: 'forced-colors'}),
-      text: i18nLazyString(UIStrings.noEmulation),
-      value: '',
-    },
-    {
-      title: i18nLazyString(UIStrings.emulateCss, {PH1: 'forced-colors: active'}),
-      text: i18n.i18n.lockedLazyString('forced-colors: active'),
-      value: 'active',
-    },
-    {
-      title: i18nLazyString(UIStrings.emulateCss, {PH1: 'forced-colors: none'}),
-      text: i18n.i18n.lockedLazyString('forced-colors: none'),
-      value: 'none',
-    },
-  ],
-  tags: [
-    i18nLazyString(UIStrings.query),
-  ],
-  title: i18nLazyString(UIStrings.emulateCssMediaFeature, {PH1: 'forced-colors'}),
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.RENDERING,
-  settingName: 'emulated-css-media-feature-prefers-reduced-motion',
-  settingType: Common.Settings.SettingType.ENUM,
-  storageType: Common.Settings.SettingStorageType.SESSION,
-  defaultValue: '',
-  options: [
-    {
-      title: i18nLazyString(UIStrings.doNotEmulateCss, {PH1: 'prefers-reduced-motion'}),
-      text: i18nLazyString(UIStrings.noEmulation),
-      value: '',
-    },
-    {
-      title: i18nLazyString(UIStrings.emulateCss, {PH1: 'prefers-reduced-motion: reduce'}),
-      text: i18n.i18n.lockedLazyString('prefers-reduced-motion: reduce'),
-      value: 'reduce',
-    },
-  ],
-  tags: [
-    i18nLazyString(UIStrings.query),
-  ],
-  title: i18nLazyString(UIStrings.emulateCssMediaFeature, {PH1: 'prefers-reduced-motion'}),
-});
-
 Common.Settings.registerSettingExtension({
   settingName: 'emulated-css-media-feature-prefers-contrast',
   settingType: Common.Settings.SettingType.ENUM,

package/front_end/entrypoints/heap_snapshot_worker/HeapSnapshotLoader.ts

@@ -28,6 +28,8 @@ export class HeapSnapshotLoader {
     this.#dataCallback = null;
     this.#done = false;
     this.parsingComplete = this.#parseInput();
+    // Catch unhandled rejection so the error is preserved until buildSnapshot awaits it.
+    this.parsingComplete.catch(() => {});
   }
 
   dispose(): void {
@@ -43,6 +45,7 @@ export class HeapSnapshotLoader {
     this.#done = true;
     if (this.#dataCallback) {
       this.#dataCallback('');
+      this.#dataCallback = null;
     }
   }
 
@@ -116,6 +119,10 @@ export class HeapSnapshotLoader {
   }
 
   write(chunk: string): void {
+    // Do not push empty chunks into the buffer because this is the EOF marker returned from fetchChunk().
+    if (!chunk) {
+      return;
+    }
     this.#buffer.push(chunk);
     if (!this.#dataCallback) {
       return;
@@ -131,6 +138,10 @@ export class HeapSnapshotLoader {
     if (this.#buffer.length > 0) {
       return Promise.resolve(this.#buffer.shift() as string);
     }
+    if (this.#done) {
+      // The empty string signals EOF.
+      return Promise.resolve('');
+    }
 
     const {promise, resolve} = Promise.withResolvers<string>();
     this.#dataCallback = resolve;
@@ -144,7 +155,11 @@ export class HeapSnapshotLoader {
         return pos;
       }
       startIndex = this.#json.length - token.length + 1;
-      this.#json += await this.#fetchChunk();
+      const chunk = await this.#fetchChunk();
+      if (!chunk) {
+        throw new Error(`Token ${token} not found (unexpected end of input)`);
+      }
+      this.#json += chunk;
     }
   }
 
@@ -162,7 +177,11 @@ export class HeapSnapshotLoader {
       } else {
         this.#progress.updateStatus(title);
       }
-      this.#json += await this.#fetchChunk();
+      const chunk = await this.#fetchChunk();
+      if (!chunk) {
+        throw new Error(`Unexpected end of input while ${title}`);
+      }
+      this.#json += chunk;
     }
     const result = this.#array;
     this.#array = null;
@@ -188,7 +207,11 @@ export class HeapSnapshotLoader {
     });
     jsonTokenizer.write(json);
     while (!jsonTokenizerDone) {
-      jsonTokenizer.write(await this.#fetchChunk());
+      const chunk = await this.#fetchChunk();
+      if (!chunk) {
+        throw new Error('Unexpected end of input while loading snapshot info');
+      }
+      jsonTokenizer.write(chunk);
     }
 
     this.#snapshot = this.#snapshot || {};

package/front_end/entrypoints/inspector_main/RenderingOptions.ts

@@ -236,24 +236,23 @@ export class RenderingOptionsView extends UI.Widget.VBox {
 
     this.contentElement.createChild('div').classList.add('panel-section-separator');
 
-    this.#appendSelect(
-        i18nString(UIStrings.forcesCssPreferscolorschemeMedia),
-        Common.Settings.Settings.instance().moduleSetting('emulated-css-media-feature-prefers-color-scheme'),
-        autoDarkModeSetting.get());
-    this.#appendSelect(
-        i18nString(UIStrings.forcesMediaTypeForTestingPrint),
-        Common.Settings.Settings.instance().moduleSetting('emulated-css-media'));
-    this.#appendSelect(
-        i18nString(UIStrings.forcesCssForcedColors),
-        Common.Settings.Settings.instance().moduleSetting('emulated-css-media-feature-forced-colors'));
+    this.#appendSelect(i18nString(UIStrings.forcesCssPreferscolorschemeMedia),
+                       Common.Settings.Settings.instance().resolve(
+                           SDK.SDKSettings.emulatedCSSMediaFeaturePrefersColorSchemeSettingDescriptor),
+                       autoDarkModeSetting.get());
+    this.#appendSelect(i18nString(UIStrings.forcesMediaTypeForTestingPrint),
+                       Common.Settings.Settings.instance().resolve(SDK.SDKSettings.emulatedCSSMediaSettingDescriptor));
+    this.#appendSelect(i18nString(UIStrings.forcesCssForcedColors),
+                       Common.Settings.Settings.instance().resolve(
+                           SDK.SDKSettings.emulatedCSSMediaFeatureForcedColorsSettingDescriptor));
     if (supportsPrefersContrast()) {
       this.#appendSelect(
           i18nString(UIStrings.forcesCssPreferscontrastMedia),
           Common.Settings.Settings.instance().moduleSetting('emulated-css-media-feature-prefers-contrast'));
     }
-    this.#appendSelect(
-        i18nString(UIStrings.forcesCssPrefersreducedmotion),
-        Common.Settings.Settings.instance().moduleSetting('emulated-css-media-feature-prefers-reduced-motion'));
+    this.#appendSelect(i18nString(UIStrings.forcesCssPrefersreducedmotion),
+                       Common.Settings.Settings.instance().resolve(
+                           SDK.SDKSettings.emulatedCSSMediaFeaturePrefersReducedMotionSettingDescriptor));
     if (supportsPrefersReducedData()) {
       this.#appendSelect(
           i18nString(UIStrings.forcesCssPrefersreduceddataMedia),
@@ -329,8 +328,8 @@ export class RenderingOptionsView extends UI.Widget.VBox {
 
 export class ReloadActionDelegate implements UI.ActionRegistration.ActionDelegate {
   handleAction(_context: UI.Context.Context, actionId: string): boolean {
-    const emulatedCSSMediaFeaturePrefersColorSchemeSetting =
-        Common.Settings.Settings.instance().moduleSetting('emulated-css-media-feature-prefers-color-scheme');
+    const emulatedCSSMediaFeaturePrefersColorSchemeSetting = Common.Settings.Settings.instance().resolve(
+        SDK.SDKSettings.emulatedCSSMediaFeaturePrefersColorSchemeSettingDescriptor);
 
     switch (actionId) {
       case 'rendering.toggle-prefers-color-scheme': {