chrome-devtools-frontend 1.0.930109 → 1.0.930993

package/front_end/models/bindings/SASSSourceMapping.ts

@@ -39,27 +39,27 @@ import {CSSWorkspaceBinding} from './CSSWorkspaceBinding.js';
 import {NetworkProject} from './NetworkProject.js';
 
 export class SASSSourceMapping implements SourceMapping {
-  private readonly sourceMapManager: SDK.SourceMapManager.SourceMapManager<SDK.CSSStyleSheetHeader.CSSStyleSheetHeader>;
-  private readonly project: ContentProviderBasedProject;
-  private readonly eventListeners: Common.EventTarget.EventDescriptor[];
-  private readonly bindings: Map<string, Binding>;
+  readonly #sourceMapManager: SDK.SourceMapManager.SourceMapManager<SDK.CSSStyleSheetHeader.CSSStyleSheetHeader>;
+  readonly #project: ContentProviderBasedProject;
+  readonly #eventListeners: Common.EventTarget.EventDescriptor[];
+  readonly #bindings: Map<string, Binding>;
 
   constructor(
       target: SDK.Target.Target,
       sourceMapManager: SDK.SourceMapManager.SourceMapManager<SDK.CSSStyleSheetHeader.CSSStyleSheetHeader>,
       workspace: Workspace.Workspace.WorkspaceImpl) {
-    this.sourceMapManager = sourceMapManager;
-    this.project = new ContentProviderBasedProject(
+    this.#sourceMapManager = sourceMapManager;
+    this.#project = new ContentProviderBasedProject(
         workspace, 'cssSourceMaps:' + target.id(), Workspace.Workspace.projectTypes.Network, '',
         false /* isServiceProject */);
-    NetworkProject.setTargetForProject(this.project, target);
+    NetworkProject.setTargetForProject(this.#project, target);
 
-    this.bindings = new Map();
+    this.#bindings = new Map();
 
-    this.eventListeners = [
-      this.sourceMapManager.addEventListener(
+    this.#eventListeners = [
+      this.#sourceMapManager.addEventListener(
           SDK.SourceMapManager.Events.SourceMapAttached, this.sourceMapAttached, this),
-      this.sourceMapManager.addEventListener(
+      this.#sourceMapManager.addEventListener(
           SDK.SourceMapManager.Events.SourceMapDetached, this.sourceMapDetached, this),
     ];
   }
@@ -73,8 +73,8 @@ export class SASSSourceMapping implements SourceMapping {
       Promise<void> {
     const header = event.data.client;
     const sourceMap = (event.data.sourceMap as SDK.SourceMap.TextSourceMap);
-    const project = this.project;
-    const bindings = this.bindings;
+    const project = this.#project;
+    const bindings = this.#bindings;
     for (const sourceURL of sourceMap.sourceURLs()) {
       let binding = bindings.get(sourceURL);
       if (!binding) {
@@ -93,7 +93,7 @@ export class SASSSourceMapping implements SourceMapping {
       Promise<void> {
     const header = event.data.client;
     const sourceMap = (event.data.sourceMap as SDK.SourceMap.TextSourceMap);
-    const bindings = this.bindings;
+    const bindings = this.#bindings;
     for (const sourceURL of sourceMap.sourceURLs()) {
       const binding = bindings.get(sourceURL);
       if (binding) {
@@ -111,7 +111,7 @@ export class SASSSourceMapping implements SourceMapping {
     if (!header) {
       return null;
     }
-    const sourceMap = this.sourceMapManager.sourceMapForClient(header);
+    const sourceMap = this.#sourceMapManager.sourceMapForClient(header);
     if (!sourceMap) {
       return null;
     }
@@ -128,7 +128,7 @@ export class SASSSourceMapping implements SourceMapping {
     if (!entry || !entry.sourceURL) {
       return null;
     }
-    const uiSourceCode = this.project.uiSourceCodeForURL(entry.sourceURL);
+    const uiSourceCode = this.#project.uiSourceCodeForURL(entry.sourceURL);
     if (!uiSourceCode) {
       return null;
     }
@@ -136,7 +136,7 @@ export class SASSSourceMapping implements SourceMapping {
   }
 
   uiLocationToRawLocations(uiLocation: Workspace.UISourceCode.UILocation): SDK.CSSModel.CSSLocation[] {
-    // TODO(crbug.com/1153123): Revisit the `columnNumber || 0` and also preserve `undefined` for source maps?
+    // TODO(crbug.com/1153123): Revisit the `#columnNumber || 0` and also preserve `undefined` for source maps?
     const {uiSourceCode, lineNumber, columnNumber = 0} = uiLocation;
     const binding = uiSourceCodeToBinding.get(uiSourceCode);
     if (!binding) {
@@ -145,7 +145,7 @@ export class SASSSourceMapping implements SourceMapping {
     const locations: SDK.CSSModel.CSSLocation[] = [];
     for (const sourceMap of binding.getReferringSourceMaps()) {
       const entries = sourceMap.findReverseEntries(uiSourceCode.url(), lineNumber, columnNumber);
-      for (const header of this.sourceMapManager.clientsForSourceMap(sourceMap)) {
+      for (const header of this.#sourceMapManager.clientsForSourceMap(sourceMap)) {
         locations.push(
             ...entries.map(entry => new SDK.CSSModel.CSSLocation(header, entry.lineNumber, entry.columnNumber)));
       }
@@ -154,23 +154,23 @@ export class SASSSourceMapping implements SourceMapping {
   }
 
   dispose(): void {
-    Common.EventTarget.removeEventListeners(this.eventListeners);
-    this.project.dispose();
+    Common.EventTarget.removeEventListeners(this.#eventListeners);
+    this.#project.dispose();
   }
 }
 
 const uiSourceCodeToBinding = new WeakMap<Workspace.UISourceCode.UISourceCode, Binding>();
 
 class Binding {
-  private readonly project: ContentProviderBasedProject;
-  private readonly url: string;
+  readonly #project: ContentProviderBasedProject;
+  readonly #url: string;
   referringSourceMaps: SDK.SourceMap.TextSourceMap[];
-  private readonly activeSourceMap?: SDK.SourceMap.TextSourceMap|null;
+  readonly #activeSourceMap?: SDK.SourceMap.TextSourceMap|null;
   uiSourceCode: Workspace.UISourceCode.UISourceCode|null;
 
   constructor(project: ContentProviderBasedProject, url: string) {
-    this.project = project;
-    this.url = url;
+    this.#project = project;
+    this.#url = url;
 
     this.referringSourceMaps = [];
     this.uiSourceCode = null;
@@ -180,24 +180,24 @@ class Binding {
     const sourceMap = this.referringSourceMaps[this.referringSourceMaps.length - 1];
 
     const contentProvider =
-        sourceMap.sourceContentProvider(this.url, Common.ResourceType.resourceTypes.SourceMapStyleSheet);
-    const newUISourceCode = this.project.createUISourceCode(this.url, contentProvider.contentType());
+        sourceMap.sourceContentProvider(this.#url, Common.ResourceType.resourceTypes.SourceMapStyleSheet);
+    const newUISourceCode = this.#project.createUISourceCode(this.#url, contentProvider.contentType());
     uiSourceCodeToBinding.set(newUISourceCode, this);
     const mimeType =
-        Common.ResourceType.ResourceType.mimeFromURL(this.url) || contentProvider.contentType().canonicalMimeType();
-    const embeddedContent = sourceMap.embeddedContentByURL(this.url);
+        Common.ResourceType.ResourceType.mimeFromURL(this.#url) || contentProvider.contentType().canonicalMimeType();
+    const embeddedContent = sourceMap.embeddedContentByURL(this.#url);
     const metadata = typeof embeddedContent === 'string' ?
         new Workspace.UISourceCode.UISourceCodeMetadata(null, embeddedContent.length) :
         null;
 
     if (this.uiSourceCode) {
       NetworkProject.cloneInitialFrameAttribution(this.uiSourceCode, newUISourceCode);
-      this.project.removeFile(this.uiSourceCode.url());
+      this.#project.removeFile(this.uiSourceCode.url());
     } else {
       NetworkProject.setInitialFrameAttribution(newUISourceCode, frameId);
     }
     this.uiSourceCode = newUISourceCode;
-    this.project.addUISourceCodeWithProvider(this.uiSourceCode, contentProvider, metadata, mimeType);
+    this.#project.addUISourceCodeWithProvider(this.uiSourceCode, contentProvider, metadata, mimeType);
   }
 
   addSourceMap(sourceMap: SDK.SourceMap.TextSourceMap, frameId: Protocol.Page.FrameId): void {
@@ -216,7 +216,7 @@ class Binding {
       this.referringSourceMaps.splice(lastIndex, 1);
     }
     if (!this.referringSourceMaps.length) {
-      this.project.removeFile(uiSourceCode.url());
+      this.#project.removeFile(uiSourceCode.url());
       this.uiSourceCode = null;
     } else {
       this.recreateUISourceCodeIfNeeded(frameId);

package/front_end/models/bindings/StylesSourceMapping.ts

@@ -41,23 +41,23 @@ import {metadataForURL} from './ResourceUtils.js';
 const uiSourceCodeToStyleMap = new WeakMap<Workspace.UISourceCode.UISourceCode, StyleFile>();
 
 export class StylesSourceMapping implements SourceMapping {
-  private cssModel: SDK.CSSModel.CSSModel;
-  private project: ContentProviderBasedProject;
-  private readonly styleFiles: Map<string, StyleFile>;
-  private readonly eventListeners: Common.EventTarget.EventDescriptor[];
+  #cssModel: SDK.CSSModel.CSSModel;
+  #project: ContentProviderBasedProject;
+  readonly #styleFiles: Map<string, StyleFile>;
+  readonly #eventListeners: Common.EventTarget.EventDescriptor[];
 
   constructor(cssModel: SDK.CSSModel.CSSModel, workspace: Workspace.Workspace.WorkspaceImpl) {
-    this.cssModel = cssModel;
-    const target = this.cssModel.target();
-    this.project = new ContentProviderBasedProject(
+    this.#cssModel = cssModel;
+    const target = this.#cssModel.target();
+    this.#project = new ContentProviderBasedProject(
         workspace, 'css:' + target.id(), Workspace.Workspace.projectTypes.Network, '', false /* isServiceProject */);
-    NetworkProject.setTargetForProject(this.project, target);
+    NetworkProject.setTargetForProject(this.#project, target);
 
-    this.styleFiles = new Map();
-    this.eventListeners = [
-      this.cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetAdded, this.styleSheetAdded, this),
-      this.cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetRemoved, this.styleSheetRemoved, this),
-      this.cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetChanged, this.styleSheetChanged, this),
+    this.#styleFiles = new Map();
+    this.#eventListeners = [
+      this.#cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetAdded, this.styleSheetAdded, this),
+      this.#cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetRemoved, this.styleSheetRemoved, this),
+      this.#cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetChanged, this.styleSheetChanged, this),
     ];
   }
 
@@ -66,7 +66,7 @@ export class StylesSourceMapping implements SourceMapping {
     if (!header || !this.acceptsHeader(header)) {
       return null;
     }
-    const styleFile = this.styleFiles.get(header.resourceURL());
+    const styleFile = this.#styleFiles.get(header.resourceURL());
     if (!styleFile) {
       return null;
     }
@@ -94,7 +94,7 @@ export class StylesSourceMapping implements SourceMapping {
       let lineNumber = uiLocation.lineNumber;
       let columnNumber = uiLocation.columnNumber;
       if (header.isInline && header.hasSourceURL) {
-        // TODO(crbug.com/1153123): Revisit the `columnNumber || 0` and also preserve `undefined` for source maps?
+        // TODO(crbug.com/1153123): Revisit the `#columnNumber || 0` and also preserve `undefined` for source maps?
         columnNumber = header.columnNumberInSource(lineNumber, uiLocation.columnNumber || 0);
         lineNumber = header.lineNumberInSource(lineNumber);
       }
@@ -124,10 +124,10 @@ export class StylesSourceMapping implements SourceMapping {
     }
 
     const url = header.resourceURL();
-    let styleFile = this.styleFiles.get(url);
+    let styleFile = this.#styleFiles.get(url);
     if (!styleFile) {
-      styleFile = new StyleFile(this.cssModel, this.project, header);
-      this.styleFiles.set(url, styleFile);
+      styleFile = new StyleFile(this.#cssModel, this.#project, header);
+      this.#styleFiles.set(url, styleFile);
     } else {
       styleFile.addHeader(header);
     }
@@ -140,11 +140,11 @@ export class StylesSourceMapping implements SourceMapping {
       return;
     }
     const url = header.resourceURL();
-    const styleFile = this.styleFiles.get(url);
+    const styleFile = this.#styleFiles.get(url);
     if (styleFile) {
       if (styleFile.getHeaders().size === 1) {
         styleFile.dispose();
-        this.styleFiles.delete(url);
+        this.#styleFiles.delete(url);
       } else {
         styleFile.removeHeader(header);
       }
@@ -152,42 +152,42 @@ export class StylesSourceMapping implements SourceMapping {
   }
 
   private styleSheetChanged(event: Common.EventTarget.EventTargetEvent<SDK.CSSModel.StyleSheetChangedEvent>): void {
-    const header = this.cssModel.styleSheetHeaderForId(event.data.styleSheetId);
+    const header = this.#cssModel.styleSheetHeaderForId(event.data.styleSheetId);
     if (!header || !this.acceptsHeader(header)) {
       return;
     }
-    const styleFile = this.styleFiles.get(header.resourceURL());
+    const styleFile = this.#styleFiles.get(header.resourceURL());
     if (styleFile) {
       styleFile.styleSheetChanged(header);
     }
   }
 
   dispose(): void {
-    for (const styleFile of this.styleFiles.values()) {
+    for (const styleFile of this.#styleFiles.values()) {
       styleFile.dispose();
     }
-    this.styleFiles.clear();
-    Common.EventTarget.removeEventListeners(this.eventListeners);
-    this.project.removeProject();
+    this.#styleFiles.clear();
+    Common.EventTarget.removeEventListeners(this.#eventListeners);
+    this.#project.removeProject();
   }
 }
 
 export class StyleFile implements TextUtils.ContentProvider.ContentProvider {
-  private readonly cssModel: SDK.CSSModel.CSSModel;
-  private readonly project: ContentProviderBasedProject;
+  readonly #cssModel: SDK.CSSModel.CSSModel;
+  readonly #project: ContentProviderBasedProject;
   headers: Set<SDK.CSSStyleSheetHeader.CSSStyleSheetHeader>;
   uiSourceCode: Workspace.UISourceCode.UISourceCode;
-  private readonly eventListeners: Common.EventTarget.EventDescriptor[];
-  private readonly throttler: Common.Throttler.Throttler;
-  private terminated: boolean;
-  private isAddingRevision?: boolean;
-  private isUpdatingHeaders?: boolean;
+  readonly #eventListeners: Common.EventTarget.EventDescriptor[];
+  readonly #throttler: Common.Throttler.Throttler;
+  #terminated: boolean;
+  #isAddingRevision?: boolean;
+  #isUpdatingHeaders?: boolean;
 
   constructor(
       cssModel: SDK.CSSModel.CSSModel, project: ContentProviderBasedProject,
       header: SDK.CSSStyleSheetHeader.CSSStyleSheetHeader) {
-    this.cssModel = cssModel;
-    this.project = project;
+    this.#cssModel = cssModel;
+    this.#project = project;
     this.headers = new Set([header]);
 
     const target = cssModel.target();
@@ -195,19 +195,19 @@ export class StyleFile implements TextUtils.ContentProvider.ContentProvider {
     const url = header.resourceURL();
     const metadata = metadataForURL(target, header.frameId, url);
 
-    this.uiSourceCode = this.project.createUISourceCode(url, header.contentType());
+    this.uiSourceCode = this.#project.createUISourceCode(url, header.contentType());
     uiSourceCodeToStyleMap.set(this.uiSourceCode, this);
     NetworkProject.setInitialFrameAttribution(this.uiSourceCode, header.frameId);
-    this.project.addUISourceCodeWithProvider(this.uiSourceCode, this, metadata, 'text/css');
+    this.#project.addUISourceCodeWithProvider(this.uiSourceCode, this, metadata, 'text/css');
 
-    this.eventListeners = [
+    this.#eventListeners = [
       this.uiSourceCode.addEventListener(
           Workspace.UISourceCode.Events.WorkingCopyChanged, this.workingCopyChanged, this),
       this.uiSourceCode.addEventListener(
           Workspace.UISourceCode.Events.WorkingCopyCommitted, this.workingCopyCommitted, this),
     ];
-    this.throttler = new Common.Throttler.Throttler(StyleFile.updateTimeout);
-    this.terminated = false;
+    this.#throttler = new Common.Throttler.Throttler(StyleFile.updateTimeout);
+    this.#terminated = false;
   }
 
   addHeader(header: SDK.CSSStyleSheetHeader.CSSStyleSheetHeader): void {
@@ -222,32 +222,32 @@ export class StyleFile implements TextUtils.ContentProvider.ContentProvider {
 
   styleSheetChanged(header: SDK.CSSStyleSheetHeader.CSSStyleSheetHeader): void {
     console.assert(this.headers.has(header));
-    if (this.isUpdatingHeaders || !this.headers.has(header)) {
+    if (this.#isUpdatingHeaders || !this.headers.has(header)) {
       return;
     }
     const mirrorContentBound = this.mirrorContent.bind(this, header, true /* majorChange */);
-    this.throttler.schedule(mirrorContentBound, false /* asSoonAsPossible */);
+    this.#throttler.schedule(mirrorContentBound, false /* asSoonAsPossible */);
   }
 
   private workingCopyCommitted(): void {
-    if (this.isAddingRevision) {
+    if (this.#isAddingRevision) {
       return;
     }
     const mirrorContentBound = this.mirrorContent.bind(this, this.uiSourceCode, true /* majorChange */);
-    this.throttler.schedule(mirrorContentBound, true /* asSoonAsPossible */);
+    this.#throttler.schedule(mirrorContentBound, true /* asSoonAsPossible */);
   }
 
   private workingCopyChanged(): void {
-    if (this.isAddingRevision) {
+    if (this.#isAddingRevision) {
       return;
     }
     const mirrorContentBound = this.mirrorContent.bind(this, this.uiSourceCode, false /* majorChange */);
-    this.throttler.schedule(mirrorContentBound, false /* asSoonAsPossible */);
+    this.#throttler.schedule(mirrorContentBound, false /* asSoonAsPossible */);
   }
 
   private async mirrorContent(fromProvider: TextUtils.ContentProvider.ContentProvider, majorChange: boolean):
       Promise<void> {
-    if (this.terminated) {
+    if (this.#terminated) {
       this.styleFileSyncedForTest();
       return;
     }
@@ -260,28 +260,28 @@ export class StyleFile implements TextUtils.ContentProvider.ContentProvider {
       newContent = deferredContent.content;
     }
 
-    if (newContent === null || this.terminated) {
+    if (newContent === null || this.#terminated) {
       this.styleFileSyncedForTest();
       return;
     }
 
     if (fromProvider !== this.uiSourceCode) {
-      this.isAddingRevision = true;
+      this.#isAddingRevision = true;
       this.uiSourceCode.addRevision(newContent);
-      this.isAddingRevision = false;
+      this.#isAddingRevision = false;
     }
 
-    this.isUpdatingHeaders = true;
+    this.#isUpdatingHeaders = true;
     const promises = [];
     for (const header of this.headers) {
       if (header === fromProvider) {
         continue;
       }
-      promises.push(this.cssModel.setStyleSheetText(header.id, newContent, majorChange));
+      promises.push(this.#cssModel.setStyleSheetText(header.id, newContent, majorChange));
     }
     // ------ ASYNC ------
     await Promise.all(promises);
-    this.isUpdatingHeaders = false;
+    this.#isUpdatingHeaders = false;
     this.styleFileSyncedForTest();
   }
 
@@ -289,12 +289,12 @@ export class StyleFile implements TextUtils.ContentProvider.ContentProvider {
   }
 
   dispose(): void {
-    if (this.terminated) {
+    if (this.#terminated) {
       return;
     }
-    this.terminated = true;
-    this.project.removeFile(this.uiSourceCode.url());
-    Common.EventTarget.removeEventListeners(this.eventListeners);
+    this.#terminated = true;
+    this.#project.removeFile(this.uiSourceCode.url());
+    Common.EventTarget.removeEventListeners(this.#eventListeners);
   }
 
   contentURL(): string {

package/front_end/models/bindings/TempFile.ts

@@ -36,16 +36,16 @@ import type {ChunkedReader} from './FileUtils.js';
 import {ChunkedFileReader} from './FileUtils.js';
 
 export class TempFile {
-  private lastBlob: Blob|null;
+  #lastBlob: Blob|null;
   constructor() {
-    this.lastBlob = null;
+    this.#lastBlob = null;
   }
 
   write(pieces: (string|Blob)[]): void {
-    if (this.lastBlob) {
-      pieces.unshift(this.lastBlob);
+    if (this.#lastBlob) {
+      pieces.unshift(this.#lastBlob);
     }
-    this.lastBlob = new Blob(pieces, {type: 'text/plain'});
+    this.#lastBlob = new Blob(pieces, {type: 'text/plain'});
   }
 
   read(): Promise<string|null> {
@@ -53,17 +53,17 @@ export class TempFile {
   }
 
   size(): number {
-    return this.lastBlob ? this.lastBlob.size : 0;
+    return this.#lastBlob ? this.#lastBlob.size : 0;
   }
 
   async readRange(startOffset?: number, endOffset?: number): Promise<string|null> {
-    if (!this.lastBlob) {
+    if (!this.#lastBlob) {
       Common.Console.Console.instance().error('Attempt to read a temp file that was never written');
       return '';
     }
     const blob = typeof startOffset === 'number' || typeof endOffset === 'number' ?
-        this.lastBlob.slice((startOffset as number), (endOffset as number)) :
-        this.lastBlob;
+        this.#lastBlob.slice((startOffset as number), (endOffset as number)) :
+        this.#lastBlob;
 
     const reader = new FileReader();
     try {
@@ -82,58 +82,58 @@ export class TempFile {
   async copyToOutputStream(
       outputStream: Common.StringOutputStream.OutputStream,
       progress?: ((arg0: ChunkedReader) => void)): Promise<DOMError|null> {
-    if (!this.lastBlob) {
+    if (!this.#lastBlob) {
       outputStream.close();
       return null;
     }
-    const reader = new ChunkedFileReader((this.lastBlob as File), 10 * 1000 * 1000, progress);
+    const reader = new ChunkedFileReader((this.#lastBlob as File), 10 * 1000 * 1000, progress);
     return reader.read(outputStream).then(success => success ? null : reader.error());
   }
 
   remove(): void {
-    this.lastBlob = null;
+    this.#lastBlob = null;
   }
 }
 
 export class TempFileBackingStorage implements SDK.TracingModel.BackingStorage {
-  private file: TempFile|null;
-  private strings!: string[];
-  private stringsLength!: number;
+  #file: TempFile|null;
+  #strings!: string[];
+  #stringsLength!: number;
 
   constructor() {
-    this.file = null;
+    this.#file = null;
     this.reset();
   }
 
   appendString(string: string): void {
-    this.strings.push(string);
-    this.stringsLength += string.length;
+    this.#strings.push(string);
+    this.#stringsLength += string.length;
     const flushStringLength = 10 * 1024 * 1024;
-    if (this.stringsLength > flushStringLength) {
+    if (this.#stringsLength > flushStringLength) {
       this.flush();
     }
   }
 
   appendAccessibleString(string: string): () => Promise<string|null> {
     this.flush();
-    if (!this.file) {
+    if (!this.#file) {
       return async(): Promise<null> => null;
     }
-    const startOffset = this.file.size();
-    this.strings.push(string);
+    const startOffset = this.#file.size();
+    this.#strings.push(string);
     this.flush();
-    return this.file.readRange.bind(this.file, startOffset, this.file.size());
+    return this.#file.readRange.bind(this.#file, startOffset, this.#file.size());
   }
 
   private flush(): void {
-    if (!this.strings.length) {
+    if (!this.#strings.length) {
       return;
     }
-    if (!this.file) {
-      this.file = new TempFile();
+    if (!this.#file) {
+      this.#file = new TempFile();
     }
-    this.stringsLength = 0;
-    this.file.write(this.strings.splice(0));
+    this.#stringsLength = 0;
+    this.#file.write(this.#strings.splice(0));
   }
 
   finishWriting(): void {
@@ -141,15 +141,15 @@ export class TempFileBackingStorage implements SDK.TracingModel.BackingStorage {
   }
 
   reset(): void {
-    if (this.file) {
-      this.file.remove();
+    if (this.#file) {
+      this.#file.remove();
     }
-    this.file = null;
-    this.strings = [];
-    this.stringsLength = 0;
+    this.#file = null;
+    this.#strings = [];
+    this.#stringsLength = 0;
   }
 
   writeToStream(outputStream: Common.StringOutputStream.OutputStream): Promise<DOMError|null> {
-    return this.file ? this.file.copyToOutputStream(outputStream) : Promise.resolve(null);
+    return this.#file ? this.#file.copyToOutputStream(outputStream) : Promise.resolve(null);
   }
 }