chrome-devtools-frontend 1.0.955092 → 1.0.956812

package/front_end/entrypoints/formatter_worker/FormatterActions.ts

@@ -11,3 +11,13 @@ export const enum FormatterActions {
   EVALUATE_JAVASCRIPT_SUBSTRING = 'evaluatableJavaScriptSubstring',
   ARGUMENTS_LIST = 'argumentsList',
 }
+
+export interface FormatMapping {
+  original: number[];
+  formatted: number[];
+}
+
+export interface FormatResult {
+  content: string;
+  mapping: FormatMapping;
+}

package/front_end/entrypoints/formatter_worker/FormatterWorker.ts

@@ -30,7 +30,6 @@
 
 import * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
-import type * as Formatter from '../../models/formatter/formatter.js';
 import * as Acorn from '../../third_party/acorn/acorn.js';
 import type * as CodeMirrorModule from '../../third_party/codemirror/codemirror-legacy.js'; // eslint-disable-line @typescript-eslint/no-unused-vars
 
@@ -38,6 +37,7 @@ import {AcornTokenizer, ECMA_VERSION} from './AcornTokenizer.js';
 import {CSSFormatter} from './CSSFormatter.js';
 import {ESTreeWalker} from './ESTreeWalker.js';
 import {FormattedContentBuilder} from './FormattedContentBuilder.js';
+import type {FormatResult} from './FormatterActions.js';
 import {HTMLFormatter} from './HTMLFormatter.js';
 import {IdentityFormatter} from './IdentityFormatter.js';
 import {JavaScriptFormatter} from './JavaScriptFormatter.js';
@@ -179,12 +179,11 @@ export function javaScriptIdentifiers(content: string): {
   return identifiers.map(id => ({name: 'name' in id && id.name || undefined, offset: id.start}));
 }
 
-export function format(
-    mimeType: string, text: string, indentString?: string): Formatter.FormatterWorkerPool.FormatResult {
+export function format(mimeType: string, text: string, indentString?: string): FormatResult {
   // Default to a 4-space indent.
   indentString = indentString || '    ';
 
-  let result: Formatter.FormatterWorkerPool.FormatResult;
+  let result: FormatResult;
   const builder = new FormattedContentBuilder(indentString);
   const lineEndings = Platform.StringUtilities.findLineEndingIndexes(text);
   try {

package/front_end/entrypoints/heap_snapshot_worker/HeapSnapshotLoader.ts

@@ -55,7 +55,7 @@ export class HeapSnapshotLoader {
     this.#buffer = '';
     this.#dataCallback = null;
     this.#done = false;
-    this.#parseInput();
+    void this.#parseInput();
   }
 
   dispose(): void {

package/front_end/entrypoints/inspector_main/InspectorMain.ts

@@ -76,7 +76,7 @@ export class InspectorMainImpl implements Common.Runnable.Runnable {
         }
       }
 
-      target.runtimeAgent().invoke_runIfWaitingForDebugger();
+      void target.runtimeAgent().invoke_runIfWaitingForDebugger();
     }, Components.TargetDetachedDialog.TargetDetachedDialog.webSocketConnectionLost);
 
     new SourcesPanelIndicator();
@@ -137,7 +137,7 @@ export class FocusDebuggeeActionDelegate implements UI.ActionRegistration.Action
     if (!mainTarget) {
       return false;
     }
-    mainTarget.pageAgent().invoke_bringToFront();
+    void mainTarget.pageAgent().invoke_bringToFront();
     return true;
   }
 }
