chrome-devtools-frontend 1.0.1666631 → 1.0.1667564

package/front_end/ui/legacy/RootView.ts

@@ -3,18 +3,25 @@
 // found in the LICENSE file.
 /* eslint-disable @devtools/no-imperative-dom-api */
 
+import type * as Foundation from '../../foundation/foundation.js';
+
 import rootViewStyles from './rootView.css.js';
+import {UniverseRequestEvent} from './UniverseRequestEvent.js';
 import {VBox} from './Widget.js';
 import {ZoomManager} from './ZoomManager.js';
 
 export class RootView extends VBox {
   private window?: (Window&typeof globalThis)|null;
-  constructor() {
+  constructor(universe: Foundation.Universe.Universe) {
     super();
     this.markAsRoot();
     this.element.classList.add('root-view');
     this.registerRequiredCSS(rootViewStyles);
     this.element.setAttribute('spellcheck', 'false');
+    this.element.addEventListener(UniverseRequestEvent.eventName, (event: UniverseRequestEvent) => {
+      event.universe = universe;
+      event.stopPropagation();
+    });
   }
 
   attachToDocument(document: Document): void {

package/front_end/ui/legacy/UniverseRequestEvent.ts

@@ -0,0 +1,19 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import type * as Foundation from '../../foundation/foundation.js';
+
+export class UniverseRequestEvent extends Event {
+  static readonly eventName = 'universerequest';
+
+  /**
+   * The `Universe` will be filled in by the `RootView` in the event handler.
+   * Widget.ts dispatches a new UniverseRequestEvent, and retrieves the Universe from the event right after.
+   */
+  universe?: Foundation.Universe.Universe;
+
+  constructor() {
+    super(UniverseRequestEvent.eventName, {bubbles: true, composed: true});
+  }
+}

package/front_end/ui/legacy/Widget.ts

@@ -32,14 +32,36 @@
 import '../dom_extension/dom_extension.js';
 
 import * as Platform from '../../core/platform/platform.js';
+import type * as Root from '../../core/root/root.js';
+import type * as Foundation from '../../foundation/foundation.js';
 import * as Geometry from '../../models/geometry/geometry.js';
 import * as Lit from '../../ui/lit/lit.js';
 
 import {appendStyle, deepActiveElement} from './DOMUtilities.js';
 import {cloneCustomElement, createShadowRootWithCoreStyles} from './UIUtils.js';
+import {UniverseRequestEvent} from './UniverseRequestEvent.js';
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type InjectReturn<T> = T extends {INJECT: infer I} ? I :
+                                                     // eslint-disable-next-line @typescript-eslint/naming-convention
+                                                     T extends {constructor: {INJECT: infer I}} ? I : [];
+
+type MapConstructors<T> = {
+  [K in keyof T]: T[K] extends Root.DevToolsContext.ConstructorT<infer Instance>?
+      Instance :
+      T[K] extends new (...args: any[]) => infer Instance ? Instance : never;
+};
+
+export type WidgetDependencies<T> = MapConstructors<InjectReturn<T>>;
 
 const {html} = Lit;
 
+export function lookupUniverseForElement(element: HTMLElement): Foundation.Universe.Universe|undefined {
+  const event = new UniverseRequestEvent();
+  element.dispatchEvent(event);
+  return event.universe;
+}
+
 // Remember the original DOM mutation methods here, since we
 // will override them below to sanity check the Widget system.
 const originalAppendChild = Node.prototype.appendChild;
@@ -55,8 +77,9 @@ function assert(condition: unknown, message: string): void {
 
 export type AnyWidget = Widget<HTMLElement|DocumentFragment>;
 
-type WidgetConstructor<WidgetT extends AnyWidget> = new (element: HTMLElement) => WidgetT;
-type WidgetProducer<WidgetT extends AnyWidget> = (element: HTMLElement) => WidgetT;
+type WidgetConstructor<WidgetT extends AnyWidget> = new (element: HTMLElement, ...args: any[]) => WidgetT;
+type WidgetProducer<WidgetT extends AnyWidget> = (element: HTMLElement, universe?: Foundation.Universe.Universe) =>
+    WidgetT;
 type WidgetFactory<WidgetT extends AnyWidget> = WidgetConstructor<WidgetT>|WidgetProducer<WidgetT>;
 type InferWidgetTFromFactory<F> = F extends WidgetFactory<infer WidgetT>? WidgetT : never;
 
@@ -199,8 +222,8 @@ export function registerWidgetConfig<WidgetT extends AnyWidget>(element: HTMLEle
   widgetConfigs.set(element, config);
 }
 
-function instantiateWidget<WidgetT extends AnyWidget>(element: HTMLElement,
-                                                      widgetConfig: WidgetConfig<WidgetT>): WidgetT {
+export function instantiateWidget<WidgetT extends AnyWidget>(element: HTMLElement,
+                                                             widgetConfig: WidgetConfig<WidgetT>): WidgetT {
   if (!widgetConfig.widgetClass) {
     throw new Error('No widgetClass defined');
   }
@@ -208,10 +231,21 @@ function instantiateWidget<WidgetT extends AnyWidget>(element: HTMLElement,
   let newWidget: WidgetT;
   if (Widget.isPrototypeOf(widgetConfig.widgetClass)) {
     const ctor = widgetConfig.widgetClass as WidgetConstructor<WidgetT>;
-    newWidget = new ctor(element);
+    const depsCtors = (ctor as unknown as typeof Widget).INJECT;
+    if (depsCtors && depsCtors.length > 0) {
+      const universe = lookupUniverseForElement(element);
+      if (!universe) {
+        throw new Error(`No Universe found for widget ${ctor.name} requesting dependencies via INJECT.`);
+      }
+      const deps = depsCtors.map(depCtor => universe.get(depCtor));
+      newWidget = new ctor(element, deps);
+    } else {
+      newWidget = new ctor(element);
+    }
   } else {
     const factory = widgetConfig.widgetClass as WidgetProducer<WidgetT>;
-    newWidget = factory(element);
+    const universe = lookupUniverseForElement(element);
+    newWidget = factory(element, universe);
   }
 
   if (widgetConfig.widgetParams) {
@@ -573,6 +607,15 @@ export class Widget<ContentTypeT extends HTMLElement|DocumentFragment = HTMLElem
     widgetMap.set(this.element, this);
   }
 
+  /**
+   * An array of dependency constructors that this widget class expects to receive as an array
+   * in the second positional argument to its constructor during `instantiateWidget`:
+   * `constructor(element: HTMLElement, deps: WidgetDependencies<typeof MyWidget>)`
+   *
+   * Override this static field in sub-classes to specify dependency constructors to be retrieved from `Universe`.
+   */
+  static readonly INJECT: ReadonlyArray<Root.DevToolsContext.ConstructorT<unknown>> = [];
+
   /**
    * Returns the {@link Widget} whose element is the given `node`, or `undefined`
    * if the `node` is not an element for a widget.

package/front_end/ui/legacy/inspectorCommon.css

@@ -558,7 +558,7 @@ dt-icon-label {
   padding: 1px 3px;
   margin: 0 2px;
   font-size: 11px;
-  font-family: sans-serif;
+  font-family: inherit;
   white-space: nowrap;
   display: inline-block;
 }

package/front_end/ui/legacy/legacy.ts

@@ -51,6 +51,7 @@ import * as Tooltip from './Tooltip.js';
 import * as TreeOutline from './Treeoutline.js';
 import * as UIUserMetrics from './UIUserMetrics.js';
 import * as UIUtils from './UIUtils.js';
+import * as UniverseRequestEvent from './UniverseRequestEvent.js';
 import * as View from './View.js';
 import * as ViewManager from './ViewManager.js';
 import * as Widget from './Widget.js';
@@ -106,6 +107,7 @@ export {
   TreeOutline,
   UIUserMetrics,
   UIUtils,
+  UniverseRequestEvent,
   View,
   ViewManager,
   Widget,

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -3351,6 +3351,7 @@ export const knownContextValues = new Set([
   'request-payload',
   'request-types',
   'required',
+  'resend',
   'reset',
   'reset-children',
   'reset-columns',
@@ -4081,6 +4082,7 @@ export const knownContextValues = new Set([
   'timeline-dim-third-parties',
   'timeline-dim-unrelated-events',
   'timeline-disable-js-sampling',
+  'timeline-enable-soft-navigations',
   'timeline-enhanced-traces',
   'timeline-event-summary-widget',
   'timeline-experimental-insights',

package/package.json

@@ -91,5 +91,5 @@
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1666631"
+  "version": "1.0.1667564"
 }