chrome-devtools-frontend 1.0.1032245 → 1.0.1033423

package/config/gni/devtools_grd_files.gni

@@ -1470,6 +1470,7 @@ grd_files_debug_sources = [
   "front_end/ui/components/issue_counter/IssueLinkIcon.js",
   "front_end/ui/components/issue_counter/issueCounter.css.js",
   "front_end/ui/components/issue_counter/issueLinkIcon.css.js",
+  "front_end/ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.js",
   "front_end/ui/components/linear_memory_inspector/LinearMemoryInspector.js",
   "front_end/ui/components/linear_memory_inspector/LinearMemoryInspectorController.js",
   "front_end/ui/components/linear_memory_inspector/LinearMemoryInspectorPane.js",
@@ -1481,6 +1482,7 @@ grd_files_debug_sources = [
   "front_end/ui/components/linear_memory_inspector/ValueInterpreterDisplay.js",
   "front_end/ui/components/linear_memory_inspector/ValueInterpreterDisplayUtils.js",
   "front_end/ui/components/linear_memory_inspector/ValueInterpreterSettings.js",
+  "front_end/ui/components/linear_memory_inspector/linearMemoryHighlightChipList.css.js",
   "front_end/ui/components/linear_memory_inspector/linearMemoryInspector.css.js",
   "front_end/ui/components/linear_memory_inspector/linearMemoryNavigator.css.js",
   "front_end/ui/components/linear_memory_inspector/linearMemoryValueInterpreter.css.js",

package/front_end/core/i18n/locales/en-US.json

@@ -12149,6 +12149,12 @@
   "ui/components/linear_memory_inspector/linear_memory_inspector-meta.ts | showMemoryInspector": {
     "message": "Show Memory Inspector"
   },
+  "ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.ts | deleteHighlight": {
+    "message": "Delete memory highlight"
+  },
+  "ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.ts | jumpToAddress": {
+    "message": "Jump to highlighted memory"
+  },
   "ui/components/linear_memory_inspector/LinearMemoryInspector.ts | addressHasToBeANumberBetweenSAnd": {
     "message": "Address has to be a number between {PH1} and {PH2}"
   },

package/front_end/core/i18n/locales/en-XL.json

@@ -12149,6 +12149,12 @@
   "ui/components/linear_memory_inspector/linear_memory_inspector-meta.ts | showMemoryInspector": {
     "message": "Ŝh́ôẃ M̂ém̂ór̂ý Îńŝṕêćt̂ór̂"
   },
+  "ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.ts | deleteHighlight": {
+    "message": "D̂él̂ét̂é m̂ém̂ór̂ý ĥíĝh́l̂íĝh́t̂"
+  },
+  "ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.ts | jumpToAddress": {
+    "message": "Ĵúm̂ṕ t̂ó ĥíĝh́l̂íĝh́t̂éd̂ ḿêḿôŕŷ"
+  },
   "ui/components/linear_memory_inspector/LinearMemoryInspector.ts | addressHasToBeANumberBetweenSAnd": {
     "message": "Âd́d̂ŕêśŝ h́âś t̂ó b̂é â ńûḿb̂ér̂ b́êt́ŵéêń {PH1} âńd̂ {PH2}"
   },

package/front_end/core/sdk/CSSMetadata.ts

@@ -465,6 +465,7 @@ const colorAwareProperties = new Set<string>([
   'list-style-image',
   'outline',
   'outline-color',
+  'stop-color',
   'stroke',
   'text-decoration-color',
   'text-shadow',

package/front_end/generated/InspectorBackendCommands.js

@@ -63,7 +63,7 @@ inspectorBackend.registerEnum("Audits.HeavyAdReason", {NetworkTotalLimit: "Netwo
 inspectorBackend.registerEnum("Audits.ContentSecurityPolicyViolationType", {KInlineViolation: "kInlineViolation", KEvalViolation: "kEvalViolation", KURLViolation: "kURLViolation", KTrustedTypesSinkViolation: "kTrustedTypesSinkViolation", KTrustedTypesPolicyViolation: "kTrustedTypesPolicyViolation", KWasmEvalViolation: "kWasmEvalViolation"});
 inspectorBackend.registerEnum("Audits.SharedArrayBufferIssueType", {TransferIssue: "TransferIssue", CreationIssue: "CreationIssue"});
 inspectorBackend.registerEnum("Audits.TwaQualityEnforcementViolationType", {KHttpError: "kHttpError", KUnavailableOffline: "kUnavailableOffline", KDigitalAssetLinks: "kDigitalAssetLinks"});
-inspectorBackend.registerEnum("Audits.AttributionReportingIssueType", {PermissionPolicyDisabled: "PermissionPolicyDisabled", UntrustworthyReportingOrigin: "UntrustworthyReportingOrigin", InsecureContext: "InsecureContext", InvalidHeader: "InvalidHeader", InvalidRegisterTriggerHeader: "InvalidRegisterTriggerHeader", InvalidEligibleHeader: "InvalidEligibleHeader", TooManyConcurrentRequests: "TooManyConcurrentRequests"});
+inspectorBackend.registerEnum("Audits.AttributionReportingIssueType", {PermissionPolicyDisabled: "PermissionPolicyDisabled", UntrustworthyReportingOrigin: "UntrustworthyReportingOrigin", InsecureContext: "InsecureContext", InvalidHeader: "InvalidHeader", InvalidRegisterTriggerHeader: "InvalidRegisterTriggerHeader", InvalidEligibleHeader: "InvalidEligibleHeader", TooManyConcurrentRequests: "TooManyConcurrentRequests", SourceAndTriggerHeaders: "SourceAndTriggerHeaders", SourceIgnored: "SourceIgnored", TriggerIgnored: "TriggerIgnored"});
 inspectorBackend.registerEnum("Audits.GenericIssueErrorType", {CrossOriginPortalPostMessageError: "CrossOriginPortalPostMessageError"});
 inspectorBackend.registerEnum("Audits.DeprecationIssueType", {AuthorizationCoveredByWildcard: "AuthorizationCoveredByWildcard", CanRequestURLHTTPContainingNewline: "CanRequestURLHTTPContainingNewline", ChromeLoadTimesConnectionInfo: "ChromeLoadTimesConnectionInfo", ChromeLoadTimesFirstPaintAfterLoadTime: "ChromeLoadTimesFirstPaintAfterLoadTime", ChromeLoadTimesWasAlternateProtocolAvailable: "ChromeLoadTimesWasAlternateProtocolAvailable", CookieWithTruncatingChar: "CookieWithTruncatingChar", CrossOriginAccessBasedOnDocumentDomain: "CrossOriginAccessBasedOnDocumentDomain", CrossOriginWindowAlert: "CrossOriginWindowAlert", CrossOriginWindowConfirm: "CrossOriginWindowConfirm", CSSSelectorInternalMediaControlsOverlayCastButton: "CSSSelectorInternalMediaControlsOverlayCastButton", DeprecationExample: "DeprecationExample", DocumentDomainSettingWithoutOriginAgentClusterHeader: "DocumentDomainSettingWithoutOriginAgentClusterHeader", EventPath: "EventPath", ExpectCTHeader: "ExpectCTHeader", GeolocationInsecureOrigin: "GeolocationInsecureOrigin", GeolocationInsecureOriginDeprecatedNotRemoved: "GeolocationInsecureOriginDeprecatedNotRemoved", GetUserMediaInsecureOrigin: "GetUserMediaInsecureOrigin", HostCandidateAttributeGetter: "HostCandidateAttributeGetter", IdentityInCanMakePaymentEvent: "IdentityInCanMakePaymentEvent", InsecurePrivateNetworkSubresourceRequest: "InsecurePrivateNetworkSubresourceRequest", LegacyConstraintGoogIPv6: "LegacyConstraintGoogIPv6", LocalCSSFileExtensionRejected: "LocalCSSFileExtensionRejected", MediaSourceAbortRemove: "MediaSourceAbortRemove", MediaSourceDurationTruncatingBuffered: "MediaSourceDurationTruncatingBuffered", NavigateEventRestoreScroll: "NavigateEventRestoreScroll", NavigateEventTransitionWhile: "NavigateEventTransitionWhile", NoSysexWebMIDIWithoutPermission: "NoSysexWebMIDIWithoutPermission", NotificationInsecureOrigin: "NotificationInsecureOrigin", NotificationPermissionRequestedIframe: "NotificationPermissionRequestedIframe", ObsoleteWebRtcCipherSuite: "ObsoleteWebRtcCipherSuite", OpenWebDatabaseInsecureContext: "OpenWebDatabaseInsecureContext", OverflowVisibleOnReplacedElement: "OverflowVisibleOnReplacedElement", PersistentQuotaType: "PersistentQuotaType", PictureSourceSrc: "PictureSourceSrc", PrefixedCancelAnimationFrame: "PrefixedCancelAnimationFrame", PrefixedRequestAnimationFrame: "PrefixedRequestAnimationFrame", PrefixedStorageInfo: "PrefixedStorageInfo", PrefixedVideoDisplayingFullscreen: "PrefixedVideoDisplayingFullscreen", PrefixedVideoEnterFullscreen: "PrefixedVideoEnterFullscreen", PrefixedVideoEnterFullScreen: "PrefixedVideoEnterFullScreen", PrefixedVideoExitFullscreen: "PrefixedVideoExitFullscreen", PrefixedVideoExitFullScreen: "PrefixedVideoExitFullScreen", PrefixedVideoSupportsFullscreen: "PrefixedVideoSupportsFullscreen", RangeExpand: "RangeExpand", RequestedSubresourceWithEmbeddedCredentials: "RequestedSubresourceWithEmbeddedCredentials", RTCConstraintEnableDtlsSrtpFalse: "RTCConstraintEnableDtlsSrtpFalse", RTCConstraintEnableDtlsSrtpTrue: "RTCConstraintEnableDtlsSrtpTrue", RTCPeerConnectionComplexPlanBSdpUsingDefaultSdpSemantics: "RTCPeerConnectionComplexPlanBSdpUsingDefaultSdpSemantics", RTCPeerConnectionSdpSemanticsPlanB: "RTCPeerConnectionSdpSemanticsPlanB", RtcpMuxPolicyNegotiate: "RtcpMuxPolicyNegotiate", SharedArrayBufferConstructedWithoutIsolation: "SharedArrayBufferConstructedWithoutIsolation", TextToSpeech_DisallowedByAutoplay: "TextToSpeech_DisallowedByAutoplay", V8SharedArrayBufferConstructedInExtensionWithoutIsolation: "V8SharedArrayBufferConstructedInExtensionWithoutIsolation", XHRJSONEncodingDetection: "XHRJSONEncodingDetection", XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload: "XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload", XRSupportsSession: "XRSupportsSession"});
 inspectorBackend.registerEnum("Audits.ClientHintIssueReason", {MetaTagAllowListInvalidOrigin: "MetaTagAllowListInvalidOrigin", MetaTagModifiedHTML: "MetaTagModifiedHTML"});
@@ -591,7 +591,7 @@ inspectorBackend.registerEvent("Page.javascriptDialogClosed", ["result", "userIn
 inspectorBackend.registerEvent("Page.javascriptDialogOpening", ["url", "message", "type", "hasBrowserHandler", "defaultPrompt"]);
 inspectorBackend.registerEvent("Page.lifecycleEvent", ["frameId", "loaderId", "name", "timestamp"]);
 inspectorBackend.registerEvent("Page.backForwardCacheNotUsed", ["loaderId", "frameId", "notRestoredExplanations", "notRestoredExplanationsTree"]);
-inspectorBackend.registerEvent("Page.prerenderAttemptCompleted", ["initiatingFrameId", "prerenderingUrl", "finalStatus"]);
+inspectorBackend.registerEvent("Page.prerenderAttemptCompleted", ["initiatingFrameId", "prerenderingUrl", "finalStatus", "reasonDetails"]);
 inspectorBackend.registerEvent("Page.loadEventFired", ["timestamp"]);
 inspectorBackend.registerEvent("Page.navigatedWithinDocument", ["frameId", "url"]);
 inspectorBackend.registerEvent("Page.screencastFrame", ["data", "metadata", "sessionId"]);

package/front_end/generated/SupportedCSSProperties.js

@@ -1912,12 +1912,6 @@ export const generatedProperties = [
   ],
   "name": "height"
  },
- {
-  "name": "hover-pop-up-delay"
- },
- {
-  "name": "hover-pop-up-hide-delay"
- },
  {
   "inherited": true,
   "keywords": [
@@ -2634,6 +2628,12 @@ export const generatedProperties = [
   ],
   "name": "pointer-events"
  },
+ {
+  "name": "pop-up-hide-delay"
+ },
+ {
+  "name": "pop-up-show-delay"
+ },
  {
   "keywords": [
    "static",

package/front_end/generated/protocol.ts

@@ -971,6 +971,9 @@ export namespace Audits {
     InvalidRegisterTriggerHeader = 'InvalidRegisterTriggerHeader',
     InvalidEligibleHeader = 'InvalidEligibleHeader',
     TooManyConcurrentRequests = 'TooManyConcurrentRequests',
+    SourceAndTriggerHeaders = 'SourceAndTriggerHeaders',
+    SourceIgnored = 'SourceIgnored',
+    TriggerIgnored = 'TriggerIgnored',
   }
 
   /**
@@ -12172,6 +12175,11 @@ export namespace Page {
     initiatingFrameId: FrameId;
     prerenderingUrl: string;
     finalStatus: PrerenderFinalStatus;
+    /**
+     * This is used to give users more information about the cancellation details,
+     * and this will be formatted for display.
+     */
+    reasonDetails?: string;
   }
 
   export interface LoadEventFiredEvent {

package/front_end/models/extensions/RecorderPluginManager.ts

@@ -3,10 +3,11 @@
 // found in the LICENSE file.
 
 import {type RecorderExtensionEndpoint} from './RecorderExtensionEndpoint.js';
+import * as Common from '../../core/common/common.js';
 
 let instance: RecorderPluginManager|null = null;
 
-export class RecorderPluginManager {
+export class RecorderPluginManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
   #plugins: Set<RecorderExtensionEndpoint> = new Set();
 
   static instance(): RecorderPluginManager {
@@ -18,13 +19,27 @@ export class RecorderPluginManager {
 
   addPlugin(plugin: RecorderExtensionEndpoint): void {
     this.#plugins.add(plugin);
+    this.dispatchEventToListeners(Events.PluginAdded, plugin);
   }
 
   removePlugin(plugin: RecorderExtensionEndpoint): void {
     this.#plugins.delete(plugin);
+    this.dispatchEventToListeners(Events.PluginRemoved, plugin);
   }
 
   plugins(): RecorderExtensionEndpoint[] {
     return Array.from(this.#plugins.values());
   }
 }
+
+// TODO(crbug.com/1167717): Make this a const enum again
+// eslint-disable-next-line rulesdir/const_enum
+export enum Events {
+  PluginAdded = 'pluginAdded',
+  PluginRemoved = 'pluginRemoved',
+}
+
+export type EventTypes = {
+  [Events.PluginAdded]: RecorderExtensionEndpoint,
+  [Events.PluginRemoved]: RecorderExtensionEndpoint,
+};

package/front_end/models/extensions/extensions.ts

@@ -7,6 +7,7 @@ import * as ExtensionPanel from './ExtensionPanel.js';
 import * as ExtensionServer from './ExtensionServer.js';
 import * as ExtensionTraceProvider from './ExtensionTraceProvider.js';
 import * as ExtensionView from './ExtensionView.js';
+import * as RecorderExtensionEndpoint from './RecorderExtensionEndpoint.js';
 import * as RecorderPluginManager from './RecorderPluginManager.js';
 
 export {
@@ -15,5 +16,6 @@ export {
   ExtensionServer,
   ExtensionTraceProvider,
   ExtensionView,
+  RecorderExtensionEndpoint,
   RecorderPluginManager,
 };

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -2029,7 +2029,7 @@ export const NativeFunctions = [
   {
     name: 'setData',
     signatures: [['data']],
-    receivers: ['PendingBeacon']
+    receivers: ['PendingPostBeacon']
   },
   {
     name: 'setData',
@@ -6165,7 +6165,15 @@ export const NativeFunctions = [
     signatures: [['hints']]
   },
   {
-    name: 'PendingBeacon',
+    name: 'PendingGetBeacon',
+    signatures: [['url','?options']]
+  },
+  {
+    name: 'setURL',
+    signatures: [['url']]
+  },
+  {
+    name: 'PendingPostBeacon',
     signatures: [['url','?options']]
   },
   {
@@ -6855,7 +6863,7 @@ export const NativeFunctions = [
   },
   {
     name: 'UDPSocket',
-    signatures: [['address','port','?options']]
+    signatures: [['options']]
   },
   {
     name: 'TextDecoderStream',

package/front_end/models/timeline_model/TimelineModel.ts

@@ -394,24 +394,37 @@ export class TimelineModelImpl {
   }
 
   private collectInteractionEvents(tracingModel: SDK.TracingModel.TracingModel): void {
-    const mainRendererThread = tracingModel.getThreadByName('Renderer', 'CrRendererMain');
-    if (!mainRendererThread) {
+    const interactionEvents: SDK.TracingModel.AsyncEvent[] = [];
+    for (const process of tracingModel.sortedProcesses()) {
+      // Interactions will only appear on the Renderer processes.
+      if (process.name() !== 'Renderer') {
+        continue;
+      }
+
+      // And also only on CrRendererMain threads.
+      const rendererThread = process.threadByName('CrRendererMain');
+      if (!rendererThread) {
+        continue;
+      }
+
+      // EventTiming events are async, so we only have to check asyncEvents,
+      // and not worry about sync events.
+      for (const event of rendererThread.asyncEvents()) {
+        if (!this.isEventTimingInteractionEvent(event)) {
+          continue;
+        }
+        interactionEvents.push(event);
+      }
+    }
+    if (interactionEvents.length === 0) {
+      // No events found, so bail early and don't bother creating the track
+      // because it will be empty.
       return;
     }
 
-    const interactionEvents: SDK.TracingModel.AsyncEvent[] = [];
-
     const track = this.ensureNamedTrack(TrackType.UserInteractions);
-    track.thread = mainRendererThread;
     track.name = UIStrings.userInteractions;
     track.forMainFrame = true;
-
-    for (const event of mainRendererThread.asyncEvents()) {
-      if (!this.isEventTimingInteractionEvent(event)) {
-        continue;
-      }
-      interactionEvents.push(event);
-    }
     track.asyncEvents = interactionEvents;
   }
 

package/front_end/panels/console/ConsoleFormat.ts

@@ -199,7 +199,9 @@ export const format = (fmt: string, args: SDK.RemoteObject.RemoteObject[]): {
 
 export const updateStyle = (currentStyle: Map<string, {value: string, priority: string}>, styleToAdd: string): void => {
   const ALLOWED_PROPERTY_PREFIXES = ['background', 'border', 'color', 'font', 'line', 'margin', 'padding', 'text'];
-  const BLOCKED_URL_SCHEMES = ['chrome', 'resource', 'about', 'app', 'http', 'https', 'ftp', 'file'];
+  // We only allow data URLs with the `url()` CSS function.
+  // The capture group is not intended to grab the whole URL exactly, just enough so we can check the scheme.
+  const URL_REGEX = /url\([\'\"]?([^\)]*)/g;
 
   currentStyle.clear();
   const buffer = document.createElement('span');
@@ -209,8 +211,12 @@ export const updateStyle = (currentStyle: Map<string, {value: string, priority:
             prefix => property.startsWith(prefix) || property.startsWith(`-webkit-${prefix}`))) {
       continue;
     }
+
+    // There could be multiple `url()` functions, so we check them all.
+    // If any of them is not a `data` URL, we skip the whole property.
     const value = buffer.style.getPropertyValue(property);
-    if (BLOCKED_URL_SCHEMES.some(scheme => value.includes(scheme + ':'))) {
+    const potentialUrls = [...value.matchAll(URL_REGEX)].map(match => match[1]);
+    if (potentialUrls.some(potentialUrl => !potentialUrl.startsWith('data:'))) {
       continue;
     }
     currentStyle.set(property, {

package/front_end/panels/network/RequestHTMLView.ts

@@ -57,7 +57,7 @@ export class RequestHTMLView extends UI.Widget.VBox {
     const iframe = document.createElement('iframe');
     iframe.className = 'html-preview-frame';
     iframe.setAttribute('sandbox', '');  // Forbid to run JavaScript and set unique origin.
-    iframe.setAttribute('csp', 'default-src \'none\'');
+    iframe.setAttribute('csp', 'default-src \'none\';style-src \'unsafe-inline\'');
     iframe.setAttribute('src', this.dataURL);
     iframe.tabIndex = -1;
     UI.ARIAUtils.markAsPresentation(iframe);