chrome-devtools-frontend 1.0.954845 → 1.0.956401

package/front_end/entrypoints/main/MainImpl.ts

@@ -51,16 +51,12 @@ import * as IconButton from '../../ui/components/icon_button/icon_button.js';
 import * as PerfUI from '../../ui/legacy/components/perf_ui/perf_ui.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
+import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
 
 import {ExecutionContextSelector} from './ExecutionContextSelector.js';
 
 const UIStrings = {
   /**
-  *@description A message to display prompting the user to reload DevTools if the OS color scheme changes.
-  */
-  theSystempreferredColorSchemeHas:
-      'The system-preferred color scheme has changed. To apply this change to DevTools, reload.',
-  /**
   *@description Title of item in main
   */
   customizeAndControlDevtools: 'Customize and control DevTools',
@@ -118,7 +114,7 @@ export class MainImpl {
 
   constructor() {
     MainImpl.instanceForTest = this;
-    this.#loaded();
+    void this.#loaded();
   }
 
   static time(label: string): void {
@@ -152,7 +148,7 @@ export class MainImpl {
           Common.Settings.Settings.instance().moduleSetting<boolean>('sync_preferences').get());
     }
 
-    this.#createAppUI();
+    void this.#createAppUI();
   }
 
   #initializeGlobalsForLayoutTests(): void {
@@ -408,14 +404,26 @@ export class MainImpl {
 
     const defaultThemeSetting = 'systemPreferred';
     const themeSetting = Common.Settings.Settings.instance().createSetting('uiTheme', defaultThemeSetting);
-    UI.UIUtils.initializeUIUtils(document, themeSetting);
-    if (themeSetting.get() === defaultThemeSetting) {
-      const darkThemeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-      darkThemeMediaQuery.addEventListener('change', () => {
-        UI.InspectorView.InspectorView.instance().displayReloadRequiredWarning(
-            i18nString(UIStrings.theSystempreferredColorSchemeHas));
-      });
+    UI.UIUtils.initializeUIUtils(document);
+
+    // Initialize theme support and apply it.
+    if (!ThemeSupport.ThemeSupport.hasInstance()) {
+      ThemeSupport.ThemeSupport.instance({forceNew: true, setting: themeSetting});
     }
+
+    ThemeSupport.ThemeSupport.instance().applyTheme(document);
+
+    const onThemeChange = (): void => {
+      ThemeSupport.ThemeSupport.instance().applyTheme(document);
+    };
+
+    // When the theme changes we instantiate a new theme support and reapply.
+    // Equally if the user has set to match the system and the OS preference changes
+    // we perform the same change.
+    const darkThemeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+    darkThemeMediaQuery.addEventListener('change', onThemeChange);
+    themeSetting.addChangeListener(onThemeChange);
+
     UI.UIUtils.installComponentRootStyles((document.body as Element));
 
     this.#addMainEventListeners(document);
@@ -545,7 +553,7 @@ export class MainImpl {
     if (toggleSearchNodeAction) {
       Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
           Host.InspectorFrontendHostAPI.Events.EnterInspectElementMode, () => {
-            toggleSearchNodeAction.execute();
+            void toggleSearchNodeAction.execute();
           }, this);
     }
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
@@ -601,7 +609,7 @@ export class MainImpl {
             return;
           }
           Common.Settings.Settings.instance().moduleSetting(setting).removeChangeListener(changeListener);
-          PerfUI.LiveHeapProfile.LiveHeapProfile.instance().run();
+          void PerfUI.LiveHeapProfile.LiveHeapProfile.instance().run();
         };
         Common.Settings.Settings.instance().moduleSetting(setting).addChangeListener(changeListener);
       }
@@ -629,14 +637,14 @@ export class MainImpl {
     const {url, lineNumber, columnNumber} = event.data;
     const uiSourceCode = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(url);
     if (uiSourceCode) {
-      Common.Revealer.reveal(uiSourceCode.uiLocation(lineNumber, columnNumber));
+      void Common.Revealer.reveal(uiSourceCode.uiLocation(lineNumber, columnNumber));
       return;
     }
 
     function listener(event: Common.EventTarget.EventTargetEvent<Workspace.UISourceCode.UISourceCode>): void {
       const uiSourceCode = event.data;
       if (uiSourceCode.url() === url) {
-        Common.Revealer.reveal(uiSourceCode.uiLocation(lineNumber, columnNumber));
+        void Common.Revealer.reveal(uiSourceCode.uiLocation(lineNumber, columnNumber));
         Workspace.Workspace.WorkspaceImpl.instance().removeEventListener(
             Workspace.Workspace.Events.UISourceCodeAdded, listener);
       }
@@ -856,7 +864,7 @@ export class MainMenuItem implements UI.Toolbar.Provider {
     const button = (this.#itemInternal.element as HTMLButtonElement);
 
     function setDockSide(side: UI.DockController.DockState): void {
-      UI.DockController.DockController.instance().once(UI.DockController.Events.AfterDockSideChanged).then(() => {
+      void UI.DockController.DockController.instance().once(UI.DockController.Events.AfterDockSideChanged).then(() => {
         button.focus();
       });
       UI.DockController.DockController.instance().setDockSide(side);
@@ -892,7 +900,7 @@ export class MainMenuItem implements UI.Toolbar.Provider {
       if (id === 'issues-pane') {
         moreTools.defaultSection().appendItem(title, () => {
           Host.userMetrics.issuesPanelOpenedFrom(Host.UserMetrics.IssueOpener.HamburgerMenu);
-          UI.ViewManager.ViewManager.instance().showView('issues-pane', /* userGesture */ true);
+          void UI.ViewManager.ViewManager.instance().showView('issues-pane', /* userGesture */ true);
         });
         continue;
       }
@@ -908,13 +916,13 @@ export class MainMenuItem implements UI.Toolbar.Provider {
         const previewIcon = new IconButton.Icon.Icon();
         previewIcon.data = {iconName: 'ic_preview_feature', color: 'var(--icon-color)', width: '14px', height: '14px'};
         moreTools.defaultSection().appendItem(title, () => {
-          UI.ViewManager.ViewManager.instance().showView(id, true, false);
+          void UI.ViewManager.ViewManager.instance().showView(id, true, false);
         }, /* disabled=*/ false, previewIcon);
         continue;
       }
 
       moreTools.defaultSection().appendItem(title, () => {
-        UI.ViewManager.ViewManager.instance().showView(id, true, false);
+        void UI.ViewManager.ViewManager.instance().showView(id, true, false);
       });
     }
 
@@ -961,7 +969,7 @@ export class PauseListener {
     const debuggerModel = event.data;
     const debuggerPausedDetails = debuggerModel.debuggerPausedDetails();
     UI.Context.Context.instance().setFlavor(SDK.Target.Target, debuggerModel.target());
-    Common.Revealer.reveal(debuggerPausedDetails);
+    void Common.Revealer.reveal(debuggerPausedDetails);
   }
 }
 

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

@@ -588,7 +588,7 @@ Common.Settings.registerSettingExtension({
   settingName: 'uiTheme',
   settingType: Common.Settings.SettingType.ENUM,
   defaultValue: 'systemPreferred',
-  reloadRequired: true,
+  reloadRequired: false,
   options: [
     {
       title: i18nLazyString(UIStrings.switchToSystemPreferredColor),

package/front_end/entrypoints/node_app/NodeMain.ts

@@ -37,7 +37,7 @@ export class NodeMainImpl implements Common.Runnable.Runnable {
   }
   async run(): Promise<void> {
     Host.userMetrics.actionTaken(Host.UserMetrics.Action.ConnectToNodeJSFromFrontend);
-    SDK.Connections.initMainConnection(async () => {
+    void SDK.Connections.initMainConnection(async () => {
       const target = SDK.TargetManager.TargetManager.instance().createTarget(
           'main', i18nString(UIStrings.main), SDK.Target.Type.Browser, null);
       target.setInspectedURL('Node.js');
@@ -60,7 +60,7 @@ export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implemen
     this.#childConnections = new Map();
 
     parentTarget.registerTargetDispatcher(this);
-    this.#targetAgent.invoke_setDiscoverTargets({discover: true});
+    void this.#targetAgent.invoke_setDiscoverTargets({discover: true});
 
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
         Host.InspectorFrontendHostAPI.Events.DevicesDiscoveryConfigChanged, this.#devicesDiscoveryConfigChanged, this);
@@ -77,7 +77,7 @@ export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implemen
         locations.push({host: parts[0], port: port});
       }
     }
-    this.#targetAgent.invoke_setRemoteLocations({locations});
+    void this.#targetAgent.invoke_setRemoteLocations({locations});
   }
 
   dispose(): void {
@@ -91,7 +91,7 @@ export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implemen
 
   targetCreated({targetInfo}: Protocol.Target.TargetCreatedEvent): void {
     if (targetInfo.type === 'node' && !targetInfo.attached) {
-      this.#targetAgent.invoke_attachToTarget({targetId: targetInfo.targetId, flatten: false});
+      void this.#targetAgent.invoke_attachToTarget({targetId: targetInfo.targetId, flatten: false});
     }
   }
 
@@ -108,7 +108,7 @@ export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implemen
     const target = this.#targetManager.createTarget(
         targetInfo.targetId, name, SDK.Target.Type.Node, this.#parentTarget, undefined, undefined, connection);
     this.#childTargets.set(sessionId, target);
-    target.runtimeAgent().invoke_runIfWaitingForDebugger();
+    void target.runtimeAgent().invoke_runIfWaitingForDebugger();
   }
 
   detachedFromTarget({sessionId}: Protocol.Target.DetachedFromTargetEvent): void {
@@ -153,7 +153,7 @@ export class NodeConnection implements ProtocolClient.InspectorBackend.Connectio
   }
 
   sendRawMessage(message: string): void {
-    this.#targetAgent.invoke_sendMessageToTarget({message, sessionId: this.#sessionId});
+    void this.#targetAgent.invoke_sendMessageToTarget({message, sessionId: this.#sessionId});
   }
 
   async disconnect(): Promise<void> {

package/front_end/entrypoints/worker_app/WorkerMain.ts

@@ -33,7 +33,7 @@ export class WorkerMainImpl implements Common.Runnable.Runnable {
   }
 
   async run(): Promise<void> {
-    SDK.Connections.initMainConnection(async () => {
+    void SDK.Connections.initMainConnection(async () => {
       if (await SDK.TargetManager.TargetManager.instance().maybeAttachInitialTarget()) {
         return;
       }

package/front_end/generated/ARIAProperties.js

@@ -1,4 +1,4 @@
-// Copyright 2021 The Chromium Authors. All rights reserved.
+// Copyright 2022 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/generated/InspectorBackendCommands.js

@@ -627,7 +627,11 @@ export function registerCommands(inspectorBackend) {
     ScrollbarTrackPiece: 'scrollbar-track-piece',
     ScrollbarCorner: 'scrollbar-corner',
     Resizer: 'resizer',
-    InputListButton: 'input-list-button'
+    InputListButton: 'input-list-button',
+    Transition: 'transition',
+    TransitionContainer: 'transition-container',
+    TransitionOldContent: 'transition-old-content',
+    TransitionNewContent: 'transition-new-content'
   });
   inspectorBackend.registerEnum('DOM.ShadowRootType', {UserAgent: 'user-agent', Open: 'open', Closed: 'closed'});
   inspectorBackend.registerEnum(

package/front_end/generated/SupportedCSSProperties.js

@@ -1,4 +1,4 @@
-// Copyright 2021 The Chromium Authors. All rights reserved.
+// Copyright 2022 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
@@ -65,14 +65,6 @@ export const generatedProperties = [
   {'name': '-webkit-tap-highlight-color', 'inherited': true},
   {'name': '-webkit-text-combine', 'inherited': true},
   {'name': '-webkit-text-decorations-in-effect', 'inherited': true},
-  {
-    'longhands': ['-webkit-text-emphasis-style', '-webkit-text-emphasis-color'],
-    'name': '-webkit-text-emphasis',
-    'inherited': true
-  },
-  {'name': '-webkit-text-emphasis-color', 'inherited': true},
-  {'name': '-webkit-text-emphasis-position', 'inherited': true},
-  {'name': '-webkit-text-emphasis-style', 'inherited': true},
   {'name': '-webkit-text-fill-color', 'inherited': true},
   {'name': '-webkit-text-orientation', 'inherited': true},
   {'name': '-webkit-text-security', 'inherited': true, 'keywords': ['none', 'disc', 'circle', 'square']},
@@ -771,6 +763,10 @@ export const generatedProperties = [
   {'name': 'text-decoration-skip-ink', 'inherited': true, 'keywords': ['none', 'auto']},
   {'name': 'text-decoration-style', 'keywords': ['solid', 'double', 'dotted', 'dashed', 'wavy']},
   {'name': 'text-decoration-thickness', 'inherited': true, 'keywords': ['auto', 'from-font']},
+  {'longhands': ['text-emphasis-style', 'text-emphasis-color'], 'name': 'text-emphasis', 'inherited': true},
+  {'name': 'text-emphasis-color', 'inherited': true, 'keywords': ['currentcolor']},
+  {'name': 'text-emphasis-position', 'inherited': true},
+  {'name': 'text-emphasis-style', 'inherited': true},
   {'name': 'text-indent', 'inherited': true},
   {'name': 'text-justify', 'inherited': true, 'keywords': ['auto', 'none', 'inter-word', 'distribute']},
   {'name': 'text-orientation', 'inherited': true, 'keywords': ['sideways', 'mixed', 'upright']},
@@ -828,7 +824,7 @@ export const generatedProperties = [
   {
     'name': 'white-space',
     'inherited': true,
-    'keywords': ['none', 'normal', 'pre', 'pre-wrap', 'pre-line', 'nowrap', '-webkit-nowrap', 'break-spaces']
+    'keywords': ['normal', 'pre', 'pre-wrap', 'pre-line', 'nowrap', '-webkit-nowrap', 'break-spaces']
   },
   {'name': 'widows', 'inherited': true},
   {'name': 'width', 'keywords': ['auto', 'fit-content', 'min-content', 'max-content']},
@@ -1160,6 +1156,7 @@ export const generatedPropertyValues = {
   'text-decoration-skip-ink': {'values': ['none', 'auto']},
   'text-decoration-style': {'values': ['solid', 'double', 'dotted', 'dashed', 'wavy']},
   'text-decoration-thickness': {'values': ['auto', 'from-font']},
+  'text-emphasis-color': {'values': ['currentcolor']},
   'text-justify': {'values': ['auto', 'none', 'inter-word', 'distribute']},
   'text-orientation': {'values': ['sideways', 'mixed', 'upright']},
   'text-overflow': {'values': ['clip', 'ellipsis']},
@@ -1189,8 +1186,7 @@ export const generatedPropertyValues = {
   'vector-effect': {'values': ['none', 'non-scaling-stroke']},
   'vertical-align': {'values': ['baseline', 'sub', 'super', 'text-top', 'text-bottom', 'middle']},
   'visibility': {'values': ['visible', 'hidden', 'collapse']},
-  'white-space':
-      {'values': ['none', 'normal', 'pre', 'pre-wrap', 'pre-line', 'nowrap', '-webkit-nowrap', 'break-spaces']},
+  'white-space': {'values': ['normal', 'pre', 'pre-wrap', 'pre-line', 'nowrap', '-webkit-nowrap', 'break-spaces']},
   'width': {'values': ['auto', 'fit-content', 'min-content', 'max-content']},
   'will-change': {'values': ['auto']},
   'word-break': {'values': ['normal', 'break-all', 'keep-all', 'break-word']},
@@ -1201,9 +1197,9 @@ export const generatedPropertyValues = {
 export const generatedAliasesFor = new Map([
   ['-epub-caption-side', 'caption-side'],
   ['-epub-text-combine', '-webkit-text-combine'],
-  ['-epub-text-emphasis', '-webkit-text-emphasis'],
-  ['-epub-text-emphasis-color', '-webkit-text-emphasis-color'],
-  ['-epub-text-emphasis-style', '-webkit-text-emphasis-style'],
+  ['-epub-text-emphasis', 'text-emphasis'],
+  ['-epub-text-emphasis-color', 'text-emphasis-color'],
+  ['-epub-text-emphasis-style', 'text-emphasis-style'],
   ['-epub-text-orientation', '-webkit-text-orientation'],
   ['-epub-text-transform', 'text-transform'],
   ['-epub-word-break', 'word-break'],
@@ -1290,6 +1286,10 @@ export const generatedAliasesFor = new Map([
   ['-webkit-shape-image-threshold', 'shape-image-threshold'],
   ['-webkit-shape-margin', 'shape-margin'],
   ['-webkit-shape-outside', 'shape-outside'],
+  ['-webkit-text-emphasis', 'text-emphasis'],
+  ['-webkit-text-emphasis-color', 'text-emphasis-color'],
+  ['-webkit-text-emphasis-position', 'text-emphasis-position'],
+  ['-webkit-text-emphasis-style', 'text-emphasis-style'],
   ['-webkit-text-size-adjust', 'text-size-adjust'],
   ['-webkit-transform', 'transform'],
   ['-webkit-transform-origin', 'transform-origin'],

package/front_end/generated/protocol.d.ts

@@ -1047,6 +1047,7 @@ declare namespace Protocol {
        * https://www.chromestatus.com/feature/5684870116278272 for more details."
        */
       message?: string;
+      deprecationType: string;
     }
 
     export const enum ClientHintIssueReason {
@@ -2884,6 +2885,10 @@ declare namespace Protocol {
       ScrollbarCorner = 'scrollbar-corner',
       Resizer = 'resizer',
       InputListButton = 'input-list-button',
+      Transition = 'transition',
+      TransitionContainer = 'transition-container',
+      TransitionOldContent = 'transition-old-content',
+      TransitionNewContent = 'transition-new-content',
     }
 
     /**
@@ -14068,6 +14073,12 @@ declare namespace Protocol {
        * Defaults to false.
        */
       hasCredBlob?: boolean;
+      /**
+       * If set to true, the authenticator will support the minPinLength extension.
+       * https://fidoalliance.org/specs/fido-v2.1-ps-20210615/fido-client-to-authenticator-protocol-v2.1-ps-20210615.html#sctn-minpinlength-extension
+       * Defaults to false.
+       */
+      hasMinPinLength?: boolean;
       /**
        * If set to true, tests of user presence will succeed immediately.
        * Otherwise, they will not be resolved. Defaults to true.
@@ -14356,6 +14367,8 @@ declare namespace Protocol {
       location: Location;
       /**
        * JavaScript script name or url.
+       * Deprecated in favor of using the `location.scriptId` to resolve the URL via a previously
+       * sent `Debugger.scriptParsed` event.
        */
       url: string;
       /**

package/front_end/global_typings/global_defs.d.ts

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 /// <reference path="./request_idle_callback.d.ts" />
-/// <reference path="./intl_display_names.d.ts" />
 
 interface CSSStyleSheet {
   replaceSync(content: string): void;

package/front_end/models/bindings/BreakpointManager.ts

@@ -144,7 +144,7 @@ export class BreakpointManager extends Common.ObjectWrapper.ObjectWrapper<EventT
         new Workspace.UISourceCode.UILocation(uiSourceCode, lineNumber, columnNumber);
     const normalizedLocation = await this.debuggerWorkspaceBinding.normalizeUILocation(uiLocation);
     if (normalizedLocation.id() !== uiLocation.id()) {
-      Common.Revealer.reveal(normalizedLocation);
+      void Common.Revealer.reveal(normalizedLocation);
       uiLocation = normalizedLocation;
     }
     return this.innerSetBreakpoint(
@@ -479,7 +479,7 @@ export class Breakpoint implements SDK.TargetManager.SDKModelObserver<SDK.Debugg
       }
     }
     for (const modelBreakpoint of this.#modelBreakpoints.values()) {
-      modelBreakpoint.scheduleUpdateInDebugger();
+      void modelBreakpoint.scheduleUpdateInDebugger();
     }
   }
 
@@ -487,7 +487,7 @@ export class Breakpoint implements SDK.TargetManager.SDKModelObserver<SDK.Debugg
     this.isRemoved = true;
     const removeFromStorage = !keepInStorage;
     for (const modelBreakpoint of this.#modelBreakpoints.values()) {
-      modelBreakpoint.scheduleUpdateInDebugger();
+      void modelBreakpoint.scheduleUpdateInDebugger();
       modelBreakpoint.removeEventListeners();
     }
 
@@ -540,7 +540,7 @@ export class ModelBreakpoint {
   readonly #liveLocations: LiveLocationPool;
   readonly #uiLocations: Map<LiveLocation, Workspace.UISourceCode.UILocation>;
   #hasPendingUpdate: boolean;
-  #isUpdating: boolean;
+  #updatePromise: Promise<void>|null;
   #cancelCallback: boolean;
   #currentState: Breakpoint.State|null;
   #breakpointIds: Protocol.Debugger.BreakpointId[];
@@ -560,12 +560,12 @@ export class ModelBreakpoint {
     this.#debuggerModel.addEventListener(
         SDK.DebuggerModel.Events.DebuggerWasEnabled, this.scheduleUpdateInDebugger, this);
     this.#hasPendingUpdate = false;
-    this.#isUpdating = false;
+    this.#updatePromise = null;
     this.#cancelCallback = false;
     this.#currentState = null;
     this.#breakpointIds = [];
     if (this.#debuggerModel.debuggerEnabled()) {
-      this.scheduleUpdateInDebugger();
+      void this.scheduleUpdateInDebugger();
     }
   }
 
@@ -578,20 +578,18 @@ export class ModelBreakpoint {
     this.#liveLocations.disposeAll();
   }
 
-  scheduleUpdateInDebugger(): void {
-    if (this.#isUpdating) {
-      this.#hasPendingUpdate = true;
-      return;
+  scheduleUpdateInDebugger(): Promise<void> {
+    this.#hasPendingUpdate = true;
+    if (!this.#updatePromise) {
+      this.#updatePromise = (async(): Promise<void> => {
+        while (this.#hasPendingUpdate) {
+          this.#hasPendingUpdate = false;
+          await this.updateInDebugger();
+        }
+        this.#updatePromise = null;
+      })();
     }
-
-    this.#isUpdating = true;
-    this.updateInDebugger().then(() => {
-      this.#isUpdating = false;
-      if (this.#hasPendingUpdate) {
-        this.#hasPendingUpdate = false;
-        this.scheduleUpdateInDebugger();
-      }
-    });
+    return this.#updatePromise;
   }
 
   private scriptDiverged(): boolean {
@@ -692,7 +690,7 @@ export class ModelBreakpoint {
       // disappearing if the Debugger is actually not enabled
       // yet. This quickfix should be removed as soon as we have a solution
       // to correctly synchronize the front-end with the inspector back-end.
-      this.scheduleUpdateInDebugger();
+      void this.scheduleUpdateInDebugger();
       return;
     }
 
@@ -721,7 +719,7 @@ export class ModelBreakpoint {
     await Promise.all(this.#breakpointIds.map(id => this.#debuggerModel.removeBreakpoint(id)));
     this.didRemoveFromDebugger();
     this.#currentState = null;
-    this.scheduleUpdateInDebugger();
+    void this.scheduleUpdateInDebugger();
   }
 
   private didRemoveFromDebugger(): void {
@@ -773,10 +771,10 @@ export class ModelBreakpoint {
   }
 
   cleanUpAfterDebuggerIsGone(): void {
-    if (this.#isUpdating) {
+    if (this.#updatePromise) {
       this.#cancelCallback = true;
     }
-
+    this.#hasPendingUpdate = false;
     this.resetLocations();
     this.#currentState = null;
     if (this.#breakpointIds.length) {

package/front_end/models/bindings/CSSWorkspaceBinding.ts

@@ -79,7 +79,7 @@ export class CSSWorkspaceBinding implements SDK.TargetManager.SDKModelObserver<S
   }
 
   private recordLiveLocationChange(promise: Promise<unknown>): void {
-    promise.then(() => {
+    void promise.then(() => {
       this.#liveLocationPromises.delete(promise);
     });
     this.#liveLocationPromises.add(promise);
@@ -169,13 +169,13 @@ export class ModelInfo {
       cssModel.addEventListener(
           SDK.CSSModel.Events.StyleSheetAdded,
           event => {
-            this.styleSheetAdded(event);
+            void this.styleSheetAdded(event);
           },
           this),
       cssModel.addEventListener(
           SDK.CSSModel.Events.StyleSheetRemoved,
           event => {
-            this.styleSheetRemoved(event);
+            void this.styleSheetRemoved(event);
           },
           this),
     ];

package/front_end/models/bindings/CompilerScriptMapping.ts

@@ -99,7 +99,7 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
     const uiSourceCode = event.data;
     if (uiSourceCode.contentType().isDocument()) {
       for (const script of this.#debuggerModel.scriptsForSourceURL(uiSourceCode.url())) {
-        this.#debuggerWorkspaceBinding.updateLocations(script);
+        void this.#debuggerWorkspaceBinding.updateLocations(script);
       }
     }
   }

package/front_end/models/bindings/ContentProviderBasedProject.ts

@@ -199,7 +199,7 @@ export class ContentProviderBasedProject extends Workspace.Workspace.ProjectStor
   }
 
   indexContent(progress: Common.Progress.Progress): void {
-    Promise.resolve().then(progress.done.bind(progress));
+    void Promise.resolve().then(progress.done.bind(progress));
   }
 
   addUISourceCodeWithProvider(

package/front_end/models/bindings/DebuggerLanguagePlugins.ts

@@ -1110,13 +1110,13 @@ export class DebuggerLanguagePluginManager implements
       // update the #project. It's important to check
       // for the DebuggerModel again, which may disappear
       // in the meantime...
-      rawModuleHandle.addRawModulePromise.then(sourceFileURLs => {
+      void rawModuleHandle.addRawModulePromise.then(sourceFileURLs => {
         // The script might have disappeared meanwhile...
         if (script.debuggerModel.scriptForId(script.scriptId) === script) {
           const modelData = this.#debuggerModelToData.get(script.debuggerModel);
           if (modelData) {  // The DebuggerModel could have disappeared meanwhile...
             modelData.addSourceFiles(script, sourceFileURLs);
-            this.#debuggerWorkspaceBinding.updateLocations(script);
+            void this.#debuggerWorkspaceBinding.updateLocations(script);
           }
         }
       });

package/front_end/models/bindings/DebuggerWorkspaceBinding.ts

@@ -154,7 +154,7 @@ export class DebuggerWorkspaceBinding implements SDK.TargetManager.SDKModelObser
   }
 
   private recordLiveLocationChange(promise: Promise<void|Location|StackTraceTopFrameLocation|null>): void {
-    promise.then(() => {
+    void promise.then(() => {
       this.#liveLocationPromises.delete(promise);
     });
     this.#liveLocationPromises.add(promise);
@@ -541,7 +541,7 @@ class StackTraceTopFrameLocation extends LiveLocationWithPool {
     }
     this.#updateScheduled = true;
     queueMicrotask(() => {
-      this.updateLocation();
+      void this.updateLocation();
     });
   }
 
@@ -558,7 +558,7 @@ class StackTraceTopFrameLocation extends LiveLocationWithPool {
         break;
       }
     }
-    this.update();
+    void this.update();
   }
 }
 

package/front_end/models/bindings/DefaultScriptMapping.ts

@@ -103,7 +103,7 @@ export class DefaultScriptMapping implements DebuggerSourceMapping {
     }
     scriptToUISourceCodeMap.set(script, uiSourceCode);
     this.#project.addUISourceCodeWithProvider(uiSourceCode, script, null, 'text/javascript');
-    this.#debuggerWorkspaceBinding.updateLocations(script);
+    void this.#debuggerWorkspaceBinding.updateLocations(script);
   }
 
   private discardedScriptSource(event: Common.EventTarget.EventTargetEvent<SDK.Script.Script>): void {

package/front_end/models/bindings/FileUtils.ts

@@ -91,7 +91,7 @@ export class ChunkedFileReader implements ChunkedReader {
     }
 
     this.#output = output;
-    this.loadChunk();
+    void this.loadChunk();
 
     return new Promise(resolve => {
       this.#transferFinished = resolve;
@@ -145,7 +145,7 @@ export class ChunkedFileReader implements ChunkedReader {
     const buffer = (this.#reader.result as ArrayBuffer);
     this.#loadedSizeInternal += buffer.byteLength;
     const endOfFile = this.#loadedSizeInternal === this.#fileSizeInternal;
-    this.decodeChunkBuffer(buffer, endOfFile);
+    void this.decodeChunkBuffer(buffer, endOfFile);
   }
 
   private async decodeChunkBuffer(buffer: ArrayBuffer, endOfFile: boolean): Promise<void> {
@@ -165,7 +165,7 @@ export class ChunkedFileReader implements ChunkedReader {
       this.finishRead();
       return;
     }
-    this.loadChunk();
+    void this.loadChunk();
   }
 
   private finishRead(): void {
@@ -174,7 +174,7 @@ export class ChunkedFileReader implements ChunkedReader {
     }
     this.#file = null;
     this.#reader = null;
-    this.#output.close();
+    void this.#output.close();
     this.#transferFinished(!this.#errorInternal);
   }
 
@@ -187,7 +187,7 @@ export class ChunkedFileReader implements ChunkedReader {
       if (done || !value) {
         return this.finishRead();
       }
-      this.decodeChunkBuffer(value.buffer, false);
+      void this.decodeChunkBuffer(value.buffer, false);
     }
     if (this.#reader) {
       const chunkStart = this.#loadedSizeInternal;