AutoTracerAutomated Tracing for JavaScript and React

async function initializeFlowTracing(): Promise<void> {
  if (import.meta.env.DEV) {
    await import("@autotracer/flow");
  }
}

void initializeFlowTracing();

// Your instrumented code is traced
function calculateTotal(items) {
  return items.reduce((sum, item) => sum + item.price, 0);
}

async function initializeReactTracing(): Promise<void> {
  if (import.meta.env.DEV) {
    const { reactTracer } = await import("@autotracer/react18");

    reactTracer({
      enabled: true,
    });
  }
}

void initializeReactTracing();

// Your components automatically traced
function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}