chrome-devtools-frontend 1.0.954826 → 1.0.956060

package/front_end/panels/sources/SourcesNavigator.ts

@@ -171,7 +171,7 @@ export class FilesNavigatorView extends NavigatorView {
   `);
 
     const toolbar = new UI.Toolbar.Toolbar('navigator-toolbar');
-    toolbar.appendItemsAtLocation('files-navigator-toolbar').then(() => {
+    void toolbar.appendItemsAtLocation('files-navigator-toolbar').then(() => {
       if (!toolbar.empty()) {
         this.contentElement.insertBefore(toolbar.element, this.contentElement.firstChild);
       }
@@ -194,7 +194,7 @@ export class FilesNavigatorView extends NavigatorView {
   handleContextMenu(event: Event): void {
     const contextMenu = new UI.ContextMenu.ContextMenu(event);
     contextMenu.defaultSection().appendAction('sources.add-folder-to-workspace', undefined, true);
-    contextMenu.show();
+    void contextMenu.show();
   }
 }
 
@@ -272,7 +272,7 @@ export class OverridesNavigatorView extends NavigatorView {
     const title = i18nString(UIStrings.selectFolderForOverrides);
     const setupButton = new UI.Toolbar.ToolbarButton(title, 'largeicon-add', title);
     setupButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, _event => {
-      this.setupNewWorkspace();
+      void this.setupNewWorkspace();
     }, this);
     this.toolbar.appendToolbarItem(setupButton);
   }
@@ -338,7 +338,7 @@ export class SnippetsNavigatorView extends NavigatorView {
     const newButton = new UI.Toolbar.ToolbarButton(
         i18nString(UIStrings.newSnippet), 'largeicon-add', i18nString(UIStrings.newSnippet));
     newButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, _event => {
-      this.create(Snippets.ScriptSnippetFileSystem.findSnippetsProject(), '');
+      void this.create(Snippets.ScriptSnippetFileSystem.findSnippetsProject(), '');
     });
     toolbar.appendToolbarItem(newButton);
     this.contentElement.insertBefore(toolbar.element, this.contentElement.firstChild);
@@ -360,7 +360,7 @@ export class SnippetsNavigatorView extends NavigatorView {
     contextMenu.headerSection().appendItem(
         i18nString(UIStrings.createNewSnippet),
         () => this.create(Snippets.ScriptSnippetFileSystem.findSnippetsProject(), ''));
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   handleFileContextMenu(event: Event, node: NavigatorUISourceCodeTreeNode): void {
@@ -372,13 +372,13 @@ export class SnippetsNavigatorView extends NavigatorView {
     contextMenu.editSection().appendItem(
         i18nString(UIStrings.remove), () => uiSourceCode.project().deleteFile(uiSourceCode));
     contextMenu.saveSection().appendItem(i18nString(UIStrings.saveAs), this.handleSaveAs.bind(this, uiSourceCode));
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private async handleSaveAs(uiSourceCode: Workspace.UISourceCode.UISourceCode): Promise<void> {
     uiSourceCode.commitWorkingCopy();
     const {content} = await uiSourceCode.requestContent();
-    Workspace.FileManager.FileManager.instance().save(uiSourceCode.url(), content || '', true);
+    void Workspace.FileManager.FileManager.instance().save(uiSourceCode.url(), content || '', true);
     Workspace.FileManager.FileManager.instance().close(uiSourceCode.url());
   }
 }
@@ -399,12 +399,12 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
   handleAction(context: UI.Context.Context, actionId: string): boolean {
     switch (actionId) {
       case 'sources.create-snippet':
-        Snippets.ScriptSnippetFileSystem.findSnippetsProject()
+        void Snippets.ScriptSnippetFileSystem.findSnippetsProject()
             .createFile('', null, '')
             .then(uiSourceCode => Common.Revealer.reveal(uiSourceCode));
         return true;
       case 'sources.add-folder-to-workspace':
-        Persistence.IsolatedFileSystemManager.IsolatedFileSystemManager.instance().addFileSystem();
+        void Persistence.IsolatedFileSystemManager.IsolatedFileSystemManager.instance().addFileSystem();
         return true;
     }
     return false;

package/front_end/panels/sources/SourcesPanel.ts

@@ -266,7 +266,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
         .addChangeListener(this.updateSidebarPosition.bind(this));
     this.updateSidebarPosition();
 
-    this.updateDebuggerButtonsAndStatus();
+    void this.updateDebuggerButtonsAndStatus();
     this.pauseOnExceptionEnabledChanged();
     Common.Settings.Settings.instance()
         .moduleSetting('pauseOnExceptionEnabled')
@@ -338,7 +338,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     if (ThreadsSidebarPane.shouldBeShown() && !this.threadsSidebarPane) {
       this.threadsSidebarPane = (UI.ViewManager.ViewManager.instance().view('sources.threads') as UI.View.View);
       if (this.sidebarPaneStack && this.threadsSidebarPane) {
-        this.sidebarPaneStack.showView(
+        void this.sidebarPaneStack.showView(
             this.threadsSidebarPane, this.splitWidget.isVertical() ? this.watchSidebarPane : this.callstackPane);
       }
     }
@@ -407,7 +407,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     if (!UI.InspectorView.InspectorView.instance().canSelectPanel('sources')) {
       return false;
     }
-    UI.ViewManager.ViewManager.instance().showView('sources');
+    void UI.ViewManager.ViewManager.instance().showView('sources');
     return true;
   }
 
@@ -426,7 +426,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     const details = debuggerModel.debuggerPausedDetails();
     if (!this.pausedInternal &&
         Common.Settings.Settings.instance().moduleSetting('autoFocusOnDebuggerPausedEnabled').get()) {
-      this.setAsCurrentPanel();
+      void this.setAsCurrentPanel();
     }
 
     if (UI.Context.Context.instance().flavor(SDK.Target.Target) === debuggerModel.target()) {
@@ -438,7 +438,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
 
   private showDebuggerPausedDetails(details: SDK.DebuggerModel.DebuggerPausedDetails): void {
     this.pausedInternal = true;
-    this.updateDebuggerButtonsAndStatus();
+    void this.updateDebuggerButtonsAndStatus();
     UI.Context.Context.instance().setFlavor(SDK.DebuggerModel.DebuggerPausedDetails, details);
     this.toggleDebuggerSidebarButton.setEnabled(false);
     this.revealDebuggerSidebar();
@@ -463,7 +463,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
       return;
     }
 
-    this.updateDebuggerButtonsAndStatus();
+    void this.updateDebuggerButtonsAndStatus();
   }
 
   get visibleView(): UI.Widget.Widget|null {
@@ -489,7 +489,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     if (WrapperView.isShowing()) {
       return;
     }
-    this.setAsCurrentPanel();
+    void this.setAsCurrentPanel();
   }
 
   showUILocation(uiLocation: Workspace.UISourceCode.UILocation, omitFocus?: boolean): void {
@@ -505,7 +505,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
         if (skipReveal) {
           this.navigatorTabbedLocation.tabbedPane().selectTab(viewId);
         } else {
-          UI.ViewManager.ViewManager.instance().showView(viewId);
+          void UI.ViewManager.ViewManager.instance().showView(viewId);
         }
       }
     }
@@ -529,6 +529,9 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
 
   private async executionLineChanged(liveLocation: Bindings.LiveLocation.LiveLocation): Promise<void> {
     const uiLocation = await liveLocation.uiLocation();
+    if (liveLocation.isDisposed()) {
+      return;
+    }
     if (!uiLocation) {
       return;
     }
@@ -563,7 +566,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     const enabled = Common.Settings.Settings.instance().moduleSetting('pauseOnExceptionEnabled').get();
     const button = (this.pauseOnExceptionButton as UI.Toolbar.ToolbarToggle);
     button.setToggled(enabled);
-    button.setTitle(enabled ? i18nString(UIStrings.pauseOnExceptions) : i18nString(UIStrings.dontPauseOnExceptions));
+    button.setTitle(enabled ? i18nString(UIStrings.dontPauseOnExceptions) : i18nString(UIStrings.pauseOnExceptions));
     this.debugToolbarDrawer.classList.toggle('expanded', enabled);
   }
 
@@ -605,7 +608,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
   }
 
   private clearInterface(): void {
-    this.updateDebuggerButtonsAndStatus();
+    void this.updateDebuggerButtonsAndStatus();
     UI.Context.Context.instance().setFlavor(SDK.DebuggerModel.DebuggerPausedDetails, null);
 
     if (this.switchToPausedTargetTimeout) {
@@ -639,7 +642,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
   runSnippet(): void {
     const uiSourceCode = this.sourcesViewInternal.currentUISourceCode();
     if (uiSourceCode) {
-      Snippets.ScriptSnippetFileSystem.evaluateScriptSnippet(uiSourceCode);
+      void Snippets.ScriptSnippetFileSystem.evaluateScriptSnippet(uiSourceCode);
     }
   }
 
@@ -696,7 +699,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
   private terminateExecution(): void {
     const debuggerModel = this.prepareToResume();
     if (debuggerModel) {
-      debuggerModel.runtimeModel().terminateExecution();
+      void debuggerModel.runtimeModel().terminateExecution();
       debuggerModel.resume();
     }
   }
@@ -704,7 +707,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
   stepOver(): boolean {
     const debuggerModel = this.prepareToResume();
     if (debuggerModel) {
-      debuggerModel.stepOver();
+      void debuggerModel.stepOver();
     }
     return true;
   }
@@ -712,7 +715,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
   stepInto(): boolean {
     const debuggerModel = this.prepareToResume();
     if (debuggerModel) {
-      debuggerModel.stepInto();
+      void debuggerModel.stepInto();
     }
     return true;
   }
@@ -728,7 +731,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
   stepOut(): boolean {
     const debuggerModel = this.prepareToResume();
     if (debuggerModel) {
-      debuggerModel.stepOut();
+      void debuggerModel.stepOut();
     }
     return true;
   }
@@ -961,7 +964,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
   }
 
   private showFunctionDefinition(remoteObject: SDK.RemoteObject.RemoteObject): void {
-    remoteObject.debuggerModel().functionDetailsPromise(remoteObject).then(this.didGetFunctionDetails.bind(this));
+    void remoteObject.debuggerModel().functionDetailsPromise(remoteObject).then(this.didGetFunctionDetails.bind(this));
   }
 
   private async didGetFunctionDetails(response: {
@@ -980,7 +983,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
   }
 
   private revealNavigatorSidebar(): void {
-    this.setAsCurrentPanel();
+    void this.setAsCurrentPanel();
     this.editorView.showBoth(true);
   }
 
@@ -988,7 +991,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     if (!Common.Settings.Settings.instance().moduleSetting('autoFocusOnDebuggerPausedEnabled').get()) {
       return;
     }
-    this.setAsCurrentPanel();
+    void this.setAsCurrentPanel();
     this.splitWidget.showBoth(true);
   }
 
@@ -1034,7 +1037,7 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     this.sidebarPaneStack.appendApplicableItems('sources.sidebar-top');
 
     if (this.threadsSidebarPane) {
-      this.sidebarPaneStack.showView(this.threadsSidebarPane);
+      void this.sidebarPaneStack.showView(this.threadsSidebarPane);
     }
 
     const jsBreakpoints = (UI.ViewManager.ViewManager.instance().view('sources.jsBreakpoints') as UI.View.View);
@@ -1048,9 +1051,9 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
     if (!vertically) {
       // Populate the rest of the stack.
       this.sidebarPaneStack.appendView(this.watchSidebarPane);
-      this.sidebarPaneStack.showView(jsBreakpoints);
-      this.sidebarPaneStack.showView(scopeChainView);
-      this.sidebarPaneStack.showView(this.callstackPane);
+      void this.sidebarPaneStack.showView(jsBreakpoints);
+      void this.sidebarPaneStack.showView(scopeChainView);
+      void this.sidebarPaneStack.showView(this.callstackPane);
       this.extensionSidebarPanesContainer = this.sidebarPaneStack;
       this.sidebarPaneView = vbox;
       this.splitWidget.uninstallResizer(this.debugToolbar.gripElementForResize());
@@ -1059,8 +1062,8 @@ export class SourcesPanel extends UI.Panel.Panel implements UI.ContextMenu.Provi
       splitWidget.setMainWidget(vbox);
 
       // Populate the left stack.
-      this.sidebarPaneStack.showView(jsBreakpoints);
-      this.sidebarPaneStack.showView(this.callstackPane);
+      void this.sidebarPaneStack.showView(jsBreakpoints);
+      void this.sidebarPaneStack.showView(this.callstackPane);
 
       const tabbedLocation =
           UI.ViewManager.ViewManager.instance().createTabbedLocation(this.revealDebuggerSidebar.bind(this));
@@ -1316,7 +1319,7 @@ export class DebuggingActionDelegate implements UI.ActionRegistration.ActionDele
           if (executionContext) {
             const message = SDK.ConsoleModel.ConsoleModel.instance().addCommandMessage(executionContext, text);
             text = ObjectUI.JavaScriptREPL.JavaScriptREPL.wrapObjectLiteral(text);
-            SDK.ConsoleModel.ConsoleModel.instance().evaluateCommandInConsole(
+            void SDK.ConsoleModel.ConsoleModel.instance().evaluateCommandInConsole(
                 executionContext, message, text, /* useCommandLineAPI */ true);
           }
         }

package/front_end/panels/sources/SourcesSearchScope.ts

@@ -135,7 +135,7 @@ export class SourcesSearchScope implements Search.SearchConfig.SearchScope {
       promises.push(promise);
     }
 
-    Promise.all(promises).then(this.processMatchingFiles.bind(
+    void Promise.all(promises).then(this.processMatchingFiles.bind(
         this, this.searchId, searchContentProgress, this.searchFinishedCallback.bind(this, true)));
   }
 
@@ -222,7 +222,7 @@ export class SourcesSearchScope implements Search.SearchConfig.SearchScope {
       if (uiSourceCode.isDirty()) {
         contentLoaded.call(this, uiSourceCode, uiSourceCode.workingCopy());
       } else {
-        uiSourceCode.requestContent().then(deferredContent => {
+        void uiSourceCode.requestContent().then(deferredContent => {
           contentLoaded.call(this, uiSourceCode, deferredContent.content || '');
         });
       }

package/front_end/panels/sources/SourcesView.ts

@@ -124,9 +124,9 @@ export class SourcesView extends Common.ObjectWrapper.eventMixin<EventTypes, typ
       }
 
       event.returnValue = true;
-      UI.ViewManager.ViewManager.instance().showView('sources');
+      void UI.ViewManager.ViewManager.instance().showView('sources');
       for (const sourceCode of unsavedSourceCodes) {
-        Common.Revealer.reveal(sourceCode);
+        void Common.Revealer.reveal(sourceCode);
       }
     }
 
@@ -172,7 +172,7 @@ export class SourcesView extends Common.ObjectWrapper.eventMixin<EventTypes, typ
         this.placeholderOptionArray.push({
           element: row,
           handler(): void {
-            action.execute();
+            void action.execute();
           },
         });
       }
@@ -342,7 +342,7 @@ export class SourcesView extends Common.ObjectWrapper.eventMixin<EventTypes, typ
   private updateScriptViewToolbarItems(): void {
     const view = this.visibleView();
     if (view instanceof UI.View.SimpleView) {
-      view.toolbarItems().then(items => {
+      void view.toolbarItems().then(items => {
         this.scriptViewToolbar.removeToolbarItems();
         items.map(item => this.scriptViewToolbar.appendToolbarItem(item));
       });

package/front_end/panels/sources/TabbedEditorContainer.ts

@@ -477,7 +477,7 @@ export class TabbedEditorContainer extends Common.ObjectWrapper.ObjectWrapper<Ev
     if (uiSourceCode.loadError()) {
       this.addLoadErrorIcon(tabId);
     } else if (!uiSourceCode.contentLoaded()) {
-      uiSourceCode.requestContent().then(_content => {
+      void uiSourceCode.requestContent().then(_content => {
         if (uiSourceCode.loadError()) {
           this.addLoadErrorIcon(tabId);
         }

package/front_end/panels/sources/UISourceCodeFrame.ts

@@ -172,7 +172,7 @@ export class UISourceCodeFrame extends
       this.unloadUISourceCode();
       this.uiSourceCodeInternal = uiSourceCode;
       if (uiSourceCode.workingCopy() !== this.textEditor.state.doc.toString()) {
-        this.setContent(uiSourceCode.workingCopy());
+        void this.setContent(uiSourceCode.workingCopy());
       } else {
         this.reloadPlugins();
       }
@@ -373,7 +373,7 @@ export class UISourceCodeFrame extends
 
   private maybeSetContent(content: string): void {
     if (this.textEditor.state.doc.toString() !== content) {
-      this.setContent(content);
+      void this.setContent(content);
     }
   }
 

package/front_end/panels/sources/WatchExpressionsSidebarPane.ts

@@ -109,7 +109,7 @@ export class WatchExpressionsSidebarPane extends UI.ThrottledWidget.ThrottledWid
 
     this.addButton = new UI.Toolbar.ToolbarButton(i18nString(UIStrings.addWatchExpression), 'largeicon-add');
     this.addButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, _event => {
-      this.addButtonClicked();
+      void this.addButtonClicked();
     });
     this.refreshButton =
         new UI.Toolbar.ToolbarButton(i18nString(UIStrings.refreshWatchExpressions), 'largeicon-refresh');
@@ -219,7 +219,7 @@ export class WatchExpressionsSidebarPane extends UI.ThrottledWidget.ThrottledWid
   private contextMenu(event: MouseEvent): void {
     const contextMenu = new UI.ContextMenu.ContextMenu(event);
     this.populateContextMenu(contextMenu, event);
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private populateContextMenu(contextMenu: UI.ContextMenu.ContextMenu, event: MouseEvent): void {
@@ -268,7 +268,7 @@ export class WatchExpressionsSidebarPane extends UI.ThrottledWidget.ThrottledWid
     }
     const {state} = frame.textEditor;
     const text = state.sliceDoc(state.selection.main.from, state.selection.main.to);
-    this.focusAndAddExpressionToWatch(text);
+    void this.focusAndAddExpressionToWatch(text);
     return true;
   }
 
@@ -334,7 +334,7 @@ export class WatchExpression extends Common.ObjectWrapper.ObjectWrapper<EventTyp
   update(): void {
     const currentExecutionContext = UI.Context.Context.instance().flavor(SDK.RuntimeModel.ExecutionContext);
     if (currentExecutionContext && this.expressionInternal) {
-      currentExecutionContext
+      void currentExecutionContext
           .evaluate(
               {
                 expression: this.expressionInternal,

package/front_end/panels/timeline/EventsTimelineTreeView.ts

@@ -142,7 +142,7 @@ export class EventsTimelineTreeView extends TimelineTreeView {
     if (!model) {
       return false;
     }
-    TimelineUIUtils.buildTraceEventDetails(traceEvent, model.timelineModel(), this.linkifier, false)
+    void TimelineUIUtils.buildTraceEventDetails(traceEvent, model.timelineModel(), this.linkifier, false)
         .then(fragment => this.detailsView.element.appendChild(fragment));
     return true;
   }

package/front_end/panels/timeline/TimelineController.ts

@@ -153,7 +153,7 @@ export class TimelineController implements SDK.TargetManager.SDKModelObserver<SD
 
   modelAdded(cpuProfilerModel: SDK.CPUProfilerModel.CPUProfilerModel): void {
     if (this.profiling) {
-      cpuProfilerModel.startRecording();
+      void cpuProfilerModel.startRecording();
     }
   }
 

package/front_end/panels/timeline/TimelineDetailsView.ts

@@ -217,7 +217,7 @@ export class TimelineDetailsView extends UI.Widget.VBox {
     switch (this.selection.type()) {
       case TimelineSelection.Type.TraceEvent: {
         const event = (this.selection.object() as SDK.TracingModel.Event);
-        TimelineUIUtils.buildTraceEventDetails(event, this.model.timelineModel(), this.detailsLinkifier, true)
+        void TimelineUIUtils.buildTraceEventDetails(event, this.model.timelineModel(), this.detailsLinkifier, true)
             .then(fragment => this.appendDetailsTabsForTraceEventAndShowDetails(event, fragment));
         break;
       }
@@ -236,7 +236,7 @@ export class TimelineDetailsView extends UI.Widget.VBox {
       }
       case TimelineSelection.Type.NetworkRequest: {
         const request = (this.selection.object() as TimelineModel.TimelineModel.NetworkRequest);
-        TimelineUIUtils.buildNetworkRequestDetails(request, this.model.timelineModel(), this.detailsLinkifier)
+        void TimelineUIUtils.buildNetworkRequestDetails(request, this.model.timelineModel(), this.detailsLinkifier)
             .then(this.setContent.bind(this));
         break;
       }

package/front_end/panels/timeline/TimelineEventOverview.ts

@@ -384,7 +384,7 @@ export class TimelineFilmStripOverview extends TimelineEventOverview {
 
     const drawGeneration = Symbol('drawGeneration');
     this.drawGeneration = drawGeneration;
-    this.imageByFrame(frames[0]).then(image => {
+    void this.imageByFrame(frames[0]).then(image => {
       if (this.drawGeneration !== drawGeneration) {
         return;
       }
@@ -433,7 +433,7 @@ export class TimelineFilmStripOverview extends TimelineEventOverview {
         continue;
       }
       context.rect(x - 0.5, 0.5, imageWidth + 1, imageHeight + 1);
-      this.imageByFrame(frame).then(drawFrameImage.bind(this, x));
+      void this.imageByFrame(frame).then(drawFrameImage.bind(this, x));
     }
     context.strokeStyle = '#ddd';
     context.stroke();

package/front_end/panels/timeline/TimelineFlameChartDataProvider.ts

@@ -251,10 +251,8 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW
       padding: 4,
       height: 17,
       collapsible: true,
-      color:
-          ThemeSupport.ThemeSupport.instance().patchColorText('#222', ThemeSupport.ThemeSupport.ColorUsage.Foreground),
-      backgroundColor:
-          ThemeSupport.ThemeSupport.instance().patchColorText('white', ThemeSupport.ThemeSupport.ColorUsage.Background),
+      color: ThemeSupport.ThemeSupport.instance().getComputedValue('--color-text-primary'),
+      backgroundColor: ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background'),
       font: this.font,
       nestingLevel: 0,
       shareHeaderLine: true,
@@ -1140,7 +1138,7 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW
     }
 
     if (type === entryTypes.Screenshot) {
-      this.drawScreenshot(entryIndex, context, barX, barY, barWidth, barHeight);
+      void this.drawScreenshot(entryIndex, context, barX, barY, barWidth, barHeight);
       return true;
     }
 

package/front_end/panels/timeline/TimelineFlameChartNetworkDataProvider.ts

@@ -63,11 +63,9 @@ export class TimelineFlameChartNetworkDataProvider implements PerfUI.FlameChart.
       padding: 4,
       height: 17,
       collapsible: true,
-      color:
-          ThemeSupport.ThemeSupport.instance().patchColorText('#222', ThemeSupport.ThemeSupport.ColorUsage.Foreground),
+      color: ThemeSupport.ThemeSupport.instance().getComputedValue('--color-text-primary'),
       font: this.font,
-      backgroundColor:
-          ThemeSupport.ThemeSupport.instance().patchColorText('white', ThemeSupport.ThemeSupport.ColorUsage.Background),
+      backgroundColor: ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background'),
       nestingLevel: 0,
       useFirstLineForOverview: false,
       useDecoratorsForOverview: true,
@@ -196,11 +194,10 @@ export class TimelineFlameChartNetworkDataProvider implements PerfUI.FlameChart.
     const end = Math.max(timeToPixel(endTime), finish);
 
     // Draw waiting time.
-    context.fillStyle = 'hsla(0, 100%, 100%, 0.8)';
+    context.fillStyle = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background-opacity-80');
     context.fillRect(sendStart + 0.5, barY + 0.5, headersEnd - sendStart - 0.5, barHeight - 2);
     // Clear portions of initial rect to prepare for the ticks.
-    context.fillStyle =
-        ThemeSupport.ThemeSupport.instance().patchColorText('white', ThemeSupport.ThemeSupport.ColorUsage.Background);
+    context.fillStyle = ThemeSupport.ThemeSupport.instance().getComputedValue('--color-background');
     context.fillRect(barX, barY - 0.5, sendStart - barX, barHeight);
     context.fillRect(finish, barY - 0.5, barX + barWidth - finish, barHeight);
 

package/front_end/panels/timeline/TimelineHistoryManager.ts

@@ -271,7 +271,7 @@ export class TimelineHistoryManager {
     if (!lastFrame) {
       return container;
     }
-    lastFrame.imageDataPromise()
+    void lastFrame.imageDataPromise()
         .then(data => UI.UIUtils.loadImageFromData(data))
         // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
         // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/front_end/panels/timeline/TimelineLayersView.ts

@@ -74,7 +74,7 @@ export class TimelineLayersView extends UI.SplitWidget.SplitWidget {
 
   private update(): void {
     if (this.frameLayerTree) {
-      this.frameLayerTree.layerTreePromise().then(layerTree => this.layerViewHost.setLayerTree(layerTree));
+      void this.frameLayerTree.layerTreePromise().then(layerTree => this.layerViewHost.setLayerTree(layerTree));
     }
   }
 }

package/front_end/panels/timeline/TimelineLoader.ts

@@ -67,7 +67,7 @@ export class TimelineLoader implements Common.StringOutputStream.OutputStream {
     const fileReader = new Bindings.FileUtils.ChunkedFileReader(file, TransferChunkLengthBytes);
     loader.canceledCallback = fileReader.cancel.bind(fileReader);
     loader.totalSize = file.size;
-    fileReader.read(loader).then(success => {
+    void fileReader.read(loader).then(success => {
       if (!success && fileReader.error()) {
         // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -89,7 +89,7 @@ export class TimelineLoader implements Common.StringOutputStream.OutputStream {
         client.loadingProgress((i + chunk.length) / events.length);
         await new Promise(r => setTimeout(r));  // Yield event loop to paint.
       }
-      loader.close();
+      void loader.close();
     });
 
     return loader;

package/front_end/panels/timeline/TimelinePaintProfilerView.ts

@@ -90,7 +90,7 @@ export class TimelinePaintProfilerView extends UI.SplitWidget.SplitWidget {
 
   private update(): void {
     this.logTreeView.setCommandLog([]);
-    this.paintProfilerView.setSnapshotAndLog(null, [], null);
+    void this.paintProfilerView.setSnapshotAndLog(null, [], null);
 
     let snapshotPromise: Promise<{
       rect: Protocol.DOM.Rect | null,
@@ -115,7 +115,7 @@ export class TimelinePaintProfilerView extends UI.SplitWidget.SplitWidget {
       console.assert(false, 'Unexpected event type or no snapshot');
       return;
     }
-    snapshotPromise.then(snapshotWithRect => {
+    void snapshotPromise.then(snapshotWithRect => {
       this.releaseSnapshot();
       if (!snapshotWithRect) {
         this.imageView.showImage();
@@ -124,14 +124,14 @@ export class TimelinePaintProfilerView extends UI.SplitWidget.SplitWidget {
       const snapshot = snapshotWithRect.snapshot;
       this.lastLoadedSnapshot = snapshot;
       this.imageView.setMask(snapshotWithRect.rect);
-      snapshot.commandLog().then(log => onCommandLogDone.call(this, snapshot, snapshotWithRect.rect, log || []));
+      void snapshot.commandLog().then(log => onCommandLogDone.call(this, snapshot, snapshotWithRect.rect, log || []));
     });
 
     function onCommandLogDone(
         this: TimelinePaintProfilerView, snapshot: SDK.PaintProfiler.PaintProfilerSnapshot,
         clipRect: Protocol.DOM.Rect|null, log?: SDK.PaintProfiler.PaintProfilerLogItem[]): void {
       this.logTreeView.setCommandLog(log || []);
-      this.paintProfilerView.setSnapshotAndLog(snapshot, log || [], clipRect);
+      void this.paintProfilerView.setSnapshotAndLog(snapshot, log || [], clipRect);
     }
   }