chrome-devtools-frontend 1.0.1684555 → 1.0.1689415

package/front_end/core/common/Color.ts

@@ -127,8 +127,8 @@ export function getFormat(formatText: string): Format|null {
 }
 
 // Returns the `ColorSpace` equivalent from the color space text
-type ColorSpace = Format.SRGB|Format.SRGB_LINEAR|Format.DISPLAY_P3|Format.A98_RGB|Format.PROPHOTO_RGB|
-                  Format.REC_2020|Format.XYZ|Format.XYZ_D50|Format.XYZ_D65;
+type ColorSpace = Format.SRGB|Format.SRGB_LINEAR|Format.DISPLAY_P3|Format.DISPLAY_P3_LINEAR|Format.A98_RGB|
+                  Format.PROPHOTO_RGB|Format.REC_2020|Format.XYZ|Format.XYZ_D50|Format.XYZ_D65;
 function getColorSpace(colorSpaceText: string): ColorSpace|null {
   switch (colorSpaceText) {
     case Format.SRGB:
@@ -137,6 +137,8 @@ function getColorSpace(colorSpaceText: string): ColorSpace|null {
       return Format.SRGB_LINEAR;
     case Format.DISPLAY_P3:
       return Format.DISPLAY_P3;
+    case Format.DISPLAY_P3_LINEAR:
+      return Format.DISPLAY_P3_LINEAR;
     case Format.A98_RGB:
       return Format.A98_RGB;
     case Format.PROPHOTO_RGB:
@@ -651,6 +653,7 @@ interface ColorConversions<T = void> {
   [Format.SRGB](self: T): ColorFunction;
   [Format.SRGB_LINEAR](self: T): ColorFunction;
   [Format.DISPLAY_P3](self: T): ColorFunction;
+  [Format.DISPLAY_P3_LINEAR](self: T): ColorFunction;
   [Format.A98_RGB](self: T): ColorFunction;
   [Format.PROPHOTO_RGB](self: T): ColorFunction;
   [Format.REC_2020](self: T): ColorFunction;
@@ -727,6 +730,7 @@ export const enum Format {
   SRGB = 'srgb',
   SRGB_LINEAR = 'srgb-linear',
   DISPLAY_P3 = 'display-p3',
+  DISPLAY_P3_LINEAR = 'display-p3-linear',
   A98_RGB = 'a98-rgb',
   PROPHOTO_RGB = 'prophoto-rgb',
   REC_2020 = 'rec2020',
@@ -766,6 +770,8 @@ export class Lab implements Color {
         new ColorFunction(Format.SRGB_LINEAR, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
     [Format.DISPLAY_P3]: (self: Lab) =>
         new ColorFunction(Format.DISPLAY_P3, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
+    [Format.DISPLAY_P3_LINEAR]: (self: Lab) => new ColorFunction(
+        Format.DISPLAY_P3_LINEAR, ...ColorConverter.xyzd50ToDisplayP3Linear(...self.#toXyzd50()), self.alpha),
     [Format.A98_RGB]: (self: Lab) =>
         new ColorFunction(Format.A98_RGB, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
     [Format.PROPHOTO_RGB]: (self: Lab) =>
@@ -905,6 +911,8 @@ export class LCH implements Color {
         new ColorFunction(Format.SRGB_LINEAR, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
     [Format.DISPLAY_P3]: (self: LCH) =>
         new ColorFunction(Format.DISPLAY_P3, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
+    [Format.DISPLAY_P3_LINEAR]: (self: LCH) => new ColorFunction(
+        Format.DISPLAY_P3_LINEAR, ...ColorConverter.xyzd50ToDisplayP3Linear(...self.#toXyzd50()), self.alpha),
     [Format.A98_RGB]: (self: LCH) =>
         new ColorFunction(Format.A98_RGB, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
     [Format.PROPHOTO_RGB]: (self: LCH) =>
@@ -1047,6 +1055,8 @@ export class Oklab implements Color {
         new ColorFunction(Format.SRGB_LINEAR, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
     [Format.DISPLAY_P3]: (self: Oklab) =>
         new ColorFunction(Format.DISPLAY_P3, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
+    [Format.DISPLAY_P3_LINEAR]: (self: Oklab) => new ColorFunction(
+        Format.DISPLAY_P3_LINEAR, ...ColorConverter.xyzd50ToDisplayP3Linear(...self.#toXyzd50()), self.alpha),
     [Format.A98_RGB]: (self: Oklab) =>
         new ColorFunction(Format.A98_RGB, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
     [Format.PROPHOTO_RGB]: (self: Oklab) =>
@@ -1186,6 +1196,8 @@ export class Oklch implements Color {
         new ColorFunction(Format.SRGB_LINEAR, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
     [Format.DISPLAY_P3]: (self: Oklch) =>
         new ColorFunction(Format.DISPLAY_P3, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
+    [Format.DISPLAY_P3_LINEAR]: (self: Oklch) => new ColorFunction(
+        Format.DISPLAY_P3_LINEAR, ...ColorConverter.xyzd50ToDisplayP3Linear(...self.#toXyzd50()), self.alpha),
     [Format.A98_RGB]: (self: Oklch) =>
         new ColorFunction(Format.A98_RGB, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
     [Format.PROPHOTO_RGB]: (self: Oklch) =>
@@ -1329,6 +1341,8 @@ export class ColorFunction implements Color {
         new ColorFunction(Format.SRGB_LINEAR, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
     [Format.DISPLAY_P3]: (self: ColorFunction) =>
         new ColorFunction(Format.DISPLAY_P3, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
+    [Format.DISPLAY_P3_LINEAR]: (self: ColorFunction) => new ColorFunction(
+        Format.DISPLAY_P3_LINEAR, ...ColorConverter.xyzd50ToDisplayP3Linear(...self.#toXyzd50()), self.alpha),
     [Format.A98_RGB]: (self: ColorFunction) =>
         new ColorFunction(Format.A98_RGB, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
     [Format.PROPHOTO_RGB]: (self: ColorFunction) =>
@@ -1352,6 +1366,8 @@ export class ColorFunction implements Color {
         return ColorConverter.srgbLinearToXyzd50(p0, p1, p2);
       case Format.DISPLAY_P3:
         return ColorConverter.displayP3ToXyzd50(p0, p1, p2);
+      case Format.DISPLAY_P3_LINEAR:
+        return ColorConverter.displayP3LinearToXyzd50(p0, p1, p2);
       case Format.A98_RGB:
         return ColorConverter.adobeRGBToXyzd50(p0, p1, p2);
       case Format.PROPHOTO_RGB:
@@ -1560,6 +1576,8 @@ export class HSL implements Color {
         new ColorFunction(Format.SRGB_LINEAR, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
     [Format.DISPLAY_P3]: (self: HSL) =>
         new ColorFunction(Format.DISPLAY_P3, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
+    [Format.DISPLAY_P3_LINEAR]: (self: HSL) => new ColorFunction(
+        Format.DISPLAY_P3_LINEAR, ...ColorConverter.xyzd50ToDisplayP3Linear(...self.#toXyzd50()), self.alpha),
     [Format.A98_RGB]: (self: HSL) =>
         new ColorFunction(Format.A98_RGB, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
     [Format.PROPHOTO_RGB]: (self: HSL) =>
@@ -1714,6 +1732,8 @@ export class HWB implements Color {
         new ColorFunction(Format.SRGB_LINEAR, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
     [Format.DISPLAY_P3]: (self: HWB) =>
         new ColorFunction(Format.DISPLAY_P3, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
+    [Format.DISPLAY_P3_LINEAR]: (self: HWB) => new ColorFunction(
+        Format.DISPLAY_P3_LINEAR, ...ColorConverter.xyzd50ToDisplayP3Linear(...self.#toXyzd50()), self.alpha),
     [Format.A98_RGB]: (self: HWB) =>
         new ColorFunction(Format.A98_RGB, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
     [Format.PROPHOTO_RGB]: (self: HWB) =>
@@ -1983,6 +2003,8 @@ export class Legacy implements Color {
         new ColorFunction(Format.SRGB_LINEAR, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
     [Format.DISPLAY_P3]: (self: Legacy) =>
         new ColorFunction(Format.DISPLAY_P3, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
+    [Format.DISPLAY_P3_LINEAR]: (self: Legacy) => new ColorFunction(
+        Format.DISPLAY_P3_LINEAR, ...ColorConverter.xyzd50ToDisplayP3Linear(...self.#toXyzd50()), self.alpha),
     [Format.A98_RGB]: (self: Legacy) =>
         new ColorFunction(Format.A98_RGB, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
     [Format.PROPHOTO_RGB]: (self: Legacy) =>
@@ -2403,7 +2425,7 @@ console.assert(
     COLOR_TO_RGBA_ENTRIES.every(([nickname]) => nickname.toLowerCase() === nickname),
     'All color nicknames must be lowercase.');
 
-export const Nicknames = new Map(COLOR_TO_RGBA_ENTRIES);
+export const Nicknames: Map<string, number[]> = new Map(COLOR_TO_RGBA_ENTRIES);
 
 const RGBAToNickname = new Map(
     // Default opacity to 1 if the color only specified 3 channels
@@ -2414,7 +2436,7 @@ const RGBAToNickname = new Map(
 
 const LAYOUT_LINES_HIGHLIGHT_COLOR = [127, 32, 210];
 
-export const PageHighlight = {
+export const PageHighlight: Record<string, Legacy> = {
   Content: Legacy.fromRGBA([111, 168, 220, .66]),
   ContentLight: Legacy.fromRGBA([111, 168, 220, .5]),
   ContentOutline: Legacy.fromRGBA([9, 83, 148]),
@@ -2435,12 +2457,12 @@ export const PageHighlight = {
   GridAreaBorder: Legacy.fromRGBA([26, 115, 232, 1]),
 };
 
-export const SourceOrderHighlight = {
+export const SourceOrderHighlight: Record<string, Legacy> = {
   ParentOutline: Legacy.fromRGBA([224, 90, 183, 1]),
   ChildOutline: Legacy.fromRGBA([0, 120, 212, 1]),
 };
 
-export const IsolationModeHighlight = {
+export const IsolationModeHighlight: Record<string, Legacy> = {
   Resizer: Legacy.fromRGBA([222, 225, 230, 1]),  // --color-background-elevation-2
   ResizerHandle: Legacy.fromRGBA([166, 166, 166, 1]),
   Mask: Legacy.fromRGBA([248, 249, 249, 1]),

package/front_end/core/common/ColorConverter.ts

@@ -308,6 +308,18 @@ export class ColorConverter {
         NAMED_TRANSFER_FN.sRGB_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
   }
 
+  static displayP3LinearToXyzd50(r: number, g: number, b: number): [number, number, number] {
+    const rgbInput = new Vector3([r, g, b]);
+    const xyzOutput = NAMED_GAMUTS.displayP3.multiply(rgbInput);
+    return xyzOutput.values;
+  }
+
+  static xyzd50ToDisplayP3Linear(x: number, y: number, z: number): [number, number, number] {
+    const xyzInput = new Vector3([x, y, z]);
+    const rgbResult = NAMED_GAMUTS.displayP3_INVERSE.multiply(xyzInput);
+    return rgbResult.values;
+  }
+
   static proPhotoToXyzd50(r: number, g: number, b: number): [number, number, number] {
     const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.proPhotoRGB, r, g, b);
     const rgbInput = new Vector3([mappedR, mappedG, mappedB]);

package/front_end/core/common/Console.ts

@@ -30,7 +30,8 @@ export class Console extends ObjectWrapper<EventTypes> {
    * @param show whether to show the Console panel (if it's not already shown).
    * @param source the message source.
    */
-  addMessage(text: string, level = MessageLevel.INFO, show = false, source?: FrontendMessageSource): void {
+  addMessage(text: string, level: MessageLevel = MessageLevel.INFO, show = false,
+             source?: FrontendMessageSource): void {
     const message = new Message(text, level, Date.now(), show, source);
     this.#messages.push(message);
     this.dispatchEventToListeners(Events.MESSAGE_ADDED, message);

package/front_end/core/common/Object.ts

@@ -119,8 +119,8 @@ export type EventMixinBase = {
   dispatchDOMEvent ? (event: Event) : void,
 }&object;
 
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-export function eventMixin<Events, Base extends Platform.Constructor.Constructor<EventMixinBase>>(base: Base) {
+export function eventMixin<Events, Base extends Platform.Constructor.Constructor<EventMixinBase>>(base: Base):
+    Platform.Constructor.Constructor<EventTarget<Events>>&Base {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   console.assert(base as any !== HTMLElement);
   return class EventHandling extends base implements EventTarget<Events> {

package/front_end/core/common/ResourceType.ts

@@ -368,9 +368,9 @@ export class ResourceCategory {
   }
 }
 
-export const resourceCategories = {
-  XHR: new ResourceCategory(
-      'Fetch and XHR', i18nLazyString(UIStrings.fetchAndXHR), i18n.i18n.lockedLazyString('Fetch/XHR')),
+export const resourceCategories: Record<string, ResourceCategory> = {
+  XHR: new ResourceCategory('Fetch and XHR', i18nLazyString(UIStrings.fetchAndXHR),
+                            i18n.i18n.lockedLazyString('Fetch/XHR')),
   Document: new ResourceCategory(UIStrings.document, i18nLazyString(UIStrings.document), i18nLazyString(UIStrings.doc)),
   Stylesheet: new ResourceCategory(UIStrings.css, i18nLazyString(UIStrings.css), i18nLazyString(UIStrings.css)),
   Script:
@@ -380,11 +380,10 @@ export const resourceCategories = {
   Media: new ResourceCategory(UIStrings.media, i18nLazyString(UIStrings.media), i18nLazyString(UIStrings.media)),
   Manifest:
       new ResourceCategory(UIStrings.manifest, i18nLazyString(UIStrings.manifest), i18nLazyString(UIStrings.manifest)),
-  Socket: new ResourceCategory(
-      'Socket', i18n.i18n.lockedLazyString('WebSocket | WebTransport | DirectSocket'),
-      i18nLazyString(UIStrings.socketShort)),
-  Wasm: new ResourceCategory(
-      UIStrings.webassembly, i18nLazyString(UIStrings.webassembly), i18nLazyString(UIStrings.wasm)),
+  Socket: new ResourceCategory('Socket', i18n.i18n.lockedLazyString('WebSocket | WebTransport | DirectSocket'),
+                               i18nLazyString(UIStrings.socketShort)),
+  Wasm: new ResourceCategory(UIStrings.webassembly, i18nLazyString(UIStrings.webassembly),
+                             i18nLazyString(UIStrings.wasm)),
   Other: new ResourceCategory(UIStrings.other, i18nLazyString(UIStrings.other), i18nLazyString(UIStrings.other)),
 };
 
@@ -394,7 +393,7 @@ export const resourceCategories = {
  * (for example Wasm that is based on Fetch), additional types are added here.
  * For these types, make sure to update `fromMimeTypeOverride` to implement the custom logic.
  */
-export const resourceTypes = {
+export const resourceTypes: Record<string, ResourceType> = {
   Document: new ResourceType('document', i18nLazyString(UIStrings.document), resourceCategories.Document, true),
   Stylesheet: new ResourceType('stylesheet', i18nLazyString(UIStrings.stylesheet), resourceCategories.Stylesheet, true),
   Image: new ResourceType('image', i18nLazyString(UIStrings.image), resourceCategories.Image, false),
@@ -416,8 +415,8 @@ export const resourceTypes = {
   SignedExchange:
       new ResourceType('signed-exchange', i18nLazyString(UIStrings.signedexchange), resourceCategories.Other, false),
   Ping: new ResourceType('ping', i18nLazyString(UIStrings.ping), resourceCategories.Other, false),
-  CSPViolationReport: new ResourceType(
-      'csp-violation-report', i18nLazyString(UIStrings.cspviolationreport), resourceCategories.Other, false),
+  CSPViolationReport: new ResourceType('csp-violation-report', i18nLazyString(UIStrings.cspviolationreport),
+                                       resourceCategories.Other, false),
   Other: new ResourceType('other', i18nLazyString(UIStrings.other), resourceCategories.Other, false),
   Preflight: new ResourceType('preflight', i18nLazyString(UIStrings.preflight), resourceCategories.Other, true),
   SourceMapScript: new ResourceType('sm-script', i18nLazyString(UIStrings.script), resourceCategories.Script, true),
@@ -432,7 +431,7 @@ const mimeTypeByName = new Map([
 ]);
 
 // clang-format off
-export const resourceTypeByExtension = new Map([
+export const resourceTypeByExtension: Map<string, ResourceType> = new Map([
   ['js', resourceTypes.Script],
   ['mjs', resourceTypes.Script],
 
@@ -467,7 +466,7 @@ export const resourceTypeByExtension = new Map([
 ]);
 // clang-format on
 
-export const mimeTypeByExtension = new Map([
+export const mimeTypeByExtension: Map<string, string> = new Map([
   // Web extensions
   ['js', 'text/javascript'],
   ['mjs', 'text/javascript'],

package/front_end/core/common/Revealer.ts

@@ -178,7 +178,7 @@ export interface RevealerRegistration<T> {
   destination?: RevealerDestination;
 }
 
-export const RevealerDestination = {
+export const RevealerDestination: Record<string, RevealerDestination> = {
   DEVELOPER_RESOURCES_PANEL: i18nLazyString(UIStrings.developerResourcesPanel),
   ELEMENTS_PANEL: i18nLazyString(UIStrings.elementsPanel),
   STYLES_SIDEBAR: i18nLazyString(UIStrings.stylesSidebar),

package/front_end/core/common/Settings.ts

@@ -110,10 +110,10 @@ export class Settings {
 
   readonly #settingRegistrations: SettingRegistration[];
   readonly #sessionStorage = new SettingsStorage({});
-  settingNameSet = new Set<string>();
+  settingNameSet: Set<string> = new Set<string>();
   #eventSupport = new ObjectWrapper<GenericEvents>();
   #registry = new Map<string, Setting<unknown>>();
-  readonly moduleSettings = new Map<string, Setting<unknown>>();
+  readonly moduleSettings: Map<string, Setting<unknown>> = new Map<string, Setting<unknown>>();
   #logSettingAccess?: (name: string, value: number|string|boolean) => Promise<void>;
   readonly #console: Console;
 

package/front_end/core/common/TextDictionary.ts

@@ -5,8 +5,8 @@
 import {Trie} from './Trie.js';
 
 export class TextDictionary {
-  readonly words = new Map<string, number>();
-  readonly index = Trie.newStringTrie();
+  readonly words: Map<string, number> = new Map<string, number>();
+  readonly index: Trie<string> = Trie.newStringTrie();
 
   addWord(word: string): void {
     let count = this.words.get(word) || 0;

package/front_end/core/common/Throttler.ts

@@ -49,7 +49,7 @@ export class Throttler {
     this.#process = null;
   }
 
-  async schedule(process: () => (void|Promise<unknown>), scheduling = Scheduling.DEFAULT): Promise<void> {
+  async schedule(process: () => (void|Promise<unknown>), scheduling: Scheduling = Scheduling.DEFAULT): Promise<void> {
     // Deliberately skip previous #process.
     this.#process = process;
 

package/front_end/core/host/InspectorFrontendHostAPI.ts

@@ -42,7 +42,7 @@ export enum Events {
   /* eslint-enable @typescript-eslint/naming-convention */
 }
 
-export const EventDescriptors = [
+export const EventDescriptors: ReadonlyArray<readonly[Events, readonly string[], boolean?]> = [
   [Events.AppendedToURL, ['url']],
   [Events.CanceledSaveURL, ['url']],
   [Events.ColorThemeChanged, []],
@@ -60,7 +60,7 @@ export const EventDescriptors = [
   [Events.FileSystemRemoved, ['fileSystemPath']],
   [Events.FileSystemAdded, ['errorMessage', 'fileSystem']],
   [Events.FileSystemFilesChangedAddedRemoved, ['changed', 'added', 'removed']],
-  [Events.IndexingTotalWorkCalculated, , ['requestId', 'fileSystemPath', 'totalWork']],
+  [Events.IndexingTotalWorkCalculated, ['requestId', 'fileSystemPath', 'totalWork']],
   [Events.IndexingWorked, ['requestId', 'fileSystemPath', 'worked']],
   [Events.IndexingDone, ['requestId', 'fileSystemPath']],
   [Events.KeyEventUnhandled, ['event']],

package/front_end/core/host/UserMetrics.ts

@@ -340,121 +340,135 @@ function createDynamicEnumProxy<T extends object>(enumName: string, fallbackEnum
 }
 
 export type Action = Enums.Action;
-export const Action = createDynamicEnumProxy<typeof Enums.Action>('Action', Enums.Action);
+export const Action: typeof Enums.Action = createDynamicEnumProxy<typeof Enums.Action>('Action', Enums.Action);
 
 export type PanelCodes = Enums.PanelCodes;
-export const PanelCodes = createDynamicEnumProxy<typeof Enums.PanelCodes>('PanelCodes', Enums.PanelCodes);
+export const PanelCodes: typeof Enums.PanelCodes =
+    createDynamicEnumProxy<typeof Enums.PanelCodes>('PanelCodes', Enums.PanelCodes);
 
 export type MediaTypes = Enums.MediaTypes;
-export const MediaTypes = createDynamicEnumProxy<typeof Enums.MediaTypes>('MediaTypes', Enums.MediaTypes);
+export const MediaTypes: typeof Enums.MediaTypes =
+    createDynamicEnumProxy<typeof Enums.MediaTypes>('MediaTypes', Enums.MediaTypes);
 
 export type KeybindSetSettings = Enums.KeybindSetSettings;
-export const KeybindSetSettings =
+export const KeybindSetSettings: typeof Enums.KeybindSetSettings =
     createDynamicEnumProxy<typeof Enums.KeybindSetSettings>('KeybindSetSettings', Enums.KeybindSetSettings);
 
 export type KeyboardShortcutAction = Enums.KeyboardShortcutAction;
-export const KeyboardShortcutAction =
+export const KeyboardShortcutAction: typeof Enums.KeyboardShortcutAction =
     createDynamicEnumProxy<typeof Enums.KeyboardShortcutAction>('KeyboardShortcutAction', Enums.KeyboardShortcutAction);
 
 export type IssueOpener = Enums.IssueOpener;
-export const IssueOpener = createDynamicEnumProxy<typeof Enums.IssueOpener>('IssueOpener', Enums.IssueOpener);
+export const IssueOpener: typeof Enums.IssueOpener =
+    createDynamicEnumProxy<typeof Enums.IssueOpener>('IssueOpener', Enums.IssueOpener);
 
 export type DevtoolsExperiments = Enums.DevtoolsExperiments;
-export const DevtoolsExperiments =
+export const DevtoolsExperiments: typeof Enums.DevtoolsExperiments =
     createDynamicEnumProxy<typeof Enums.DevtoolsExperiments>('DevtoolsExperiments', Enums.DevtoolsExperiments);
 
 export type IssueExpanded = Enums.IssueExpanded;
-export const IssueExpanded = createDynamicEnumProxy<typeof Enums.IssueExpanded>('IssueExpanded', Enums.IssueExpanded);
+export const IssueExpanded: typeof Enums.IssueExpanded =
+    createDynamicEnumProxy<typeof Enums.IssueExpanded>('IssueExpanded', Enums.IssueExpanded);
 
 export type IssueResourceOpened = Enums.IssueResourceOpened;
-export const IssueResourceOpened =
+export const IssueResourceOpened: typeof Enums.IssueResourceOpened =
     createDynamicEnumProxy<typeof Enums.IssueResourceOpened>('IssueResourceOpened', Enums.IssueResourceOpened);
 
 export type IssueCreated = Enums.IssueCreated;
-export const IssueCreated = createDynamicEnumProxy<typeof Enums.IssueCreated>('IssueCreated', Enums.IssueCreated);
+export const IssueCreated: typeof Enums.IssueCreated =
+    createDynamicEnumProxy<typeof Enums.IssueCreated>('IssueCreated', Enums.IssueCreated);
 
 export type DeveloperResourceLoaded = Enums.DeveloperResourceLoaded;
-export const DeveloperResourceLoaded = createDynamicEnumProxy<typeof Enums.DeveloperResourceLoaded>(
-    'DeveloperResourceLoaded', Enums.DeveloperResourceLoaded);
+export const DeveloperResourceLoaded: typeof Enums.DeveloperResourceLoaded =
+    createDynamicEnumProxy<typeof Enums.DeveloperResourceLoaded>('DeveloperResourceLoaded',
+                                                                 Enums.DeveloperResourceLoaded);
 
 export type DeveloperResourceScheme = Enums.DeveloperResourceScheme;
-export const DeveloperResourceScheme = createDynamicEnumProxy<typeof Enums.DeveloperResourceScheme>(
-    'DeveloperResourceScheme', Enums.DeveloperResourceScheme);
+export const DeveloperResourceScheme: typeof Enums.DeveloperResourceScheme =
+    createDynamicEnumProxy<typeof Enums.DeveloperResourceScheme>('DeveloperResourceScheme',
+                                                                 Enums.DeveloperResourceScheme);
 
 export type Language = Enums.Language;
-export const Language = createDynamicEnumProxy<typeof Enums.Language>('Language', Enums.Language);
+export const Language: typeof Enums.Language =
+    createDynamicEnumProxy<typeof Enums.Language>('Language', Enums.Language);
 
 export type SyncSetting = Enums.SyncSetting;
-export const SyncSetting = createDynamicEnumProxy<typeof Enums.SyncSetting>('SyncSetting', Enums.SyncSetting);
+export const SyncSetting: typeof Enums.SyncSetting =
+    createDynamicEnumProxy<typeof Enums.SyncSetting>('SyncSetting', Enums.SyncSetting);
 
 export type RecordingToggled = Enums.RecordingToggled;
-export const RecordingToggled =
+export const RecordingToggled: typeof Enums.RecordingToggled =
     createDynamicEnumProxy<typeof Enums.RecordingToggled>('RecordingToggled', Enums.RecordingToggled);
 
 export type RecordingAssertion = Enums.RecordingAssertion;
-export const RecordingAssertion =
+export const RecordingAssertion: typeof Enums.RecordingAssertion =
     createDynamicEnumProxy<typeof Enums.RecordingAssertion>('RecordingAssertion', Enums.RecordingAssertion);
 
 export type RecordingReplayFinished = Enums.RecordingReplayFinished;
-export const RecordingReplayFinished = createDynamicEnumProxy<typeof Enums.RecordingReplayFinished>(
-    'RecordingReplayFinished', Enums.RecordingReplayFinished);
+export const RecordingReplayFinished: typeof Enums.RecordingReplayFinished =
+    createDynamicEnumProxy<typeof Enums.RecordingReplayFinished>('RecordingReplayFinished',
+                                                                 Enums.RecordingReplayFinished);
 
 export type RecordingReplaySpeed = Enums.RecordingReplaySpeed;
-export const RecordingReplaySpeed =
+export const RecordingReplaySpeed: typeof Enums.RecordingReplaySpeed =
     createDynamicEnumProxy<typeof Enums.RecordingReplaySpeed>('RecordingReplaySpeed', Enums.RecordingReplaySpeed);
 
 export type RecordingReplayStarted = Enums.RecordingReplayStarted;
-export const RecordingReplayStarted =
+export const RecordingReplayStarted: typeof Enums.RecordingReplayStarted =
     createDynamicEnumProxy<typeof Enums.RecordingReplayStarted>('RecordingReplayStarted', Enums.RecordingReplayStarted);
 
 export type RecordingEdited = Enums.RecordingEdited;
-export const RecordingEdited =
+export const RecordingEdited: typeof Enums.RecordingEdited =
     createDynamicEnumProxy<typeof Enums.RecordingEdited>('RecordingEdited', Enums.RecordingEdited);
 
 export type RecordingExported = Enums.RecordingExported;
-export const RecordingExported =
+export const RecordingExported: typeof Enums.RecordingExported =
     createDynamicEnumProxy<typeof Enums.RecordingExported>('RecordingExported', Enums.RecordingExported);
 
 export type RecordingCodeToggled = Enums.RecordingCodeToggled;
-export const RecordingCodeToggled =
+export const RecordingCodeToggled: typeof Enums.RecordingCodeToggled =
     createDynamicEnumProxy<typeof Enums.RecordingCodeToggled>('RecordingCodeToggled', Enums.RecordingCodeToggled);
 
 export type RecordingCopiedToClipboard = Enums.RecordingCopiedToClipboard;
-export const RecordingCopiedToClipboard = createDynamicEnumProxy<typeof Enums.RecordingCopiedToClipboard>(
-    'RecordingCopiedToClipboard', Enums.RecordingCopiedToClipboard);
+export const RecordingCopiedToClipboard: typeof Enums.RecordingCopiedToClipboard =
+    createDynamicEnumProxy<typeof Enums.RecordingCopiedToClipboard>('RecordingCopiedToClipboard',
+                                                                    Enums.RecordingCopiedToClipboard);
 
 export type ManifestSectionCodes = Enums.ManifestSectionCodes;
-export const ManifestSectionCodes =
+export const ManifestSectionCodes: typeof Enums.ManifestSectionCodes =
     createDynamicEnumProxy<typeof Enums.ManifestSectionCodes>('ManifestSectionCodes', Enums.ManifestSectionCodes);
 
 export type LighthouseModeRun = Enums.LighthouseModeRun;
-export const LighthouseModeRun =
+export const LighthouseModeRun: typeof Enums.LighthouseModeRun =
     createDynamicEnumProxy<typeof Enums.LighthouseModeRun>('LighthouseModeRun', Enums.LighthouseModeRun);
 
 export type LighthouseCategoryUsed = Enums.LighthouseCategoryUsed;
-export const LighthouseCategoryUsed =
+export const LighthouseCategoryUsed: typeof Enums.LighthouseCategoryUsed =
     createDynamicEnumProxy<typeof Enums.LighthouseCategoryUsed>('LighthouseCategoryUsed', Enums.LighthouseCategoryUsed);
 
 export type SwatchType = Enums.SwatchType;
-export const SwatchType = createDynamicEnumProxy<typeof Enums.SwatchType>('SwatchType', Enums.SwatchType);
+export const SwatchType: typeof Enums.SwatchType =
+    createDynamicEnumProxy<typeof Enums.SwatchType>('SwatchType', Enums.SwatchType);
 
 export type BadgeType = Enums.BadgeType;
-export const BadgeType = createDynamicEnumProxy<typeof Enums.BadgeType>('BadgeType', Enums.BadgeType);
+export const BadgeType: typeof Enums.BadgeType =
+    createDynamicEnumProxy<typeof Enums.BadgeType>('BadgeType', Enums.BadgeType);
 
 export type AnimationsPlaybackRate = Enums.AnimationsPlaybackRate;
-export const AnimationsPlaybackRate =
+export const AnimationsPlaybackRate: typeof Enums.AnimationsPlaybackRate =
     createDynamicEnumProxy<typeof Enums.AnimationsPlaybackRate>('AnimationsPlaybackRate', Enums.AnimationsPlaybackRate);
 
 export type TimelineNavigationSetting = Enums.TimelineNavigationSetting;
-export const TimelineNavigationSetting = createDynamicEnumProxy<typeof Enums.TimelineNavigationSetting>(
-    'TimelineNavigationSetting', Enums.TimelineNavigationSetting);
+export const TimelineNavigationSetting: typeof Enums.TimelineNavigationSetting =
+    createDynamicEnumProxy<typeof Enums.TimelineNavigationSetting>('TimelineNavigationSetting',
+                                                                   Enums.TimelineNavigationSetting);
 
 export type BuiltInAiAvailability = Enums.BuiltInAiAvailability;
-export const BuiltInAiAvailability =
+export const BuiltInAiAvailability: typeof Enums.BuiltInAiAvailability =
     createDynamicEnumProxy<typeof Enums.BuiltInAiAvailability>('BuiltInAiAvailability', Enums.BuiltInAiAvailability);
 
 export type ResendRequestType = Enums.ResendRequestType;
-export const ResendRequestType =
+export const ResendRequestType: typeof Enums.ResendRequestType =
     createDynamicEnumProxy<typeof Enums.ResendRequestType>('ResendRequestType', Enums.ResendRequestType);
 
 const resendRequestTypeMap = new Map<Common.ResourceType.ResourceType, keyof typeof Enums.ResendRequestType>([

package/front_end/core/host/host.ts

@@ -28,4 +28,4 @@ export {
   UserMetrics,
 };
 
-export const userMetrics = new UserMetrics.UserMetrics();
+export const userMetrics: UserMetrics.UserMetrics = new UserMetrics.UserMetrics();

package/front_end/core/i18n/i18nImpl.ts

@@ -67,7 +67,7 @@ export async function fetchAndRegisterLocaleData(
     locale: Intl.UnicodeBCP47LocaleIdentifier,
     // Type issue with universal types.
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    location = (globalThis as any).location?.toString() ?? ''): Promise<void> {
+    location: string = (globalThis as any).location?.toString() ?? ''): Promise<void> {
   const localeDataTextPromise =
       fetch(getLocaleFetchUrl(locale, location)).then(result => result.json()) as Promise<I18n.I18n.LocalizedMessages>;
   const timeoutPromise = new Promise<never>(

package/front_end/core/platform/HostRuntime.ts

@@ -6,14 +6,14 @@ import type * as Api from './api/api.js';
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore 'process' is not available when type-checking against browser types.
-export const IS_NODE = typeof (process as unknown) !== 'undefined' && process.versions?.node !== null;
+export const IS_NODE: boolean = typeof (process as unknown) !== 'undefined' && process.versions?.node !== null;
 
-export const IS_BROWSER =
+export const IS_BROWSER: boolean =
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore 'window' is not available when type-checking against node.js types.
     typeof window !== 'undefined' || (typeof self !== 'undefined' && typeof self.postMessage === 'function');
 
-export const HOST_RUNTIME = await (async(): Promise<Api.HostRuntime.HostRuntime> => {
+export const HOST_RUNTIME: Api.HostRuntime.HostRuntime = await (async(): Promise<Api.HostRuntime.HostRuntime> => {
   // Check IS_BROWSER first: in some embedder environments, both IS_NODE
   // and IS_BROWSER can be true because `process` is available in renderer
   // contexts. The browser runtime is always correct when browser APIs

package/front_end/core/platform/KeyboardUtilities.ts

@@ -18,7 +18,7 @@ export const ENTER_KEY = 'Enter';
 export const ESCAPE_KEY = 'Escape';
 export const TAB_KEY = 'Tab';
 
-export const ARROW_KEYS = new Set<ArrowKey>([
+export const ARROW_KEYS: Set<ArrowKey> = new Set<ArrowKey>([
   ArrowKey.UP,
   ArrowKey.DOWN,
   ArrowKey.LEFT,

package/front_end/core/protocol_client/InspectorBackend.ts

@@ -65,10 +65,11 @@ type ReadonlyEventParameterNames = ReadonlyMap<QualifiedName, string[]>;
 type CommandParameter = InspectorBackendCommands.CommandParameter;
 
 export class InspectorBackend implements InspectorBackendCommands.InspectorBackendAPI {
-  readonly agentPrototypes = new Map<ProtocolDomainName, AgentPrototype>();
-  #eventParameterNamesForDomain = new Map<ProtocolDomainName, EventParameterNames>();
-  readonly typeMap = new Map<QualifiedName, CommandParameter[]>();
-  readonly enumMap = new Map<QualifiedName, Record<string, string>>();
+  readonly agentPrototypes: Map<ProtocolDomainName, AgentPrototype> = new Map<ProtocolDomainName, AgentPrototype>();
+  #eventParameterNamesForDomain: Map<ProtocolDomainName, EventParameterNames> =
+      new Map<ProtocolDomainName, EventParameterNames>();
+  readonly typeMap: Map<QualifiedName, CommandParameter[]> = new Map<QualifiedName, CommandParameter[]>();
+  readonly enumMap: Map<QualifiedName, Record<string, string>> = new Map<QualifiedName, Record<string, string>>();
 
   constructor() {
     // Create the global here because registering commands will involve putting
@@ -673,7 +674,7 @@ const IGNORED_ERRORS = new Set<CDPErrorStatus>([
  * The reasons this is done is so that on the prototypes we can install the implementations
  * of the invoke_enable, etc. methods that the front-end uses.
  */
-class AgentPrototype {
+export class AgentPrototype {
   description = '';
   metadata: Record<string, {parameters: CommandParameter[], description: string, replyArgs: string[]}>;
   readonly domain: string;
@@ -773,4 +774,4 @@ class DispatcherManager<Domain extends ProtocolDomainName> {
   }
 }
 
-export const inspectorBackend = new InspectorBackend();
+export const inspectorBackend: InspectorBackend = new InspectorBackend();

package/front_end/core/root/Runtime.ts

@@ -323,7 +323,7 @@ export class Experiment {
 }
 
 /** This must be constructed after the query parameters have been parsed. **/
-export const experiments = new ExperimentsSupport();
+export const experiments: ExperimentsSupport = new ExperimentsSupport();
 
 export enum GenAiEnterprisePolicyValue {
   ALLOW = 0,
@@ -632,6 +632,8 @@ export const hostConfig: Platform.TypeScriptUtilities.RecursiveReadonly<HostConf
  */
 export type Condition = (config?: HostConfig) => boolean;
 
-export const conditions = {
+export const conditions: {
+  canDock: Condition,
+} = {
   canDock: () => Boolean(Runtime.queryParam('can_dock')),
 };

package/front_end/core/sdk/AnimationModel.ts

@@ -287,7 +287,7 @@ export class AnimationModel extends SDKModel<EventTypes> {
   readonly runtimeModel: RuntimeModel;
   readonly agent: ProtocolProxyApi.AnimationApi;
   #animationsById = new Map<string, AnimationImpl>();
-  readonly animationGroups = new Map<string, AnimationGroup>();
+  readonly animationGroups: Map<string, AnimationGroup> = new Map<string, AnimationGroup>();
   #pendingAnimations = new Set<string>();
   playbackRate = 1;
   #flushPendingAnimations: () => void;