chrome-devtools-frontend 1.0.1549484 → 1.0.1553956

package/front_end/models/issues_manager/PropertyRuleIssue.ts

@@ -8,22 +8,16 @@ import * as Protocol from '../../generated/protocol.js';
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
 import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
-export class PropertyRuleIssue extends Issue {
-  readonly #issueDetails: Protocol.Audits.PropertyRuleIssueDetails;
+export class PropertyRuleIssue extends Issue<Protocol.Audits.PropertyRuleIssueDetails> {
   readonly #primaryKey: string;
   constructor(issueDetails: Protocol.Audits.PropertyRuleIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const code = JSON.stringify(issueDetails);
-    super(code, issuesModel);
+    super(code, issueDetails, issuesModel);
     this.#primaryKey = code;
-    this.#issueDetails = issueDetails;
   }
 
   override sources(): Protocol.Audits.SourceCodeLocation[] {
-    return [this.#issueDetails.sourceCodeLocation];
-  }
-
-  details(): Protocol.Audits.PropertyRuleIssueDetails {
-    return this.#issueDetails;
+    return [this.details().sourceCodeLocation];
   }
 
   primaryKey(): string {
@@ -31,7 +25,7 @@ export class PropertyRuleIssue extends Issue {
   }
 
   getPropertyName(): string {
-    switch (this.#issueDetails.propertyRuleIssueReason) {
+    switch (this.details().propertyRuleIssueReason) {
       case Protocol.Audits.PropertyRuleIssueReason.InvalidInherits:
         return 'inherits';
       case Protocol.Audits.PropertyRuleIssueReason.InvalidInitialValue:
@@ -43,13 +37,13 @@ export class PropertyRuleIssue extends Issue {
   }
 
   getDescription(): MarkdownIssueDescription {
-    if (this.#issueDetails.propertyRuleIssueReason === Protocol.Audits.PropertyRuleIssueReason.InvalidName) {
+    if (this.details().propertyRuleIssueReason === Protocol.Audits.PropertyRuleIssueReason.InvalidName) {
       return {
         file: 'propertyRuleInvalidNameIssue.md',
         links: [],
       };
     }
-    const value = this.#issueDetails.propertyValue ? `: ${this.#issueDetails.propertyValue}` : '';
+    const value = this.details().propertyValue ? `: ${this.details().propertyValue}` : '';
     const property = `${this.getPropertyName()}${value}`;
     return {
       file: 'propertyRuleIssue.md',

package/front_end/models/issues_manager/QuirksModeIssue.ts

@@ -18,28 +18,21 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/QuirksModeIssue.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
-export class QuirksModeIssue extends Issue {
-  #issueDetails: Protocol.Audits.QuirksModeIssueDetails;
-
+export class QuirksModeIssue extends Issue<Protocol.Audits.QuirksModeIssueDetails> {
   constructor(issueDetails: Protocol.Audits.QuirksModeIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const mode = issueDetails.isLimitedQuirksMode ? 'LimitedQuirksMode' : 'QuirksMode';
     const umaCode = [Protocol.Audits.InspectorIssueCode.QuirksModeIssue, mode].join('::');
-    super({code: Protocol.Audits.InspectorIssueCode.QuirksModeIssue, umaCode}, issuesModel);
-    this.#issueDetails = issueDetails;
+    super({code: Protocol.Audits.InspectorIssueCode.QuirksModeIssue, umaCode}, issueDetails, issuesModel);
   }
 
   primaryKey(): string {
-    return `${this.code()}-(${this.#issueDetails.documentNodeId})-(${this.#issueDetails.url})`;
+    return `${this.code()}-(${this.details().documentNodeId})-(${this.details().url})`;
   }
 
   getCategory(): IssueCategory {
     return IssueCategory.QUIRKS_MODE;
   }
 
-  details(): Protocol.Audits.QuirksModeIssueDetails {
-    return this.#issueDetails;
-  }
-
   getDescription(): MarkdownIssueDescription {
     return {
       file: 'CompatibilityModeQuirks.md',

package/front_end/models/issues_manager/SRIMessageSignatureIssue.ts

@@ -41,9 +41,7 @@ function generateGroupingIssueCode(details: Protocol.Audits.SRIMessageSignatureI
   return issueCode;
 }
 
-export class SRIMessageSignatureIssue extends Issue<string> {
-  readonly #issueDetails: Protocol.Audits.SRIMessageSignatureIssueDetails;
-
+export class SRIMessageSignatureIssue extends Issue<Protocol.Audits.SRIMessageSignatureIssueDetails, string> {
   constructor(
       issueDetails: Protocol.Audits.SRIMessageSignatureIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(
@@ -51,12 +49,7 @@ export class SRIMessageSignatureIssue extends Issue<string> {
           code: generateGroupingIssueCode(issueDetails),
           umaCode: `${Protocol.Audits.InspectorIssueCode.SRIMessageSignatureIssue}::${issueDetails.error}`,
         },
-        issuesModel);
-    this.#issueDetails = issueDetails;
-  }
-
-  details(): Protocol.Audits.SRIMessageSignatureIssueDetails {
-    return this.#issueDetails;
+        issueDetails, issuesModel);
   }
 
   // Overriding `Issue<String>`:
@@ -65,8 +58,9 @@ export class SRIMessageSignatureIssue extends Issue<string> {
   }
 
   override getDescription(): MarkdownIssueDescription|null {
+    const details = this.details();
     const description: LazyMarkdownIssueDescription = {
-      file: `sri${this.details().error}.md`,
+      file: `sri${details.error}.md`,
       links: [
         {
           link: 'https://www.rfc-editor.org/rfc/rfc9421.html',
@@ -79,10 +73,10 @@ export class SRIMessageSignatureIssue extends Issue<string> {
       ],
       substitutions: new Map()
     };
-    if (this.#issueDetails.error === Protocol.Audits.SRIMessageSignatureError.ValidationFailedSignatureMismatch) {
-      description.substitutions?.set('PLACEHOLDER_signatureBase', () => this.#issueDetails.signatureBase);
+    if (details.error === Protocol.Audits.SRIMessageSignatureError.ValidationFailedSignatureMismatch) {
+      description.substitutions?.set('PLACEHOLDER_signatureBase', () => details.signatureBase);
     }
-    if (this.#issueDetails.error === Protocol.Audits.SRIMessageSignatureError.ValidationFailedIntegrityMismatch) {
+    if (details.error === Protocol.Audits.SRIMessageSignatureError.ValidationFailedIntegrityMismatch) {
       description.substitutions?.set('PLACEHOLDER_integrityAssertions', () => {
         const prefix = '\n* ';
         return prefix + this.details().integrityAssertions.join(prefix);

package/front_end/models/issues_manager/SharedArrayBufferIssue.ts

@@ -19,24 +19,17 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/SharedArrayBufferIssue.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
-export class SharedArrayBufferIssue extends Issue {
-  #issueDetails: Protocol.Audits.SharedArrayBufferIssueDetails;
-
+export class SharedArrayBufferIssue extends Issue<Protocol.Audits.SharedArrayBufferIssueDetails> {
   constructor(
       issueDetails: Protocol.Audits.SharedArrayBufferIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const umaCode = [Protocol.Audits.InspectorIssueCode.SharedArrayBufferIssue, issueDetails.type].join('::');
-    super({code: Protocol.Audits.InspectorIssueCode.SharedArrayBufferIssue, umaCode}, issuesModel);
-    this.#issueDetails = issueDetails;
+    super({code: Protocol.Audits.InspectorIssueCode.SharedArrayBufferIssue, umaCode}, issueDetails, issuesModel);
   }
 
   getCategory(): IssueCategory {
     return IssueCategory.OTHER;
   }
 
-  details(): Protocol.Audits.SharedArrayBufferIssueDetails {
-    return this.#issueDetails;
-  }
-
   getDescription(): MarkdownIssueDescription {
     return {
       file: 'sharedArrayBuffer.md',
@@ -48,11 +41,11 @@ export class SharedArrayBufferIssue extends Issue {
   }
 
   primaryKey(): string {
-    return JSON.stringify(this.#issueDetails);
+    return JSON.stringify(this.details());
   }
 
   getKind(): IssueKind {
-    if (this.#issueDetails.isWarning) {
+    if (this.details().isWarning) {
       return IssueKind.BREAKING_CHANGE;
     }
     return IssueKind.PAGE_ERROR;

package/front_end/models/issues_manager/SharedDictionaryIssue.ts

@@ -108,9 +108,7 @@ function getIssueCode(details: Protocol.Audits.SharedDictionaryIssueDetails): Is
   }
 }
 
-export class SharedDictionaryIssue extends Issue {
-  readonly #issueDetails: Protocol.Audits.SharedDictionaryIssueDetails;
-
+export class SharedDictionaryIssue extends Issue<Protocol.Audits.SharedDictionaryIssueDetails, IssueCode> {
   constructor(
       issueDetails: Protocol.Audits.SharedDictionaryIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(
@@ -121,13 +119,12 @@ export class SharedDictionaryIssue extends Issue {
             issueDetails.sharedDictionaryError,
           ].join('::'),
         },
-        issuesModel);
-    this.#issueDetails = issueDetails;
+        issueDetails, issuesModel);
   }
 
   override requests(): Iterable<Protocol.Audits.AffectedRequest> {
-    if (this.#issueDetails.request) {
-      return [this.#issueDetails.request];
+    if (this.details().request) {
+      return [this.details().request];
     }
     return [];
   }
@@ -136,12 +133,8 @@ export class SharedDictionaryIssue extends Issue {
     return IssueCategory.OTHER;
   }
 
-  details(): Protocol.Audits.SharedDictionaryIssueDetails {
-    return this.#issueDetails;
-  }
-
   getDescription(): MarkdownIssueDescription|null {
-    const description = issueDescriptions.get(this.#issueDetails.sharedDictionaryError);
+    const description = issueDescriptions.get(this.details().sharedDictionaryError);
     if (!description) {
       return null;
     }
@@ -149,7 +142,7 @@ export class SharedDictionaryIssue extends Issue {
   }
 
   primaryKey(): string {
-    return JSON.stringify(this.#issueDetails);
+    return JSON.stringify(this.details());
   }
 
   getKind(): IssueKind {

package/front_end/models/issues_manager/StylesheetLoadingIssue.ts

@@ -13,40 +13,35 @@ export const lateImportStylesheetLoadingCode = [
   Protocol.Audits.StyleSheetLoadingIssueReason.LateImportRule,
 ].join('::');
 
-export class StylesheetLoadingIssue extends Issue {
-  #issueDetails: Protocol.Audits.StylesheetLoadingIssueDetails;
+export class StylesheetLoadingIssue extends Issue<Protocol.Audits.StylesheetLoadingIssueDetails> {
   constructor(
       issueDetails: Protocol.Audits.StylesheetLoadingIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const code =
         `${Protocol.Audits.InspectorIssueCode.StylesheetLoadingIssue}::${issueDetails.styleSheetLoadingIssueReason}`;
-    super(code, issuesModel);
-    this.#issueDetails = issueDetails;
+    super(code, issueDetails, issuesModel);
   }
 
   override sources(): Protocol.Audits.SourceCodeLocation[] {
-    return [this.#issueDetails.sourceCodeLocation];
+    return [this.details().sourceCodeLocation];
   }
   override requests(): Protocol.Audits.AffectedRequest[] {
-    if (!this.#issueDetails.failedRequestInfo) {
+    const details = this.details();
+    if (!details.failedRequestInfo) {
       return [];
     }
-    const {url, requestId} = this.#issueDetails.failedRequestInfo;
+    const {url, requestId} = details.failedRequestInfo;
     if (!requestId) {
       return [];
     }
     return [{url, requestId}];
   }
 
-  details(): Protocol.Audits.StylesheetLoadingIssueDetails {
-    return this.#issueDetails;
-  }
-
   primaryKey(): string {
-    return JSON.stringify(this.#issueDetails);
+    return JSON.stringify(this.details());
   }
 
   getDescription(): MarkdownIssueDescription {
-    switch (this.#issueDetails.styleSheetLoadingIssueReason) {
+    switch (this.details().styleSheetLoadingIssueReason) {
       case Protocol.Audits.StyleSheetLoadingIssueReason.LateImportRule:
         return {
           file: 'stylesheetLateImport.md',

package/front_end/models/issues_manager/UnencodedDigestIssue.ts

@@ -26,9 +26,7 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/UnencodedDigestIssue.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
 
-export class UnencodedDigestIssue extends Issue<string> {
-  readonly #issueDetails: Protocol.Audits.UnencodedDigestIssueDetails;
-
+export class UnencodedDigestIssue extends Issue<Protocol.Audits.UnencodedDigestIssueDetails> {
   constructor(
       issueDetails: Protocol.Audits.UnencodedDigestIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(
@@ -36,12 +34,7 @@ export class UnencodedDigestIssue extends Issue<string> {
           code: `${Protocol.Audits.InspectorIssueCode.UnencodedDigestIssue}::${issueDetails.error}`,
           umaCode: `${Protocol.Audits.InspectorIssueCode.UnencodedDigestIssue}::${issueDetails.error}`,
         },
-        issuesModel);
-    this.#issueDetails = issueDetails;
-  }
-
-  details(): Protocol.Audits.UnencodedDigestIssueDetails {
-    return this.#issueDetails;
+        issueDetails, issuesModel);
   }
 
   override primaryKey(): string {

package/front_end/models/issues_manager/descriptions/permissionElementActivationDisabled.md

@@ -0,0 +1,7 @@
+# Activation disabled
+
+The "{PLACEHOLDER_Type}" element could not be activated for the following reason: {PLACEHOLDER_DisableReason}.
+
+To resolve this issue, ensure that the element follows all styling restrictions and is fully visible to the user.
+
+You can use the command line flag `--runtime-enabled-features=BypassPepcSecurityForTesting` to bypass this behavior for testing purposes.

package/front_end/models/issues_manager/descriptions/permissionElementActivationDisabledWithOccluder.md

@@ -0,0 +1,9 @@
+# Activation disabled
+
+The "{PLACEHOLDER_Type}" element could not be activated for the following reason: {PLACEHOLDER_DisableReason}.
+
+The element is occluded by: "{PLACEHOLDER_OccluderInfo}"
+
+To resolve this issue, ensure that the element follows all styling restrictions and is fully visible to the user.
+
+You can use the command line flag `--runtime-enabled-features=BypassPepcSecurityForTesting` to bypass this behavior for testing purposes.

package/front_end/models/issues_manager/descriptions/permissionElementActivationDisabledWithOccluderParent.md

@@ -0,0 +1,9 @@
+# Activation disabled
+
+The "{PLACEHOLDER_Type}" element could not be activated for the following reason: {PLACEHOLDER_DisableReason}.
+
+The element is occluded by: "{PLACEHOLDER_OccluderInfo}" (parent element: "{PLACEHOLDER_OccluderParentInfo}")
+
+To resolve this issue, ensure that the element follows all styling restrictions and is fully visible to the user.
+
+You can use the command line flag `--runtime-enabled-features=BypassPepcSecurityForTesting` to bypass this behavior for testing purposes.

package/front_end/models/issues_manager/descriptions/permissionElementCspFrameAncestorsMissing.md

@@ -0,0 +1,5 @@
+# CSP `frame-ancestors` missing
+
+The "{PLACEHOLDER_Type}" element is used in a cross-origin iframe, but the required `frame-ancestors` Content Security Policy directive is missing.
+
+To resolve this issue, add a `frame-ancestors` Content Security Policy directive to the iframe.

package/front_end/models/issues_manager/descriptions/permissionElementFencedFrameDisallowed.md

@@ -0,0 +1,5 @@
+# Fenced frame disallowed
+
+The "{PLACEHOLDER_Type}" element is not allowed in a fenced frame.
+
+To resolve this issue, ensure the element is not used in a fenced frame.

package/front_end/models/issues_manager/descriptions/permissionElementFontSizeTooLarge.md

@@ -0,0 +1,5 @@
+# Font size too large
+
+The "{PLACEHOLDER_Type}" element's font size is too large.
+
+To resolve this issue, ensure that the element's font is at most 'xx-large'.

package/front_end/models/issues_manager/descriptions/permissionElementFontSizeTooSmall.md

@@ -0,0 +1,5 @@
+# Font size too small
+
+The "{PLACEHOLDER_Type}" element's font size is too small.
+
+To resolve this issue, ensure that the element's font is at least 'small'.

package/front_end/models/issues_manager/descriptions/permissionElementGeolocationDeprecated.md

@@ -0,0 +1,5 @@
+# Geolocation deprecated
+
+Using `<permission type="geolocation">` is deprecated.
+
+To resolve this issue, use the `<geolocation>` element instead.

package/front_end/models/issues_manager/descriptions/permissionElementInsetBoxShadowUnsupported.md

@@ -0,0 +1,5 @@
+# Unsupported inset box shadow
+
+The "{PLACEHOLDER_Type}" element does not support `inset` box shadows.
+
+To resolve this issue, remove the `inset` keyword from the relevant stylesheet.

package/front_end/models/issues_manager/descriptions/permissionElementInvalidDisplayStyle.md

@@ -0,0 +1,5 @@
+# Invalid display style
+
+The "{PLACEHOLDER_Type}" element has an invalid display style. Values that result in an unsupported layout are not allowed.
+
+To resolve this issue, consider using 'inline-block', 'block', or 'flex' instead.

package/front_end/models/issues_manager/descriptions/permissionElementInvalidSizeValue.md

@@ -0,0 +1,5 @@
+# Invalid size value
+
+Content, intrinsic, or stretch sizes are not supported as values for the min/max width and height of the "{PLACEHOLDER_Type}" element.
+
+To resolve this issue, use absolute or relative lengths for the element's width and height.

package/front_end/models/issues_manager/descriptions/permissionElementInvalidType.md

@@ -0,0 +1,5 @@
+# Invalid type attribute
+
+The "{PLACEHOLDER_Type}" type is not supported.
+
+To resolve this issue, ensure the element's type is one of the supported values: "camera", "microphone", "geolocation", "camera microphone".

package/front_end/models/issues_manager/descriptions/permissionElementInvalidTypeActivation.md

@@ -0,0 +1,5 @@
+# Invalid type activation
+
+An element with the "{PLACEHOLDER_Type}" type was attempted to be activated. However this type is not supported.
+
+To resolve this issue, ensure the element's type is one of the supported values: "camera", "microphone", "geolocation", "camera microphone".

package/front_end/models/issues_manager/descriptions/permissionElementLowContrast.md

@@ -0,0 +1,5 @@
+# Low contrast
+
+The contrast between the text color and background color of the "{PLACEHOLDER_Type}" element is too low.
+
+To resolve this issue, ensure that your text/background colors have more contrast between them.

package/front_end/models/issues_manager/descriptions/permissionElementNonOpaqueColor.md

@@ -0,0 +1,5 @@
+# Non-opaque color
+
+The text color or background color of the "{PLACEHOLDER_Type}" element is non-opaque.
+
+To resolve this issue, ensure the element's text and background colors have their alpha channel value at 100%.

package/front_end/models/issues_manager/descriptions/permissionElementPaddingBottomUnsupported.md

@@ -0,0 +1,6 @@
+# Unsupported bottom padding
+
+The "{PLACEHOLDER_Type}" element does not support `padding-bottom`.
+`padding-bottom` is always set to be identical to `padding-top`.
+
+To resolve this issue, ensure the element's `padding-bottom` is unset or identical to `padding-top`.

package/front_end/models/issues_manager/descriptions/permissionElementPaddingRightUnsupported.md

@@ -0,0 +1,6 @@
+# Unsupported right padding
+
+The "{PLACEHOLDER_Type}" element does not support `padding-right`.
+`padding-right` is always set to be identical to `padding-left`.
+
+To resolve this issue, ensure the element's `padding-right` is unset or identical to `padding-left`.

package/front_end/models/issues_manager/descriptions/permissionElementPermissionsPolicyBlocked.md

@@ -0,0 +1,5 @@
+# Permissions policy blocked
+
+The "{PLACEHOLDER_Type}" element is blocked by the "{PLACEHOLDER_PermissionName}" permission policy.
+
+To resolve this issue, ensure the frame which contains the element is loaded with the appropriate permission policy by its embedder.

package/front_end/models/issues_manager/descriptions/permissionElementRegistrationFailed.md

@@ -0,0 +1,5 @@
+# Quota exceeded
+
+The "{PLACEHOLDER_Type}" element has surpassed the maximum instances quota per page.
+
+To resolve this issue, ensure that you have no more than 3 elements of the same type per page.

package/front_end/models/issues_manager/descriptions/permissionElementRequestInProgress.md

@@ -0,0 +1,5 @@
+# Request in progress
+
+A permission request on the "{PLACEHOLDER_Type}" element was prevented because a previous request is still in progress.
+
+To resolve this issue, ensure that the site does not allow users to interact with the element behind the current content scrim (for example by moving the element to a document in a new window, which is not covered by the scrim).

package/front_end/models/issues_manager/descriptions/permissionElementSecurityChecksFailed.md

@@ -0,0 +1,5 @@
+# Activation disabled (quota)
+
+The "{PLACEHOLDER_Type}" element could not be activated because the page's quota has been exceeded.
+
+To resolve this issue, ensure that you have no more than 3 elements of the same type per page.

package/front_end/models/issues_manager/descriptions/permissionElementTypeNotSupported.md

@@ -0,0 +1,5 @@
+# Permission not supported
+
+The permission type "{PLACEHOLDER_Type}" is not supported by this browser and therefore the element will not be functional.
+
+To resolve this issue, ensure the element's type is one of the supported values: "camera", "microphone", "geolocation", "camera microphone".

package/front_end/models/issues_manager/descriptions/permissionElementUntrustedEvent.md

@@ -0,0 +1,7 @@
+# Untrusted event
+
+The "{PLACEHOLDER_Type}" element can only be activated by actual user clicks, not simulated ones.
+
+To resolve this issue, do not use frameworks which simulate click events, (e.g. via `click()`) and do not prevent the `DOMActivate` event.
+
+You can use the command line flag `--runtime-enabled-features=BypassPepcSecurityForTesting` to bypass this behavior for testing purposes.

package/front_end/models/issues_manager/issues_manager.ts

@@ -24,6 +24,7 @@ import * as LowTextContrastIssue from './LowTextContrastIssue.js';
 import * as MarkdownIssueDescription from './MarkdownIssueDescription.js';
 import * as MixedContentIssue from './MixedContentIssue.js';
 import * as PartitioningBlobURLIssue from './PartitioningBlobURLIssue.js';
+import * as PermissionElementIssue from './PermissionElementIssue.js';
 import * as PropertyRuleIssue from './PropertyRuleIssue.js';
 import * as QuirksModeIssue from './QuirksModeIssue.js';
 import * as RelatedIssue from './RelatedIssue.js';
@@ -57,6 +58,7 @@ export {
   MarkdownIssueDescription,
   MixedContentIssue,
   PartitioningBlobURLIssue,
+  PermissionElementIssue,
   PropertyRuleIssue,
   QuirksModeIssue,
   RelatedIssue,

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -709,11 +709,6 @@ export const NativeFunctions = [
     signatures: [["property","cssText"]],
     receivers: ["CSSStyleValue"]
   },
-  {
-    name: "parse",
-    signatures: [["serializedOrigin"]],
-    receivers: ["Origin"]
-  },
   {
     name: "parse",
     signatures: [["url","?base"]],
@@ -6208,6 +6203,10 @@ export const NativeFunctions = [
     name: "CSSMathProduct",
     signatures: [["...args"]]
   },
+  {
+    name: "CSSMathRandom",
+    signatures: [["baseValue","min","max","?step"]]
+  },
   {
     name: "CSSMathSum",
     signatures: [["...args"]]
@@ -7386,14 +7385,6 @@ export const NativeFunctions = [
     name: "compareComponent",
     signatures: [["component","left","right"]]
   },
-  {
-    name: "Origin",
-    signatures: [["?serializedOrigin"]]
-  },
-  {
-    name: "fromURL",
-    signatures: [["serializedURL"]]
-  },
   {
     name: "isSameOrigin",
     signatures: [["other"]]
@@ -7815,6 +7806,10 @@ export const NativeFunctions = [
     name: "GamepadEvent",
     signatures: [["type","?eventInitDict"]]
   },
+  {
+    name: "GamepadRawInputChangeEvent",
+    signatures: [["type","?eventInitDict"]]
+  },
   {
     name: "addStroke",
     signatures: [["stroke"]]

package/front_end/models/stack_trace/StackTraceModel.ts

@@ -37,25 +37,12 @@ export class StackTraceModel extends SDK.SDKModel.SDKModel<unknown> {
 
   async createFromProtocolRuntime(stackTrace: Protocol.Runtime.StackTrace, rawFramesToUIFrames: TranslateRawFrames):
       Promise<StackTrace.StackTrace.StackTrace> {
-    const translatePromises: Array<Promise<unknown>> = [];
-
-    const fragment = this.#createFragment(stackTrace.callFrames);
-    translatePromises.push(this.#translateFragment(fragment, rawFramesToUIFrames));
-
-    const asyncFragments: AsyncFragmentImpl[] = [];
-    const debuggerModel = this.target().model(SDK.DebuggerModel.DebuggerModel);
-    if (debuggerModel) {
-      for await (const {stackTrace: asyncStackTrace, target} of debuggerModel.iterateAsyncParents(stackTrace)) {
-        const model = StackTraceModel.#modelForTarget(target);
-        const asyncFragment = model.#createFragment(asyncStackTrace.callFrames);
-        translatePromises.push(model.#translateFragment(asyncFragment, rawFramesToUIFrames));
-        asyncFragments.push(new AsyncFragmentImpl(asyncStackTrace.description ?? '', asyncFragment));
-      }
-    }
+    const [syncFragment, asyncFragments] = await Promise.all([
+      this.#createSyncFragment(stackTrace, rawFramesToUIFrames),
+      this.#createAsyncFragments(stackTrace, rawFramesToUIFrames),
+    ]);
 
-    await Promise.all(translatePromises);
-
-    return new StackTraceImpl(fragment, asyncFragments);
+    return new StackTraceImpl(syncFragment, asyncFragments);
   }
 
   /** Trigger re-translation of all fragments with the provide script in their call stack */
@@ -81,6 +68,38 @@ export class StackTraceModel extends SDK.SDKModel.SDKModel<unknown> {
     }
   }
 
+  async #createSyncFragment(stackTrace: Protocol.Runtime.StackTrace, rawFramesToUIFrames: TranslateRawFrames):
+      Promise<FragmentImpl> {
+    const fragment = this.#createFragment(stackTrace.callFrames);
+    await this.#translateFragment(fragment, rawFramesToUIFrames);
+    return fragment;
+  }
+
+  async #createAsyncFragments(
+      stackTraceOrPausedEvent: Protocol.Runtime.StackTrace|Protocol.Debugger.PausedEvent,
+      rawFramesToUIFrames: TranslateRawFrames): Promise<AsyncFragmentImpl[]> {
+    const asyncFragments: AsyncFragmentImpl[] = [];
+    const translatePromises: Array<Promise<unknown>> = [];
+
+    const debuggerModel = this.target().model(SDK.DebuggerModel.DebuggerModel);
+    if (debuggerModel) {
+      for await (
+          const {stackTrace: asyncStackTrace, target} of debuggerModel.iterateAsyncParents(stackTraceOrPausedEvent)) {
+        if (asyncStackTrace.callFrames.length === 0) {
+          // Skip empty async fragments, they don't add value.
+          continue;
+        }
+        const model = StackTraceModel.#modelForTarget(target);
+        const fragment = model.#createFragment(asyncStackTrace.callFrames);
+        translatePromises.push(model.#translateFragment(fragment, rawFramesToUIFrames));
+        asyncFragments.push(new AsyncFragmentImpl(asyncStackTrace.description ?? '', fragment));
+      }
+    }
+
+    await Promise.all(translatePromises);
+    return asyncFragments;
+  }
+
   #createFragment(frames: RawFrame[]): FragmentImpl {
     return FragmentImpl.getOrCreate(this.#trie.insert(frames));
   }