chrome-devtools-frontend 1.0.1556696 → 1.0.1559913

package/front_end/generated/SupportedCSSProperties.js

@@ -349,6 +349,7 @@ export const generatedProperties = [
    "background-repeat",
    "background-size",
    "base-palette",
+   "base-url",
    "baseline-shift",
    "baseline-source",
    "block-ellipsis",
@@ -419,10 +420,10 @@ export const generatedProperties = [
    "column-height",
    "column-rule-break",
    "column-rule-color",
-   "column-rule-edge-end-inset",
-   "column-rule-edge-start-inset",
-   "column-rule-interior-end-inset",
-   "column-rule-interior-start-inset",
+   "column-rule-edge-inset-end",
+   "column-rule-edge-inset-start",
+   "column-rule-interior-inset-end",
+   "column-rule-interior-inset-start",
    "column-rule-style",
    "column-rule-visibility-items",
    "column-rule-width",
@@ -510,7 +511,9 @@ export const generatedProperties = [
    "grid-template-areas",
    "grid-template-columns",
    "grid-template-rows",
+   "hash",
    "height",
+   "hostname",
    "hyphenate-character",
    "hyphenate-limit-chars",
    "hyphens",
@@ -619,9 +622,12 @@ export const generatedProperties = [
    "page",
    "page-orientation",
    "paint-order",
+   "pathname",
+   "pattern",
    "perspective",
    "perspective-origin",
    "pointer-events",
+   "port",
    "position",
    "position-anchor",
    "position-area",
@@ -630,6 +636,7 @@ export const generatedProperties = [
    "position-visibility",
    "prefix",
    "print-color-adjust",
+   "protocol",
    "quotes",
    "r",
    "range",
@@ -642,10 +649,10 @@ export const generatedProperties = [
    "row-gap",
    "row-rule-break",
    "row-rule-color",
-   "row-rule-edge-end-inset",
-   "row-rule-edge-start-inset",
-   "row-rule-interior-end-inset",
-   "row-rule-interior-start-inset",
+   "row-rule-edge-inset-end",
+   "row-rule-edge-inset-start",
+   "row-rule-interior-inset-end",
+   "row-rule-interior-inset-start",
    "row-rule-style",
    "row-rule-visibility-items",
    "row-rule-width",
@@ -683,6 +690,7 @@ export const generatedProperties = [
    "scrollbar-color",
    "scrollbar-gutter",
    "scrollbar-width",
+   "search",
    "shape-image-threshold",
    "shape-margin",
    "shape-outside",
@@ -1039,6 +1047,9 @@ export const generatedProperties = [
  {
   "name": "base-palette"
  },
+ {
+  "name": "base-url"
+ },
  {
   "keywords": [
    "baseline",
@@ -1727,28 +1738,28 @@ export const generatedProperties = [
  },
  {
   "inherited": false,
-  "name": "column-rule-edge-end-inset"
+  "name": "column-rule-edge-inset-end"
  },
  {
   "inherited": false,
-  "name": "column-rule-edge-start-inset"
+  "name": "column-rule-edge-inset-start"
  },
  {
   "longhands": [
-   "column-rule-edge-start-inset",
-   "column-rule-edge-end-inset",
-   "column-rule-interior-start-inset",
-   "column-rule-interior-end-inset"
+   "column-rule-edge-inset-start",
+   "column-rule-edge-inset-end",
+   "column-rule-interior-inset-start",
+   "column-rule-interior-inset-end"
   ],
   "name": "column-rule-inset"
  },
  {
   "inherited": false,
-  "name": "column-rule-interior-end-inset"
+  "name": "column-rule-interior-inset-end"
  },
  {
   "inherited": false,
-  "name": "column-rule-interior-start-inset"
+  "name": "column-rule-interior-inset-start"
  },
  {
   "keywords": [
@@ -2722,6 +2733,9 @@ export const generatedProperties = [
   ],
   "name": "grid-template-rows"
  },
+ {
+  "name": "hash"
+ },
  {
   "keywords": [
    "auto",
@@ -2731,6 +2745,9 @@ export const generatedProperties = [
   ],
   "name": "height"
  },
+ {
+  "name": "hostname"
+ },
  {
   "inherited": true,
   "name": "hyphenate-character"
@@ -3525,6 +3542,12 @@ export const generatedProperties = [
   ],
   "name": "paint-order"
  },
+ {
+  "name": "pathname"
+ },
+ {
+  "name": "pattern"
+ },
  {
   "keywords": [
    "none"
@@ -3572,6 +3595,9 @@ export const generatedProperties = [
   ],
   "name": "pointer-events"
  },
+ {
+  "name": "port"
+ },
  {
   "keywords": [
    "static",
@@ -3654,6 +3680,9 @@ export const generatedProperties = [
   ],
   "name": "print-color-adjust"
  },
+ {
+  "name": "protocol"
+ },
  {
   "inherited": true,
   "keywords": [
@@ -3738,28 +3767,28 @@ export const generatedProperties = [
  },
  {
   "inherited": false,
-  "name": "row-rule-edge-end-inset"
+  "name": "row-rule-edge-inset-end"
  },
  {
   "inherited": false,
-  "name": "row-rule-edge-start-inset"
+  "name": "row-rule-edge-inset-start"
  },
  {
   "longhands": [
-   "row-rule-edge-start-inset",
-   "row-rule-edge-end-inset",
-   "row-rule-interior-start-inset",
-   "row-rule-interior-end-inset"
+   "row-rule-edge-inset-start",
+   "row-rule-edge-inset-end",
+   "row-rule-interior-inset-start",
+   "row-rule-interior-inset-end"
   ],
   "name": "row-rule-inset"
  },
  {
   "inherited": false,
-  "name": "row-rule-interior-end-inset"
+  "name": "row-rule-interior-inset-end"
  },
  {
   "inherited": false,
-  "name": "row-rule-interior-start-inset"
+  "name": "row-rule-interior-inset-start"
  },
  {
   "keywords": [
@@ -3847,14 +3876,14 @@ export const generatedProperties = [
  },
  {
   "longhands": [
-   "row-rule-edge-start-inset",
-   "row-rule-edge-end-inset",
-   "row-rule-interior-start-inset",
-   "row-rule-interior-end-inset",
-   "column-rule-edge-start-inset",
-   "column-rule-edge-end-inset",
-   "column-rule-interior-start-inset",
-   "column-rule-interior-end-inset"
+   "row-rule-edge-inset-start",
+   "row-rule-edge-inset-end",
+   "row-rule-interior-inset-start",
+   "row-rule-interior-inset-end",
+   "column-rule-edge-inset-start",
+   "column-rule-edge-inset-end",
+   "column-rule-interior-inset-start",
+   "column-rule-interior-inset-end"
   ],
   "name": "rule-inset"
  },
@@ -4096,6 +4125,9 @@ export const generatedProperties = [
   ],
   "name": "scrollbar-width"
  },
+ {
+  "name": "search"
+ },
  {
   "name": "shape-image-threshold"
  },

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

@@ -3351,6 +3351,15 @@ export namespace ProtocolMapping {
       paramsType: [Protocol.Network.EnableRequest?];
       returnType: void;
     };
+    /**
+     * Configures storing response bodies outside of renderer, so that these survive
+     * a cross-process navigation.
+     * If maxTotalBufferSize is not set, durable messages are disabled.
+     */
+    'Network.configureDurableMessages': {
+      paramsType: [Protocol.Network.ConfigureDurableMessagesRequest?];
+      returnType: void;
+    };
     /**
      * Returns all browser cookies. Depending on the backend support, will return detailed cookie
      * information in the `cookies` field.

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

@@ -2538,6 +2538,13 @@ declare namespace ProtocolProxyApi {
      */
     invoke_enable(params: Protocol.Network.EnableRequest): Promise<Protocol.ProtocolResponseWithError>;
 
+    /**
+     * Configures storing response bodies outside of renderer, so that these survive
+     * a cross-process navigation.
+     * If maxTotalBufferSize is not set, durable messages are disabled.
+     */
+    invoke_configureDurableMessages(params: Protocol.Network.ConfigureDurableMessagesRequest): Promise<Protocol.ProtocolResponseWithError>;
+
     /**
      * Returns all browser cookies. Depending on the backend support, will return detailed cookie
      * information in the `cookies` field.

package/front_end/generated/protocol.ts

@@ -1194,6 +1194,9 @@ export namespace Audits {
     FormInputHasWrongButWellIntendedAutocompleteValueError = 'FormInputHasWrongButWellIntendedAutocompleteValueError',
     ResponseWasBlockedByORB = 'ResponseWasBlockedByORB',
     NavigationEntryMarkedSkippable = 'NavigationEntryMarkedSkippable',
+    AutofillAndManualTextPolicyControlledFeaturesInfo = 'AutofillAndManualTextPolicyControlledFeaturesInfo',
+    AutofillPolicyControlledFeatureInfo = 'AutofillPolicyControlledFeatureInfo',
+    ManualTextPolicyControlledFeatureInfo = 'ManualTextPolicyControlledFeatureInfo',
   }
 
   /**
@@ -2226,7 +2229,9 @@ export namespace Browser {
     IdleDetection = 'idleDetection',
     KeyboardLock = 'keyboardLock',
     LocalFonts = 'localFonts',
+    LocalNetwork = 'localNetwork',
     LocalNetworkAccess = 'localNetworkAccess',
+    LoopbackNetwork = 'loopbackNetwork',
     Midi = 'midi',
     MidiSysex = 'midiSysex',
     Nfc = 'nfc',
@@ -11566,11 +11571,24 @@ export namespace Network {
     /**
      * Enable storing response bodies outside of renderer, so that these survive
      * a cross-process navigation. Requires maxTotalBufferSize to be set.
-     * Currently defaults to false.
+     * Currently defaults to false. This field is being deprecated in favor of the dedicated
+     * configureDurableMessages command, due to the possibility of deadlocks when awaiting
+     * Network.enable before issuing Runtime.runIfWaitingForDebugger.
      */
     enableDurableMessages?: boolean;
   }
 
+  export interface ConfigureDurableMessagesRequest {
+    /**
+     * Buffer size in bytes to use when preserving network payloads (XHRs, etc).
+     */
+    maxTotalBufferSize?: integer;
+    /**
+     * Per-resource buffer size in bytes to use when preserving network payloads (XHRs, etc).
+     */
+    maxResourceBufferSize?: integer;
+  }
+
   export interface GetAllCookiesResponse extends ProtocolResponseWithError {
     /**
      * Array of cookie objects.
@@ -18390,6 +18408,10 @@ export namespace Target {
      * An array of browser context ids.
      */
     browserContextIds: Browser.BrowserContextID[];
+    /**
+     * The id of the default browser context if available.
+     */
+    defaultBrowserContextId?: Browser.BrowserContextID;
   }
 
   export interface CreateTargetRequest {

package/front_end/models/ai_assistance/agents/StylingAgent.ts

@@ -219,7 +219,7 @@ export class NodeContext extends ConversationContext<SDK.DOMModel.DOMNode> {
         {title: 'Why does this element scroll?', jslogContext: 'scroll-why'},
       ];
     }
-    if (layoutProps.isContainer) {
+    if (layoutProps.containerType) {
       return [
         {title: 'What are container queries?', jslogContext: 'container-what'},
         {title: 'How do I use container-type?', jslogContext: 'container-how'},

package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts

@@ -13,12 +13,13 @@ import {bytes, millis} from './UnitFormatters.js';
 /**
  * For a given frame ID and navigation ID, returns the LCP Event and the LCP Request, if the resource was an image.
  */
-function getLCPData(parsedTrace: Trace.TraceModel.ParsedTrace, frameId: string, navigationId: string): {
+function getLCPData(
+    parsedTrace: Trace.TraceModel.ParsedTrace, frameId: string, navigation: Trace.Types.Events.NavigationStart): {
   lcpEvent: Trace.Types.Events.LargestContentfulPaintCandidate,
   metricScore: Trace.Handlers.ModelHandlers.PageLoadMetrics.LCPMetricScore,
   lcpRequest?: Trace.Types.Events.SyntheticNetworkRequest,
 }|null {
-  const navMetrics = parsedTrace.data.PageLoadMetrics.metricScoresByFrameId.get(frameId)?.get(navigationId);
+  const navMetrics = parsedTrace.data.PageLoadMetrics.metricScoresByFrameId.get(frameId)?.get(navigation);
   if (!navMetrics) {
     return null;
   }
@@ -28,13 +29,16 @@ function getLCPData(parsedTrace: Trace.TraceModel.ParsedTrace, frameId: string,
     return null;
   }
   const lcpEvent = metric?.event;
-  if (!lcpEvent || !Trace.Types.Events.isLargestContentfulPaintCandidate(lcpEvent)) {
+  if (!lcpEvent || !Trace.Types.Events.isAnyLargestContentfulPaintCandidate(lcpEvent)) {
     return null;
   }
 
+  const navigationId = navigation.args.data?.navigationId;
+
   return {
     lcpEvent,
-    lcpRequest: parsedTrace.data.LargestImagePaint.lcpRequestByNavigationId.get(navigationId),
+    lcpRequest: navigationId ? parsedTrace.data.LargestImagePaint.lcpRequestByNavigationId.get(navigationId) :
+                               undefined,
     metricScore: metric,
   };
 }
@@ -89,15 +93,15 @@ export class PerformanceInsightFormatter {
    * Information about LCP which we pass to the LLM for all insights that relate to LCP.
    */
   #lcpMetricSharedContext(): string {
-    if (!this.#insight.navigationId) {
+    if (!this.#insight.navigation) {
       // No navigation ID = no LCP.
       return '';
     }
-    if (!this.#insight.frameId || !this.#insight.navigationId) {
+    if (!this.#insight.frameId || !this.#insight.navigation) {
       return '';
     }
 
-    const data = getLCPData(this.#parsedTrace, this.#insight.frameId, this.#insight.navigationId);
+    const data = getLCPData(this.#parsedTrace, this.#insight.frameId, this.#insight.navigation);
     if (!data) {
       return '';
     }

package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt

@@ -534,7 +534,7 @@ Metrics (lab / observed):
     - Load delay: 90 ms, bounds: {min: 157423704371, max: 157423794709}
     - Load duration: 64 ms, bounds: {min: 157423794709, max: 157423858674}
     - Render delay: 94 ms, bounds: {min: 157423858674, max: 157423953162}
-  - CLS: 0.04, event: (eventKey: s--1, ts: 157425604232)
+  - CLS: 0.04, event: (eventKey: s-166266, ts: 157425604232)
 Metrics (field / real users): n/a – no data for this page in CrUX
 Available insights:
   - insight name: LCPBreakdown
@@ -665,7 +665,7 @@ Metrics (lab / observed):
     - Load delay: 46 ms, bounds: {min: 59728656735, max: 59728702313}
     - Load duration: 506 ms, bounds: {min: 59728702313, max: 59729208600}
     - Render delay: 104 ms, bounds: {min: 59729208600, max: 59729312744}
-  - CLS: 0.31, event: (eventKey: s--1, ts: 59729100192)
+  - CLS: 0.31, event: (eventKey: s-14787, ts: 59729100192)
 Metrics (field / real users): n/a – no data for this page in CrUX
 Available insights:
   - insight name: Cache
@@ -738,7 +738,7 @@ Metrics (lab / observed):
     - Load delay: 46 ms, bounds: {min: 59728656735, max: 59728702313}
     - Load duration: 506 ms, bounds: {min: 59728702313, max: 59729208600}
     - Render delay: 104 ms, bounds: {min: 59729208600, max: 59729312744}
-  - CLS: 0.31, event: (eventKey: s--1, ts: 59729100192)
+  - CLS: 0.31, event: (eventKey: s-14787, ts: 59729100192)
 Metrics (field / real users):
   - LCP: 1740 ms (scope: url)
   - INP: 185 ms (scope: url)

package/front_end/models/bindings/CompilerScriptMapping.ts

@@ -281,6 +281,7 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
     if (!sourceMap) {
       return null;
     }
+    await sourceMap.waitForScopeInfo();
 
     const {lineNumber, columnNumber} = script.rawLocationToRelativeLocation(rawLocation);
     const {url, scope} = sourceMap.findOriginalFunctionScope({line: lineNumber, column: columnNumber}) ?? {};
@@ -313,17 +314,16 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
     return new Workspace.UISourceCode.UIFunctionBounds(uiSourceCode, range, name);
   }
 
-  translateRawFramesStep(
+  async translateRawFramesStep(
       rawFrames: StackTraceImpl.Trie.RawFrame[],
-      translatedFrames: Awaited<ReturnType<StackTraceImpl.StackTraceModel.TranslateRawFrames>>): boolean {
+      translatedFrames: Awaited<ReturnType<StackTraceImpl.StackTraceModel.TranslateRawFrames>>): Promise<boolean> {
     const frame = rawFrames[0];
     if (StackTraceImpl.Trie.isBuiltinFrame(frame)) {
       return false;
     }
 
-    const sourceMapWithScopeInfoForFrame =
-        (rawFrame: StackTraceImpl.Trie.RawFrame): {sourceMap: SDK.SourceMap.SourceMap, script: SDK.Script.Script}|
-        null => {
+    const sourceMapWithScopeInfoForFrame = async(rawFrame: StackTraceImpl.Trie.RawFrame):
+        Promise<{sourceMap: SDK.SourceMap.SourceMap, script: SDK.Script.Script}|null> => {
           const script = this.#debuggerModel.scriptForId(rawFrame.scriptId ?? '');
           if (!script || this.#stubUISourceCodes.has(script)) {
             // Use fallback while source map is being loaded.
@@ -331,10 +331,11 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
           }
 
           const sourceMap = script.sourceMap();
+          await sourceMap?.waitForScopeInfo();
           return sourceMap?.hasScopeInfo() ? {sourceMap, script} : null;
         };
 
-    const sourceMapAndScript = sourceMapWithScopeInfoForFrame(frame);
+    const sourceMapAndScript = await sourceMapWithScopeInfoForFrame(frame);
     if (!sourceMapAndScript) {
       return false;
     }

package/front_end/models/bindings/DebuggerWorkspaceBinding.ts

@@ -496,7 +496,7 @@ export class DebuggerWorkspaceBinding implements SDK.TargetManager.SDKModelObser
     const modelData =
         this.#debuggerModelToData.get(target.model(SDK.DebuggerModel.DebuggerModel) as SDK.DebuggerModel.DebuggerModel);
     if (modelData) {
-      modelData.translateRawFramesStep(rawFrames, translatedFrames);
+      await modelData.translateRawFramesStep(rawFrames, translatedFrames);
       return;
     }
 
@@ -609,10 +609,10 @@ class ModelData {
     return scope;
   }
 
-  translateRawFramesStep(
+  async translateRawFramesStep(
       rawFrames: StackTraceImpl.Trie.RawFrame[],
-      translatedFrames: Awaited<ReturnType<StackTraceImpl.StackTraceModel.TranslateRawFrames>>): void {
-    if (!this.compilerMapping.translateRawFramesStep(rawFrames, translatedFrames)) {
+      translatedFrames: Awaited<ReturnType<StackTraceImpl.StackTraceModel.TranslateRawFrames>>): Promise<void> {
+    if (!await this.compilerMapping.translateRawFramesStep(rawFrames, translatedFrames)) {
       this.#defaultTranslateRawFramesStep(rawFrames, translatedFrames);
     }
   }

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -8896,11 +8896,11 @@ export const NativeFunctions = [
   },
   {
     name: "texElementImage2D",
-    signatures: [["target","level","internalformat","format","type","element"],["target","level","internalformat","width","height","format","type","element"]]
+    signatures: [["target","level","internalformat","format","type","element"],["target","level","internalformat","width","height","format","type","element"],["target","level","internalformat","sx","sy","swidth","sheight","format","type","element"],["target","level","internalformat","sx","sy","swidth","sheight","width","height","format","type","element"]]
   },
   {
     name: "texElement2D",
-    signatures: [["target","level","internalformat","format","type","element"],["target","level","internalformat","width","height","format","type","element"]]
+    signatures: [["target","level","internalformat","format","type","element"],["target","level","internalformat","width","height","format","type","element"],["target","level","internalformat","sx","sy","swidth","sheight","format","type","element"],["target","level","internalformat","sx","sy","swidth","sheight","width","height","format","type","element"]]
   },
   {
     name: "drawingBufferStorage",

package/front_end/models/stack_trace/StackTraceImpl.ts

@@ -105,9 +105,11 @@ export class DebuggableFragmentImpl implements StackTrace.StackTrace.DebuggableF
 
     let index = 0;
     for (const node of this.fragment.node.getCallStack()) {
-      for (const frame of node.frames) {
-        // Each inlined frame gets the same DebugerModel.CallFrame for debugging.
-        frames.push(new DebuggableFrameImpl(frame, this.callFrames[index]));
+      for (const [inlineIdx, frame] of node.frames.entries()) {
+        // Create virtual frames for inlined frames.
+        const sdkFrame = inlineIdx === 0 ? this.callFrames[index] :
+                                           this.callFrames[index].createVirtualCallFrame(inlineIdx, frame.name ?? '');
+        frames.push(new DebuggableFrameImpl(frame, sdkFrame));
       }
       index++;
     }