chrome-devtools-frontend 1.0.1008562 → 1.0.1009019

package/.vscode/devtools-workspace-launch.json

@@ -8,7 +8,7 @@
       "preLaunchTask": "1-build_Debug",
       "runtimeExecutable": "/usr/bin/npm",
       "runtimeArgs": ["run", "unittest"],
-      "port": 9222,
+      "port": 7722,
       "timeout": 30000,
       "browserLaunchLocation": "workspace",
       "outputCapture": "std",

package/config/gni/devtools_grd_files.gni

@@ -984,7 +984,6 @@ grd_files_debug_sources = [
   "front_end/panels/elements/components/queryContainer.css.js",
   "front_end/panels/elements/components/stylePropertyEditor.css.js",
   "front_end/panels/elements/computedStyleSidebarPane.css.js",
-  "front_end/panels/elements/computedStyleWidgetTree.css.js",
   "front_end/panels/elements/domLinkifier.css.js",
   "front_end/panels/elements/elementStatePaneWidget.css.js",
   "front_end/panels/elements/elementsPanel.css.js",

package/front_end/core/sdk/Target.ts

@@ -61,8 +61,8 @@ export class Target extends ProtocolClient.InspectorBackend.TargetBase {
             Capability.IO | Capability.Media | Capability.Inspector;
         break;
       case Type.Worker:
-        this.#capabilitiesMask =
-            Capability.JS | Capability.Log | Capability.Network | Capability.Target | Capability.IO | Capability.Media;
+        this.#capabilitiesMask = Capability.JS | Capability.Log | Capability.Network | Capability.Target |
+            Capability.IO | Capability.Media | Capability.Emulation;
         break;
       case Type.Node:
         this.#capabilitiesMask = Capability.JS;

package/front_end/legacy_test_runner/elements_test_runner/ElementsTestRunner.js

@@ -183,20 +183,20 @@ ElementsTestRunner.computedStyleWidget = function() {
 
 ElementsTestRunner.dumpComputedStyle = async function(doNotAutoExpand, printInnerText) {
   const computed = ElementsTestRunner.computedStyleWidget();
-  const treeOutline = computed.propertiesOutline;
-  const children = treeOutline.rootElement().children();
+  const treeOutline = computed.propertiesOutline.querySelector('devtools-tree-outline');
+  const children = treeOutline.shadowRoot.querySelector('[role="treeitem"]');
 
   for (const treeElement of children) {
-    const property = computed.propertyByTreeElement.get(treeElement);
-    if (!property || property.name === 'width' || property.name === 'height') {
+    const property = treeElement.querySelector('devtools-computed-style-property')?.shadowRoot;
+    const propertyName = text(property?.querySelector('.webkit-css-property'));
+    const propertyValue = text(property?.querySelector('.value'));
+    if (!property || propertyName === 'width' || propertyName === 'height') {
       continue;
     }
 
-    const propertyName = text(treeElement.title.querySelector('.webkit-css-property'));
-    const propertyValue = text(treeElement.title.querySelector('.value'));
     TestRunner.addResult(`${propertyName}: ${propertyValue};`);
 
-    if (doNotAutoExpand && !treeElement.expanded) {
+    if (doNotAutoExpand && !treeElement.ariaExpanded) {
       continue;
     }
 
@@ -211,7 +211,7 @@ ElementsTestRunner.dumpComputedStyle = async function(doNotAutoExpand, printInne
       dumpText += text(trace.querySelector('.value'));
       dumpText += ' - ';
       dumpText += text(trace.shadowRoot.querySelector('.trace-selector'));
-      const link = trace.querySelector('[slot="trace-link"]');
+      const link = trace.shadowRoot.querySelector('.trace-link');
 
       if (link) {
         dumpText += ' ' + await extractLinkText(link);

package/front_end/models/logs/NetworkLog.ts

@@ -196,11 +196,13 @@ export class NetworkLog extends Common.ObjectWrapper.ObjectWrapper<EventTypes> i
     return initiatorInfo;
   }
 
-  initiatorInfoForRequest(request: SDK.NetworkRequest.NetworkRequest): InitiatorInfo {
-    const initiatorInfo = this.initializeInitiatorSymbolIfNeeded(request);
-    if (initiatorInfo.info) {
-      return initiatorInfo.info;
-    }
+  static initiatorInfoForRequest(request: SDK.NetworkRequest.NetworkRequest, existingInitiatorData?: InitiatorData):
+      InitiatorInfo {
+    const initiatorInfo: InitiatorData = existingInitiatorData || {
+      info: null,
+      chain: null,
+      request: undefined,
+    };
 
     let type = SDK.NetworkRequest.InitiatorType.Other;
     let url = Platform.DevToolsPath.EmptyUrlString;
@@ -253,11 +255,19 @@ export class NetworkLog extends Common.ObjectWrapper.ObjectWrapper<EventTypes> i
         url = initiator.url as Platform.DevToolsPath.UrlString || Platform.DevToolsPath.EmptyUrlString;
       }
     }
-
     initiatorInfo.info = {type, url, lineNumber, columnNumber, scriptId, stack: initiatorStack, initiatorRequest};
     return initiatorInfo.info;
   }
 
+  initiatorInfoForRequest(request: SDK.NetworkRequest.NetworkRequest): InitiatorInfo {
+    const initiatorInfo = this.initializeInitiatorSymbolIfNeeded(request);
+    if (initiatorInfo.info) {
+      return initiatorInfo.info;
+    }
+
+    return NetworkLog.initiatorInfoForRequest(request, initiatorInfo);
+  }
+
   initiatorGraphForRequest(request: SDK.NetworkRequest.NetworkRequest): InitiatorGraph {
     const initiated = new Map<SDK.NetworkRequest.NetworkRequest, SDK.NetworkRequest.NetworkRequest>();
     const networkManager = SDK.NetworkManager.NetworkManager.forRequest(request);
@@ -584,7 +594,7 @@ export type EventTypes = {
   [Events.RequestUpdated]: SDK.NetworkRequest.NetworkRequest,
 };
 
-interface InitiatorData {
+export interface InitiatorData {
   info: InitiatorInfo|null;
   chain: Set<SDK.NetworkRequest.NetworkRequest>|null;
   request?: SDK.NetworkRequest.NetworkRequest|null;
@@ -595,7 +605,7 @@ export interface InitiatorGraph {
   initiated: Map<SDK.NetworkRequest.NetworkRequest, SDK.NetworkRequest.NetworkRequest>;
 }
 
-interface InitiatorInfo {
+export interface InitiatorInfo {
   type: SDK.NetworkRequest.InitiatorType;
   // generally this is a url but can also contain "<anonymous>"
   url: Platform.DevToolsPath.UrlString;

package/front_end/models/source_map_scopes/NamesResolver.ts

@@ -51,8 +51,13 @@ const computeScopeTree = async function(functionScope: SDK.DebuggerModel.ScopeCh
       functionEndLocation.columnNumber);
   const scopeText = text.extract(scopeRange);
   const scopeStart = text.toSourceRange(scopeRange).offset;
-  const prefix = 'function fui';
-  const scopeTree = await Formatter.FormatterWorkerPool.formatterWorkerPool().javaScriptScopeTree(prefix + scopeText);
+  let prefix = 'function fui';
+  let scopeTree = await Formatter.FormatterWorkerPool.formatterWorkerPool().javaScriptScopeTree(prefix + scopeText);
+  if (!scopeTree) {
+    // Try to parse the function as an arrow function.
+    prefix = 'let fui = ';
+    scopeTree = await Formatter.FormatterWorkerPool.formatterWorkerPool().javaScriptScopeTree(prefix + scopeText);
+  }
   if (!scopeTree) {
     return null;
   }