chrome-devtools-frontend 1.0.1520535 → 1.0.1521746

package/front_end/core/sdk/RehydratingConnection.snapshot.txt

@@ -39,6 +39,13 @@ Content:
   "method": "Runtime.enable"
 }
 
+/* fakeDevToolsFrontend says: */
+{
+  "id": 2,
+  "sessionId": 1,
+  "method": "Debugger.enable"
+}
+
 /* RehydratingConnection says: */
 {
   "method": "Runtime.executionContextCreated",
@@ -130,13 +137,6 @@ Content:
   "sessionId": 1
 }
 
-/* fakeDevToolsFrontend says: */
-{
-  "id": 2,
-  "sessionId": 1,
-  "method": "Debugger.enable"
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -171,15 +171,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 3,
-  "result": {
-    "scriptSource": "(function () {\n  'us…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -217,15 +208,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 4,
-  "result": {
-    "scriptSource": "No source text avail…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -265,15 +247,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 5,
-  "result": {
-    "scriptSource": "\nvar firebaseConfig …"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -313,15 +286,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 6,
-  "result": {
-    "scriptSource": "\\n  window.dataLayer…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -361,15 +325,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 7,
-  "result": {
-    "scriptSource": " …"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -409,15 +364,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 8,
-  "result": {
-    "scriptSource": "\\n\\tperformance.mark…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -457,15 +403,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 9,
-  "result": {
-    "scriptSource": "/* Modernizr 2.0.4 (…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -506,15 +443,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 10,
-  "result": {
-    "scriptSource": "!function(e,t){\"obje…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -554,15 +482,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 11,
-  "result": {
-    "scriptSource": "/*!\n  * ============…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -602,15 +521,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 12,
-  "result": {
-    "scriptSource": "function getNav() {\n…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -650,15 +560,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 13,
-  "result": {
-    "scriptSource": "\nperformance.mark('e…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -698,15 +599,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 14,
-  "result": {
-    "scriptSource": "\\n  (function(i,s,o,…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -746,15 +638,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 15,
-  "result": {
-    "scriptSource": "\\n      var disqus_s…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -794,15 +677,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 16,
-  "result": {
-    "scriptSource": "var DISQUSWIDGETS,di…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -841,15 +715,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 17,
-  "result": {
-    "scriptSource": "No source text avail…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -887,15 +752,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 18,
-  "result": {
-    "scriptSource": "No source text avail…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -935,15 +791,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 19,
-  "result": {
-    "scriptSource": "\n// Copyright 2012 G…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -983,15 +830,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 20,
-  "result": {
-    "scriptSource": "(function(){var aa=f…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -1026,15 +864,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 21,
-  "result": {
-    "scriptSource": "(async function(){ a…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -1067,15 +896,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 22,
-  "result": {
-    "scriptSource": "No source text avail…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -1110,15 +930,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 23,
-  "result": {
-    "scriptSource": "() {}…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -1151,15 +962,6 @@ Content:
   }
 }
 
-/* RehydratingConnection says: */
-{
-  "id": 24,
-  "result": {
-    "scriptSource": "No source text avail…"
-  },
-  "sessionId": 1
-}
-
 /* RehydratingConnection says: */
 {
   "method": "Debugger.scriptParsed",
@@ -1196,18 +998,216 @@ Content:
 
 /* RehydratingConnection says: */
 {
-  "id": 25,
+  "id": 2,
   "result": {
-    "scriptSource": "var chrome;if (!chro…"
+    "debuggerId": "7777777777777777777.8888888888888888888"
   },
   "sessionId": 1
 }
 
 /* RehydratingConnection says: */
 {
-  "id": 2,
+  "id": 3,
   "result": {
-    "debuggerId": "7777777777777777777.8888888888888888888"
+    "scriptSource": "(function () {\n  'us…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 4,
+  "result": {
+    "scriptSource": "No source text avail…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 5,
+  "result": {
+    "scriptSource": "\nvar firebaseConfig …"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 6,
+  "result": {
+    "scriptSource": "\\n  window.dataLayer…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 7,
+  "result": {
+    "scriptSource": " …"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 8,
+  "result": {
+    "scriptSource": "\\n\\tperformance.mark…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 9,
+  "result": {
+    "scriptSource": "/* Modernizr 2.0.4 (…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 10,
+  "result": {
+    "scriptSource": "!function(e,t){\"obje…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 11,
+  "result": {
+    "scriptSource": "/*!\n  * ============…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 12,
+  "result": {
+    "scriptSource": "function getNav() {\n…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 13,
+  "result": {
+    "scriptSource": "\nperformance.mark('e…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 14,
+  "result": {
+    "scriptSource": "\\n  (function(i,s,o,…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 15,
+  "result": {
+    "scriptSource": "\\n      var disqus_s…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 16,
+  "result": {
+    "scriptSource": "var DISQUSWIDGETS,di…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 17,
+  "result": {
+    "scriptSource": "No source text avail…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 18,
+  "result": {
+    "scriptSource": "No source text avail…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 19,
+  "result": {
+    "scriptSource": "\n// Copyright 2012 G…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 20,
+  "result": {
+    "scriptSource": "(function(){var aa=f…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 21,
+  "result": {
+    "scriptSource": "(async function(){ a…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 22,
+  "result": {
+    "scriptSource": "No source text avail…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 23,
+  "result": {
+    "scriptSource": "() {}…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 24,
+  "result": {
+    "scriptSource": "No source text avail…"
+  },
+  "sessionId": 1
+}
+
+/* RehydratingConnection says: */
+{
+  "id": 25,
+  "result": {
+    "scriptSource": "var chrome;if (!chro…"
   },
   "sessionId": 1
 }

package/front_end/core/sdk/RehydratingConnection.ts

@@ -160,7 +160,6 @@ export class RehydratingConnection implements ProtocolClient.InspectorBackend.Co
 
     this.rehydratingConnectionState = RehydratingConnectionState.REHYDRATED;
     // Use revealer to load trace into performance panel
-
     await Common.Revealer.reveal(this.trace);
   }
 
@@ -220,7 +219,11 @@ class RehydratingSessionBase {
   }
 
   sendMessageToFrontend(payload: ServerMessage): void {
-    this.connection?.postToFrontend(payload);
+    // The frontend doesn't expect CDP responses within the same synchronous event loop, so it breaks unexpectedly.
+    //  Any async boundary will do, so we use setTimeout.
+    setTimeout(() => {
+      this.connection?.postToFrontend(payload);
+    });
   }
 
   handleFrontendMessageAsFakeCDPAgent(data: ProtocolMessage): void {

package/front_end/core/sdk/sdk.ts

@@ -35,6 +35,7 @@ import * as CSSPropertyParserMatchers from './CSSPropertyParserMatchers.js';
 import * as CSSQuery from './CSSQuery.js';
 import * as CSSRule from './CSSRule.js';
 import * as CSSScope from './CSSScope.js';
+import * as CSSStartingStyle from './CSSStartingStyle.js';
 import * as CSSStyleDeclaration from './CSSStyleDeclaration.js';
 import * as CSSStyleSheetHeader from './CSSStyleSheetHeader.js';
 import * as CSSSupports from './CSSSupports.js';
@@ -115,6 +116,7 @@ export {
   CSSQuery,
   CSSRule,
   CSSScope,
+  CSSStartingStyle,
   CSSStyleDeclaration,
   CSSStyleSheetHeader,
   CSSSupports,

package/front_end/entrypoints/rehydrated_devtools_app/rehydrated_devtools_app.ts

@@ -9,6 +9,7 @@ import '../../Images/Images.js';
 import '../../models/logs/logs-meta.js';
 import '../../models/persistence/persistence-meta.js';
 import '../../panels/browser_debugger/browser_debugger-meta.js';
+import '../../panels/developer_resources/developer_resources-meta.js';
 // panels/timeline depends on mobile_throttling for settings UI
 import '../../panels/mobile_throttling/mobile_throttling-meta.js';
 import '../../panels/protocol_monitor/protocol_monitor-meta.js';

package/front_end/models/trace/handlers/ScriptsHandler.ts

@@ -58,7 +58,7 @@ export function handleEvent(event: Types.Events.Event): void {
     const scriptId = String(scriptIdAsNumber) as Protocol.Runtime.ScriptId;
     const key = `${isolate}.${scriptId}`;
     return Platform.MapUtilities.getWithDefault(
-        scriptById, key, () => ({isolate, scriptId, frame: '', ts: 0} as Script));
+        scriptById, key, () => ({isolate, scriptId, frame: '', ts: event.ts} as Script));
   };
 
   if (Types.Events.isRundownScriptCompiled(event) && event.args.data) {
@@ -74,6 +74,7 @@ export function handleEvent(event: Types.Events.Event): void {
     const {isolate, scriptId, url, sourceUrl, sourceMapUrl, sourceMapUrlElided} = event.args.data;
     const script = getOrMakeScript(isolate, scriptId);
     script.url = url;
+    script.ts = event.ts;
     if (sourceUrl) {
       script.sourceUrl = sourceUrl;
     }

package/front_end/models/trace/insights/LegacyJavaScript.ts

@@ -87,7 +87,8 @@ export function generateInsight(
       return false;
     }
 
-    return Helpers.Timing.timestampIsInBounds(context.bounds, script.ts);
+    return Helpers.Timing.timestampIsInBounds(context.bounds, script.ts) ||
+        (script.request && Helpers.Timing.eventIsInBounds(script.request, context.bounds));
   });
 
   const legacyJavaScriptResults: LegacyJavaScriptResults = new Map();

package/front_end/panels/elements/ComputedStyleModel.ts

@@ -105,6 +105,7 @@ export class ComputedStyleModel extends Common.ObjectWrapper.ObjectWrapper<Event
         cssModel.addEventListener(SDK.CSSModel.Events.FontsUpdated, this.onCSSModelChanged, this),
         cssModel.addEventListener(SDK.CSSModel.Events.MediaQueryResultChanged, this.onCSSModelChanged, this),
         cssModel.addEventListener(SDK.CSSModel.Events.PseudoStateForced, this.onCSSModelChanged, this),
+        cssModel.addEventListener(SDK.CSSModel.Events.StartingStylesStateForced, this.onCSSModelChanged, this),
         cssModel.addEventListener(SDK.CSSModel.Events.ModelWasEnabled, this.onCSSModelChanged, this),
         cssModel.addEventListener(SDK.CSSModel.Events.ComputedStyleUpdated, this.onComputedStyleChanged, this),
         domModel.addEventListener(SDK.DOMModel.Events.DOMMutated, this.onDOMModelChanged, this),
@@ -193,7 +194,7 @@ export const enum Events {
 }
 
 export type CSSModelChangedEvent = SDK.CSSStyleSheetHeader.CSSStyleSheetHeader|SDK.CSSModel.StyleSheetChangedEvent|
-                                   SDK.CSSModel.PseudoStateForcedEvent|null|void;
+                                   SDK.CSSModel.PseudoStateForcedEvent|SDK.DOMModel.DOMNode|null|void;
 
 export interface EventTypes {
   [Events.CSS_MODEL_CHANGED]: CSSModelChangedEvent;