react Architecture Docs
Home / File/ runtimePerf.ts — react Source File

runtimePerf.ts — react Source File

Architecture documentation for runtimePerf.ts, a typescript file in the react codebase. 5 imports, 1 dependents.

File typescript BabelCompiler Validation 5 imports 1 dependents 3 functions

Entity Profile

Dependency Diagram

graph LR
  a990453a_7717_776a_17fd_03fd2fdb9e90["runtimePerf.ts"]
  102f7d62_f771_0080_dd43_d867f5a8bd55["core"]
  a990453a_7717_776a_17fd_03fd2fdb9e90 --> 102f7d62_f771_0080_dd43_d867f5a8bd55
  a75a30f6_49c1_7063_6401_9377a6508e45["puppeteer"]
  a990453a_7717_776a_17fd_03fd2fdb9e90 --> a75a30f6_49c1_7063_6401_9377a6508e45
  a9ec1c03_1262_ac89_da2f_72b88352d2ac["preset-typescript"]
  a990453a_7717_776a_17fd_03fd2fdb9e90 --> a9ec1c03_1262_ac89_da2f_72b88352d2ac
  661b574e_ff5a_7587_6f16_2de518088e42["preset-env"]
  a990453a_7717_776a_17fd_03fd2fdb9e90 --> 661b574e_ff5a_7587_6f16_2de518088e42
  ac6a906a_73c0_a2ce_ee96_f9f3ea7bcab4["preset-react"]
  a990453a_7717_776a_17fd_03fd2fdb9e90 --> ac6a906a_73c0_a2ce_ee96_f9f3ea7bcab4
  18cd5de5_c350_7de1_3060_3c6253caf5c4["index.ts"]
  18cd5de5_c350_7de1_3060_3c6253caf5c4 --> a990453a_7717_776a_17fd_03fd2fdb9e90
  style a990453a_7717_776a_17fd_03fd2fdb9e90 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import * as babel from '@babel/core';
import puppeteer from 'puppeteer';
// @ts-ignore
import * as babelPresetTypescript from '@babel/preset-typescript';
// @ts-ignore
import * as babelPresetEnv from '@babel/preset-env';
// @ts-ignore
import * as babelPresetReact from '@babel/preset-react';

type PerformanceResults = {
  renderTime: number[];
  webVitals: {
    cls: number[];
    lcp: number[];
    inp: number[];
    fid: number[];
    ttfb: number[];
  };
  reactProfiler: {
    id: number[];
    phase: number[];
    actualDuration: number[];
    baseDuration: number[];
    startTime: number[];
    commitTime: number[];
  };
  error: Error | null;
};

type EvaluationResults = {
  renderTime: number | null;
  webVitals: {
    cls: number | null;
    lcp: number | null;
    inp: number | null;
    fid: number | null;
    ttfb: number | null;
  };
  reactProfiler: {
    id: number | null;
    phase: number | null;
    actualDuration: number | null;
    baseDuration: number | null;
    startTime: number | null;
    commitTime: number | null;
  };
  error: Error | null;
};

function delay(time: number) {
  return new Promise(function (resolve) {
    setTimeout(resolve, time);
  });
}

export async function measurePerformance(
  code: string,
  iterations: number,
): Promise<PerformanceResults> {
  const babelOptions: babel.TransformOptions = {
// ... (226 more lines)

Domain

Subdomains

Functions

Types

Dependencies

  • core
  • preset-env
  • preset-react
  • preset-typescript
  • puppeteer

Imported By

Source

Frequently Asked Questions

What does runtimePerf.ts do?
runtimePerf.ts is a source file in the react codebase, written in typescript. It belongs to the BabelCompiler domain, Validation subdomain.
What functions are defined in runtimePerf.ts?
runtimePerf.ts defines 3 function(s): buildHtml, delay, measurePerformance.
What does runtimePerf.ts depend on?
runtimePerf.ts imports 5 module(s): core, preset-env, preset-react, preset-typescript, puppeteer.
What files import runtimePerf.ts?
runtimePerf.ts is imported by 1 file(s): index.ts.
Where is runtimePerf.ts in the architecture?
runtimePerf.ts is located at compiler/packages/react-mcp-server/src/tools/runtimePerf.ts (domain: BabelCompiler, subdomain: Validation, directory: compiler/packages/react-mcp-server/src/tools).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free