chrome-devtools-frontend 1.0.1153166 → 1.0.1155899

package/config/gni/devtools_grd_files.gni

@@ -418,6 +418,8 @@ grd_files_release_sources = [
   "front_end/models/issues_manager/descriptions/heavyAd.md",
   "front_end/models/issues_manager/descriptions/mixedContent.md",
   "front_end/models/issues_manager/descriptions/sharedArrayBuffer.md",
+  "front_end/models/issues_manager/descriptions/stylesheetLateImport.md",
+  "front_end/models/issues_manager/descriptions/stylesheetRequestFailed.md",
   "front_end/models/issues_manager/issues_manager.js",
   "front_end/models/javascript_metadata/javascript_metadata.js",
   "front_end/models/logs/logs-meta.js",
@@ -878,6 +880,7 @@ grd_files_debug_sources = [
   "front_end/models/issues_manager/RelatedIssue.js",
   "front_end/models/issues_manager/SharedArrayBufferIssue.js",
   "front_end/models/issues_manager/SourceFrameIssuesManager.js",
+  "front_end/models/issues_manager/StylesheetLoadingIssue.js",
   "front_end/models/javascript_metadata/DOMPinnedProperties.js",
   "front_end/models/javascript_metadata/JavaScriptMetadata.js",
   "front_end/models/javascript_metadata/NativeFunctions.js",
@@ -1120,7 +1123,6 @@ grd_files_debug_sources = [
   "front_end/panels/elements/ImagePreviewPopover.js",
   "front_end/panels/elements/InspectElementModeController.js",
   "front_end/panels/elements/LayersWidget.js",
-  "front_end/panels/elements/LayoutSidebarPane.js",
   "front_end/panels/elements/MarkerDecorator.js",
   "front_end/panels/elements/MetricsSidebarPane.js",
   "front_end/panels/elements/NodeStackTraceWidget.js",
@@ -1467,7 +1469,6 @@ grd_files_debug_sources = [
   "front_end/panels/snippets/SnippetsQuickOpen.js",
   "front_end/panels/sources/AddSourceMapURLDialog.js",
   "front_end/panels/sources/BreakpointEditDialog.js",
-  "front_end/panels/sources/BreakpointsSidebarPane.js",
   "front_end/panels/sources/CSSPlugin.js",
   "front_end/panels/sources/CallStackSidebarPane.js",
   "front_end/panels/sources/CoveragePlugin.js",

package/front_end/core/common/Revealer.ts

@@ -62,7 +62,7 @@ export let reveal = async function(revealable: Object|null, omitFocus?: boolean)
   }
 };
 
-export function setRevealForTest(newReveal: (arg0: Object|null, arg1?: boolean|undefined) => Promise<undefined>): void {
+export function setRevealForTest(newReveal: (arg0: Object|null, arg1?: boolean|undefined) => Promise<void>): void {
   reveal = newReveal;
 }
 

package/front_end/core/host/InspectorFrontendHostAPI.ts

@@ -361,6 +361,7 @@ export enum EnumeratedHistogram {
   IssuesPanelOpenedFrom = 'DevTools.IssuesPanelOpenedFrom',
   IssuesPanelResourceOpened = 'DevTools.IssuesPanelResourceOpened',
   KeybindSetSettingChanged = 'DevTools.KeybindSetSettingChanged',
+  ElementsSidebarTabShown = 'DevTools.Elements.SidebarTabShown',
   ExperimentEnabledAtLaunch = 'DevTools.ExperimentEnabledAtLaunch',
   ExperimentEnabled = 'DevTools.ExperimentEnabled',
   ExperimentDisabled = 'DevTools.ExperimentDisabled',
@@ -379,6 +380,7 @@ export enum EnumeratedHistogram {
   RecordingReplaySpeed = 'DevTools.RecordingReplaySpeed',
   RecordingReplayStarted = 'DevTools.RecordingReplayStarted',
   RecordingToggled = 'DevTools.RecordingToggled',
+  SourcesSidebarTabShown = 'DevTools.Sources.SidebarTabShown',
   SourcesPanelFileDebugged = 'DevTools.SourcesPanelFileDebugged',
   SourcesPanelFileOpened = 'DevTools.SourcesPanelFileOpened',
   NetworkPanelResponsePreviewOpened = 'DevTools.NetworkPanelResponsePreviewOpened',

package/front_end/core/host/UserMetrics.ts

@@ -76,10 +76,16 @@ export class UserMetrics {
     this.#panelChangedSinceLaunch = true;
   }
 
-  sidebarPaneShown(sidebarPaneName: string): void {
-    const code = SidebarPaneCodes[sidebarPaneName as keyof typeof SidebarPaneCodes] || 0;
+  elementsSidebarTabShown(sidebarPaneName: string): void {
+    const code = ElementsSidebarTabCodes[sidebarPaneName as keyof typeof ElementsSidebarTabCodes] || 0;
     InspectorFrontendHostInstance.recordEnumeratedHistogram(
-        EnumeratedHistogram.SidebarPaneShown, code, SidebarPaneCodes.MaxValue);
+        EnumeratedHistogram.ElementsSidebarTabShown, code, ElementsSidebarTabCodes.MaxValue);
+  }
+
+  sourcesSidebarTabShown(sidebarPaneName: string): void {
+    const code = SourcesSidebarTabCodes[sidebarPaneName as keyof typeof SourcesSidebarTabCodes] || 0;
+    InspectorFrontendHostInstance.recordEnumeratedHistogram(
+        EnumeratedHistogram.SourcesSidebarTabShown, code, SourcesSidebarTabCodes.MaxValue);
   }
 
   settingsPanelShown(settingsViewId: string): void {
@@ -509,7 +515,8 @@ export enum Action {
   RemoveFileSystemForOverrides = 77,
   FileSystemSourceSelected = 78,
   OverridesSourceSelected = 79,
-  MaxValue = 80,
+  StyleSheetInitiatorLinkClicked = 80,
+  MaxValue = 81,
 }
 
 /* eslint-disable @typescript-eslint/naming-convention */
@@ -582,12 +589,13 @@ export enum PanelCodes {
   'bounce_tracking_mitigations' = 65,
   MaxValue = 66,
 }
+
 /* eslint-enable @typescript-eslint/naming-convention */
 
 /* eslint-disable @typescript-eslint/naming-convention */
 // TODO(crbug.com/1167717): Make this a const enum again
 // eslint-disable-next-line rulesdir/const_enum
-export enum SidebarPaneCodes {
+export enum ElementsSidebarTabCodes {
   'OtherSidebarPane' = 0,
   'Styles' = 1,
   'Computed' = 2,
@@ -596,12 +604,22 @@ export enum SidebarPaneCodes {
   'elements.domBreakpoints' = 5,
   'elements.domProperties' = 6,
   'accessibility.view' = 7,
-  'navigator-network' = 8,
-  'navigator-files' = 9,
-  'navigator-overrides' = 10,
-  'navigator-contentScripts' = 11,
-  'navigator-snippets' = 12,
-  MaxValue = 13,
+  MaxValue = 8,
+}
+
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+// TODO(crbug.com/1167717): Make this a const enum again
+// eslint-disable-next-line rulesdir/const_enum
+export enum SourcesSidebarTabCodes {
+  'OtherSidebarPane' = 0,
+  'navigator-network' = 1,
+  'navigator-files' = 2,
+  'navigator-overrides' = 3,
+  'navigator-contentScripts' = 4,
+  'navigator-snippets' = 5,
+  MaxValue = 6,
 }
 /* eslint-enable @typescript-eslint/naming-convention */
 
@@ -1006,7 +1024,9 @@ export enum IssueCreated {
   'GenericIssue::FormLabelForMatchesNonExistingIdError' = 73,
   'GenericIssue::FormHasPasswordFieldWithoutUsernameFieldError' = 74,
   'GenericIssue::FormInputHasWrongButWellIntendedAutocompleteValueError' = 75,
-  MaxValue = 76,
+  'StylesheetLoadingIssue::LateImportRule' = 76,
+  'StylesheetLoadingIssue::RequestFailed' = 77,
+  MaxValue = 78,
 }
 
 // TODO(crbug.com/1167717): Make this a const enum again

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

@@ -110,15 +110,23 @@ export const mergeOrdered = <T>(array1: T[], array2: T[], comparator: (a: T, b:
   return mergeOrIntersect(array1, array2, comparator, true);
 };
 
-export const DEFAULT_COMPARATOR = (a: string|number, b: string|number): number => {
+export const DEFAULT_COMPARATOR = (a: string|number, b: string|number): -1|0|1 => {
   return a < b ? -1 : (a > b ? 1 : 0);
 };
 
 /**
- * Return index of the leftmost element that is equal or greater
- * than the specimen object. If there's no such element (i.e. all
- * elements are smaller than the specimen) returns right bound.
- * The function works for sorted array.
+ * Returns the index of the element closest to the needle that is equal to or
+ * greater than it. Assumes that the provided array is sorted.
+ *
+ * If no element is found, the right bound is returned.
+ *
+ * Uses the provided comparator function to determine if two items are equal or
+ * if one is greater than the other. If you are working with strings or
+ * numbers, you can use ArrayUtilities.DEFAULT_COMPARATOR. Otherwise, you
+ * should define one that takes the needle element and an element from the
+ * array and returns a positive or negative number to indicate which is greater
+ * than the other.
+ *
  * When specified, |left| (inclusive) and |right| (exclusive) indices
  * define the search window.
  */
@@ -143,10 +151,18 @@ export function lowerBound<S, T, A extends S[]>(
 }
 
 /**
- * Return index of the leftmost element that is greater
- * than the specimen object. If there's no such element (i.e. all
- * elements are smaller or equal to the specimen) returns right bound.
- * The function works for sorted array.
+ * Returns the index of the element closest to the needle that is greater than
+ * it. Assumes that the provided array is sorted.
+ *
+ * If no element is found, the right bound is returned.
+ *
+ * Uses the provided comparator function to determine if two items are equal or
+ * if one is greater than the other. If you are working with strings or
+ * numbers, you can use ArrayUtilities.DEFAULT_COMPARATOR. Otherwise, you
+ * should define one that takes the needle element and an element from the
+ * array and returns a positive or negative number to indicate which is greater
+ * than the other.
+ *
  * When specified, |left| (inclusive) and |right| (exclusive) indices
  * define the search window.
  */

package/front_end/core/sdk/ChildTargetManager.ts

@@ -129,7 +129,8 @@ export class ChildTargetManager extends SDKModel<EventTypes> implements Protocol
     if (targetInfo.type === 'worker' && targetInfo.title && targetInfo.title !== targetInfo.url) {
       targetName = targetInfo.title;
     } else if (!['page', 'iframe', 'webview'].includes(targetInfo.type)) {
-      if (targetInfo.url === 'chrome://print/') {
+      if (targetInfo.url === 'chrome://print/' ||
+          (targetInfo.url.startsWith('chrome://') && targetInfo.url.endsWith('.top-chrome/'))) {
         type = Type.Frame;
       } else {
         const parsedURL = Common.ParsedURL.ParsedURL.fromString(targetInfo.url);

package/front_end/core/sdk/FilmStripModel.ts

@@ -2,9 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as TraceEngine from '../../models/trace/trace.js';
 import * as Platform from '../platform/platform.js';
 
-import {TracingModel, type Event, type ObjectSnapshot} from './TracingModel.js';
+import {TracingModel, type ObjectSnapshot} from './TracingModel.js';
 
 export class FilmStripModel {
   #framesInternal: Frame[];
@@ -34,15 +35,10 @@ export class FilmStripModel {
       if (event.startTime < this.#zeroTimeInternal) {
         continue;
       }
-      if (!event.hasCategory(category)) {
+      if (!event.hasCategory(DEVTOOLS_SCREENSHOT_CATEGORY)) {
         continue;
       }
-      if (event.name === TraceEvents.CaptureFrame) {
-        const data = event.args['data'];
-        if (data) {
-          this.#framesInternal.push(Frame.fromEvent(this, event, this.#framesInternal.length));
-        }
-      } else if (event.name === TraceEvents.Screenshot) {
+      if (event.name === TraceEvents.Screenshot) {
         this.#framesInternal.push(Frame.fromSnapshot(this, (event as ObjectSnapshot), this.#framesInternal.length));
       }
     }
@@ -60,18 +56,25 @@ export class FilmStripModel {
     return this.#spanTimeInternal;
   }
 
-  frameByTimestamp(timestamp: number): Frame|null {
-    const index = Platform.ArrayUtilities.upperBound(
-                      this.#framesInternal, timestamp, (timestamp, frame) => timestamp - frame.timestamp) -
-        1;
-    return index >= 0 ? this.#framesInternal[index] : null;
+  frameByTimestamp(searchTimestamp: number): Frame|null {
+    // We want to find the closest frame to the timestamp that happened BEFORE
+    // the timestamp. So to do that we walk from the end of the array of
+    // frames, looking for the first frame where its timestamp is less than the
+    // timestamp we are searching for. It is important we search from the end
+    // of the array of frames, otherwise we will simply return the first frame
+    // that happened before the timestamp, even if it is not the closest one.
+    const closestFrameIndexBeforeTimestamp =
+        Platform.ArrayUtilities.nearestIndexFromEnd(this.#framesInternal, frame => frame.timestamp < searchTimestamp);
+    if (closestFrameIndexBeforeTimestamp === null) {
+      return null;
+    }
+    return this.#framesInternal[closestFrameIndexBeforeTimestamp];
   }
 }
 
-const category = 'disabled-by-default-devtools.screenshot';
+const DEVTOOLS_SCREENSHOT_CATEGORY = 'disabled-by-default-devtools.screenshot';
 
 const TraceEvents = {
-  CaptureFrame: 'CaptureFrame',
   Screenshot: 'Screenshot',
 };
 
@@ -79,35 +82,42 @@ export class Frame {
   readonly #modelInternal: FilmStripModel;
   timestamp: number;
   index: number;
-  #imageData: string|null;
   #snapshot: ObjectSnapshot|null;
+  #traceEvent: TraceEngine.Types.TraceEvents.TraceEventSnapshot|null;
+
   constructor(model: FilmStripModel, timestamp: number, index: number) {
     this.#modelInternal = model;
     this.timestamp = timestamp;
     this.index = index;
-    this.#imageData = null;
+    this.#traceEvent = null;
     this.#snapshot = null;
   }
 
-  static fromEvent(model: FilmStripModel, event: Event, index: number): Frame {
-    const frame = new Frame(model, event.startTime, index);
-    frame.#imageData = event.args['data'];
-    return frame;
-  }
-
   static fromSnapshot(model: FilmStripModel, snapshot: ObjectSnapshot, index: number): Frame {
     const frame = new Frame(model, snapshot.startTime, index);
     frame.#snapshot = snapshot;
     return frame;
   }
 
+  static fromTraceEvent(
+      model: FilmStripModel, snapshot: TraceEngine.Types.TraceEvents.TraceEventSnapshot, index: number): Frame {
+    const startTime = TraceEngine.Helpers.Timing.microSecondsToMilliseconds(snapshot.ts);
+    const frame = new Frame(model, startTime, index);
+    frame.#traceEvent = snapshot;
+    return frame;
+  }
+
   model(): FilmStripModel {
     return this.#modelInternal;
   }
 
   imageDataPromise(): Promise<string|null> {
-    if (this.#imageData || !this.#snapshot) {
-      return Promise.resolve(this.#imageData);
+    if (this.#traceEvent) {
+      return Promise.resolve(this.#traceEvent.args.snapshot);
+    }
+
+    if (!this.#snapshot) {
+      return Promise.resolve(null);
     }
 
     return this.#snapshot.objectPromise() as Promise<string|null>;

package/front_end/devtools_compatibility.js

@@ -400,6 +400,7 @@ const EnumeratedHistogram = {
   CSSHintShown: 'DevTools.CSSHintShown',
   DeveloperResourceLoaded: 'DevTools.DeveloperResourceLoaded',
   DeveloperResourceScheme: 'DevTools.DeveloperResourceScheme',
+  ElementsSidebarTabShown: 'DevTools.Elements.SidebarTabShown',
   ExperimentDisabled: 'DevTools.ExperimentDisabled',
   ExperimentEnabled: 'DevTools.ExperimentEnabled',
   ExperimentEnabledAtLaunch: 'DevTools.ExperimentEnabledAtLaunch',
@@ -426,6 +427,7 @@ const EnumeratedHistogram = {
   RecordingReplayStarted: 'DevTools.RecordingReplayStarted',
   RecordingToggled: 'DevTools.RecordingToggled',
   SidebarPaneShown: 'DevTools.SidebarPaneShown',
+  SourcesSidebarTabShown: 'DevTools.Sources.SidebarTabShown',
   SourcesPanelFileDebugged: 'DevTools.SourcesPanelFileDebugged',
   SourcesPanelFileOpened: 'DevTools.SourcesPanelFileOpened',
   NetworkPanelResponsePreviewOpened: 'DevTools.NetworkPanelResponsePreviewOpened',

package/front_end/entrypoints/lighthouse_worker/LighthouseWorkerService.ts

@@ -144,8 +144,14 @@ async function invokeLH(action: string, args: any): Promise<unknown> {
       targetInfos,
       // For the most part, defer to Lighthouse for which targets are important.
       // Excluding devtools targets is required for e2e tests to work, and LH doesn't support auditing DT targets anyway.
-      targetFilterCallback: targetInfo =>
-          !targetInfo.url.match(/^https:\/\/i0.devtools-frontend/) && !targetInfo.url.match(/^devtools:\/\//),
+      targetFilterCallback: targetInfo => {
+        if (targetInfo.url.startsWith('https://i0.devtools-frontend') || targetInfo.url.startsWith('devtools://')) {
+          return false;
+        }
+        // TODO only connect to iframes that are related to the main target. This requires refactoring in Puppeteer: https://github.com/puppeteer/puppeteer/issues/3667.
+        return (
+            targetInfo.targetId === mainFrameId || targetInfo.openerId === mainFrameId || targetInfo.type === 'iframe');
+      },
       // Lighthouse can only audit normal pages.
       isPageTargetCallback: targetInfo => targetInfo.type === 'page',
     });

package/front_end/entrypoints/worker_app/worker_app.ts

@@ -4,7 +4,6 @@
 import '../shell/shell.js';
 import '../../panels/browser_debugger/browser_debugger-meta.js';
 import '../../panels/developer_resources/developer_resources-meta.js';
-import '../../panels/elements/elements-meta.js';
 import '../../panels/issues/issues-meta.js';
 import '../../panels/layer_viewer/layer_viewer-meta.js';
 import '../../panels/mobile_throttling/mobile_throttling-meta.js';

package/front_end/generated/InspectorBackendCommands.js

@@ -66,7 +66,8 @@ inspectorBackend.registerEnum("Audits.AttributionReportingIssueType", {Permissio
 inspectorBackend.registerEnum("Audits.GenericIssueErrorType", {CrossOriginPortalPostMessageError: "CrossOriginPortalPostMessageError", FormLabelForNameError: "FormLabelForNameError", FormDuplicateIdForInputError: "FormDuplicateIdForInputError", FormInputWithNoLabelError: "FormInputWithNoLabelError", FormAutocompleteAttributeEmptyError: "FormAutocompleteAttributeEmptyError", FormEmptyIdAndNameAttributesForInputError: "FormEmptyIdAndNameAttributesForInputError", FormAriaLabelledByToNonExistingId: "FormAriaLabelledByToNonExistingId", FormInputAssignedAutocompleteValueToIdOrNameAttributeError: "FormInputAssignedAutocompleteValueToIdOrNameAttributeError", FormLabelHasNeitherForNorNestedInput: "FormLabelHasNeitherForNorNestedInput", FormLabelForMatchesNonExistingIdError: "FormLabelForMatchesNonExistingIdError", FormInputHasWrongButWellIntendedAutocompleteValueError: "FormInputHasWrongButWellIntendedAutocompleteValueError"});
 inspectorBackend.registerEnum("Audits.ClientHintIssueReason", {MetaTagAllowListInvalidOrigin: "MetaTagAllowListInvalidOrigin", MetaTagModifiedHTML: "MetaTagModifiedHTML"});
 inspectorBackend.registerEnum("Audits.FederatedAuthRequestIssueReason", {ShouldEmbargo: "ShouldEmbargo", TooManyRequests: "TooManyRequests", WellKnownHttpNotFound: "WellKnownHttpNotFound", WellKnownNoResponse: "WellKnownNoResponse", WellKnownInvalidResponse: "WellKnownInvalidResponse", WellKnownListEmpty: "WellKnownListEmpty", WellKnownInvalidContentType: "WellKnownInvalidContentType", ConfigNotInWellKnown: "ConfigNotInWellKnown", WellKnownTooBig: "WellKnownTooBig", ConfigHttpNotFound: "ConfigHttpNotFound", ConfigNoResponse: "ConfigNoResponse", ConfigInvalidResponse: "ConfigInvalidResponse", ConfigInvalidContentType: "ConfigInvalidContentType", ClientMetadataHttpNotFound: "ClientMetadataHttpNotFound", ClientMetadataNoResponse: "ClientMetadataNoResponse", ClientMetadataInvalidResponse: "ClientMetadataInvalidResponse", ClientMetadataInvalidContentType: "ClientMetadataInvalidContentType", DisabledInSettings: "DisabledInSettings", ErrorFetchingSignin: "ErrorFetchingSignin", InvalidSigninResponse: "InvalidSigninResponse", AccountsHttpNotFound: "AccountsHttpNotFound", AccountsNoResponse: "AccountsNoResponse", AccountsInvalidResponse: "AccountsInvalidResponse", AccountsListEmpty: "AccountsListEmpty", AccountsInvalidContentType: "AccountsInvalidContentType", IdTokenHttpNotFound: "IdTokenHttpNotFound", IdTokenNoResponse: "IdTokenNoResponse", IdTokenInvalidResponse: "IdTokenInvalidResponse", IdTokenInvalidRequest: "IdTokenInvalidRequest", IdTokenInvalidContentType: "IdTokenInvalidContentType", ErrorIdToken: "ErrorIdToken", Canceled: "Canceled", RpPageNotVisible: "RpPageNotVisible", SilentMediationFailure: "SilentMediationFailure", ThirdPartyCookiesBlocked: "ThirdPartyCookiesBlocked"});
-inspectorBackend.registerEnum("Audits.InspectorIssueCode", {CookieIssue: "CookieIssue", MixedContentIssue: "MixedContentIssue", BlockedByResponseIssue: "BlockedByResponseIssue", HeavyAdIssue: "HeavyAdIssue", ContentSecurityPolicyIssue: "ContentSecurityPolicyIssue", SharedArrayBufferIssue: "SharedArrayBufferIssue", LowTextContrastIssue: "LowTextContrastIssue", CorsIssue: "CorsIssue", AttributionReportingIssue: "AttributionReportingIssue", QuirksModeIssue: "QuirksModeIssue", NavigatorUserAgentIssue: "NavigatorUserAgentIssue", GenericIssue: "GenericIssue", DeprecationIssue: "DeprecationIssue", ClientHintIssue: "ClientHintIssue", FederatedAuthRequestIssue: "FederatedAuthRequestIssue", BounceTrackingIssue: "BounceTrackingIssue"});
+inspectorBackend.registerEnum("Audits.StyleSheetLoadingIssueReason", {LateImportRule: "LateImportRule", RequestFailed: "RequestFailed"});
+inspectorBackend.registerEnum("Audits.InspectorIssueCode", {CookieIssue: "CookieIssue", MixedContentIssue: "MixedContentIssue", BlockedByResponseIssue: "BlockedByResponseIssue", HeavyAdIssue: "HeavyAdIssue", ContentSecurityPolicyIssue: "ContentSecurityPolicyIssue", SharedArrayBufferIssue: "SharedArrayBufferIssue", LowTextContrastIssue: "LowTextContrastIssue", CorsIssue: "CorsIssue", AttributionReportingIssue: "AttributionReportingIssue", QuirksModeIssue: "QuirksModeIssue", NavigatorUserAgentIssue: "NavigatorUserAgentIssue", GenericIssue: "GenericIssue", DeprecationIssue: "DeprecationIssue", ClientHintIssue: "ClientHintIssue", FederatedAuthRequestIssue: "FederatedAuthRequestIssue", BounceTrackingIssue: "BounceTrackingIssue", StylesheetLoadingIssue: "StylesheetLoadingIssue"});
 inspectorBackend.registerEvent("Audits.issueAdded", ["issue"]);
 inspectorBackend.registerEnum("Audits.GetEncodedResponseRequestEncoding", {Webp: "webp", Jpeg: "jpeg", Png: "png"});
 inspectorBackend.registerCommand("Audits.getEncodedResponse", [{"name": "requestId", "type": "string", "optional": false}, {"name": "encoding", "type": "string", "optional": false}, {"name": "quality", "type": "number", "optional": true}, {"name": "sizeOnly", "type": "boolean", "optional": true}], ["body", "originalSize", "encodedSize"]);

package/front_end/generated/protocol.ts

@@ -1101,6 +1101,40 @@ export namespace Audits {
     clientHintIssueReason: ClientHintIssueReason;
   }
 
+  export interface FailedRequestInfo {
+    /**
+     * The URL that failed to load.
+     */
+    url: string;
+    /**
+     * The failure message for the failed request.
+     */
+    failureMessage: string;
+  }
+
+  export const enum StyleSheetLoadingIssueReason {
+    LateImportRule = 'LateImportRule',
+    RequestFailed = 'RequestFailed',
+  }
+
+  /**
+   * This issue warns when a referenced stylesheet couldn't be loaded.
+   */
+  export interface StylesheetLoadingIssueDetails {
+    /**
+     * Source code position that referenced the failing stylesheet.
+     */
+    sourceCodeLocation: SourceCodeLocation;
+    /**
+     * Reason why the stylesheet couldn't be loaded.
+     */
+    styleSheetLoadingIssueReason: StyleSheetLoadingIssueReason;
+    /**
+     * Contains additional info when the failure was due to a request.
+     */
+    failedRequestInfo?: FailedRequestInfo;
+  }
+
   /**
    * A unique identifier for the type of issue. Each type may use one of the
    * optional fields in InspectorIssueDetails to convey more specific
@@ -1123,6 +1157,7 @@ export namespace Audits {
     ClientHintIssue = 'ClientHintIssue',
     FederatedAuthRequestIssue = 'FederatedAuthRequestIssue',
     BounceTrackingIssue = 'BounceTrackingIssue',
+    StylesheetLoadingIssue = 'StylesheetLoadingIssue',
   }
 
   /**
@@ -1147,6 +1182,7 @@ export namespace Audits {
     clientHintIssueDetails?: ClientHintIssueDetails;
     federatedAuthRequestIssueDetails?: FederatedAuthRequestIssueDetails;
     bounceTrackingIssueDetails?: BounceTrackingIssueDetails;
+    stylesheetLoadingIssueDetails?: StylesheetLoadingIssueDetails;
   }
 
   /**