chrome-devtools-frontend 1.0.1683520 → 1.0.1689415

package/front_end/core/sdk/ServiceWorkerManager.ts

@@ -358,7 +358,9 @@ export class ServiceWorkerVersion {
     }
     this.targetId = payload.targetId || null;
     this.routerRules = null;
-    if (payload.routerRules) {
+    if (payload.typedRouterRules) {
+      this.routerRules = this.parseTypedRules(payload.typedRouterRules);
+    } else if (payload.routerRules) {
       this.routerRules = this.parseJSONRules(payload.routerRules);
     }
   }
@@ -455,24 +457,80 @@ export class ServiceWorkerVersion {
       return null;
     }
   }
+
+  /**
+   * `urlPattern` can be either plain text (e.g. '/foo/*') or a JSON-serialized URLPattern/URLPatternInit object.
+   * Parses it to an object if valid JSON, otherwise falls back to the original string.
+   */
+  private parseURLPatternCondition(urlPattern: string): string|Record<string, unknown>|null {
+    try {
+      const parsed = JSON.parse(urlPattern);
+      if (typeof parsed === 'object' && parsed !== null && !Array.isArray(parsed)) {
+        // URLPattern or URLPatternInit
+        return parsed as Record<string, unknown>;
+      }
+      if (typeof parsed !== 'string') {
+        return null;
+      }
+    } catch {
+      // fallthrough
+    }
+    return urlPattern;
+  }
+
+  private parseTypedRules(rules: Protocol.ServiceWorker.ServiceWorkerRouterRule[]): ServiceWorkerRouterRule[]|null {
+    const routerRules: ServiceWorkerRouterRule[] = [];
+    for (const rule of rules) {
+      const condition: Record<string, unknown> = {...rule.condition};
+      // "urlPattern" condition can have structural URLPatternInit encoded into a JSON string.
+      // If `condition` is directly stringified, such JSON strings are double-escaped (`"abc"` -> `\"abc\""`).
+      // Expand "urlPattern" condition to native object and stringify whole conditions in such cases to avoid this.
+      if (rule.condition.urlPattern) {
+        condition.urlPattern = this.parseURLPatternCondition(rule.condition.urlPattern);
+        if (condition.urlPattern === null) {
+          console.error('Parse error: Invalid "urlPattern" condition in `typedRouterRules` in ServiceWorkerVersion');
+          return null;
+        }
+      }
+      let source: Protocol.ServiceWorker.ServiceWorkerRouterSourceType|
+          Protocol.ServiceWorker.ServiceWorkerRouterSourceDict;
+      if (rule.source.type === Protocol.ServiceWorker.ServiceWorkerRouterSourceType.SourceDict) {
+        if (!rule.source.sourceDict) {
+          console.error('Parse error: `sourceDict` is missing in `typedRouterRules` source');
+          return null;
+        }
+        source = rule.source.sourceDict;
+      } else {
+        if (rule.source.sourceDict !== undefined) {
+          console.error('Parse error: Unexpected `sourceDict` in `typedRouterRules` source');
+          return null;
+        }
+        source = rule.source.type;
+      }
+      routerRules.push(new ServiceWorkerRouterRule(JSON.stringify(condition), JSON.stringify(source), rule.id));
+    }
+    return routerRules;
+  }
 }
 
 export namespace ServiceWorkerVersion {
-  export const RunningStatus = {
-    [Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus.Running]: i18nLazyString(UIStrings.running),
-    [Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus.Starting]: i18nLazyString(UIStrings.starting),
-    [Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus.Stopped]: i18nLazyString(UIStrings.stopped),
-    [Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus.Stopping]: i18nLazyString(UIStrings.stopping),
-  };
-
-  export const Status = {
-    [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Activated]: i18nLazyString(UIStrings.activated),
-    [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Activating]: i18nLazyString(UIStrings.activating),
-    [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Installed]: i18nLazyString(UIStrings.installed),
-    [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Installing]: i18nLazyString(UIStrings.installing),
-    [Protocol.ServiceWorker.ServiceWorkerVersionStatus.New]: i18nLazyString(UIStrings.new),
-    [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Redundant]: i18nLazyString(UIStrings.redundant),
-  };
+  export const RunningStatus:
+      Record<Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus, () => Platform.UIString.LocalizedString> = {
+        [Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus.Running]: i18nLazyString(UIStrings.running),
+        [Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus.Starting]: i18nLazyString(UIStrings.starting),
+        [Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus.Stopped]: i18nLazyString(UIStrings.stopped),
+        [Protocol.ServiceWorker.ServiceWorkerVersionRunningStatus.Stopping]: i18nLazyString(UIStrings.stopping),
+      };
+
+  export const Status:
+      Record<Protocol.ServiceWorker.ServiceWorkerVersionStatus, () => Platform.UIString.LocalizedString> = {
+        [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Activated]: i18nLazyString(UIStrings.activated),
+        [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Activating]: i18nLazyString(UIStrings.activating),
+        [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Installed]: i18nLazyString(UIStrings.installed),
+        [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Installing]: i18nLazyString(UIStrings.installing),
+        [Protocol.ServiceWorker.ServiceWorkerVersionStatus.New]: i18nLazyString(UIStrings.new),
+        [Protocol.ServiceWorker.ServiceWorkerVersionStatus.Redundant]: i18nLazyString(UIStrings.redundant),
+      };
 
   export const enum Modes {
     INSTALLING = 'installing',
@@ -488,7 +546,7 @@ export class ServiceWorkerRegistration {
   scopeURL!: Platform.DevToolsPath.UrlString;
   securityOrigin!: Platform.DevToolsPath.UrlString;
   isDeleted!: boolean;
-  versions = new Map<string, ServiceWorkerVersion>();
+  versions: Map<string, ServiceWorkerVersion> = new Map<string, ServiceWorkerVersion>();
   deleting = false;
   errors: Protocol.ServiceWorker.ServiceWorkerErrorMessage[] = [];
 

package/front_end/core/sdk/StorageBucketsModel.ts

@@ -154,12 +154,6 @@ export class StorageBucketsModel extends SDKModel<EventTypes> implements Protoco
   cacheStorageContentUpdated(_event: Protocol.Storage.CacheStorageContentUpdatedEvent): void {
   }
 
-  sharedStorageAccessed(_event: Protocol.Storage.SharedStorageAccessedEvent): void {
-  }
-
-  sharedStorageWorkletOperationExecutionFinished(
-      _event: Protocol.Storage.SharedStorageWorkletOperationExecutionFinishedEvent): void {
-  }
 }
 
 SDKModel.register(StorageBucketsModel, {capabilities: Capability.STORAGE, autostart: false});

package/front_end/core/sdk/sdk.ts

@@ -77,6 +77,7 @@ import * as ScreenCaptureModel from './ScreenCaptureModel.js';
 import * as Script from './Script.js';
 import * as SDKModel from './SDKModel.js';
 import * as SDKSettings from './SDKSettings.js';
+import * as SecurityOrigin from './SecurityOrigin.js';
 import * as SecurityOriginManager from './SecurityOriginManager.js';
 import * as ServerSentEventProtocol from './ServerSentEventsProtocol.js';
 import * as ServerTiming from './ServerTiming.js';
@@ -164,6 +165,7 @@ export {
   Script,
   SDKModel,
   SDKSettings,
+  SecurityOrigin,
   SecurityOriginManager,
   ServerSentEventProtocol,
   ServerTiming,

package/front_end/core/text_utils/ContentData.ts

@@ -282,6 +282,6 @@ export class ContentData {
   }
 }
 
-export const EMPTY_TEXT_CONTENT_DATA = new ContentData('', /* isBase64 */ false, 'text/plain');
+export const EMPTY_TEXT_CONTENT_DATA: ContentData = new ContentData('', /* isBase64 */ false, 'text/plain');
 
 export type ContentDataOrError = ContentData|{error: string};

package/front_end/entrypoints/formatter_worker/FormattedContentBuilder.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 type {FormatMapping} from '../formatter_actions/formatter_actions.js';
+
 export class FormattedContentBuilder {
   #lastOriginalPosition = 0;
   #formattedContent: string[] = [];
@@ -15,7 +17,7 @@ export class FormattedContentBuilder {
   #cachedIndents = new Map<number, string>();
   #canBeIdentifierOrNumber = /[$\u200C\u200D\p{ID_Continue}]/u;
 
-  mapping = {original: [0], formatted: [0]};
+  mapping: FormatMapping = {original: [0], formatted: [0]};
 
   constructor(private indentString: string) {
   }

package/front_end/entrypoints/formatter_worker/FormatterWorker.ts

@@ -8,10 +8,10 @@ import * as Root from '../../core/root/root.js';
 // is not used.
 // eslint-disable-next-line @typescript-eslint/no-unused-vars, @devtools/es-modules-import
 import type * as CodeMirrorModule from '../../third_party/codemirror/codemirror-legacy.js';
+import {type FormatResult, FormattableMediaTypes} from '../formatter_actions/formatter_actions.js';
 
 import {CSSFormatter} from './CSSFormatter.js';
 import {FormattedContentBuilder} from './FormattedContentBuilder.js';
-import {type FormatResult, FormattableMediaTypes} from './FormatterActions.js';
 import {HTMLFormatter} from './HTMLFormatter.js';
 import {IdentityFormatter} from './IdentityFormatter.js';
 import {JavaScriptFormatter} from './JavaScriptFormatter.js';

package/front_end/entrypoints/formatter_worker/ScopeParser.ts

@@ -3,9 +3,9 @@
 // found in the LICENSE file.
 
 import * as Acorn from '../../third_party/acorn/acorn.js';
+import {DefinitionKind, ScopeKind, type ScopeTreeNode} from '../formatter_actions/formatter_actions.js';
 
 import {ECMA_VERSION} from './AcornTokenizer.js';
-import {DefinitionKind, ScopeKind, type ScopeTreeNode} from './FormatterActions.js';
 
 export function parseScopes(expression: string, sourceType: 'module'|'script' = 'script'): Scope|null {
   // Parse the expression and find variables and scopes.
@@ -32,7 +32,7 @@ export interface VariableUses {
 }
 
 export class Scope {
-  readonly variables = new Map<string, VariableUses>();
+  readonly variables: Map<string, VariableUses> = new Map();
   readonly parent: Scope|null;
   readonly start: number;
   readonly end: number;

package/front_end/entrypoints/formatter_worker/Substitute.ts

@@ -3,9 +3,9 @@
 // found in the LICENSE file.
 
 import * as Acorn from '../../third_party/acorn/acorn.js';
+import {DefinitionKind} from '../formatter_actions/formatter_actions.js';
 
 import {ECMA_VERSION} from './AcornTokenizer.js';
-import {DefinitionKind} from './FormatterActions.js';
 import {ScopeVariableAnalysis} from './ScopeParser.js';
 
 export function substituteExpression(expression: string, nameMap: Map<string, string|null>): string {

package/front_end/entrypoints/formatter_worker/formatter_worker-entrypoint.ts

@@ -3,9 +3,9 @@
 // found in the LICENSE file.
 
 import * as Platform from '../../core/platform/platform.js';
+import {FormatterActions} from '../formatter_actions/formatter_actions.js';
 
 import * as FormatterWorker from './formatter_worker.js';
-import {FormatterActions} from './FormatterActions.js';
 
 Platform.HostRuntime.HOST_RUNTIME.workerScope.onmessage = function(event): void {
   const method: FormatterActions = event.data.method;

package/front_end/entrypoints/inspector_main/InspectorMain.ts

@@ -173,7 +173,7 @@ export class NodeIndicator extends UI.Widget.Widget {
   #targetInfos: Protocol.Target.TargetInfo[] = [];
   #wasShown = false;
 
-  constructor(element?: HTMLElement, view = DEFAULT_VIEW) {
+  constructor(element?: HTMLElement, view: View = DEFAULT_VIEW) {
     super(element, {useShadowDom: true});
     this.#view = view;
 

package/front_end/entrypoints/inspector_main/OutermostTargetSelector.ts

@@ -29,7 +29,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export class OutermostTargetSelector implements SDK.TargetManager.Observer, UI.SoftDropDown.Delegate<SDK.Target.Target>,
                                                 UI.Toolbar.Provider {
-  readonly listItems = new UI.ListModel.ListModel<SDK.Target.Target>();
+  readonly listItems: UI.ListModel.ListModel<SDK.Target.Target> = new UI.ListModel.ListModel();
   readonly #dropDown: UI.SoftDropDown.SoftDropDown<SDK.Target.Target>;
   readonly #toolbarItem: UI.Toolbar.ToolbarItem;
 

package/front_end/entrypoints/inspector_main/nodeIcon.css

@@ -5,7 +5,7 @@
  */
 
 .node-icon {
-  width: 28px;
+  width: var(--sys-size-12);
   height: 26px;
   /* stylelint-disable-next-line custom-property-pattern */
   background-image: var(--image-file-nodeIcon);

package/front_end/entrypoints/inspector_main/outermostTargetSelector.css

@@ -5,7 +5,7 @@
  */
 
 :host {
-  padding: 2px 1px 2px 2px;
+  padding: var(--sys-size-2) var(--sys-size-1) var(--sys-size-2) var(--sys-size-2);
   white-space: nowrap;
   display: flex;
   flex-direction: column;
@@ -16,7 +16,7 @@
 
 .title {
   overflow: hidden;
-  padding-left: 8px;
+  padding-left: var(--sys-size-5);
   text-overflow: ellipsis;
   flex-grow: 0;
 }
@@ -25,7 +25,7 @@
   color: var(--sys-color-token-subtle);
   margin-right: 3px;
   overflow: hidden;
-  padding-left: 8px;
+  padding-left: var(--sys-size-5);
   text-overflow: ellipsis;
   flex-grow: 0;
 }

package/front_end/entrypoints/inspector_main/renderingOptions.css

@@ -5,7 +5,7 @@
  */
 
 :host {
-  padding: 12px;
+  padding: var(--sys-size-6);
 }
 
 devtools-checkbox {
@@ -14,7 +14,7 @@ devtools-checkbox {
 }
 
 .panel-section-separator {
-  height: 1px;
+  height: var(--sys-size-1);
   margin-bottom: 10px;
   background: var(--sys-color-divider);
   flex: none;
@@ -25,5 +25,5 @@ devtools-checkbox {
 }
 
 .chrome-select-label {
-  margin-bottom: 16px;
+  margin-bottom: var(--sys-size-8);
 }

package/front_end/entrypoints/js_app/js_app.ts

@@ -3,7 +3,7 @@
 // found in the LICENSE file.
 
 import '../shell/shell.js';
-import '../../panels/js_timeline/js_timeline-meta.js';
+import '../../panels/timeline/timeline-meta.js';
 import '../../panels/mobile_throttling/mobile_throttling-meta.js';
 import '../../panels/network/network-meta.js';
 
@@ -31,12 +31,18 @@ const UIStrings = {
   showNode: 'Show Scripts',
 } as const;
 
-const str_ = i18n.i18n.registerUIStrings('entrypoints/js_app/js_app.ts', UIStrings);
+const str_ = i18n.i18n.registerUIStrings(
+    'entrypoints/js_app/js_app.ts',
+    UIStrings,
+);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
+const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(
+    undefined,
+    str_,
+);
 
 let jsMainImplInstance: JsMainImpl;
-let loadedSourcesModule: (typeof Sources|undefined);
+let loadedSourcesModule: typeof Sources|undefined;
 
 async function loadSourcesModule(): Promise<typeof Sources> {
   if (!loadedSourcesModule) {
@@ -45,7 +51,9 @@ async function loadSourcesModule(): Promise<typeof Sources> {
   return loadedSourcesModule;
 }
 export class JsMainImpl implements Common.Runnable.Runnable {
-  static instance(opts: {forceNew: boolean|null} = {forceNew: null}): JsMainImpl {
+  static instance(
+      opts: {forceNew: boolean|null} = {forceNew: null},
+      ): JsMainImpl {
     const {forceNew} = opts;
     if (!jsMainImplInstance || forceNew) {
       jsMainImplInstance = new JsMainImpl();
@@ -55,10 +63,16 @@ export class JsMainImpl implements Common.Runnable.Runnable {
   }
 
   async run(): Promise<void> {
-    Host.userMetrics.actionTaken(Host.UserMetrics.Action.ConnectToNodeJSDirectly);
+    Host.userMetrics.actionTaken(
+        Host.UserMetrics.Action.ConnectToNodeJSDirectly,
+    );
     void SDK.Connections.initMainConnection(async () => {
       const target = SDK.TargetManager.TargetManager.instance().createTarget(
-          'main', i18nString(UIStrings.main), SDK.Target.Type.NODE, null);
+          'main',
+          i18nString(UIStrings.main),
+          SDK.Target.Type.NODE,
+          null,
+      );
       void target.runtimeAgent().invoke_runIfWaitingForDebugger();
     }, Components.TargetDetachedDialog.TargetDetachedDialog.connectionLost);
   }
@@ -73,8 +87,10 @@ UI.ViewManager.registerViewExtension({
   persistence: UI.ViewManager.ViewPersistence.PERMANENT,
   async loadView(universe) {
     const Sources = await loadSourcesModule();
-    return Sources.SourcesNavigator.NetworkNavigatorView.instance(
-        {forceNew: null, networkProjectManager: universe.networkProjectManager});
+    return Sources.SourcesNavigator.NetworkNavigatorView.instance({
+      forceNew: null,
+      networkProjectManager: universe.networkProjectManager,
+    });
   },
 });
 

package/front_end/entrypoints/main/MainImpl.ts

@@ -224,7 +224,8 @@ export class MainImpl {
 
     await this.requestAndRegisterLocaleData();
 
-    Host.userMetrics.syncSetting(Common.Settings.Settings.instance().moduleSetting<boolean>('sync-preferences').get());
+    Host.userMetrics.syncSetting(
+        Common.Settings.Settings.instance().resolve(SettingsUI.MainSettings.syncPreferencesSettingDescriptor).get());
     const veLogging = config.devToolsVeLogging;
 
     // Used by e2e to put VE Logs into "test mode".

package/front_end/entrypoints/main/main-meta.ts

@@ -741,14 +741,10 @@ SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.languageSettin
   reloadRequired: true,
 });
 
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.shortcutPanelSwitchSettingDescriptor, {
   category: Common.Settings.SettingCategory.APPEARANCE,
-  storageType: Common.Settings.SettingStorageType.SYNCED,
   title: Host.Platform.platform() === 'mac' ? i18nLazyString(UIStrings.enableShortcutToSwitchPanels) :
                                               i18nLazyString(UIStrings.enableCtrlShortcutToSwitchPanels),
-  settingName: 'shortcut-panel-switch',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: false,
 });
 
 SettingsUI.SettingUIRegistration.register(SDK.SDKSettings.disablePausedStateOverlaySettingDescriptor, {
@@ -756,11 +752,8 @@ SettingsUI.SettingUIRegistration.register(SDK.SDKSettings.disablePausedStateOver
   title: i18nLazyString(UIStrings.disablePaused),
 });
 
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.currentDockStateSettingDescriptor, {
   category: Common.Settings.SettingCategory.GLOBAL,
-  settingName: 'currentDockState',
-  settingType: Common.Settings.SettingType.ENUM,
-  defaultValue: 'right',
   options: [
     {
       value: 'right',
@@ -785,11 +778,7 @@ Common.Settings.registerSettingExtension({
   ],
 });
 
-Common.Settings.registerSettingExtension({
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  settingName: 'active-keybind-set',
-  settingType: Common.Settings.SettingType.ENUM,
-  defaultValue: 'devToolsDefault',
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.activeKeybindSetSettingDescriptor, {
   options: [
     {
       value: 'devToolsDefault',
@@ -817,13 +806,9 @@ function createOptionForLocale(localeString: string): Common.Settings.SettingExt
   };
 }
 
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.syncPreferencesSettingDescriptor, {
   category: Common.Settings.SettingCategory.ACCOUNT,
-  // This name must be kept in sync with DevToolsSettings::kSyncDevToolsPreferencesFrontendName.
-  settingName: 'sync-preferences',
-  settingType: Common.Settings.SettingType.BOOLEAN,
   title: i18nLazyString(UIStrings.saveSettings),
-  defaultValue: false,
   reloadRequired: true,
 });
 
@@ -856,21 +841,10 @@ SettingsUI.SettingUIRegistration.register(
       ],
     });
 
-Common.Settings.registerSettingExtension({
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  settingName: 'user-shortcuts',
-  settingType: Common.Settings.SettingType.ARRAY,
-  defaultValue: [],
-});
-
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.searchAsYouTypeSettingDescriptor, {
   category: Common.Settings.SettingCategory.GLOBAL,
-  storageType: Common.Settings.SettingStorageType.LOCAL,
   title: i18nLazyString(UIStrings.searchAsYouTypeSetting),
-  settingName: 'search-as-you-type',
-  settingType: Common.Settings.SettingType.BOOLEAN,
   order: 3,
-  defaultValue: true,
   options: [
     {
       value: true,

package/front_end/entrypoints/node_app/app/nodeConnectionsPanel.css

@@ -13,7 +13,7 @@
   flex: none;
   max-width: 600px;
   max-height: 202px;
-  margin: 20px 0 5px;
+  margin: var(--sys-size-9) 0 5px;
 }
 
 .network-discovery-list-empty {
@@ -49,7 +49,7 @@
   flex: none;
   display: flex;
   flex-direction: row;
-  margin: 6px 5px;
+  margin: var(--sys-size-4) 5px;
   align-items: center;
 }
 
@@ -81,12 +81,12 @@
 }
 
 :host-context(.node-frontend) .network-discovery-list-empty {
-  height: 40px;
+  height: var(--sys-size-14);
 }
 
 :host-context(.node-frontend) .network-discovery-list-item {
   padding: 3px 15px;
-  height: 40px;
+  height: var(--sys-size-14);
 }
 
 .node-panel-center {
@@ -106,5 +106,5 @@
 }
 
 :host-context(.node-frontend) .network-discovery-edit-row {
-  margin: 6px 9px;
+  margin: var(--sys-size-4) 9px;
 }

package/front_end/entrypoints/node_app/node_app.ts

@@ -3,8 +3,8 @@
 // found in the LICENSE file.
 import '../shell/shell.js';
 import '../../panels/mobile_throttling/mobile_throttling-meta.js';
-import '../../panels/js_timeline/js_timeline-meta.js';
 import '../../panels/network/network-meta.js';
+import '../../panels/timeline/timeline-meta.js';
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/foundation/Universe.ts

@@ -213,6 +213,9 @@ export class Universe {
     );
     context.set(IssuesManager.IssuesManager.IssuesManager, issuesManager);
 
+    const domIssuesManager = new IssuesManager.DOMIssuesManager.DOMIssuesManager(issuesManager, targetManager);
+    context.set(IssuesManager.DOMIssuesManager.DOMIssuesManager, domIssuesManager);
+
     const javaScriptMetadata = new JavaScriptMetadata.JavaScriptMetadata.JavaScriptMetadataImpl();
     context.set(JavaScriptMetadata.JavaScriptMetadata.JavaScriptMetadataImpl, javaScriptMetadata);
 
@@ -296,6 +299,10 @@ export class Universe {
     return this.context.get(SDK.DOMDebuggerModel.DOMDebuggerManager);
   }
 
+  get domIssuesManager(): IssuesManager.DOMIssuesManager.DOMIssuesManager {
+    return this.context.get(IssuesManager.DOMIssuesManager.DOMIssuesManager);
+  }
+
   get domModelUndoStack(): SDK.DOMModel.DOMModelUndoStack {
     return this.context.get(SDK.DOMModel.DOMModelUndoStack);
   }

package/front_end/generated/ARIAProperties.ts

@@ -1,8 +1,46 @@
 // 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.
+export interface AttributeConfig {
+  default?: string;
+  enum?: string[];
+  isGlobal?: boolean;
+  name: string;
+  preventedOnRoles?: string[];
+  supportedOnRoles?: string[];
+  type: string;
+}
 
-export const config = {
+export interface RoleConfig {
+  abstract?: boolean;
+  childrenPresentational?: boolean;
+  deprecated?: boolean;
+  implicitValues?: Record<string, string | boolean>;
+  internalRoles?: string[];
+  mustContain?: string[];
+  name: string;
+  nameFrom?: string[];
+  nameRequired?: boolean;
+  requiredAttributes?: string[];
+  scope?: string | string[];
+  superclasses?: string[];
+}
+
+export interface AriaMetadata {
+  attrsNullNamespace?: boolean;
+  export?: string;
+  namespace?: string;
+  namespacePrefix?: string;
+  namespaceURI?: string;
+}
+
+export interface AriaConfig {
+  attributes: AttributeConfig[];
+  metadata?: AriaMetadata;
+  roles: RoleConfig[];
+}
+
+export const config: AriaConfig = {
  "attributes": [
   {
    "isGlobal": true,