react-native/src/private/webapis/performance/ResourceTiming.js

A framework for building native apps using React

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 * @flow strict
 */

// flowlint unsafe-getters-setters:off

import type {
  DOMHighResTimeStamp,
  PerformanceEntryJSON,
} from './PerformanceEntry';

import {PerformanceEntry} from './PerformanceEntry';

export type PerformanceResourceTimingJSON = {
  ...PerformanceEntryJSON,
  fetchStart: DOMHighResTimeStamp,
  requestStart: DOMHighResTimeStamp,
  connectStart: DOMHighResTimeStamp,
  connectEnd: DOMHighResTimeStamp,
  responseStart: DOMHighResTimeStamp,
  responseEnd: DOMHighResTimeStamp,
  responseStatus: ?number,
  ...
};

export class PerformanceResourceTiming extends PerformanceEntry {
  #fetchStart: DOMHighResTimeStamp;
  #requestStart: DOMHighResTimeStamp;
  #connectStart: DOMHighResTimeStamp;
  #connectEnd: DOMHighResTimeStamp;
  #responseStart: DOMHighResTimeStamp;
  #responseEnd: DOMHighResTimeStamp;
  #responseStatus: ?number;

  constructor(init: {
    name: string,
    startTime: DOMHighResTimeStamp,
    duration: DOMHighResTimeStamp,
    fetchStart: DOMHighResTimeStamp,
    requestStart: DOMHighResTimeStamp,
    connectStart: DOMHighResTimeStamp,
    connectEnd: DOMHighResTimeStamp,
    responseStart: DOMHighResTimeStamp,
    responseEnd: DOMHighResTimeStamp,
    responseStatus?: number,
  }) {
    super({
      name: init.name,
      entryType: 'resource',
      startTime: init.startTime,
      duration: init.duration,
    });
    this.#fetchStart = init.fetchStart;
    this.#requestStart = init.requestStart;
    this.#connectStart = init.connectStart;
    this.#connectEnd = init.connectEnd;
    this.#responseStart = init.responseStart;
    this.#responseEnd = init.responseEnd;
    this.#responseStatus = init.responseStatus;
  }

  get fetchStart(): DOMHighResTimeStamp {
    return this.#fetchStart;
  }

  get requestStart(): DOMHighResTimeStamp {
    return this.#requestStart;
  }

  get connectStart(): DOMHighResTimeStamp {
    return this.#connectStart;
  }

  get connectEnd(): DOMHighResTimeStamp {
    return this.#connectEnd;
  }

  get responseStart(): DOMHighResTimeStamp {
    return this.#responseStart;
  }

  get responseEnd(): DOMHighResTimeStamp {
    return this.#responseEnd;
  }

  get responseStatus(): ?number {
    return this.#responseStatus;
  }

  toJSON(): PerformanceResourceTimingJSON {
    return {
      ...super.toJSON(),
      fetchStart: this.#fetchStart,
      requestStart: this.#requestStart,
      connectStart: this.#connectStart,
      connectEnd: this.#connectEnd,
      responseStart: this.#responseStart,
      responseEnd: this.#responseEnd,
      responseStatus: this.#responseStatus,
    };
  }
}