chrome-devtools-frontend 1.0.1636056 → 1.0.1640418

package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts

@@ -2068,85 +2068,6 @@ export class ArrayGroupingTreeElement extends UI.TreeOutline.TreeElement {
   static sparseIterationThreshold = 250000;
 }
 
-export class ObjectPropertiesSectionsTreeExpandController {
-  static readonly #propertyPathCache = new WeakMap<UI.TreeOutline.TreeElement, string>();
-  static readonly #sectionMap = new WeakMap<RootElement, string>();
-
-  readonly #expandedProperties = new Set<string>();
-
-  constructor(treeOutline: UI.TreeOutline.TreeOutline) {
-    treeOutline.addEventListener(UI.TreeOutline.Events.ElementAttached, this.#elementAttached, this);
-    treeOutline.addEventListener(UI.TreeOutline.Events.ElementExpanded, this.#elementExpanded, this);
-    treeOutline.addEventListener(UI.TreeOutline.Events.ElementCollapsed, this.#elementCollapsed, this);
-  }
-
-  watchSection(id: string, section: RootElement): void {
-    ObjectPropertiesSectionsTreeExpandController.#sectionMap.set(section, id);
-
-    if (this.#expandedProperties.has(id)) {
-      section.expand();
-    }
-  }
-
-  stopWatchSectionsWithId(id: string): void {
-    for (const property of this.#expandedProperties) {
-      if (property.startsWith(id + ':')) {
-        this.#expandedProperties.delete(property);
-      }
-    }
-  }
-
-  #elementAttached(event: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>): void {
-    const element = event.data;
-    if (element.isExpandable() && this.#expandedProperties.has(this.#propertyPath(element))) {
-      element.expand();
-    }
-  }
-
-  #elementExpanded(event: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>): void {
-    const element = event.data;
-    this.#expandedProperties.add(this.#propertyPath(element));
-  }
-
-  #elementCollapsed(event: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>): void {
-    const element = event.data;
-    this.#expandedProperties.delete(this.#propertyPath(element));
-  }
-
-  #propertyPath(treeElement: UI.TreeOutline.TreeElement): string {
-    const cachedPropertyPath = ObjectPropertiesSectionsTreeExpandController.#propertyPathCache.get(treeElement);
-    if (cachedPropertyPath) {
-      return cachedPropertyPath;
-    }
-
-    let current: UI.TreeOutline.TreeElement = treeElement;
-    let sectionRoot: UI.TreeOutline.TreeElement = current;
-    if (!treeElement.treeOutline) {
-      throw new Error('No tree outline available');
-    }
-
-    const rootElement = (treeElement.treeOutline.rootElement() as RootElement);
-    let result;
-    while (current !== rootElement) {
-      let currentName = '';
-      if (current instanceof ObjectPropertyTreeElement) {
-        currentName = current.property.name;
-      } else {
-        currentName = typeof current.title === 'string' ? current.title : current.title.textContent || '';
-      }
-
-      result = currentName + (result ? '.' + result : '');
-      sectionRoot = current;
-      if (current.parent) {
-        current = current.parent;
-      }
-    }
-    const treeOutlineId = ObjectPropertiesSectionsTreeExpandController.#sectionMap.get((sectionRoot as RootElement));
-    result = treeOutlineId + (result ? ':' + result : '');
-    ObjectPropertiesSectionsTreeExpandController.#propertyPathCache.set(treeElement, result);
-    return result;
-  }
-}
 let rendererInstance: Renderer;
 
 export class Renderer implements UI.UIUtils.Renderer {

package/front_end/ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts

@@ -228,9 +228,20 @@ export class RemoteObjectPreviewFormatter {
   }
 
   renderPropertyPreview(type: string, subtype?: string, className?: string|null, description?: string): LitTemplate {
-    const title = type === 'accessor'   ? i18nString(UIStrings.thePropertyIsComputedWithAGetter) :
-        (type === 'object' && !subtype) ? description :
-                                          undefined;
+    let title: string|undefined;
+    switch (type) {
+      case 'accessor':
+        title = i18nString(UIStrings.thePropertyIsComputedWithAGetter);
+        break;
+      case 'string':
+        title = description;
+        break;
+      case 'object':
+        if (!subtype) {
+          title = description;
+        }
+        break;
+    }
 
     const abbreviateFullQualifiedClassName = (description: string): string => {
       const abbreviatedDescription = description.split('.');
@@ -303,5 +314,6 @@ export function renderNodeTitle(nodeTitle: string): LitTemplate|null {
 }
 
 export function renderTrustedType(description: string, className: string): LitTemplate {
-  return html`${className} <span class=object-value-string>"${description.replace(/\n/g, '\u21B5')}"</span>`;
+  return html`${className} <span class=object-value-string title=${description}>"${
+      description.replace(/\n/g, '\u21B5')}"</span>`;
 }

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -830,6 +830,7 @@ export const knownContextValues = new Set([
   'code-whisperer',
   'collapse',
   'collapse-children',
+  'collapse-non-contributing-css-rules',
   'collapsed-files',
   'color',
   'color-eye-dropper',
@@ -2821,6 +2822,7 @@ export const knownContextValues = new Set([
   'network-overview',
   'network-record-film-strip-setting',
   'network-request',
+  'network-request-general-headers-widget',
   'network-resource-type-filters',
   'network-settings',
   'network-show-blocked-cookies-only-setting',
@@ -3769,8 +3771,10 @@ export const knownContextValues = new Set([
   'some_id',
   'sort-by',
   'source-code',
+  'source-code-widget',
   'source-file',
   'source-file-widget',
+  'source-files-list-widget',
   'source-line',
   'source-location',
   'source-map-failed',

package/inspector_overlay/testing/InspectorOverlayHelpers.ts

@@ -2,6 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import {assert} from 'chai';
+
 import type {AreaBounds, Bounds} from '../common.js';
 import {
   type CanvasSize,

package/mcp/mcp.ts

@@ -8,16 +8,13 @@
 import '../front_end/core/sdk/sdk-meta.js';
 import '../front_end/models/workspace/workspace-meta.js';
 
-import {installInspectorFrontendHost} from '../front_end/core/host/InspectorFrontendHost.js';
-
-import {McpHostBindings} from './HostBindings.js';
-
 /**
  * IMPORTANT! Make sure that any class that is exported here has related unit
  * tests added to foundation_unittests. See front_end/core/i18n/BUILD.gn as an
  * example.
  */
 export * as Common from '../front_end/core/common/common.js';
+export * as Host from '../front_end/core/host/host.js';
 export * as I18n from '../front_end/core/i18n/i18n.js';
 export type * as CDPConnection from '../front_end/core/protocol_client/CDPConnection.js';
 export {ConnectionTransport} from '../front_end/core/protocol_client/ConnectionTransport.js';
@@ -58,5 +55,3 @@ export * as StackTrace from '../front_end/models/stack_trace/stack_trace.js';
 export * as TraceEngine from '../front_end/models/trace/trace.js';
 export {IgnoreListManager} from '../front_end/models/workspace/IgnoreListManager.js';
 export * as Marked from '../front_end/third_party/marked/marked.js';
-
-installInspectorFrontendHost(new McpHostBindings());

package/package.json

@@ -34,24 +34,23 @@
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "16.0.3",
-    "@rollup/plugin-terser": "0.4.4",
+    "@rollup/plugin-terser": "1.0.0",
     "@stylistic/eslint-plugin": "5.5.0",
-    "@types/chai": "4.3.15",
+    "@types/chai": "5.2.3",
     "@types/codemirror": "5.60.17",
     "@types/emscripten": "1.39.4",
     "@types/estree": "1.0.8",
     "@types/filesystem": "0.0.36",
-    "@types/karma-chai-sinon": "0.1.20",
     "@types/mocha": "10.0.10",
     "@types/node": "24.10.0",
-    "@types/sinon": "21.0.0",
+    "@types/sinon": "21.0.1",
     "@types/webidl2": "24.4.3",
     "@types/yargs": "17.0.35",
     "@types/yargs-unparser": "2.0.3",
     "@typescript-eslint/rule-tester": "8.58.0",
     "@typescript-eslint/utils": "8.58.0",
-    "@web/rollup-plugin-import-meta-assets": "2.3.0",
-    "chai": "4.3.4",
+    "@web/rollup-plugin-import-meta-assets": "2.3.3",
+    "chai": "6.2.2",
     "cssnano": "7.1.2",
     "cssnano-preset-lite": "4.0.4",
     "esbuild": "0.25.1",
@@ -62,9 +61,9 @@
     "eslint-plugin-lit": "2.1.1",
     "eslint-plugin-mocha": "10.5.0",
     "globals": "16.5.0",
+    "js-rouge": "3.2.0",
     "js-yaml": "4.1.1",
     "karma": "6.4.4",
-    "karma-chai": "0.1.0",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage": "2.2.1",
     "karma-mocha": "2.0.1",
@@ -76,23 +75,22 @@
     "lit-analyzer": "2.0.3",
     "mocha": "11.7.5",
     "ora": "9.0.0",
-    "postcss": "8.5.6",
-    "puppeteer-core": "24.42.0",
-    "rollup": "4.22.4",
+    "postcss": "8.5.15",
+    "puppeteer-core": "25.0.4",
+    "rollup": "4.60.4",
     "rollup-plugin-sourcemaps2": "0.5.4",
-    "sinon": "21.0.0",
+    "sinon": "22.0.0",
     "source-map-support": "0.5.21",
     "stylelint": "16.25.0",
     "stylelint-config-standard": "39.0.1",
-    "svgo": "3.3.2",
+    "svgo": "3.3.3",
     "terser": "5.44.1",
     "ts-lit-plugin": "2.0.2",
     "typescript": "6.0.2",
     "typescript-eslint": "8.58.0",
-    "uuid": "13.0.0",
+    "uuid": "14.0.0",
     "webidl2": "24.5.0",
-    "yargs": "17.7.2",
-    "js-rouge": "3.2.0"
+    "yargs": "17.7.2"
   },
-  "version": "1.0.1636056"
+  "version": "1.0.1640418"
 }