@@ -227,8 +227,8 @@ export class BackendSettingsSync implements SDK.TargetManager.Observer {
     if (target.type() !== SDK.Target.Type.Frame || target.parentTarget()) {
       return;
     }
-    target.pageAgent().invoke_setAdBlockingEnabled({enabled: this.#adBlockEnabledSetting.get()});
-    target.emulationAgent().invoke_setFocusEmulationEnabled({enabled: this.#emulatePageFocusSetting.get()});
+    void target.pageAgent().invoke_setAdBlockingEnabled({enabled: this.#adBlockEnabledSetting.get()});
+    void target.emulationAgent().invoke_setFocusEmulationEnabled({enabled: this.#emulatePageFocusSetting.get()});
   }
 
   #updateAutoAttach(): void {

package/front_end/entrypoints/inspector_main/RenderingOptions.ts

@@ -298,7 +298,7 @@ export class RenderingOptionsView extends UI.Widget.VBox {
 
     this.contentElement.createChild('div').classList.add('panel-section-separator');
 
-    supportsJpegXl().then(hasSupport => {
+    void supportsJpegXl().then(hasSupport => {
       if (!hasSupport) {
         return;
       }

package/front_end/entrypoints/js_app/js_app.ts

@@ -35,10 +35,10 @@ export class JsMainImpl implements Common.Runnable.Runnable {
 
   async run(): Promise<void> {
     Host.userMetrics.actionTaken(Host.UserMetrics.Action.ConnectToNodeJSDirectly);
-    SDK.Connections.initMainConnection(async () => {
+    void SDK.Connections.initMainConnection(async () => {
       const target = SDK.TargetManager.TargetManager.instance().createTarget(
           'main', i18nString(UIStrings.main), SDK.Target.Type.Node, null);
-      target.runtimeAgent().invoke_runIfWaitingForDebugger();
+      void target.runtimeAgent().invoke_runIfWaitingForDebugger();
     }, Components.TargetDetachedDialog.TargetDetachedDialog.webSocketConnectionLost);
   }
 }

package/front_end/entrypoints/lighthouse_worker/LighthouseService.ts

@@ -87,20 +87,17 @@ async function fetchLocaleData(locales: string[]): Promise<string|void> {
 
   // Try to load the locale data.
   try {
-    let localeDataTextPromise;
     const remoteBase = Root.Runtime.getRemoteBase();
+    let localeUrl: string;
     if (remoteBase && remoteBase.base) {
-      const localeUrl = `${remoteBase.base}third_party/lighthouse/locales/${locale}.json`;
-      localeDataTextPromise = Root.Runtime.loadResourcePromise(localeUrl);
+      localeUrl = `${remoteBase.base}third_party/lighthouse/locales/${locale}.json`;
     } else {
-      const localeUrl = new URL(`../../third_party/lighthouse/locales/${locale}.json`, import.meta.url);
-      localeDataTextPromise = Root.Runtime.loadResourcePromise(localeUrl.toString());
+      localeUrl = new URL(`../../third_party/lighthouse/locales/${locale}.json`, import.meta.url).toString();
     }
 
     const timeoutPromise = new Promise<string>(
         (resolve, reject) => setTimeout(() => reject(new Error('timed out fetching locale')), 5000));
-    const localeDataText = await Promise.race([timeoutPromise, localeDataTextPromise]);
-    const localeData = JSON.parse(localeDataText);
+    const localeData = await Promise.race([timeoutPromise, fetch(localeUrl).then(result => result.json())]);
     // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
     self.registerLocaleData(locale, localeData);
     return locale;

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);
       }
@@ -798,7 +806,7 @@ export class MainMenuItem implements UI.Toolbar.Provider {
       dockItemElement.classList.add('flex-auto');
       dockItemElement.tabIndex = -1;
       UI.ARIAUtils.setAccessibleName(dockItemElement, UIStrings.dockSide);
-      const titleElement = dockItemElement.createChild('span', 'flex-auto');
+      const titleElement = dockItemElement.createChild('span', 'dockside-title');
       titleElement.textContent = i18nString(UIStrings.dockSide);
       const toggleDockSideShorcuts =
           UI.ShortcutRegistry.ShortcutRegistry.instance().shortcutsForAction('main.toggle-dock');
@@ -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/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 {

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;