chrome-devtools-frontend 1.0.1023618 → 1.0.1025020

package/front_end/panels/security/SecurityPanel.ts

@@ -16,8 +16,13 @@ import mainViewStyles from './mainView.css.js';
 import originViewStyles from './originView.css.js';
 import sidebarStyles from './sidebar.css.js';
 
-import type {PageVisibleSecurityState} from './SecurityModel.js';
-import {Events, SecurityModel, SecurityStyleExplanation, SummaryMessages} from './SecurityModel.js';
+import {
+  Events,
+  SecurityModel,
+  SecurityStyleExplanation,
+  SummaryMessages,
+  type PageVisibleSecurityState,
+} from './SecurityModel.js';
 
 const UIStrings = {
   /**
@@ -314,15 +319,13 @@ const UIStrings = {
   */
   protocol: 'Protocol',
   /**
-  *@description Text in Security Panel of the Security panel
+  *@description Text in the Security panel that refers to how the TLS handshake
+  *established encryption keys.
   */
   keyExchange: 'Key exchange',
   /**
-  *@description Text in Security Panel of the Security panel
-  */
-  keyExchangeGroup: 'Key exchange group',
-  /**
-  *@description Text in Security Panel of the Security panel
+  *@description Text in Security Panel that refers to how the TLS handshake
+  *encrypted data.
   */
   cipher: 'Cipher',
   /**
@@ -1434,12 +1437,35 @@ export class SecurityOriginView extends UI.Widget.VBox {
       let table: SecurityDetailsTable = new SecurityDetailsTable();
       connectionSection.appendChild(table.element());
       table.addRow(i18nString(UIStrings.protocol), originState.securityDetails.protocol);
-      if (originState.securityDetails.keyExchange) {
+
+      // A TLS connection negotiates a cipher suite and, when doing an ephemeral
+      // ECDH key exchange, a "named group". In TLS 1.2, the cipher suite is
+      // named like TLS_ECDHE_RSA_WITH_AES_128_GCM_SHA256. The DevTools protocol
+      // tried to decompose this name and calls the "ECDHE_RSA" portion the
+      // "keyExchange", because it determined the rough shape of the key
+      // exchange portion of the handshake. (A keyExchange of "RSA" meant a very
+      // different handshake set.) But ECDHE_RSA was still parameterized by a
+      // named group (e.g. X25519), which the DevTools protocol exposes as
+      // "keyExchangeGroup".
+      //
+      // Then, starting TLS 1.3, the cipher suites are named like
+      // TLS_AES_128_GCM_SHA256. The handshake shape is implicit in the
+      // protocol. keyExchange is empty and we only have keyExchangeGroup.
+      //
+      // "Key exchange group" isn't common terminology and, in TLS 1.3,
+      // something like "X25519" is better labelled as "key exchange" than "key
+      // exchange group" anyway. So combine the two fields when displaying in
+      // the UI.
+      if (originState.securityDetails.keyExchange && originState.securityDetails.keyExchangeGroup) {
+        table.addRow(
+            i18nString(UIStrings.keyExchange),
+            originState.securityDetails.keyExchange + ' with ' + originState.securityDetails.keyExchangeGroup);
+      } else if (originState.securityDetails.keyExchange) {
         table.addRow(i18nString(UIStrings.keyExchange), originState.securityDetails.keyExchange);
+      } else if (originState.securityDetails.keyExchangeGroup) {
+        table.addRow(i18nString(UIStrings.keyExchange), originState.securityDetails.keyExchangeGroup);
       }
-      if (originState.securityDetails.keyExchangeGroup) {
-        table.addRow(i18nString(UIStrings.keyExchangeGroup), originState.securityDetails.keyExchangeGroup);
-      }
+
       table.addRow(
           i18nString(UIStrings.cipher),
           originState.securityDetails.cipher +
@@ -1640,14 +1666,14 @@ export class SecurityDetailsTable {
   }
 
   addRow(key: string, value: string|Node): void {
-    const row = this.elementInternal.createChild('div', 'details-table-row');
-    row.createChild('div').textContent = key;
+    const row = this.elementInternal.createChild('tr', 'details-table-row');
+    row.createChild('td').textContent = key;
 
-    const valueDiv = row.createChild('div');
+    const valueCell = row.createChild('td');
     if (typeof value === 'string') {
-      valueDiv.textContent = value;
+      valueCell.textContent = value;
     } else {
-      valueDiv.appendChild(value);
+      valueCell.appendChild(value);
     }
   }
 }

package/front_end/panels/security/originView.css

@@ -62,37 +62,38 @@
   font-weight: bold;
 }
 
+.security-origin-view .details-table {
+  border-spacing: 0;
+}
+
 .security-origin-view .details-table-row {
-  display: flex;
   white-space: nowrap;
   overflow: hidden;
   line-height: 22px;
+  vertical-align: top;
 }
 
-.security-origin-view .details-table-row > div {
-  align-items: flex-start;
+.security-origin-view .details-table-row > td {
+  padding: 0;
 }
 
-.security-origin-view .details-table-row > div:first-child {
+.security-origin-view .details-table-row > td:first-child {
   color: var(--color-text-secondary);
-  width: 110px;
-  margin-right: 1em;
-  flex: none;
-  display: flex;
-  justify-content: flex-end;
+  width: calc(110px + 1em);
+  text-align: right;
+  padding-right: 1em;
 }
 
-.security-origin-view .details-table-row > div:nth-child(2) {
-  flex: auto;
+.security-origin-view .details-table-row > td:nth-child(2) {
   white-space: normal;
 }
 
-.security-origin-view .sct-details .details-table .details-table-row:last-child div:last-child {
+.security-origin-view .sct-details .details-table .details-table-row:last-child td:last-child {
   border-bottom: 1px solid var(--color-background-elevation-2);
   padding-bottom: 10px;
 }
 
-.security-origin-view .sct-details .details-table:last-child .details-table-row:last-child div:last-child {
+.security-origin-view .sct-details .details-table:last-child .details-table-row:last-child td:last-child {
   border-bottom: none;
   padding-bottom: 0;
 }

package/front_end/panels/settings/SettingsScreen.ts

@@ -40,7 +40,7 @@ import * as PanelComponents from './components/components.js';
 
 import settingsScreenStyles from './settingsScreen.css.js';
 
-import type {KeybindsSettingsTab} from './KeybindsSettingsTab.js';
+import {type KeybindsSettingsTab} from './KeybindsSettingsTab.js';
 
 const UIStrings = {
   /**

package/front_end/panels/settings/emulation/utils/UserAgentMetadata.ts

@@ -8,8 +8,17 @@
 import type * as UI from '../../../../ui/legacy/legacy.js';
 import type * as Protocol from '../../../../generated/protocol.js';
 
-import type {Item, List, Parameters, ParamName, String as SHString} from './StructuredHeaders.js';
-import {parseList, ResultKind, serializeItem, serializeList} from './StructuredHeaders.js';
+import {
+  parseList,
+  ResultKind,
+  serializeItem,
+  serializeList,
+  type Item,
+  type List,
+  type Parameters,
+  type ParamName,
+  type String as SHString,
+} from './StructuredHeaders.js';
 
 /* Returned string is for error, either parseErrorString or structErrorString.
  */

package/front_end/panels/sources/EditingLocationHistoryManager.ts

@@ -33,8 +33,8 @@ import * as Workspace from '../../models/workspace/workspace.js';
 import type * as CodeMirror from '../../third_party/codemirror.next/codemirror.next.js';
 import * as SourceFrame from '../../ui/legacy/components/source_frame/source_frame.js';
 
-import type {SourcesView} from './SourcesView.js';
-import type {UISourceCodeFrame} from './UISourceCodeFrame.js';
+import {type SourcesView} from './SourcesView.js';
+import {type UISourceCodeFrame} from './UISourceCodeFrame.js';
 
 export const HistoryDepth = 20;
 

package/front_end/panels/sources/GoToLineQuickOpen.ts

@@ -9,7 +9,7 @@ import * as QuickOpen from '../../ui/legacy/components/quick_open/quick_open.js'
 import * as UI from '../../ui/legacy/legacy.js';
 
 import {SourcesView} from './SourcesView.js';
-import type {UISourceCodeFrame} from './UISourceCodeFrame.js';
+import {type UISourceCodeFrame} from './UISourceCodeFrame.js';
 
 const UIStrings = {
   /**

package/front_end/panels/sources/InplaceFormatterEditorAction.ts

@@ -10,8 +10,13 @@ import type * as Workspace from '../../models/workspace/workspace.js';
 import type * as SourceFrame from '../../ui/legacy/components/source_frame/source_frame.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {EditorAction, EditorClosedEvent, SourcesView} from './SourcesView.js';
-import {Events, registerEditorAction} from './SourcesView.js';
+import {
+  Events,
+  registerEditorAction,
+  type EditorAction,
+  type EditorClosedEvent,
+  type SourcesView,
+} from './SourcesView.js';
 
 const UIStrings = {
   /**

package/front_end/panels/sources/ScriptFormatterEditorAction.ts

@@ -11,8 +11,13 @@ import * as Workspace from '../../models/workspace/workspace.js';
 import * as SourceFrame from '../../ui/legacy/components/source_frame/source_frame.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {EditorAction, EditorClosedEvent, SourcesView} from './SourcesView.js';
-import {Events, registerEditorAction} from './SourcesView.js';
+import {
+  Events,
+  registerEditorAction,
+  type EditorAction,
+  type EditorClosedEvent,
+  type SourcesView,
+} from './SourcesView.js';
 
 const UIStrings = {
   /**

package/front_end/panels/sources/SourcesNavigator.ts

@@ -40,8 +40,7 @@ import * as Feedback from '../../ui/components/panel_feedback/panel_feedback.js'
 import * as UI from '../../ui/legacy/legacy.js';
 import * as Snippets from '../snippets/snippets.js';
 
-import type {NavigatorUISourceCodeTreeNode} from './NavigatorView.js';
-import {NavigatorView} from './NavigatorView.js';
+import {NavigatorView, type NavigatorUISourceCodeTreeNode} from './NavigatorView.js';
 import sourcesNavigatorStyles from './sourcesNavigator.css.js';
 
 const UIStrings = {

package/front_end/panels/sources/SourcesPanel.ts

@@ -46,7 +46,7 @@ import {CallStackSidebarPane} from './CallStackSidebarPane.js';
 import {DebuggerPausedMessage} from './DebuggerPausedMessage.js';
 import sourcesPanelStyles from './sourcesPanel.css.js';
 
-import type {NavigatorView} from './NavigatorView.js';
+import {type NavigatorView} from './NavigatorView.js';
 import {
   ContentScriptsNavigatorView,
   FilesNavigatorView,

package/front_end/panels/sources/SourcesSearchScope.ts

@@ -262,6 +262,9 @@ export class SourcesSearchScope implements Search.SearchConfig.SearchScope {
               content, queries[i], !searchConfig.ignoreCase(), searchConfig.isRegex());
           matches = Platform.ArrayUtilities.mergeOrdered(matches, nextMatches, matchesComparator);
         }
+        if (!searchConfig.queries().length) {
+          matches = [new TextUtils.ContentProvider.SearchMatch(0, (new TextUtils.Text.Text(content)).lineAt(0))];
+        }
       }
       if (matches && this.searchResultCallback) {
         const searchResult = new FileBasedSearchResult(uiSourceCode, matches);

package/front_end/panels/sources/SourcesView.ts

@@ -16,8 +16,12 @@ import * as Components from './components/components.js';
 import {EditingLocationHistoryManager} from './EditingLocationHistoryManager.js';
 import sourcesViewStyles from './sourcesView.css.js';
 
-import type {EditorSelectedEvent, TabbedEditorContainerDelegate} from './TabbedEditorContainer.js';
-import {Events as TabbedEditorContainerEvents, TabbedEditorContainer} from './TabbedEditorContainer.js';
+import {
+  Events as TabbedEditorContainerEvents,
+  TabbedEditorContainer,
+  type EditorSelectedEvent,
+  type TabbedEditorContainerDelegate,
+} from './TabbedEditorContainer.js';
 import {Events as UISourceCodeFrameEvents, UISourceCodeFrame} from './UISourceCodeFrame.js';
 
 const UIStrings = {

package/front_end/panels/sources/UISourceCodeFrame.ts

@@ -46,7 +46,7 @@ import {CSSPlugin} from './CSSPlugin.js';
 import {DebuggerPlugin} from './DebuggerPlugin.js';
 import {MemoryProfilePlugin, PerformanceProfilePlugin} from './ProfilePlugin.js';
 import {JavaScriptCompilerPlugin} from './JavaScriptCompilerPlugin.js';
-import type {Plugin} from './Plugin.js';
+import {type Plugin} from './Plugin.js';
 import {ScriptOriginPlugin} from './ScriptOriginPlugin.js';
 import {SnippetsPlugin} from './SnippetsPlugin.js';
 import {SourcesPanel} from './SourcesPanel.js';

package/front_end/panels/timeline/CountersGraph.ts

@@ -35,9 +35,8 @@ import * as TimelineModel from '../../models/timeline_model/timeline_model.js';
 import * as PerfUI from '../../ui/legacy/components/perf_ui/perf_ui.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {PerformanceModel, WindowChangedEvent} from './PerformanceModel.js';
-import {Events} from './PerformanceModel.js';
-import type {TimelineModeViewDelegate} from './TimelinePanel.js';
+import {Events, type PerformanceModel, type WindowChangedEvent} from './PerformanceModel.js';
+import {type TimelineModeViewDelegate} from './TimelinePanel.js';
 
 const UIStrings = {
   /**

package/front_end/panels/timeline/EventsTimelineTreeView.ts

@@ -10,8 +10,8 @@ import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 import {Category, IsLong} from './TimelineFilters.js';
-import type {TimelineModeViewDelegate} from './TimelinePanel.js';
-import {TimelineSelection} from './TimelinePanel.js';
+
+import {TimelineSelection, type TimelineModeViewDelegate} from './TimelinePanel.js';
 import {TimelineTreeView} from './TimelineTreeView.js';
 import {TimelineUIUtils} from './TimelineUIUtils.js';
 

package/front_end/panels/timeline/ExtensionTracingSession.ts

@@ -6,9 +6,9 @@ import type * as Platform from '../../core/platform/platform.js';
 import type * as SDK from '../../core/sdk/sdk.js';
 import type * as Extensions from '../../models/extensions/extensions.js';
 
-import type {PerformanceModel} from './PerformanceModel.js';
-import type {Client} from './TimelineLoader.js';
-import {TimelineLoader} from './TimelineLoader.js';
+import {type PerformanceModel} from './PerformanceModel.js';
+
+import {TimelineLoader, type Client} from './TimelineLoader.js';
 
 export class ExtensionTracingSession implements Extensions.ExtensionTraceProvider.TracingSession, Client {
   private readonly provider: Extensions.ExtensionTraceProvider.ExtensionTraceProvider;

package/front_end/panels/timeline/TimelineDetailsView.ts

@@ -10,14 +10,14 @@ import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 import {EventsTimelineTreeView} from './EventsTimelineTreeView.js';
-import type {PerformanceModel} from './PerformanceModel.js';
-import {Events} from './PerformanceModel.js';
+
+import {Events, type PerformanceModel} from './PerformanceModel.js';
 import {TimelineLayersView} from './TimelineLayersView.js';
 import {TimelinePaintProfilerView} from './TimelinePaintProfilerView.js';
-import type {TimelineModeViewDelegate} from './TimelinePanel.js';
-import {TimelineSelection} from './TimelinePanel.js';
-import type {TimelineTreeView} from './TimelineTreeView.js';
-import {BottomUpTimelineTreeView, CallTreeTimelineTreeView} from './TimelineTreeView.js';
+
+import {TimelineSelection, type TimelineModeViewDelegate} from './TimelinePanel.js';
+
+import {BottomUpTimelineTreeView, CallTreeTimelineTreeView, type TimelineTreeView} from './TimelineTreeView.js';
 import {TimelineDetailsContentHelper, TimelineUIUtils} from './TimelineUIUtils.js';
 
 const UIStrings = {

package/front_end/panels/timeline/TimelineEventOverview.ts

@@ -37,9 +37,9 @@ import * as UI from '../../ui/legacy/legacy.js';
 import * as Coverage from '../coverage/coverage.js';
 import * as Protocol from '../../generated/protocol.js';
 
-import type {PerformanceModel} from './PerformanceModel.js';
-import type {EventDispatchTypeDescriptor, TimelineCategory} from './TimelineUIUtils.js';
-import {TimelineUIUtils} from './TimelineUIUtils.js';
+import {type PerformanceModel} from './PerformanceModel.js';
+
+import {TimelineUIUtils, type EventDispatchTypeDescriptor, type TimelineCategory} from './TimelineUIUtils.js';
 
 const UIStrings = {
   /**

package/front_end/panels/timeline/TimelineFlameChartDataProvider.ts

@@ -42,11 +42,11 @@ import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
 
 import timelineFlamechartPopoverStyles from './timelineFlamechartPopover.css.js';
 
-import type {PerformanceModel} from './PerformanceModel.js';
+import {type PerformanceModel} from './PerformanceModel.js';
 import {FlameChartStyle, Selection, TimelineFlameChartMarker} from './TimelineFlameChartView.js';
 import {TimelineSelection} from './TimelinePanel.js';
-import type {TimelineCategory} from './TimelineUIUtils.js';
-import {TimelineUIUtils, assignLayoutShiftsToClusters} from './TimelineUIUtils.js';
+
+import {TimelineUIUtils, assignLayoutShiftsToClusters, type TimelineCategory} from './TimelineUIUtils.js';
 
 const UIStrings = {
   /**

package/front_end/panels/timeline/TimelineFlameChartNetworkDataProvider.ts

@@ -15,7 +15,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
 import * as Protocol from '../../generated/protocol.js';
 
-import type {PerformanceModel} from './PerformanceModel.js';
+import {type PerformanceModel} from './PerformanceModel.js';
 import {FlameChartStyle, Selection} from './TimelineFlameChartView.js';
 import {TimelineSelection} from './TimelinePanel.js';
 import {TimelineUIUtils} from './TimelineUIUtils.js';

package/front_end/panels/timeline/TimelineFlameChartView.ts

@@ -13,8 +13,8 @@ import * as PerfUI from '../../ui/legacy/components/perf_ui/perf_ui.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 import {CountersGraph} from './CountersGraph.js';
-import type {PerformanceModel, WindowChangedEvent} from './PerformanceModel.js';
-import {Events as PerformanceModelEvents} from './PerformanceModel.js';
+
+import {Events as PerformanceModelEvents, type PerformanceModel, type WindowChangedEvent} from './PerformanceModel.js';
 import {TimelineDetailsView} from './TimelineDetailsView.js';
 import {TimelineRegExp} from './TimelineFilters.js';
 import {
@@ -22,11 +22,11 @@ import {
   TimelineFlameChartDataProvider,
 } from './TimelineFlameChartDataProvider.js';
 import {TimelineFlameChartNetworkDataProvider} from './TimelineFlameChartNetworkDataProvider.js';
-import type {TimelineModeViewDelegate} from './TimelinePanel.js';
-import {TimelineSelection} from './TimelinePanel.js';
+
+import {TimelineSelection, type TimelineModeViewDelegate} from './TimelinePanel.js';
 import {AggregatedTimelineTreeView} from './TimelineTreeView.js';
-import type {TimelineMarkerStyle} from './TimelineUIUtils.js';
-import {TimelineUIUtils} from './TimelineUIUtils.js';
+
+import {TimelineUIUtils, type TimelineMarkerStyle} from './TimelineUIUtils.js';
 import {WebVitalsIntegrator} from './WebVitalsTimelineUtils.js';
 
 const UIStrings = {

package/front_end/panels/timeline/TimelineHistoryManager.ts

@@ -9,7 +9,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 
 import timelineHistoryManagerStyles from './timelineHistoryManager.css.js';
 
-import type {PerformanceModel} from './PerformanceModel.js';
+import {type PerformanceModel} from './PerformanceModel.js';
 import {
   TimelineEventOverviewCPUActivity,
   TimelineEventOverviewNetwork,

package/front_end/panels/timeline/TimelinePanel.ts

@@ -52,11 +52,10 @@ import timelineStatusDialogStyles from './timelineStatusDialog.css.js';
 import type * as Coverage from '../coverage/coverage.js';
 import * as MobileThrottling from '../mobile_throttling/mobile_throttling.js';
 
-import type {WindowChangedEvent} from './PerformanceModel.js';
-import {Events, PerformanceModel} from './PerformanceModel.js';
-import type {Client} from './TimelineController.js';
-import {TimelineController} from './TimelineController.js';
-import type {TimelineEventOverview} from './TimelineEventOverview.js';
+import {Events, PerformanceModel, type WindowChangedEvent} from './PerformanceModel.js';
+
+import {TimelineController, type Client} from './TimelineController.js';
+
 import {
   TimelineEventOverviewCoverage,
   TimelineEventOverviewCPUActivity,
@@ -65,6 +64,7 @@ import {
   TimelineEventOverviewNetwork,
   TimelineEventOverviewResponsiveness,
   TimelineFilmStripOverview,
+  type TimelineEventOverview,
 } from './TimelineEventOverview.js';
 import {TimelineFlameChartView} from './TimelineFlameChartView.js';
 import {TimelineHistoryManager} from './TimelineHistoryManager.js';

package/front_end/panels/timeline/TimelineTreeView.ts

@@ -12,9 +12,9 @@ import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-import type {PerformanceModel} from './PerformanceModel.js';
+import {type PerformanceModel} from './PerformanceModel.js';
 import {TimelineRegExp} from './TimelineFilters.js';
-import type {TimelineSelection} from './TimelinePanel.js';
+import {type TimelineSelection} from './TimelinePanel.js';
 import {TimelineUIUtils} from './TimelineUIUtils.js';
 
 const UIStrings = {

package/front_end/panels/timeline/UIDevtoolsController.ts

@@ -30,8 +30,7 @@
 
 import type * as SDK from '../../core/sdk/sdk.js';
 
-import type {Client} from './TimelineController.js';
-import {TimelineController} from './TimelineController.js';
+import {TimelineController, type Client} from './TimelineController.js';
 import {TimelineUIUtils} from './TimelineUIUtils.js';
 import {UIDevtoolsUtils} from './UIDevtoolsUtils.js';
 

package/front_end/panels/timeline/components/WebVitalsLane.ts

@@ -6,8 +6,15 @@ import * as Host from '../../../core/host/host.js';
 import type * as LitHtml from '../../../ui/lit-html/lit-html.js';
 import * as i18n from '../../../core/i18n/i18n.js';
 
-import type {Event, Marker, Timebox, WebVitalsTimeline} from './WebVitalsTimeline.js';
-import {assertInstanceOf, LONG_TASK_THRESHOLD, MarkerType} from './WebVitalsTimeline.js';
+import {
+  assertInstanceOf,
+  LONG_TASK_THRESHOLD,
+  MarkerType,
+  type Event,
+  type Marker,
+  type Timebox,
+  type WebVitalsTimeline,
+} from './WebVitalsTimeline.js';
 
 type GetMarkerTypeCallback = (event: Event) => MarkerType;
 type GetMarkerOverlayCallback = (marker: Marker) => LitHtml.TemplateResult;

package/front_end/panels/timeline/components/WebVitalsTimeline.ts

@@ -11,7 +11,7 @@ import * as LitHtml from '../../../ui/lit-html/lit-html.js';
 const coordinator = Coordinator.RenderCoordinator.RenderCoordinator.instance();
 
 import {WebVitalsEventLane, WebVitalsTimeboxLane} from './WebVitalsLane.js';
-import type {WebVitalsTooltip} from './WebVitalsTooltip.js';
+import {type WebVitalsTooltip} from './WebVitalsTooltip.js';
 
 const UIStrings = {
   /**

package/front_end/panels/web_audio/graph_visualizer/EdgeView.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type {NodeParamConnectionData, NodesConnectionData} from './GraphStyle.js';
+import {type NodeParamConnectionData, type NodesConnectionData} from './GraphStyle.js';
 import {generateInputPortId, generateOutputPortId, generateParamPortId} from './NodeView.js';
 
 // A class that represents an edge of a graph, including node-to-node connection,

package/front_end/panels/web_audio/graph_visualizer/GraphView.ts

@@ -6,9 +6,15 @@ import * as Common from '../../../core/common/common.js';
 import * as Platform from '../../../core/platform/platform.js';
 
 import {EdgeTypes, EdgeView, generateEdgePortIdsByData} from './EdgeView.js';
-import type {
-  NodeCreationData, NodeParamConnectionData, NodeParamDisconnectionData, NodesConnectionData, NodesDisconnectionData,
-  NodesDisconnectionDataWithDestination, ParamCreationData} from './GraphStyle.js';
+import {
+  type NodeCreationData,
+  type NodeParamConnectionData,
+  type NodeParamDisconnectionData,
+  type NodesConnectionData,
+  type NodesDisconnectionData,
+  type NodesDisconnectionDataWithDestination,
+  type ParamCreationData,
+} from './GraphStyle.js';
 import {NodeLabelGenerator, NodeView} from './NodeView.js';
 
 // A class that tracks all the nodes and edges of an audio graph.

package/front_end/panels/web_audio/graph_visualizer/NodeRendererUtility.ts

@@ -2,7 +2,6 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type {Point, Size} from './GraphStyle.js';
 import {
   AudioParamRadius,
   InputPortRadius,
@@ -10,6 +9,8 @@ import {
   TotalInputPortHeight,
   TotalOutputPortHeight,
   TotalParamPortHeight,
+  type Point,
+  type Size,
 } from './GraphStyle.js';
 
 /**

package/front_end/panels/web_audio/graph_visualizer/NodeView.ts

@@ -4,7 +4,6 @@
 
 import * as UI from '../../../ui/legacy/legacy.js';
 
-import type {NodeCreationData, NodeLayout, Port} from './GraphStyle.js';
 import {
   BottomPaddingWithoutParam,
   BottomPaddingWithParam,
@@ -17,6 +16,9 @@ import {
   TotalInputPortHeight,
   TotalOutputPortHeight,
   TotalParamPortHeight,
+  type NodeCreationData,
+  type NodeLayout,
+  type Port,
 } from './GraphStyle.js';
 import {calculateInputPortXY, calculateOutputPortXY, calculateParamPortXY} from './NodeRendererUtility.js';
 

package/front_end/third_party/.clang-format

@@ -1 +1 @@
-DisableFormat: true
+DisableFormat: true

package/front_end/third_party/i18n/localized-string-set.ts

@@ -2,7 +2,7 @@
 // Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
 // Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
 
-import type {LocalizedMessages, UIStrings} from './i18n-impl.js';
+import {type LocalizedMessages, type UIStrings} from './i18n-impl.js';
 
 import * as IntlMessageFormat from '../intl-messageformat/intl-messageformat.js';