angular/devtools/projects/ng-devtools/src/lib/devtools-tabs/profiler/file-api-service.ts

import { Subject } from 'rxjs';
import { Injectable } from '@angular/core';
import { toISO8601Compact } from '../../vendor/chromium/date-utilities';

@Injectable({
  providedIn: 'root',
})
export class FileApiService {
  uploadedData: Subject<any> = new Subject();

  publishFileUpload(parentEvent: InputEvent): void {
    const reader = new FileReader();
    reader.onload = (event) => {
      try {
        this.uploadedData.next(JSON.parse((event.target as any).result));
      } catch (e) {
        this.uploadedData.next({ error: e });
      }
      (parentEvent.target as any).value = '';
    };
    reader.readAsText((parentEvent.target as any).files[0]);
  }

  saveObjectAsJSON(object: object): void {
    const downloadLink = document.createElement('a');
    downloadLink.download = `NgDevTools-Profile-${toISO8601Compact(new Date())}.json`;
    downloadLink.href = URL.createObjectURL(new Blob([JSON.stringify(object)], { type: 'application/json' }));
    downloadLink.click();
    setTimeout(() => URL.revokeObjectURL(downloadLink.href));
  }
}