Build 21-01-2024 (#18)

Latest devtools frontend commit:
[97f497e](https://chromium.googlesource.com/devtools/devtools-frontend.git/+/97f497e6be3a25ee3d489c31a183cafcb441ba15)

Co-authored-by: GitHub <[email protected]>

public/Tests.js

@@ -1008,11 +1008,11 @@
         frame.imageDataPromise().then(onGotImageData);
       }
 
-      function onGotImageData(data) {
+      function onGotImageData(dataUri) {
         const image = new Image();
-        test.assertTrue(Boolean(data), 'No image data for frame');
+        test.assertTrue(Boolean(dataUri), 'No image data for frame');
         image.addEventListener('load', onLoad);
-        image.src = 'data:image/jpg;base64,' + data;
+        image.src = dataUri;
       }
 
       function onLoad(event) {

public/core/common/Object.d.ts

@@ -1,5 +1,5 @@
 import type * as Platform from '../platform/platform.js';
-import { type EventDescriptor, type EventListener, type EventTarget, type EventTargetEvent, type EventPayloadToRestParameters } from './EventTarget.js';
+import { type EventDescriptor, type EventListener, type EventPayloadToRestParameters, type EventTarget, type EventTargetEvent } from './EventTarget.js';
 export interface ListenerCallbackTuple<Events, T extends keyof Events> {
     thisObject?: Object;
     listener: EventListener<Events, T>;

public/core/common/Revealer.d.ts

@@ -58,7 +58,7 @@ export declare function registerRevealer<T>(registration: RevealerRegistration<T
  */
 export declare function reveal(revealable: unknown, omitFocus?: boolean): Promise<void>;
 export interface RevealerRegistration<T> {
-    contextTypes: () => Array<abstract new (...any: any) => T>;
+    contextTypes: () => Array<abstract new (...any: any[]) => T>;
     loadRevealer: () => Promise<Revealer<T>>;
     destination?: RevealerDestination;
 }

public/core/host/InspectorFrontendHostAPI.d.ts

@@ -2,6 +2,7 @@ import type * as Platform from '../../core/platform/platform.js';
 export declare enum Events {
     AppendedToURL = "appendedToURL",
     CanceledSaveURL = "canceledSaveURL",
+    ColorThemeChanged = "colorThemeChanged",
     ContextMenuCleared = "contextMenuCleared",
     ContextMenuItemSelected = "contextMenuItemSelected",
     DeviceCountUpdated = "deviceCountUpdated",
@@ -122,6 +123,7 @@ export interface KeyDownEvent {
 export type EventTypes = {
     [Events.AppendedToURL]: Platform.DevToolsPath.RawPathString | Platform.DevToolsPath.UrlString;
     [Events.CanceledSaveURL]: Platform.DevToolsPath.UrlString;
+    [Events.ColorThemeChanged]: void;
     [Events.ContextMenuCleared]: void;
     [Events.ContextMenuItemSelected]: number;
     [Events.DeviceCountUpdated]: number;
@@ -287,6 +289,7 @@ export declare enum EnumeratedHistogram {
     BreakpointEditDialogRevealedFrom = "DevTools.BreakpointEditDialogRevealedFrom",
     PanelClosed = "DevTools.PanelClosed",
     PanelShown = "DevTools.PanelShown",
+    PanelShownInLocation = "DevTools.PanelShownInLocation",
     SidebarPaneShown = "DevTools.SidebarPaneShown",
     KeyboardShortcutFired = "DevTools.KeyboardShortcutFired",
     IssueCreated = "DevTools.IssueCreated",

public/core/host/UserMetrics.d.ts

@@ -8,6 +8,7 @@ export declare class UserMetrics {
      * Fired when a panel is closed (regardless if it exists in the main panel or the drawer)
      */
     panelClosed(panelName: string): void;
+    panelShownInLocation(panelName: string, location: 'main' | 'drawer'): void;
     elementsSidebarTabShown(sidebarPaneName: string): void;
     sourcesSidebarTabShown(sidebarPaneName: string): void;
     settingsPanelShown(settingsViewId: string): void;
@@ -272,6 +273,141 @@ export declare enum PanelCodes {
     'autofill-view' = 67,
     MaxValue = 68
 }
+export declare enum PanelWithLocation {
+    'elements-main' = 1,
+    'elements-drawer' = 2,
+    'resources-main' = 3,
+    'resources-drawer' = 4,
+    'network-main' = 5,
+    'network-drawer' = 6,
+    'sources-main' = 7,
+    'sources-drawer' = 8,
+    'timeline-main' = 9,
+    'timeline-drawer' = 10,
+    'heap_profiler-main' = 11,
+    'heap_profiler-drawer' = 12,
+    'console-main' = 13,
+    'console-drawer' = 14,
+    'layers-main' = 15,
+    'layers-drawer' = 16,
+    'console-view-main' = 17,
+    'console-view-drawer' = 18,
+    'animations-main' = 19,
+    'animations-drawer' = 20,
+    'network.config-main' = 21,
+    'network.config-drawer' = 22,
+    'rendering-main' = 23,
+    'rendering-drawer' = 24,
+    'sensors-main' = 25,
+    'sensors-drawer' = 26,
+    'sources.search-main' = 27,
+    'sources.search-drawer' = 28,
+    'security-main' = 29,
+    'security-drawer' = 30,
+    'js_profiler-main' = 31,
+    'js_profiler-drawer' = 32,
+    'lighthouse-main' = 33,
+    'lighthouse-drawer' = 34,
+    'coverage-main' = 35,
+    'coverage-drawer' = 36,
+    'protocol-monitor-main' = 37,
+    'protocol-monitor-drawer' = 38,
+    'remote-devices-main' = 39,
+    'remote-devices-drawer' = 40,
+    'web-audio-main' = 41,
+    'web-audio-drawer' = 42,
+    'changes.changes-main' = 43,
+    'changes.changes-drawer' = 44,
+    'performance.monitor-main' = 45,
+    'performance.monitor-drawer' = 46,
+    'release-note-main' = 47,
+    'release-note-drawer' = 48,
+    'live_heap_profile-main' = 49,
+    'live_heap_profile-drawer' = 50,
+    'sources.quick-main' = 51,
+    'sources.quick-drawer' = 52,
+    'network.blocked-urls-main' = 53,
+    'network.blocked-urls-drawer' = 54,
+    'settings-preferences-main' = 55,
+    'settings-preferences-drawer' = 56,
+    'settings-workspace-main' = 57,
+    'settings-workspace-drawer' = 58,
+    'settings-experiments-main' = 59,
+    'settings-experiments-drawer' = 60,
+    'settings-blackbox-main' = 61,
+    'settings-blackbox-drawer' = 62,
+    'settings-devices-main' = 63,
+    'settings-devices-drawer' = 64,
+    'settings-throttling-conditions-main' = 65,
+    'settings-throttling-conditions-drawer' = 66,
+    'settings-emulation-locations-main' = 67,
+    'settings-emulation-locations-drawer' = 68,
+    'settings-shortcuts-main' = 69,
+    'settings-shortcuts-drawer' = 70,
+    'issues-pane-main' = 71,
+    'issues-pane-drawer' = 72,
+    'settings-keybinds-main' = 73,
+    'settings-keybinds-drawer' = 74,
+    'cssoverview-main' = 75,
+    'cssoverview-drawer' = 76,
+    'chrome_recorder-main' = 77,
+    'chrome_recorder-drawer' = 78,
+    'trust_tokens-main' = 79,
+    'trust_tokens-drawer' = 80,
+    'reporting_api-main' = 81,
+    'reporting_api-drawer' = 82,
+    'interest_groups-main' = 83,
+    'interest_groups-drawer' = 84,
+    'back_forward_cache-main' = 85,
+    'back_forward_cache-drawer' = 86,
+    'service_worker_cache-main' = 87,
+    'service_worker_cache-drawer' = 88,
+    'background_service_backgroundFetch-main' = 89,
+    'background_service_backgroundFetch-drawer' = 90,
+    'background_service_backgroundSync-main' = 91,
+    'background_service_backgroundSync-drawer' = 92,
+    'background_service_pushMessaging-main' = 93,
+    'background_service_pushMessaging-drawer' = 94,
+    'background_service_notifications-main' = 95,
+    'background_service_notifications-drawer' = 96,
+    'background_service_paymentHandler-main' = 97,
+    'background_service_paymentHandler-drawer' = 98,
+    'background_service_periodicBackgroundSync-main' = 99,
+    'background_service_periodicBackgroundSync-drawer' = 100,
+    'service_workers-main' = 101,
+    'service_workers-drawer' = 102,
+    'app_manifest-main' = 103,
+    'app_manifest-drawer' = 104,
+    'storage-main' = 105,
+    'storage-drawer' = 106,
+    'cookies-main' = 107,
+    'cookies-drawer' = 108,
+    'frame_details-main' = 109,
+    'frame_details-drawer' = 110,
+    'frame_resource-main' = 111,
+    'frame_resource-drawer' = 112,
+    'frame_window-main' = 113,
+    'frame_window-drawer' = 114,
+    'frame_worker-main' = 115,
+    'frame_worker-drawer' = 116,
+    'dom_storage-main' = 117,
+    'dom_storage-drawer' = 118,
+    'indexed_db-main' = 119,
+    'indexed_db-drawer' = 120,
+    'web_sql-main' = 121,
+    'web_sql-drawer' = 122,
+    'performance_insights-main' = 123,
+    'performance_insights-drawer' = 124,
+    'preloading-main' = 125,
+    'preloading-drawer' = 126,
+    'bounce_tracking_mitigations-main' = 127,
+    'bounce_tracking_mitigations-drawer' = 128,
+    'developer-resources-main' = 129,
+    'developer-resources-drawer' = 130,
+    'autofill-view-main' = 131,
+    'autofill-view-drawer' = 132,
+    MaxValue = 133
+}
 export declare enum ElementsSidebarTabCodes {
     'OtherSidebarPane' = 0,
     'Styles' = 1,
@@ -337,7 +473,7 @@ export declare enum KeybindSetSettings {
 }
 export declare enum KeyboardShortcutAction {
     OtherShortcut = 0,
-    'commandMenu.show' = 1,
+    'quick-open.show-command-menu' = 1,
     'console.clear' = 2,
     'console.toggle' = 3,
     'debugger.step' = 4,
@@ -357,7 +493,7 @@ export declare enum KeyboardShortcutAction {
     'network.hide-request-details' = 18,
     'network.search' = 19,
     'network.toggle-recording' = 20,
-    'quickOpen.show' = 21,
+    'quick-open.show' = 21,
     'settings.show' = 22,
     'sources.search' = 23,
     'background-service.toggle-recording' = 24,
@@ -383,9 +519,9 @@ export declare enum KeyboardShortcutAction {
     'input.start-replaying' = 44,
     'input.toggle-pause' = 45,
     'input.toggle-recording' = 46,
-    'inspector_main.focus-debuggee' = 47,
-    'inspector_main.hard-reload' = 48,
-    'inspector_main.reload' = 49,
+    'inspector-main.focus-debuggee' = 47,
+    'inspector-main.hard-reload' = 48,
+    'inspector-main.reload' = 49,
     'live-heap-profile.start-with-reload' = 50,
     'live-heap-profile.toggle-recording' = 51,
     'main.debug-reload' = 52,
@@ -444,9 +580,9 @@ export declare enum KeyboardShortcutAction {
     'layers.right' = 105,
     'help.report-translation-issue' = 106,
     'rendering.toggle-prefers-color-scheme' = 107,
-    'chrome_recorder.start-recording' = 108,
-    'chrome_recorder.replay-recording' = 109,
-    'chrome_recorder.toggle-code-view' = 110,
+    'chrome-recorder.start-recording' = 108,
+    'chrome-recorder.replay-recording' = 109,
+    'chrome-recorder.toggle-code-view' = 110,
     'chrome_recorder.copy-recording-or-step' = 111,
     'changes.revert' = 112,
     'changes.copy' = 113,
@@ -693,7 +829,7 @@ export declare enum ResourceType {
     all = 0,
     Documents = 1,
     Scripts = 2,
-    'XHR and Fetch' = 3,
+    'Fetch and XHR' = 3,
     Stylesheets = 4,
     Fonts = 5,
     Images = 6,