chrome-devtools-frontend 1.0.1473514 → 1.0.1510180

package/front_end/panels/network/RequestPayloadView.ts

@@ -51,11 +51,11 @@ import requestPayloadViewStyles from './requestPayloadView.css.js';
 
 const UIStrings = {
   /**
-   *@description A context menu item Payload View of the Network panel to copy a parsed value.
+   * @description A context menu item Payload View of the Network panel to copy a parsed value.
    */
   copyValue: 'Copy value',
   /**
-   *@description A context menu item Payload View of the Network panel to copy the payload.
+   * @description A context menu item Payload View of the Network panel to copy the payload.
    */
   copyPayload: 'Copy',
   /**
@@ -64,31 +64,31 @@ const UIStrings = {
    */
   requestPayload: 'Request Payload',
   /**
-   *@description Text in Request Payload View of the Network panel
+   * @description Text in Request Payload View of the Network panel
    */
   unableToDecodeValue: '(unable to decode value)',
   /**
-   *@description Text in Request Payload View of the Network panel
+   * @description Text in Request Payload View of the Network panel
    */
   queryStringParameters: 'Query String Parameters',
   /**
-   *@description Text in Request Payload View of the Network panel
+   * @description Text in Request Payload View of the Network panel
    */
   formData: 'Form Data',
   /**
-   *@description Text to show more content
+   * @description Text to show more content
    */
   showMore: 'Show more',
   /**
-   *@description Text for toggling the view of payload data (e.g. query string parameters) from source to parsed in the payload tab
+   * @description Text for toggling the view of payload data (e.g. query string parameters) from source to parsed in the payload tab
    */
   viewParsed: 'View parsed',
   /**
-   *@description Text to show an item is empty
+   * @description Text to show an item is empty
    */
   empty: '(empty)',
   /**
-   *@description Text for toggling the view of payload data (e.g. query string parameters) from parsed to source in the payload tab
+   * @description Text for toggling the view of payload data (e.g. query string parameters) from parsed to source in the payload tab
    */
   viewSource: 'View source',
   /**
@@ -98,7 +98,7 @@ const UIStrings = {
    */
   viewUrlEncoded: 'View URL-encoded',
   /**
-   *@description Text for toggling payload data (e.g. query string parameters) from encoded to decoded in the payload tab or in the cookies preview
+   * @description Text for toggling payload data (e.g. query string parameters) from encoded to decoded in the payload tab or in the cookies preview
    */
   viewDecoded: 'View decoded',
 } as const;
