chrome-devtools-frontend 1.0.954777 → 1.0.955630

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -206,7 +206,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
   private readonly linkifier: Components.Linkifier.Linkifier;
   private repeatCountInternal: number;
   private closeGroupDecorationCount: number;
-  private readonly nestingLevelInternal: number;
+  private consoleGroupInternal: ConsoleGroupViewMessage|null;
   private selectableChildren: {
     element: HTMLElement,
     forceSelect: () => void,
@@ -238,14 +238,13 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
   constructor(
       consoleMessage: SDK.ConsoleModel.ConsoleMessage, linkifier: Components.Linkifier.Linkifier,
       requestResolver: Logs.RequestResolver.RequestResolver, issueResolver: IssuesManager.IssueResolver.IssueResolver,
-      nestingLevel: number, onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
+      onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
     this.message = consoleMessage;
     this.linkifier = linkifier;
     this.requestResolver = requestResolver;
     this.issueResolver = issueResolver;
     this.repeatCountInternal = 1;
     this.closeGroupDecorationCount = 0;
-    this.nestingLevelInternal = nestingLevel;
     this.selectableChildren = [];
     this.messageResized = onResize;
     this.elementInternal = null;
@@ -269,6 +268,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
     this.lastInSimilarGroup = false;
     this.groupKeyInternal = '';
     this.repeatCountElement = null;
+    this.consoleGroupInternal = null;
   }
 
   element(): HTMLElement {
@@ -702,7 +702,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
       this.previewFormatter.appendObjectPreview(titleElement, obj.preview, false /* isEntry */);
     } else if (obj.type === 'function') {
       const functionElement = titleElement.createChild('span');
-      ObjectUI.ObjectPropertiesSection.ObjectPropertiesSection.formatObjectAsFunction(obj, functionElement, false);
+      void ObjectUI.ObjectPropertiesSection.ObjectPropertiesSection.formatObjectAsFunction(obj, functionElement, false);
       titleElement.classList.add('object-value-function');
     } else if (obj.subtype === 'trustedtype') {
       titleElement.appendChild(this.formatParameterAsTrustedType(obj));
@@ -734,7 +734,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
 
   private formatParameterAsFunction(func: SDK.RemoteObject.RemoteObject, includePreview?: boolean): HTMLElement {
     const result = document.createElement('span');
-    SDK.RemoteObject.RemoteFunction.objectAsFunction(func).targetFunction().then(formatTargetFunction.bind(this));
+    void SDK.RemoteObject.RemoteFunction.objectAsFunction(func).targetFunction().then(formatTargetFunction.bind(this));
     return result;
 
     function formatTargetFunction(this: ConsoleViewMessage, targetFunction: SDK.RemoteObject.RemoteObject): void {
@@ -747,7 +747,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
         UI.Tooltip.Tooltip.install(note, i18nString(UIStrings.functionWasResolvedFromBound));
       }
       result.addEventListener('contextmenu', this.contextMenuEventFired.bind(this, targetFunction), false);
-      promise.then(() => this.formattedParameterAsFunctionForTest());
+      void promise.then(() => this.formattedParameterAsFunctionForTest());
     }
   }
 
@@ -757,7 +757,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
   private contextMenuEventFired(obj: SDK.RemoteObject.RemoteObject, event: Event): void {
     const contextMenu = new UI.ContextMenu.ContextMenu(event);
     contextMenu.appendApplicableItems(obj);
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   protected renderPropertyPreviewOrAccessor(
@@ -778,7 +778,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
     if (!domModel) {
       return result;
     }
-    domModel.pushObjectAsNodeToFrontend(remoteObject).then(async (node: SDK.DOMModel.DOMNode|null) => {
+    void domModel.pushObjectAsNodeToFrontend(remoteObject).then(async (node: SDK.DOMModel.DOMNode|null) => {
       if (!node) {
         result.appendChild(this.formatParameterAsObject(remoteObject, false));
         return;
@@ -906,6 +906,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
           // Make sure that allowed properties do not interfere with link visibility.
           const ALLOWED_PROPERTY_PREFIXES =
               ['background', 'border', 'color', 'font', 'line', 'margin', 'padding', 'text'];
+
           currentStyle.clear();
           const buffer = document.createElement('span');
           buffer.setAttribute('style', token.value);
@@ -959,7 +960,24 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
   }
 
   nestingLevel(): number {
-    return this.nestingLevelInternal;
+    let nestingLevel = 0;
+    for (let group = this.consoleGroup(); group !== null; group = group.consoleGroup()) {
+      nestingLevel++;
+    }
+    return nestingLevel;
+  }
+
+  setConsoleGroup(group: ConsoleGroupViewMessage): void {
+    console.assert(this.consoleGroupInternal === null);
+    this.consoleGroupInternal = group;
+  }
+
+  clearConsoleGroup(): void {
+    this.consoleGroupInternal = null;
+  }
+
+  consoleGroup(): ConsoleGroupViewMessage|null {
+    return this.consoleGroupInternal;
   }
 
   setInSimilarGroup(inSimilarGroup: boolean, isLast?: boolean): void {
@@ -1170,7 +1188,7 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
     }
 
     this.nestingLevelMarkers = [];
-    for (let i = 0; i < this.nestingLevelInternal; ++i) {
+    for (let i = 0; i < this.nestingLevel(); ++i) {
       this.nestingLevelMarkers.push(this.elementInternal.createChild('div', 'nesting-level-marker'));
     }
     this.updateCloseGroupDecorations();
@@ -1534,7 +1552,8 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
       // If we were able to parse the function name from the stack trace line, try to replace it with an expansion of
       // any inline frames.
       const selectableChildIndex = this.selectableChildren.length - 1;
-      this.expandInlineStackFrames(
+      void this
+          .expandInlineStackFrames(
               debuggerModel, prefixWithoutFunction, suffix, link.url, link.lineNumber, link.columnNumber,
               formattedResult, formattedLine)
           .then(modified => {
@@ -1699,17 +1718,18 @@ export class ConsoleGroupViewMessage extends ConsoleViewMessage {
   private collapsedInternal: boolean;
   private expandGroupIcon: UI.Icon.Icon|null;
   private readonly onToggle: () => void;
+  private groupEndMessageInternal: ConsoleViewMessage|null;
 
   constructor(
       consoleMessage: SDK.ConsoleModel.ConsoleMessage, linkifier: Components.Linkifier.Linkifier,
       requestResolver: Logs.RequestResolver.RequestResolver, issueResolver: IssuesManager.IssueResolver.IssueResolver,
-      nestingLevel: number, onToggle: () => void,
-      onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
+      onToggle: () => void, onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
     console.assert(consoleMessage.isGroupStartMessage());
-    super(consoleMessage, linkifier, requestResolver, issueResolver, nestingLevel, onResize);
+    super(consoleMessage, linkifier, requestResolver, issueResolver, onResize);
     this.collapsedInternal = consoleMessage.type === Protocol.Runtime.ConsoleAPICalledEventType.StartGroupCollapsed;
     this.expandGroupIcon = null;
     this.onToggle = onToggle;
+    this.groupEndMessageInternal = null;
   }
 
   private setCollapsed(collapsed: boolean): void {
@@ -1760,6 +1780,28 @@ export class ConsoleGroupViewMessage extends ConsoleViewMessage {
       this.repeatCountElement.insertBefore(this.expandGroupIcon, this.repeatCountElement.firstChild);
     }
   }
+
+  messagesHidden(): boolean {
+    if (this.collapsed()) {
+      return true;
+    }
+    const parent = this.consoleGroup();
+    return Boolean(parent && parent.messagesHidden());
+  }
+
+  setGroupEnd(viewMessage: ConsoleViewMessage): void {
+    if (viewMessage.consoleMessage().type !== Protocol.Runtime.ConsoleAPICalledEventType.EndGroup) {
+      throw new Error('Invalid console message as group end');
+    }
+    if (this.groupEndMessageInternal !== null) {
+      throw new Error('Console group already has an end');
+    }
+    this.groupEndMessageInternal = viewMessage;
+  }
+
+  groupEnd(): ConsoleViewMessage|null {
+    return this.groupEndMessageInternal;
+  }
 }
 
 export class ConsoleCommand extends ConsoleViewMessage {
@@ -1768,8 +1810,8 @@ export class ConsoleCommand extends ConsoleViewMessage {
   constructor(
       consoleMessage: SDK.ConsoleModel.ConsoleMessage, linkifier: Components.Linkifier.Linkifier,
       requestResolver: Logs.RequestResolver.RequestResolver, issueResolver: IssuesManager.IssueResolver.IssueResolver,
-      nestingLevel: number, onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
-    super(consoleMessage, linkifier, requestResolver, issueResolver, nestingLevel, onResize);
+      onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
+    super(consoleMessage, linkifier, requestResolver, issueResolver, onResize);
     this.formattedCommand = null;
   }
 
@@ -1791,7 +1833,7 @@ export class ConsoleCommand extends ConsoleViewMessage {
     newContentElement.appendChild(this.formattedCommand);
 
     if (this.formattedCommand.textContent.length < MaxLengthToIgnoreHighlighter) {
-      CodeHighlighter.CodeHighlighter.highlightNode(this.formattedCommand, 'text/javascript')
+      void CodeHighlighter.CodeHighlighter.highlightNode(this.formattedCommand, 'text/javascript')
           .then(this.updateSearch.bind(this));
     } else {
       this.updateSearch();
@@ -1826,8 +1868,8 @@ export class ConsoleTableMessageView extends ConsoleViewMessage {
   constructor(
       consoleMessage: SDK.ConsoleModel.ConsoleMessage, linkifier: Components.Linkifier.Linkifier,
       requestResolver: Logs.RequestResolver.RequestResolver, issueResolver: IssuesManager.IssueResolver.IssueResolver,
-      nestingLevel: number, onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
-    super(consoleMessage, linkifier, requestResolver, issueResolver, nestingLevel, onResize);
+      onResize: (arg0: Common.EventTarget.EventTargetEvent<UI.TreeOutline.TreeElement>) => void) {
+    super(consoleMessage, linkifier, requestResolver, issueResolver, onResize);
     console.assert(consoleMessage.type === Protocol.Runtime.ConsoleAPICalledEventType.Table);
     this.dataGrid = null;
   }

package/front_end/panels/console/consoleView.css

@@ -208,6 +208,42 @@
   display: flex;
   border-top: 1px solid var(--override-message-border-color);
   border-bottom: 1px solid transparent;
+
+  /* Console ANSI color */
+  --console-color-black: #000;
+  --console-color-red: #a00;
+  --console-color-green: #0a0;
+  --console-color-yellow: #a50;
+  --console-color-blue: #00a;
+  --console-color-magenta: #a0a;
+  --console-color-cyan: #0aa;
+  --console-color-gray: #aaa;
+  --console-color-darkgray: #555;
+  --console-color-lightred: #f55;
+  --console-color-lightgreen: #5f5;
+  --console-color-lightyellow: #ff5;
+  --console-color-lightblue: #55f;
+  --console-color-ightmagenta: #f5f;
+  --console-color-lightcyan: #5ff;
+  --console-color-white: #fff;
+}
+
+.-theme-with-dark-background .console-message-wrapper {
+  /* Dark theme console ANSI color */
+  --console-color-red: rgb(237 78 76);
+  --console-color-green: rgb(1 200 1);
+  --console-color-yellow: rgb(210 192 87);
+  --console-color-blue: rgb(39 116 240);
+  --console-color-magenta: rgb(161 66 244);
+  --console-color-cyan: rgb(18 181 203);
+  --console-color-gray: rgb(207 208 208);
+  --console-color-darkgray: rgb(137 137 137);
+  --console-color-lightred: rgb(242 139 130);
+  --console-color-lightgreen: rgb(161 247 181);
+  --console-color-lightyellow: rgb(221 251 85);
+  --console-color-lightblue: rgb(102 157 246);
+  --console-color-lightmagenta: rgb(214 112 214);
+  --console-color-lightcyan: rgb(132 240 255);
 }
 
 .console-message-wrapper:first-of-type {

package/front_end/panels/console_counters/WarningErrorCounter.ts

@@ -63,7 +63,7 @@ export class WarningErrorCounter implements UI.Toolbar.Provider {
     this.issueCounter.data = {
       clickHandler: (): void => {
         Host.userMetrics.issuesPanelOpenedFrom(Host.UserMetrics.IssueOpener.StatusBarIssuesCounter);
-        UI.ViewManager.ViewManager.instance().showView('issues-pane');
+        void UI.ViewManager.ViewManager.instance().showView('issues-pane');
       },
       issuesManager,
       displayMode: IssueCounter.IssueCounter.DisplayMode.OnlyMostImportant,
@@ -106,7 +106,7 @@ export class WarningErrorCounter implements UI.Toolbar.Provider {
 
   private update(): void {
     this.updatingForTest = true;
-    this.throttler.schedule(this.updateThrottled.bind(this));
+    void this.throttler.schedule(this.updateThrottled.bind(this));
   }
 
   get titlesForTesting(): string|null {

package/front_end/panels/coverage/CoverageListView.ts

@@ -249,7 +249,7 @@ export class CoverageListView extends UI.Widget.VBox {
   }
 
   private onOpenedNode(): void {
-    this.revealSourceForSelectedNode();
+    void this.revealSourceForSelectedNode();
   }
 
   private onKeyDown(event: KeyboardEvent): void {
@@ -257,7 +257,7 @@ export class CoverageListView extends UI.Widget.VBox {
       return;
     }
     event.consume(true);
-    this.revealSourceForSelectedNode();
+    void this.revealSourceForSelectedNode();
   }
 
   private async revealSourceForSelectedNode(): Promise<void> {
@@ -277,7 +277,7 @@ export class CoverageListView extends UI.Widget.VBox {
     if (this.dataGrid.selectedNode !== node) {
       return;
     }
-    Common.Revealer.reveal(sourceCode);
+    void Common.Revealer.reveal(sourceCode);
   }
 
   private sortingChanged(): void {

package/front_end/panels/coverage/CoverageModel.ts

@@ -103,7 +103,7 @@ export class CoverageModel extends SDK.SDKModel.SDKModel<EventTypes> {
   preciseCoverageDeltaUpdate(timestamp: number, occasion: string, coverageData: Protocol.Profiler.ScriptCoverage[]):
       void {
     this.coverageUpdateTimes.add(timestamp);
-    this.backlogOrProcessJSCoverage(coverageData, timestamp);
+    void this.backlogOrProcessJSCoverage(coverageData, timestamp);
   }
 
   async stop(): Promise<void> {
@@ -287,7 +287,7 @@ export class CoverageModel extends SDK.SDKModel.SDKModel<EventTypes> {
   }
 
   async processJSBacklog(): Promise<void> {
-    this.backlogOrProcessJSCoverage([], 0);
+    void this.backlogOrProcessJSCoverage([], 0);
   }
 
   private processJSCoverage(scriptsCoverage: Protocol.Profiler.ScriptCoverage[], stamp: number): CoverageInfo[] {
@@ -475,7 +475,7 @@ export class CoverageModel extends SDK.SDKModel.SDKModel<EventTypes> {
       result.push(...await urlInfo.entriesForExport());
     }
     await fos.write(JSON.stringify(result, undefined, 2));
-    fos.close();
+    void fos.close();
   }
 }
 

package/front_end/panels/coverage/CoverageView.ts

@@ -174,7 +174,7 @@ export class CoverageView extends UI.Widget.VBox {
     toolbar.appendSeparator();
     this.saveButton = new UI.Toolbar.ToolbarButton(i18nString(UIStrings.export), 'largeicon-download');
     this.saveButton.addEventListener(UI.Toolbar.ToolbarButton.Events.Click, _event => {
-      this.exportReport();
+      void this.exportReport();
     });
     toolbar.appendToolbarItem(this.saveButton);
     this.saveButton.setEnabled(false);
@@ -283,9 +283,9 @@ export class CoverageView extends UI.Widget.VBox {
     const enable = !this.toggleRecordAction.toggled();
 
     if (enable) {
-      this.startRecording({reload: false, jsCoveragePerBlock: this.isBlockCoverageSelected()});
+      void this.startRecording({reload: false, jsCoveragePerBlock: this.isBlockCoverageSelected()});
     } else {
-      this.stopRecording();
+      void this.stopRecording();
     }
   }
 
@@ -381,7 +381,7 @@ export class CoverageView extends UI.Widget.VBox {
     if (reload && this.resourceTreeModel) {
       this.resourceTreeModel.reloadPage();
     } else {
-      this.model.startPolling();
+      void this.model.startPolling();
     }
   }
 
@@ -530,7 +530,7 @@ let actionDelegateInstance: ActionDelegate;
 export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
   handleAction(context: UI.Context.Context, actionId: string): boolean {
     const coverageViewId = 'coverage';
-    UI.ViewManager.ViewManager.instance()
+    void UI.ViewManager.ViewManager.instance()
         .showView(coverageViewId, /** userGesture= */ false, /** omitFocus= */ true)
         .then(() => {
           const view = UI.ViewManager.ViewManager.instance().view(coverageViewId);
@@ -554,7 +554,7 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
         coverageView.toggleRecording();
         break;
       case 'coverage.start-with-reload':
-        coverageView.startRecording({reload: true, jsCoveragePerBlock: coverageView.isBlockCoverageSelected()});
+        void coverageView.startRecording({reload: true, jsCoveragePerBlock: coverageView.isBlockCoverageSelected()});
         break;
       default:
         console.assert(false, `Unknown action: ${actionId}`);

package/front_end/panels/css_overview/CSSOverviewCompletedView.ts

@@ -640,7 +640,7 @@ export class CSSOverviewCompletedView extends UI.Panel.PanelWithSidebar {
         throw new Error('Unable to initialize CSS Overview, missing models');
       }
       view = new ElementDetailsView(this.#controller, this.#domModel, this.#cssModel, this.#linkifier);
-      view.populateNodes(payload.nodes);
+      void view.populateNodes(payload.nodes);
       this.#viewMap.set(id, view);
     }
 
@@ -815,7 +815,7 @@ export class CSSOverviewCompletedView extends UI.Panel.PanelWithSidebar {
   }
 
   setOverviewData(data: OverviewData): void {
-    this.#render(data);
+    void this.#render(data);
   }
 
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -1063,7 +1063,7 @@ export class ElementNode extends DataGrid.SortableDataGrid.SortableDataGridNode<
         throw new Error('Node entry is missing a related frontend node.');
       }
 
-      Common.Linkifier.Linkifier.linkify(frontendNode).then(link => {
+      void Common.Linkifier.Linkifier.linkify(frontendNode).then(link => {
         cell.textContent = '';
         (link as HTMLElement).dataset.backendNodeId = frontendNode.backendNodeId().toString();
         cell.appendChild(link);

package/front_end/panels/css_overview/CSSOverviewModel.ts

@@ -64,8 +64,8 @@ export class CSSOverviewModel extends SDK.SDKModel.SDKModel<void> {
                                                                       Protocol.Overlay.ContrastAlgorithm.Aa,
     };
 
-    this.#overlayAgent.invoke_hideHighlight();
-    this.#overlayAgent.invoke_highlightNode({backendNodeId: node, highlightConfig});
+    void this.#overlayAgent.invoke_hideHighlight();
+    void this.#overlayAgent.invoke_highlightNode({backendNodeId: node, highlightConfig});
   }
 
   async getNodeStyleStats(): Promise<NodeStyleStats> {

package/front_end/panels/css_overview/CSSOverviewPanel.ts

@@ -55,7 +55,7 @@ export class CSSOverviewPanel extends UI.Panel.Panel implements SDK.TargetManage
 
     this.#controller.addEventListener(Events.RequestOverviewStart, _event => {
       Host.userMetrics.actionTaken(Host.UserMetrics.Action.CaptureCssOverviewClicked);
-      this.#startOverview();
+      void this.#startOverview();
     }, this);
     this.#controller.addEventListener(Events.OverviewCompleted, this.#overviewCompleted, this);
     this.#controller.addEventListener(Events.Reset, this.#reset, this);

package/front_end/panels/developer_resources/DeveloperResourcesListView.ts

@@ -250,7 +250,7 @@ class GridNode extends DataGrid.SortableDataGrid.SortableDataGridNode<GridNode>
           const frameId = this.item.initiator.frameId;
           const frame = frameId ? SDK.FrameManager.FrameManager.instance().getFrame(frameId) : null;
           if (frame) {
-            frame.highlight();
+            void frame.highlight();
           }
         };
         cell.onmouseleave = (): void => SDK.OverlayModel.OverlayModel.hideDOMNodeHighlight();

package/front_end/panels/developer_resources/DeveloperResourcesView.ts

@@ -93,7 +93,7 @@ export class DeveloperResourcesView extends UI.Widget.VBox {
   }
 
   private onUpdate(): void {
-    this.throttler.schedule(this.update.bind(this));
+    void this.throttler.schedule(this.update.bind(this));
   }
 
   private async update(): Promise<void> {

package/front_end/panels/elements/AccessibilityTreeView.ts

@@ -40,7 +40,7 @@ export class AccessibilityTreeView extends UI.Widget.VBox implements
         deferredNode.resolve(domNode => {
           if (domNode) {
             this.inspectedDOMNode = domNode;
-            ElementsPanel.instance().revealAndSelectNode(domNode, true, false);
+            void ElementsPanel.instance().revealAndSelectNode(domNode, true, false);
           }
         });
       }
@@ -134,18 +134,18 @@ export class AccessibilityTreeView extends UI.Widget.VBox implements
                   .EventTargetEvent<SDK.AccessibilityModel.EventTypes[SDK.AccessibilityModel.Events.TreeUpdated]>):
       void {
     if (!data.root) {
-      this.renderTree();
+      void this.renderTree();
       return;
     }
     const topFrameId = SDK.FrameManager.FrameManager.instance().getTopFrame()?.id;
     if (data.root?.getFrameId() !== topFrameId) {
-      this.renderTree();
+      void this.renderTree();
       return;
     }
     this.root = data.root;
-    this.accessibilityTreeComponent.collapseAllNodes();
+    void this.accessibilityTreeComponent.collapseAllNodes();
 
-    this.refreshAccessibilityTree();
+    void this.refreshAccessibilityTree();
   }
 
   modelAdded(model: SDK.AccessibilityModel.AccessibilityModel): void {

package/front_end/panels/elements/ClassesPaneWidget.ts

@@ -234,7 +234,7 @@ export class ClassesPaneWidget extends UI.Widget.Widget {
     const newClasses = [...activeClasses.values()].sort();
 
     this.pendingNodeClasses.set(node, newClasses.join(' '));
-    this.updateNodeThrottler.schedule(this.flushPendingClasses.bind(this));
+    void this.updateNodeThrottler.schedule(this.flushPendingClasses.bind(this));
   }
 
   private async flushPendingClasses(): Promise<void> {

package/front_end/panels/elements/ColorSwatchPopoverIcon.ts

@@ -75,13 +75,13 @@ export class BezierPopoverIcon {
     const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().propertyUILocation(
         this.treeElement.property, false /* forName */);
     if (uiLocation) {
-      Common.Revealer.reveal(uiLocation, true /* omitFocus */);
+      void Common.Revealer.reveal(uiLocation, true /* omitFocus */);
     }
   }
 
   private bezierChanged(event: Common.EventTarget.EventTargetEvent<string>): void {
     this.swatch.setBezierText(event.data);
-    this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
+    void this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
   }
 
   private onScroll(_event: Event): void {
@@ -99,7 +99,7 @@ export class BezierPopoverIcon {
     this.bezierEditor = undefined;
 
     const propertyText = commitEdit ? this.treeElement.renderedPropertyText() : this.originalPropertyText || '';
-    this.treeElement.applyStyleText(propertyText, true);
+    void this.treeElement.applyStyleText(propertyText, true);
     this.treeElement.parentPane().setEditingStyle(false);
     delete this.originalPropertyText;
   }
@@ -194,7 +194,7 @@ export class ColorSwatchPopoverIcon {
     const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().propertyUILocation(
         this.treeElement.property, false /* forName */);
     if (uiLocation) {
-      Common.Revealer.reveal(uiLocation, true /* omitFocus */);
+      void Common.Revealer.reveal(uiLocation, true /* omitFocus */);
     }
   }
 
@@ -218,7 +218,7 @@ export class ColorSwatchPopoverIcon {
       this.swatch.createChild('span').textContent = text;
     }
 
-    this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
+    void this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
   }
 
   private onScroll(_event: Event): void {
@@ -236,7 +236,7 @@ export class ColorSwatchPopoverIcon {
     this.spectrum = undefined;
 
     const propertyText = commitEdit ? this.treeElement.renderedPropertyText() : this.originalPropertyText || '';
-    this.treeElement.applyStyleText(propertyText, true);
+    void this.treeElement.applyStyleText(propertyText, true);
     this.treeElement.parentPane().setEditingStyle(false);
     delete this.originalPropertyText;
   }
@@ -294,13 +294,13 @@ export class ShadowSwatchPopoverHelper {
     const uiLocation = Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding.instance().propertyUILocation(
         this.treeElement.property, false /* forName */);
     if (uiLocation) {
-      Common.Revealer.reveal(uiLocation, true /* omitFocus */);
+      void Common.Revealer.reveal(uiLocation, true /* omitFocus */);
     }
   }
 
   private shadowChanged(event: Common.EventTarget.EventTargetEvent<InlineEditor.CSSShadowModel.CSSShadowModel>): void {
     this.shadowSwatch.setCSSShadow(event.data);
-    this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
+    void this.treeElement.applyStyleText(this.treeElement.renderedPropertyText(), false);
   }
 
   private onScroll(_event: Event): void {
@@ -319,7 +319,7 @@ export class ShadowSwatchPopoverHelper {
     this.cssShadowEditor = undefined;
 
     const propertyText = commitEdit ? this.treeElement.renderedPropertyText() : this.originalPropertyText || '';
-    this.treeElement.applyStyleText(propertyText, true);
+    void this.treeElement.applyStyleText(propertyText, true);
     this.treeElement.parentPane().setEditingStyle(false);
     delete this.originalPropertyText;
   }
@@ -358,7 +358,7 @@ export class FontEditorSectionManager {
   private fontChanged(event: Common.EventTarget.EventTargetEvent<InlineEditor.FontEditor.FontChangedEvent>): void {
     const {propertyName, value} = event.data;
     const treeElement = this.treeElementMap.get(propertyName);
-    this.updateFontProperty(propertyName, value, treeElement);
+    void this.updateFontProperty(propertyName, value, treeElement);
   }
 
   private async updateFontProperty(propertyName: string, value: string, treeElement?: StylePropertyTreeElement):

package/front_end/panels/elements/ComputedStyleWidget.ts

@@ -154,7 +154,7 @@ const processColor = (autoDetectFormat: boolean, text: string): Node => {
 };
 
 const navigateToSource = (cssProperty: SDK.CSSProperty.CSSProperty, event: Event): void => {
-  Common.Revealer.reveal(cssProperty);
+  void Common.Revealer.reveal(cssProperty);
   event.consume(true);
 };
 
@@ -537,7 +537,7 @@ export class ComputedStyleWidget extends UI.ThrottledWidget.ThrottledWidget {
 
     contextMenu.defaultSection().appendItem(
         i18nString(UIStrings.navigateToStyle), () => Common.Revealer.reveal(property));
-    contextMenu.show();
+    void contextMenu.show();
   }
 
   private computePropertyTraces(matchedStyles: SDK.CSSMatchedStyles.CSSMatchedStyles):

package/front_end/panels/elements/DOMLinkifier.ts

@@ -88,7 +88,7 @@ export const linkifyNodeReference = function(
   decorateNodeLabel(node, link, options.tooltip);
 
   link.addEventListener('click', () => {
-    Common.Revealer.reveal(node, false);
+    void Common.Revealer.reveal(node, false);
     return false;
   }, false);
   link.addEventListener('mouseover', node.highlight.bind(node, undefined), false);
@@ -123,7 +123,7 @@ export const linkifyDeferredNodeReference = function(
   }
 
   function onDeferredNodeResolved(node: SDK.DOMModel.DOMNode|null): void {
-    Common.Revealer.reveal(node);
+    void Common.Revealer.reveal(node);
   }
 
   return root;