chrome-devtools-frontend 1.0.936736 → 1.0.938150

package/config/gni/all_devtools_files.gni

@@ -13,10 +13,6 @@ all_devtools_files = [
   "front_end/entrypoints/node_app/node_app.js",
   "front_end/entrypoints/worker_app/worker_app.js",
   "front_end/legacy_test_runner/accessibility_test_runner/accessibility_test_runner.js",
-  "front_end/panels/accessibility/accessibilityNode.css",
-  "front_end/panels/accessibility/accessibilityProperties.css",
-  "front_end/panels/accessibility/axBreadcrumbs.css",
-  "front_end/panels/accessibility/module.json",
   "front_end/legacy_test_runner/application_test_runner/application_test_runner.js",
   "front_end/legacy_test_runner/bindings_test_runner/bindings_test_runner.js",
   "front_end/legacy_test_runner/application_test_runner/CacheStorageTestRunner.js",
@@ -37,16 +33,8 @@ all_devtools_files = [
   "front_end/panels/browser_debugger/module.json",
   "front_end/third_party/codemirror/codemirror.css",
   "front_end/legacy_test_runner/console_test_runner/console_test_runner.js",
-  "front_end/panels/console/consoleContextSelector.css",
-  "front_end/panels/console/consolePinPane.css",
-  "front_end/panels/console/consolePrompt.css",
-  "front_end/panels/console/consoleSidebar.css",
-  "front_end/panels/console/consoleView.css",
-  "front_end/panels/console/module.json",
   "front_end/legacy_test_runner/coverage_test_runner/coverage_test_runner.js",
-  "front_end/panels/coverage/module.json",
   "front_end/legacy_test_runner/cpu_profiler_test_runner/cpu_profiler_test_runner.js",
-  "front_end/panels/css_overview/module.json",
   "front_end/legacy_test_runner/data_grid_test_runner/data_grid_test_runner.js",
   "front_end/legacy_test_runner/device_mode_test_runner/device_mode_test_runner.js",
   "front_end/legacy_test_runner/elements_test_runner/elements_test_runner.js",
@@ -55,7 +43,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/elements_test_runner/ElementsTestRunner.js",
   "front_end/legacy_test_runner/elements_test_runner/SetOuterHTMLTestRunner.js",
   "front_end/legacy_test_runner/elements_test_runner/StylesUpdateLinksTestRunner.js",
-  "front_end/panels/elements/module.json",
   "front_end/emulated_devices/module.json",
   "front_end/panels/emulation/deviceModeToolbar.css",
   "front_end/panels/emulation/deviceModeView.css",
@@ -66,9 +53,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/extensions_test_runner/ExtensionsNetworkTestRunner.js",
   "front_end/legacy_test_runner/extensions_test_runner/ExtensionsTestRunner.js",
   "front_end/legacy_test_runner/heap_profiler_test_runner/heap_profiler_test_runner.js",
-  "front_end/entrypoints/inspector_main/module.json",
-  "front_end/entrypoints/inspector_main/nodeIcon.css",
-  "front_end/entrypoints/inspector_main/renderingOptions.css",
   "front_end/entrypoints/inspector/inspector.js",
   "front_end/entrypoints/inspector/inspector.json",
   "front_end/panels/js_profiler/module.json",
@@ -88,7 +72,6 @@ all_devtools_files = [
   "front_end/ui/legacy/components/perf_ui/overviewGrid.css",
   "front_end/ui/legacy/components/perf_ui/timelineGrid.css",
   "front_end/ui/legacy/components/perf_ui/timelineOverviewInfo.css",
-  "front_end/panels/protocol_monitor/module.json",
   "front_end/legacy_test_runner/performance_test_runner/performance_test_runner.js",
   "front_end/legacy_test_runner/performance_test_runner/TimelineDataTestRunner.js",
   "front_end/legacy_test_runner/performance_test_runner/TimelineTestRunner.js",
@@ -151,7 +134,6 @@ all_devtools_files = [
   "front_end/models/issues_manager/descriptions/TwaDigitalAssetLinksFailed.md",
   "front_end/models/issues_manager/descriptions/TwaHttpError.md",
   "front_end/models/issues_manager/descriptions/TwaPageUnavailableOffline.md",
-  "front_end/panels/protocol_monitor/module.json",
   "front_end/panels/application/module.json",
   "front_end/panels/screencast/module.json",
   "front_end/legacy_test_runner/sdk_test_runner/sdk_test_runner.js",
@@ -173,7 +155,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/sources_test_runner/LiveEditTestRunner.js",
   "front_end/legacy_test_runner/sources_test_runner/SearchTestRunner.js",
   "front_end/legacy_test_runner/sources_test_runner/SourcesTestRunner.js",
-  "front_end/panels/sources/module.json",
   "front_end/ui/legacy/components/text_editor/autocompleteTooltip.css",
   "front_end/ui/legacy/components/text_editor/cmdevtools.css",
   "front_end/ui/legacy/components/text_editor/module.json",

package/config/gni/devtools_grd_files.gni

@@ -302,6 +302,7 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/cspTrustedTypesPolicyViolation.md",
   "front_end/models/issues_manager/descriptions/cspTrustedTypesSinkViolation.md",
   "front_end/models/issues_manager/descriptions/cspURLViolation.md",
+  "front_end/models/issues_manager/descriptions/deprecation.md",
   "front_end/models/issues_manager/descriptions/deprecationNavigatorUserAgent.md",
   "front_end/models/issues_manager/descriptions/genericCrossOriginPortalPostMessageError.md",
   "front_end/models/issues_manager/descriptions/heavyAd.md",
@@ -328,7 +329,6 @@ grd_files_release_sources = [
   "front_end/panels/accessibility/accessibility-legacy.js",
   "front_end/panels/accessibility/accessibility-meta.js",
   "front_end/panels/accessibility/accessibility.js",
-  "front_end/panels/accessibility/accessibility_module.js",
   "front_end/panels/animation/animation-legacy.js",
   "front_end/panels/animation/animation-meta.js",
   "front_end/panels/animation/animation.js",
@@ -347,24 +347,20 @@ grd_files_release_sources = [
   "front_end/panels/console/console-legacy.js",
   "front_end/panels/console/console-meta.js",
   "front_end/panels/console/console.js",
-  "front_end/panels/console/console_module.js",
   "front_end/panels/console_counters/console_counters-meta.js",
   "front_end/panels/console_counters/console_counters.js",
   "front_end/panels/coverage/coverage-legacy.js",
   "front_end/panels/coverage/coverage-meta.js",
   "front_end/panels/coverage/coverage.js",
-  "front_end/panels/coverage/coverage_module.js",
   "front_end/panels/css_overview/components/components.js",
   "front_end/panels/css_overview/css_overview-meta.js",
   "front_end/panels/css_overview/css_overview.js",
-  "front_end/panels/css_overview/css_overview_module.js",
   "front_end/panels/developer_resources/developer_resources-meta.js",
   "front_end/panels/developer_resources/developer_resources.js",
   "front_end/panels/elements/components/components.js",
   "front_end/panels/elements/elements-legacy.js",
   "front_end/panels/elements/elements-meta.js",
   "front_end/panels/elements/elements.js",
-  "front_end/panels/elements/elements_module.js",
   "front_end/panels/emulation/components/components.js",
   "front_end/panels/emulation/emulation-legacy.js",
   "front_end/panels/emulation/emulation-meta.js",
@@ -412,7 +408,6 @@ grd_files_release_sources = [
   "front_end/panels/profiler/profiler_module.js",
   "front_end/panels/protocol_monitor/protocol_monitor-meta.js",
   "front_end/panels/protocol_monitor/protocol_monitor.js",
-  "front_end/panels/protocol_monitor/protocol_monitor_module.js",
   "front_end/panels/screencast/screencast-meta.js",
   "front_end/panels/screencast/screencast.js",
   "front_end/panels/search/search-legacy.js",
@@ -436,7 +431,6 @@ grd_files_release_sources = [
   "front_end/panels/sources/sources-legacy.js",
   "front_end/panels/sources/sources-meta.js",
   "front_end/panels/sources/sources.js",
-  "front_end/panels/sources/sources_module.js",
   "front_end/panels/timeline/components/components.js",
   "front_end/panels/timeline/timeline-legacy.js",
   "front_end/panels/timeline/timeline-meta.js",
@@ -518,10 +512,8 @@ grd_files_release_sources = [
   "front_end/ui/legacy/components/source_frame/source_frame-legacy.js",
   "front_end/ui/legacy/components/source_frame/source_frame-meta.js",
   "front_end/ui/legacy/components/source_frame/source_frame.js",
-  "front_end/ui/legacy/components/source_frame/source_frame_module.js",
   "front_end/ui/legacy/components/text_editor/text_editor-legacy.js",
   "front_end/ui/legacy/components/text_editor/text_editor.js",
-  "front_end/ui/legacy/components/text_editor/text_editor_module.js",
   "front_end/ui/legacy/components/utils/utils-legacy.js",
   "front_end/ui/legacy/components/utils/utils.js",
   "front_end/ui/legacy/legacy-legacy.js",
@@ -725,6 +717,7 @@ grd_files_debug_sources = [
   "front_end/models/issues_manager/ContrastCheckTrigger.js",
   "front_end/models/issues_manager/CorsIssue.js",
   "front_end/models/issues_manager/CrossOriginEmbedderPolicyIssue.js",
+  "front_end/models/issues_manager/DeprecationIssue.js",
   "front_end/models/issues_manager/GenericIssue.js",
   "front_end/models/issues_manager/HeavyAdIssue.js",
   "front_end/models/issues_manager/Issue.js",

package/front_end/Tests.js

@@ -1290,7 +1290,6 @@
 
   TestSuite.prototype.testInspectedElementIs = async function(nodeName) {
     this.takeControl();
-    await self.runtime.loadModulePromise('elements');
     if (!Elements.ElementsPanel.firstInspectElementNodeNameForTest) {
       await new Promise(f => this.addSniffer(Elements.ElementsPanel, 'firstInspectElementCompletedForTest', f));
     }

package/front_end/core/platform/string-utilities.ts

@@ -579,3 +579,26 @@ export const base64ToSize = function(content: string|null): number {
   }
   return size;
 };
+
+export const SINGLE_QUOTE = '\'';
+export const DOUBLE_QUOTE = '"';
+const BACKSLASH = '\\';
+
+export const findUnclosedCssQuote = function(str: string): string {
+  let unmatchedQuote = '';
+  for (let i = 0; i < str.length; ++i) {
+    const char = str[i];
+    if (char === BACKSLASH) {
+      i++;
+      continue;
+    }
+    if (char === SINGLE_QUOTE || char === DOUBLE_QUOTE) {
+      if (unmatchedQuote === char) {
+        unmatchedQuote = '';
+      } else if (unmatchedQuote === '') {
+        unmatchedQuote = char;
+      }
+    }
+  }
+  return unmatchedQuote;
+};

package/front_end/core/sdk/DOMModel.ts

@@ -159,7 +159,7 @@ export class DOMNode {
       this.childrenInternal = [];
     }
 
-    const frameOwnerTags = new Set(['EMBED', 'IFRAME', 'OBJECT', 'PORTAL']);
+    const frameOwnerTags = new Set(['EMBED', 'IFRAME', 'OBJECT', 'PORTAL', 'FENCEDFRAME']);
     if (payload.contentDocument) {
       this.contentDocumentInternal = new DOMDocument(this.#domModelInternal, payload.contentDocument);
       this.contentDocumentInternal.parentNode = this;

package/front_end/core/sdk/NetworkManager.ts

@@ -552,6 +552,7 @@ export class NetworkDispatcher implements ProtocolProxyApi.NetworkDispatcher {
           timestamp,
           type: type || Protocol.Network.ResourceType.Other,
           response: redirectResponse,
+          hasExtraInfo: false,
           frameId,
         });
       }

package/front_end/entrypoints/devtools_app/devtools_app.json

@@ -1,13 +1,9 @@
 {
   "modules" : [
     { "name": "panels/emulation", "type": "autostart" },
-    { "name": "entrypoints/inspector_main", "type": "autostart" },
 
-    { "name": "panels/accessibility" },
     { "name": "panels/lighthouse" },
     { "name": "panels/browser_debugger" },
-    { "name": "panels/css_overview" },
-    { "name": "panels/elements" },
     { "name": "emulated_devices" },
     { "name": "panels/issues" },
     { "name": "panels/layers" },

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

@@ -4,7 +4,6 @@
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 const UIStrings = {
@@ -109,8 +108,6 @@ let loadedInspectorMainModule: (typeof InspectorMain|undefined);
 
 async function loadInspectorMainModule(): Promise<typeof InspectorMain> {
   if (!loadedInspectorMainModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('entrypoints/inspector_main');
     loadedInspectorMainModule = await import('./inspector_main.js');
   }
   return loadedInspectorMainModule;

package/front_end/entrypoints/lighthouse_worker/LighthouseService.ts

@@ -29,6 +29,8 @@ class LighthousePort {
   send(message: string): void {
     notifyFrontendViaWorkerMessage('sendProtocolMessage', {message});
   }
+  close(): void {
+  }
 }
 
 const port = new LighthousePort();
@@ -59,7 +61,7 @@ async function start(params: any): Promise<unknown> {
     const url = params.url;
 
     // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
-    return self.runLighthouse(url, flags, config, connection);
+    return await self.runLighthouse(url, flags, config, connection);
   } catch (err) {
     return ({
       fatal: true,

package/front_end/entrypoints/main/MainImpl.ts

@@ -337,6 +337,7 @@ export class MainImpl {
       'hideIssuesFeature',
       'bfcacheDebugging',
       'cssTypeComponentLength',
+      Root.Runtime.ExperimentName.SYNC_SETTINGS,
     ]);
 
     Root.Runtime.experiments.cleanUpStaleExperiments();

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

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -27,8 +26,6 @@ let loadedSourcesModule: (typeof Sources|undefined);
 
 async function loadHelpModule(): Promise<typeof Sources> {
   if (!loadedSourcesModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('sources');
     loadedSourcesModule = await import('../../panels/sources/sources.js');
   }
   return loadedSourcesModule;

package/front_end/entrypoints/node_app/node_app.js

@@ -7,4 +7,7 @@ import '../node_main/node_main-meta.js';
 import './node_app-meta.js';
 import * as Startup from '../startup/startup.js';  // eslint-disable-line rulesdir/es_modules_import
 
+// Side-effect start the `node_main` module, which implements runnables in
+// the NodeMain class
+await import('../node_main/node_main.js');
 Startup.RuntimeInstantiator.startApplication('node_app');

package/front_end/entrypoints/shell/shell.json

@@ -2,14 +2,10 @@
   "modules": [
     { "name": "entrypoints/main", "type": "autostart" },
     { "name": "ui/legacy", "type": "autostart" },
+    { "name": "ui/legacy/components/text_editor", "type": "autostart" },
+    { "name": "ui/legacy/components/source_frame", "type": "autostart" },
 
-    { "name": "panels/console" },
-    { "name": "panels/coverage" },
     { "name": "ui/legacy/components/perf_ui" },
-    { "name": "panels/profiler" },
-    { "name": "panels/protocol_monitor"},
-    { "name": "ui/legacy/components/source_frame" },
-    { "name": "panels/sources" },
-    { "name": "ui/legacy/components/text_editor" }
+    { "name": "panels/profiler" }
   ]
 }

package/front_end/entrypoints/worker_app/worker_app.json

@@ -1,7 +1,6 @@
 {
   "modules" : [
     { "name": "panels/browser_debugger" },
-    { "name": "panels/elements" },
     { "name": "panels/issues" },
     { "name": "panels/layer_viewer" },
     { "name": "panels/network" },

package/front_end/generated/InspectorBackendCommands.js

@@ -276,7 +276,8 @@ export function registerCommands(inspectorBackend) {
     QuirksModeIssue: 'QuirksModeIssue',
     NavigatorUserAgentIssue: 'NavigatorUserAgentIssue',
     WasmCrossOriginModuleSharingIssue: 'WasmCrossOriginModuleSharingIssue',
-    GenericIssue: 'GenericIssue'
+    GenericIssue: 'GenericIssue',
+    DeprecationIssue: 'DeprecationIssue'
   });
   inspectorBackend.registerEvent('Audits.issueAdded', ['issue']);
   inspectorBackend.registerEnum('Audits.GetEncodedResponseRequestEncoding', {Webp: 'webp', Jpeg: 'jpeg', Png: 'png'});
@@ -890,6 +891,14 @@ export function registerCommands(inspectorBackend) {
   inspectorBackend.registerCommand(
       'DOMDebugger.setXHRBreakpoint', [{'name': 'url', 'type': 'string', 'optional': false}], []);
 
+  // EventBreakpoints.
+  inspectorBackend.registerCommand(
+      'EventBreakpoints.setInstrumentationBreakpoint', [{'name': 'eventName', 'type': 'string', 'optional': false}],
+      []);
+  inspectorBackend.registerCommand(
+      'EventBreakpoints.removeInstrumentationBreakpoint', [{'name': 'eventName', 'type': 'string', 'optional': false}],
+      []);
+
   // DOMSnapshot.
   inspectorBackend.registerCommand('DOMSnapshot.disable', [], []);
   inspectorBackend.registerCommand('DOMSnapshot.enable', [], []);
@@ -1630,13 +1639,14 @@ export function registerCommands(inspectorBackend) {
   ]);
   inspectorBackend.registerEvent('Network.requestServedFromCache', ['requestId']);
   inspectorBackend.registerEvent('Network.requestWillBeSent', [
-    'requestId', 'loaderId', 'documentURL', 'request', 'timestamp', 'wallTime', 'initiator', 'redirectResponse', 'type',
-    'frameId', 'hasUserGesture'
+    'requestId', 'loaderId', 'documentURL', 'request', 'timestamp', 'wallTime', 'initiator', 'redirectHasExtraInfo',
+    'redirectResponse', 'type', 'frameId', 'hasUserGesture'
   ]);
   inspectorBackend.registerEvent('Network.resourceChangedPriority', ['requestId', 'newPriority', 'timestamp']);
   inspectorBackend.registerEvent('Network.signedExchangeReceived', ['requestId', 'info']);
   inspectorBackend.registerEvent(
-      'Network.responseReceived', ['requestId', 'loaderId', 'timestamp', 'type', 'response', 'frameId']);
+      'Network.responseReceived',
+      ['requestId', 'loaderId', 'timestamp', 'type', 'response', 'hasExtraInfo', 'frameId']);
   inspectorBackend.registerEvent('Network.webSocketClosed', ['requestId', 'timestamp']);
   inspectorBackend.registerEvent('Network.webSocketCreated', ['requestId', 'url', 'initiator']);
   inspectorBackend.registerEvent('Network.webSocketFrameError', ['requestId', 'timestamp', 'errorMessage']);
@@ -2176,7 +2186,6 @@ export function registerCommands(inspectorBackend) {
     ContentWebUSB: 'ContentWebUSB',
     ContentMediaSession: 'ContentMediaSession',
     ContentMediaSessionService: 'ContentMediaSessionService',
-    ContentMediaPlay: 'ContentMediaPlay',
     EmbedderPopupBlockerTabHelper: 'EmbedderPopupBlockerTabHelper',
     EmbedderSafeBrowsingTriggeredPopupBlocker: 'EmbedderSafeBrowsingTriggeredPopupBlocker',
     EmbedderSafeBrowsingThreatDetails: 'EmbedderSafeBrowsingThreatDetails',

package/front_end/generated/SupportedCSSProperties.js

@@ -489,7 +489,7 @@ export const generatedProperties = [
   },
   {'name': 'font-variation-settings', 'inherited': true, 'keywords': ['normal']},
   {'name': 'font-weight', 'inherited': true, 'keywords': ['normal', 'bold', 'bolder', 'lighter']},
-  {'name': 'forced-color-adjust', 'inherited': true, 'keywords': ['auto', 'none']},
+  {'name': 'forced-color-adjust', 'inherited': true, 'keywords': ['auto', 'none', 'preserve-parent-color']},
   {'longhands': ['row-gap', 'column-gap'], 'name': 'gap'},
   {
     'longhands': [
@@ -764,7 +764,10 @@ export const generatedProperties = [
     'name': 'text-decoration'
   },
   {'name': 'text-decoration-color', 'keywords': ['currentcolor']},
-  {'name': 'text-decoration-line', 'keywords': ['none', 'underline', 'overline', 'line-through', 'blink']},
+  {
+    'name': 'text-decoration-line',
+    'keywords': ['none', 'underline', 'overline', 'line-through', 'blink', 'spelling-error', 'grammar-error']
+  },
   {'name': 'text-decoration-skip-ink', 'inherited': true, 'keywords': ['none', 'auto']},
   {'name': 'text-decoration-style', 'keywords': ['solid', 'double', 'dotted', 'dashed', 'wavy']},
   {'name': 'text-decoration-thickness', 'inherited': true, 'keywords': ['auto', 'from-font']},
@@ -1041,7 +1044,7 @@ export const generatedPropertyValues = {
   },
   'font-variation-settings': {'values': ['normal']},
   'font-weight': {'values': ['normal', 'bold', 'bolder', 'lighter']},
-  'forced-color-adjust': {'values': ['auto', 'none']},
+  'forced-color-adjust': {'values': ['auto', 'none', 'preserve-parent-color']},
   'grid-auto-columns': {'values': ['auto', 'min-content', 'max-content']},
   'grid-auto-flow': {'values': ['row', 'column']},
   'grid-auto-rows': {'values': ['auto', 'min-content', 'max-content']},
@@ -1152,7 +1155,8 @@ export const generatedPropertyValues = {
   'text-anchor': {'values': ['start', 'middle', 'end']},
   'text-combine-upright': {'values': ['none', 'all']},
   'text-decoration-color': {'values': ['currentcolor']},
-  'text-decoration-line': {'values': ['none', 'underline', 'overline', 'line-through', 'blink']},
+  'text-decoration-line':
+      {'values': ['none', 'underline', 'overline', 'line-through', 'blink', 'spelling-error', 'grammar-error']},
   'text-decoration-skip-ink': {'values': ['none', 'auto']},
   'text-decoration-style': {'values': ['solid', 'double', 'dotted', 'dashed', 'wavy']},
   'text-decoration-thickness': {'values': ['auto', 'from-font']},

package/front_end/generated/protocol-mapping.d.ts

@@ -1361,6 +1361,16 @@ export namespace ProtocolMapping {
      * Sets breakpoint on XMLHttpRequest.
      */
     'DOMDebugger.setXHRBreakpoint': {paramsType: [Protocol.DOMDebugger.SetXHRBreakpointRequest]; returnType: void;};
+    /**
+     * Sets breakpoint on particular native event.
+     */
+    'EventBreakpoints.setInstrumentationBreakpoint':
+        {paramsType: [Protocol.EventBreakpoints.SetInstrumentationBreakpointRequest]; returnType: void;};
+    /**
+     * Removes breakpoint on particular native event.
+     */
+    'EventBreakpoints.removeInstrumentationBreakpoint':
+        {paramsType: [Protocol.EventBreakpoints.RemoveInstrumentationBreakpointRequest]; returnType: void;};
     /**
      * Disables DOM snapshot agent for the given page.
      */

package/front_end/generated/protocol-proxy-api.d.ts

@@ -37,6 +37,8 @@ declare namespace ProtocolProxyApi {
 
     DOMDebugger: DOMDebuggerApi;
 
+    EventBreakpoints: EventBreakpointsApi;
+
     DOMSnapshot: DOMSnapshotApi;
 
     DOMStorage: DOMStorageApi;
@@ -127,6 +129,8 @@ declare namespace ProtocolProxyApi {
 
     DOMDebugger: DOMDebuggerDispatcher;
 
+    EventBreakpoints: EventBreakpointsDispatcher;
+
     DOMSnapshot: DOMSnapshotDispatcher;
 
     DOMStorage: DOMStorageDispatcher;
@@ -1164,6 +1168,21 @@ declare namespace ProtocolProxyApi {
   }
   export interface DOMDebuggerDispatcher {}
 
+  export interface EventBreakpointsApi {
+    /**
+     * Sets breakpoint on particular native event.
+     */
+    invoke_setInstrumentationBreakpoint(params: Protocol.EventBreakpoints.SetInstrumentationBreakpointRequest):
+        Promise<Protocol.ProtocolResponseWithError>;
+
+    /**
+     * Removes breakpoint on particular native event.
+     */
+    invoke_removeInstrumentationBreakpoint(params: Protocol.EventBreakpoints.RemoveInstrumentationBreakpointRequest):
+        Promise<Protocol.ProtocolResponseWithError>;
+  }
+  export interface EventBreakpointsDispatcher {}
+
   export interface DOMSnapshotApi {
     /**
      * Disables DOM snapshot agent for the given page.

package/front_end/generated/protocol.d.ts

@@ -964,6 +964,26 @@ declare namespace Protocol {
       frameId?: Page.FrameId;
     }
 
+    /**
+     * This issue tracks information needed to print a deprecation message.
+     * The formatting is inherited from the old console.log version, see more at:
+     * https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/core/frame/deprecation.cc
+     * TODO(crbug.com/1264960): Re-work format to add i18n support per:
+     * https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/public/devtools_protocol/README.md
+     */
+    export interface DeprecationIssueDetails {
+      affectedFrame?: AffectedFrame;
+      sourceCodeLocation: SourceCodeLocation;
+      /**
+       * The content of the deprecation issue (this won't be translated),
+       * e.g. "window.inefficientLegacyStorageMethod will be removed in M97,
+       * around January 2022. Please use Web Storage or Indexed Database
+       * instead. This standard was abandoned in January, 1970. See
+       * https://www.chromestatus.com/feature/5684870116278272 for more details."
+       */
+      message?: string;
+    }
+
     /**
      * A unique identifier for the type of issue. Each type may use one of the
      * optional fields in InspectorIssueDetails to convey more specific
@@ -984,6 +1004,7 @@ declare namespace Protocol {
       NavigatorUserAgentIssue = 'NavigatorUserAgentIssue',
       WasmCrossOriginModuleSharingIssue = 'WasmCrossOriginModuleSharingIssue',
       GenericIssue = 'GenericIssue',
+      DeprecationIssue = 'DeprecationIssue',
     }
 
     /**
@@ -1006,6 +1027,7 @@ declare namespace Protocol {
       navigatorUserAgentIssueDetails?: NavigatorUserAgentIssueDetails;
       wasmCrossOriginModuleSharingIssue?: WasmCrossOriginModuleSharingIssueDetails;
       genericIssueDetails?: GenericIssueDetails;
+      deprecationIssueDetails?: DeprecationIssueDetails;
     }
 
     /**
@@ -4074,6 +4096,29 @@ declare namespace Protocol {
     }
   }
 
+  /**
+   * EventBreakpoints permits setting breakpoints on particular operations and
+   * events in targets that run JavaScript but do not have a DOM.
+   * JavaScript execution will stop on these operations as if there was a regular
+   * breakpoint set.
+   */
+  export namespace EventBreakpoints {
+
+    export interface SetInstrumentationBreakpointRequest {
+      /**
+       * Instrumentation name to stop on.
+       */
+      eventName: string;
+    }
+
+    export interface RemoveInstrumentationBreakpointRequest {
+      /**
+       * Instrumentation name to stop on.
+       */
+      eventName: string;
+    }
+  }
+
   /**
    * This domain facilitates obtaining document snapshots with DOM, layout, and style information.
    */
@@ -8528,6 +8573,12 @@ declare namespace Protocol {
        * Request initiator.
        */
       initiator: Initiator;
+      /**
+       * In the case that redirectResponse is populated, this flag indicates whether
+       * requestWillBeSentExtraInfo and responseReceivedExtraInfo events will be or were emitted
+       * for the request which was just redirected.
+       */
+      redirectHasExtraInfo: boolean;
       /**
        * Redirect response data.
        */
@@ -8602,6 +8653,11 @@ declare namespace Protocol {
        * Response data.
        */
       response: Response;
+      /**
+       * Indicates whether requestWillBeSentExtraInfo and responseReceivedExtraInfo events will be
+       * or were emitted for this request.
+       */
+      hasExtraInfo: boolean;
       /**
        * Frame identifier.
        */
@@ -10492,7 +10548,6 @@ declare namespace Protocol {
       ContentWebUSB = 'ContentWebUSB',
       ContentMediaSession = 'ContentMediaSession',
       ContentMediaSessionService = 'ContentMediaSessionService',
-      ContentMediaPlay = 'ContentMediaPlay',
       EmbedderPopupBlockerTabHelper = 'EmbedderPopupBlockerTabHelper',
       EmbedderSafeBrowsingTriggeredPopupBlocker = 'EmbedderSafeBrowsingTriggeredPopupBlocker',
       EmbedderSafeBrowsingThreatDetails = 'EmbedderSafeBrowsingThreatDetails',

package/front_end/models/issues_manager/DeprecationIssue.ts

@@ -0,0 +1,67 @@
+// Copyright 2021 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import type * as SDK from '../../core/sdk/sdk.js';
+import type * as Protocol from '../../generated/protocol.js';
+
+import {Issue, IssueCategory, IssueKind} from './Issue.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+
+export const enum IssueCode {
+  DeprecationIssue = 'DeprecationIssue',
+}
+
+export class DeprecationIssue extends Issue<IssueCode> {
+  private issueDetails: Protocol.Audits.DeprecationIssueDetails;
+
+  constructor(issueDetails: Protocol.Audits.DeprecationIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+    super(IssueCode.DeprecationIssue, issuesModel);
+    this.issueDetails = issueDetails;
+  }
+
+  getCategory(): IssueCategory {
+    return IssueCategory.Other;
+  }
+
+  details(): Protocol.Audits.DeprecationIssueDetails {
+    return this.issueDetails;
+  }
+
+  getDescription(): MarkdownIssueDescription|null {
+    return {
+      file: 'deprecation.md',
+      substitutions: new Map([
+        // TODO(crbug.com/1264960): Re-work format to add i18n support per:
+        // https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/public/devtools_protocol/README.md
+        ['PLACEHOLDER_message', String(this.issueDetails.message)],
+      ]),
+      links: [],
+    };
+  }
+
+  sources(): Iterable<Protocol.Audits.SourceCodeLocation> {
+    if (this.issueDetails.sourceCodeLocation) {
+      return [this.issueDetails.sourceCodeLocation];
+    }
+    return [];
+  }
+
+  primaryKey(): string {
+    return JSON.stringify(this.issueDetails);
+  }
+
+  getKind(): IssueKind {
+    return IssueKind.BreakingChange;
+  }
+
+  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
+      DeprecationIssue[] {
+    const details = inspectorIssue.details.deprecationIssueDetails;
+    if (!details) {
+      console.warn('Deprecation issue without details received.');
+      return [];
+    }
+    return [new DeprecationIssue(details, issuesModel)];
+  }
+}