@@ -112,10 +112,9 @@ export class RequestPayloadView extends UI.Widget.VBox {
   private requestPayloadCategory: Category;
 
   constructor(request: SDK.NetworkRequest.NetworkRequest) {
-    super();
+    super({jslog: `${VisualLogging.pane('payload').track({resize: true})}`});
     this.registerRequiredCSS(requestPayloadViewStyles);
     this.element.classList.add('request-payload-view');
-    this.element.setAttribute('jslog', `${VisualLogging.pane('payload').track({resize: true})}`);
 
     this.request = request;
     this.decodeRequestParameters = true;
@@ -128,7 +127,7 @@ export class RequestPayloadView extends UI.Widget.VBox {
     const root = new UI.TreeOutline.TreeOutlineInShadow();
     root.registerRequiredCSS(objectValueStyles, objectPropertiesSectionStyles, requestPayloadTreeStyles);
     root.element.classList.add('request-payload-tree');
-    root.makeDense();
+    root.setDense(true);
     this.element.appendChild(root.element);
 
     this.queryStringCategory = new Category(root, 'query-string');

package/front_end/panels/network/RequestPreviewView.ts

@@ -45,11 +45,11 @@ import {SignedExchangeInfoView} from './SignedExchangeInfoView.js';
 
 const UIStrings = {
   /**
-   *@description Text in Request Preview View of the Network panel
+   * @description Text in Request Preview View of the Network panel
    */
   failedToLoadResponseData: 'Failed to load response data',
   /**
-   *@description Text in Request Preview View of the Network panel
+   * @description Text in Request Preview View of the Network panel
    */
   previewNotAvailable: 'Preview not available',
 } as const;
@@ -60,11 +60,10 @@ export class RequestPreviewView extends UI.Widget.VBox {
   private contentViewPromise: Promise<UI.Widget.Widget>|null;
 
   constructor(request: SDK.NetworkRequest.NetworkRequest) {
-    super();
+    super({jslog: `${VisualLogging.pane('preview').track({resize: true})}`});
     this.element.classList.add('request-view');
     this.request = request;
     this.contentViewPromise = null;
-    this.element.setAttribute('jslog', `${VisualLogging.pane('preview').track({resize: true})}`);
   }
 
   async showPreview(): Promise<UI.Widget.Widget> {

package/front_end/panels/network/RequestResponseView.ts

@@ -43,15 +43,15 @@ const {html, render} = Lit;
 
 const UIStrings = {
   /**
-   *@description Text in Request Response View of the Network panel if no preview can be shown
+   * @description Text in Request Response View of the Network panel if no preview can be shown
    */
   noPreview: 'Nothing to preview',
   /**
-   *@description Text in Request Response View of the Network panel
+   * @description Text in Request Response View of the Network panel
    */
   thisRequestHasNoResponseData: 'This request has no response data available',
   /**
-   *@description Text in Request Preview View of the Network panel
+   * @description Text in Request Preview View of the Network panel
    */
   failedToLoadResponseData: 'Failed to load response data',
 } as const;
@@ -94,7 +94,7 @@ export const DEFAULT_VIEW: View = (input: ViewInput, output: ViewOutput, target:
     widget = html`<devtools-widget
                     .widgetConfig=${widgetConfig(element => new SourceFrame.ResourceSourceFrame.SearchableContainer(
                         input.request, input.mimeType, element))}
-                    ${widgetRef(SourceFrame.ResourceSourceFrame.SearchableContainer, widget => {output.revealPosition = widget.revealPosition.bind(this);})}></devtools-widget>`;
+                    ${widgetRef(SourceFrame.ResourceSourceFrame.SearchableContainer, widget => {output.revealPosition = widget.revealPosition.bind(widget);})}></devtools-widget>`;
     // clang-format on
   } else {
     // clang-format off
@@ -105,7 +105,7 @@ export const DEFAULT_VIEW: View = (input: ViewInput, output: ViewOutput, target:
     // clang-format on
   }
 
-  render(widget, target, {host: input});
+  render(widget, target);
 };
 
 export class RequestResponseView extends UI.Widget.VBox {

package/front_end/panels/network/RequestTimingView.ts

@@ -36,205 +36,205 @@ import * as i18n from '../../core/i18n/i18n.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as Logs from '../../models/logs/logs.js';
+import * as NetworkTimeCalculator from '../../models/network_time_calculator/network_time_calculator.js';
 import * as ObjectUI from '../../ui/legacy/components/object_ui/object_ui.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 
-import {Events, type NetworkTimeCalculator} from './NetworkTimeCalculator.js';
 import networkingTimingTableStyles from './networkTimingTable.css.js';
 
 const UIStrings = {
   /**
-   *@description Text used to label the time taken to receive an HTTP/2 Push message.
+   * @description Text used to label the time taken to receive an HTTP/2 Push message.
    */
   receivingPush: 'Receiving `Push`',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   queueing: 'Queueing',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   stalled: 'Stalled',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   initialConnection: 'Initial connection',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   dnsLookup: 'DNS Lookup',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   proxyNegotiation: 'Proxy negotiation',
   /**
-   *@description Text used to label the time taken to read an HTTP/2 Push message.
+   * @description Text used to label the time taken to read an HTTP/2 Push message.
    */
   readingPush: 'Reading `Push`',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   contentDownload: 'Content Download',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   requestSent: 'Request sent',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   requestToServiceworker: 'Request to `ServiceWorker`',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   startup: 'Startup',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   respondwith: 'respondWith',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   ssl: 'SSL',
   /**
-   *@description Text for sum
+   * @description Text for sum
    */
   total: 'Total',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   waitingTtfb: 'Waiting for server response',
   /**
-   *@description Text in Signed Exchange Info View of the Network panel
+   * @description Text in Signed Exchange Info View of the Network panel
    */
   label: 'Label',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   routerEvaluation: 'Router Evaluation',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   routerCacheLookup: 'Cache Lookup',
   /**
-   *@description Inner element text content in Network Log View Columns of the Network panel
+   * @description Inner element text content in Network Log View Columns of the Network panel
    */
   waterfall: 'Waterfall',
   /**
-   *@description Text for the duration of something
+   * @description Text for the duration of something
    */
   duration: 'Duration',
   /**
-   *@description Text of a DOM element in Request Timing View of the Network panel
-   *@example {120.39ms} PH1
+   * @description Text of a DOM element in Request Timing View of the Network panel
+   * @example {120.39ms} PH1
    */
   queuedAtS: 'Queued at {PH1}',
   /**
-   *@description Text of a DOM element in Request Timing View of the Network panel
-   *@example {120.39ms} PH1
+   * @description Text of a DOM element in Request Timing View of the Network panel
+   * @example {120.39ms} PH1
    */
   startedAtS: 'Started at {PH1}',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   serverPush: 'Server Push',
   /**
-   *@description Text of a DOM element in Request Timing View of the Network panel
+   * @description Text of a DOM element in Request Timing View of the Network panel
    */
   resourceScheduling: 'Resource Scheduling',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   connectionStart: 'Connection Start',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   requestresponse: 'Request/Response',
   /**
-   *@description Text of a DOM element in Request Timing View of the Network panel
+   * @description Text of a DOM element in Request Timing View of the Network panel
    */
   cautionRequestIsNotFinishedYet: 'CAUTION: request is not finished yet!',
   /**
-   *@description Text in Request Timing View of the Network panel
+   * @description Text in Request Timing View of the Network panel
    */
   explanation: 'Explanation',
   /**
-   *@description Text of a DOM element in Request Timing View of the Network panel
+   * @description Text of a DOM element in Request Timing View of the Network panel
    */
   serverTiming: 'Server Timing',
   /**
-   *@description Text of a DOM element in Request Timing View of the Network panel
+   * @description Text of a DOM element in Request Timing View of the Network panel
    */
   time: 'TIME',
   /**
-   *@description Label for the Server Timing API
+   * @description Label for the Server Timing API
    */
   theServerTimingApi: 'the Server Timing API',
   /**
-   *@description Text to inform about the ServerTiming API, which can be used to report timing information to DevTools about the substeps that the server performed to answer the requests. Timing information is, e.g., the duration of the substep.
-   *@example {https://web.dev/custom-metrics/#server-timing-api} PH1
+   * @description Text to inform about the ServerTiming API, which can be used to report timing information to DevTools about the substeps that the server performed to answer the requests. Timing information is, e.g., the duration of the substep.
+   * @example {https://web.dev/custom-metrics/#server-timing-api} PH1
    */
   duringDevelopmentYouCanUseSToAdd:
       'During development, you can use {PH1} to add insights into the server-side timing of this request.',
   /**
-   *@description Header for last column of network timing tab.
+   * @description Header for last column of network timing tab.
    */
   durationC: 'DURATION',
   /**
-   *@description Description for treeitem in ServiceWorker Fetch Details
+   * @description Description for treeitem in ServiceWorker Fetch Details
    */
   originalRequest: 'Original Request',
   /**
-   *@description Description for treeitem in ServiceWorker Fetch Details
+   * @description Description for treeitem in ServiceWorker Fetch Details
    */
   responseReceived: 'Response Received',
   /**
-   *@description Text for an unspecified service worker response source
+   * @description Text for an unspecified service worker response source
    */
   unknown: 'Unknown',
   /**
-   *@description Displays how a particular response was fetched
-   *@example {Network fetch} PH1
+   * @description Displays how a particular response was fetched
+   * @example {Network fetch} PH1
    */
   sourceOfResponseS: 'Source of response: {PH1}',
   /**
-   *@description Name of storage cache from which a response was fetched
-   *@example {v1} PH1
+   * @description Name of storage cache from which a response was fetched
+   * @example {v1} PH1
    */
   cacheStorageCacheNameS: 'Cache storage cache name: {PH1}',
   /**
-   *@description Text for unknown cache storage name
+   * @description Text for unknown cache storage name
    */
   cacheStorageCacheNameUnknown: 'Cache storage cache name: Unknown',
   /**
-   *@description Time at which a response was retrieved
-   *@example {Fri Apr 10 2020 17:20:27 GMT-0700 (Pacific Daylight Time)} PH1
+   * @description Time at which a response was retrieved
+   * @example {Fri Apr 10 2020 17:20:27 GMT-0700 (Pacific Daylight Time)} PH1
    */
   retrievalTimeS: 'Retrieval Time: {PH1}',
   /**
-   *@description Text used to show that serviceworker fetch response source is ServiceWorker Cache Storage
+   * @description Text used to show that serviceworker fetch response source is ServiceWorker Cache Storage
    */
   serviceworkerCacheStorage: '`ServiceWorker` cache storage',
   /**
-   *@description Text used to show that serviceworker fetch response source is HTTP cache
+   * @description Text used to show that serviceworker fetch response source is HTTP cache
    */
   fromHttpCache: 'From HTTP cache',
   /**
-   *@description Text used to show that data was retrieved via a Network fetch
+   * @description Text used to show that data was retrieved via a Network fetch
    */
   networkFetch: 'Network fetch',
   /**
-   *@description Text used to show that data was retrieved using ServiceWorker fallback code
+   * @description Text used to show that data was retrieved using ServiceWorker fallback code
    */
   fallbackCode: 'Fallback code',
   /**
-   *@description Name of the specified source for SW static routing API.
-   *@example {network} PH1
+   * @description Name of the specified source for SW static routing API.
+   * @example {network} PH1
    */
   routerMatchedSource: 'Matched source: {PH1}',
   /**
-   *@description Name of the actually used source for SW static routing API.
-   *@example {network} PH1
+   * @description Name of the actually used source for SW static routing API.
+   * @example {network} PH1
    */
   routerActualSource: 'Actual source: {PH1}',
 } as const;
@@ -242,10 +242,10 @@ const str_ = i18n.i18n.registerUIStrings('panels/network/RequestTimingView.ts',
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class RequestTimingView extends UI.Widget.VBox {
   private request: SDK.NetworkRequest.NetworkRequest;
-  private calculator: NetworkTimeCalculator;
+  private calculator: NetworkTimeCalculator.NetworkTimeCalculator;
   private lastMinimumBoundary: number;
   private tableElement?: Element;
-  constructor(request: SDK.NetworkRequest.NetworkRequest, calculator: NetworkTimeCalculator) {
+  constructor(request: SDK.NetworkRequest.NetworkRequest, calculator: NetworkTimeCalculator.NetworkTimeCalculator) {
     super();
     this.registerRequiredCSS(networkingTimingTableStyles);
     this.element.classList.add('resource-timing-view');
@@ -421,7 +421,8 @@ export class RequestTimingView extends UI.Widget.VBox {
     return result;
   }
 
-  static createTimingTable(request: SDK.NetworkRequest.NetworkRequest, calculator: NetworkTimeCalculator): Element {
+  static createTimingTable(
+      request: SDK.NetworkRequest.NetworkRequest, calculator: NetworkTimeCalculator.NetworkTimeCalculator): Element {
     const tableElement = document.createElement('table');
     tableElement.classList.add('network-timing-table');
     tableElement.setAttribute('jslog', `${VisualLogging.pane('timing').track({resize: true})}`);
@@ -786,14 +787,14 @@ export class RequestTimingView extends UI.Widget.VBox {
   override wasShown(): void {
     this.request.addEventListener(SDK.NetworkRequest.Events.TIMING_CHANGED, this.refresh, this);
     this.request.addEventListener(SDK.NetworkRequest.Events.FINISHED_LOADING, this.refresh, this);
-    this.calculator.addEventListener(Events.BOUNDARIES_CHANGED, this.boundaryChanged, this);
+    this.calculator.addEventListener(NetworkTimeCalculator.Events.BOUNDARIES_CHANGED, this.boundaryChanged, this);
     this.refresh();
   }
 
   override willHide(): void {
     this.request.removeEventListener(SDK.NetworkRequest.Events.TIMING_CHANGED, this.refresh, this);
     this.request.removeEventListener(SDK.NetworkRequest.Events.FINISHED_LOADING, this.refresh, this);
-    this.calculator.removeEventListener(Events.BOUNDARIES_CHANGED, this.boundaryChanged, this);
+    this.calculator.removeEventListener(NetworkTimeCalculator.Events.BOUNDARIES_CHANGED, this.boundaryChanged, this);
   }
 
   private refresh(): void {

package/front_end/panels/network/ResourceChunkView.ts

@@ -19,55 +19,55 @@ import viewStyles from './resourceChunkView.css.js';
 
 const UIStrings = {
   /**
-   *@description Text in Event Source Messages View of the Network panel
+   * @description Text in Event Source Messages View of the Network panel
    */
   data: 'Data',
   /**
-   *@description Text in Messages View of the Network panel
+   * @description Text in Messages View of the Network panel
    */
   length: 'Length',
   /**
-   *@description Text that refers to the time
+   * @description Text that refers to the time
    */
   time: 'Time',
   /**
-   *@description Text to clear everything
+   * @description Text to clear everything
    */
   clearAll: 'Clear All',
   /**
-   *@description Text to filter result items
+   * @description Text to filter result items
    */
   filter: 'Filter',
   /**
-   *@description Text in Messages View of the Network panel that shows if no message is selected for viewing its content
+   * @description Text in Messages View of the Network panel that shows if no message is selected for viewing its content
    */
   noMessageSelected: 'No message selected',
   /**
-   *@description Text in Messages View of the Network panel
+   * @description Text in Messages View of the Network panel
    */
   selectMessageToBrowseItsContent: 'Select message to browse its content.',
   /**
-   *@description Text in Messages View of the Network panel
+   * @description Text in Messages View of the Network panel
    */
   copyMessageD: 'Copy message…',
   /**
-   *@description A context menu item in the Messages View of the Network panel
+   * @description A context menu item in the Messages View of the Network panel
    */
   copyMessage: 'Copy message',
   /**
-   *@description Text to clear everything
+   * @description Text to clear everything
    */
   clearAllL: 'Clear all',
   /**
-   *@description Text for everything
+   * @description Text for everything
    */
   all: 'All',
   /**
-   *@description Text in Messages View of the Network panel
+   * @description Text in Messages View of the Network panel
    */
   send: 'Send',
   /**
-   *@description Text in Messages View of the Network panel
+   * @description Text in Messages View of the Network panel
    */
   receive: 'Receive',
 } as const;

package/front_end/panels/network/ResourceDirectSocketChunkView.ts

@@ -17,31 +17,31 @@ import {DataGridItem, ResourceChunkView} from './ResourceChunkView.js';
 
 const UIStrings = {
   /**
-   *@description Text in Event Source Messages View of the Network panel
+   * @description Text in Event Source Messages View of the Network panel
    */
   data: 'Data',
   /**
-   *@description Text in Messages View of the Network panel
+   * @description Text in Messages View of the Network panel
    */
   length: 'Length',
   /**
-   *@description Text that refers to the time
+   * @description Text that refers to the time
    */
   time: 'Time',
   /**
-   *@description Text in Messages View of the Network panel
+   * @description Text in Messages View of the Network panel
    */
   address: 'Address',
   /**
-   *@description Text in Messages View of the Network panel
+   * @description Text in Messages View of the Network panel
    */
   port: 'Port',
   /**
-   *@description Data grid name for Direct Socket Chunk data grids
+   * @description Data grid name for Direct Socket Chunk data grids
    */
   directSocketChunk: 'Direct Socket Chunk',
   /**
-   *@description Example for placeholder text. Note: "(direct)?socket)" is an example code and should not be translated.
+   * @description Example for placeholder text. Note: "(direct)?socket)" is an example code and should not be translated.
    */
   filterUsingRegex: 'Filter using regex (example: `(direct)?socket)`',
 } as const;
@@ -91,7 +91,12 @@ export class ResourceDirectSocketChunkView extends ResourceChunkView<SDK.Network
   override getColumns(): DataGrid.DataGrid.ColumnDescriptor[] {
     if (this.request.directSocketInfo?.type === SDK.NetworkRequest.DirectSocketType.UDP_BOUND) {
       return [
-        {id: 'data', title: i18nString(UIStrings.data), sortable: false, weight: 63},
+        {
+          id: 'data',
+          title: i18nString(UIStrings.data),
+          sortable: false,
+          weight: 63,
+        },
         {
           id: 'address',
           title: i18nString(UIStrings.address),
@@ -113,16 +118,21 @@ export class ResourceDirectSocketChunkView extends ResourceChunkView<SDK.Network
           align: DataGrid.DataGrid.Align.RIGHT,
           weight: 5,
         },
-        {id: 'time', title: i18nString(UIStrings.time), sortable: true, weight: 7},
-      ] as DataGrid.DataGrid.ColumnDescriptor[];
+        {
+          id: 'time',
+          title: i18nString(UIStrings.time),
+          sortable: true,
+          weight: 7,
+        },
+      ];
     }
     return super.getColumns();
   }
 }
 
 class ResourceChunkNode extends DataGridItem {
+  #binaryView: BinaryResourceView|null = null;
   readonly chunk: SDK.NetworkRequest.DirectSocketChunk;
-  private binaryViewInternal: BinaryResourceView|null;
 
   constructor(chunk: SDK.NetworkRequest.DirectSocketChunk, boundSocket: boolean) {
     const time = new Date(chunk.timestamp * 1000);
@@ -136,7 +146,7 @@ class ResourceChunkNode extends DataGridItem {
     const length = i18n.ByteUtilities.bytesToString(Platform.StringUtilities.base64ToSize(chunk.data));
     const maxDisplayLen = 30;
     if (chunk.data.length > maxDisplayLen) {
-      description = chunk.data.substring(0, maxDisplayLen) + '...';
+      description = chunk.data.substring(0, maxDisplayLen) + '…';
     } else {
       description = chunk.data;
     }
@@ -148,7 +158,6 @@ class ResourceChunkNode extends DataGridItem {
     }
 
     this.chunk = chunk;
-    this.binaryViewInternal = null;
   }
 
   override createCells(element: Element): void {
@@ -168,15 +177,15 @@ class ResourceChunkNode extends DataGridItem {
   }
 
   override binaryView(): BinaryResourceView|null {
-    if (!this.binaryViewInternal) {
+    if (!this.#binaryView) {
       if (this.dataText().length > 0) {
-        this.binaryViewInternal = new BinaryResourceView(
+        this.#binaryView = new BinaryResourceView(
             TextUtils.StreamingContentData.StreamingContentData.from(
-                new TextUtils.ContentData.ContentData(this.dataText(), true, 'applicaiton/octet-stream')),
+                new TextUtils.ContentData.ContentData(this.dataText(), true, 'application/octet-stream')),
             Platform.DevToolsPath.EmptyUrlString, Common.ResourceType.resourceTypes.DirectSocket);
       }
     }
-    return this.binaryViewInternal;
+    return this.#binaryView;
   }
 
   override getTime(): number {