react-perfscope 0.4.0 → 0.6.0

package/dist/auto.cjs

@@ -1,9 +1,34 @@
 "use strict";
 
 // src/auto.ts
+var import_core2 = require("@react-perfscope/core");
+var import_react2 = require("@react-perfscope/react");
+var import_ui = require("@react-perfscope/ui");
+
+// src/bootstrap.ts
 var import_core = require("@react-perfscope/core");
 var import_react = require("@react-perfscope/react");
-var import_ui = require("@react-perfscope/ui");
+function createConfiguredRecorder() {
+  const recorder = (0, import_core.createRecorder)();
+  recorder.use((0, import_core.createForcedReflowCollector)());
+  recorder.use((0, import_core.createLongTasksCollector)());
+  recorder.use((0, import_core.createLayoutShiftCollector)());
+  recorder.use((0, import_core.createNetworkCollector)());
+  recorder.use((0, import_core.createWebVitalsCollector)());
+  recorder.use((0, import_react.createRenderCollector)());
+  const selfProfiler = (0, import_core.createSelfProfilingCollector)();
+  recorder.use(selfProfiler);
+  const heap = (0, import_core.createHeapCollector)();
+  recorder.use(heap);
+  const interaction = (0, import_core.createInteractionCollector)();
+  recorder.use(interaction);
+  const frame = (0, import_core.createFrameCollector)();
+  recorder.use(frame);
+  const finalize = (result) => Promise.resolve(interaction.finalize(result)).then((r) => selfProfiler.finalize(r)).then((r) => heap.finalize(r)).then((r) => frame.finalize(r));
+  return { recorder, finalize };
+}
+
+// src/auto.ts
 function bootstrap() {
   if (typeof globalThis === "undefined") return;
   const g = globalThis;
@@ -12,30 +37,14 @@ function bootstrap() {
   if (env === "production") return;
   if (typeof document === "undefined") return;
   try {
-    (0, import_react.installDevToolsHook)(() => {
+    (0, import_react2.installDevToolsHook)(() => {
     });
-    const recorder = (0, import_core.createRecorder)();
-    recorder.use((0, import_core.createForcedReflowCollector)());
-    recorder.use((0, import_core.createLongTasksCollector)());
-    recorder.use((0, import_core.createLayoutShiftCollector)());
-    recorder.use((0, import_core.createNetworkCollector)());
-    recorder.use((0, import_core.createWebVitalsCollector)());
-    recorder.use((0, import_react.createRenderCollector)());
-    const selfProfiler = (0, import_core.createSelfProfilingCollector)();
-    recorder.use(selfProfiler);
-    const heap = (0, import_core.createHeapCollector)();
-    recorder.use(heap);
-    const interaction = (0, import_core.createInteractionCollector)();
-    recorder.use(interaction);
-    const frame = (0, import_core.createFrameCollector)();
-    recorder.use(frame);
-    const resolver = (0, import_core.createSourceMapResolver)();
+    const { recorder, finalize } = createConfiguredRecorder();
+    const resolver = (0, import_core2.createSourceMapResolver)();
     (0, import_ui.mount)({
       recorder,
       resolveFrame: (f) => resolver.resolve(f),
-      // Assemble interactions first so self-profiling can attribute their
-      // processing windows, then attach the heap series and frame timestamps.
-      finalize: (result) => Promise.resolve(interaction.finalize(result)).then((r) => selfProfiler.finalize(r)).then((r) => heap.finalize(r)).then((r) => frame.finalize(r))
+      finalize
     });
     g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true;
   } catch (err) {

package/dist/auto.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/auto.ts"],"sourcesContent":["import {\n  createRecorder,\n  createForcedReflowCollector,\n  createLongTasksCollector,\n  createLayoutShiftCollector,\n  createNetworkCollector,\n  createWebVitalsCollector,\n  createSelfProfilingCollector,\n  createHeapCollector,\n  createInteractionCollector,\n  createFrameCollector,\n  createSourceMapResolver,\n} from '@react-perfscope/core'\nimport { createRenderCollector, installDevToolsHook } from '@react-perfscope/react'\nimport { mount } from '@react-perfscope/ui'\n\n/**\n * Side-effect entry. Importing `react-perfscope/auto` bootstraps a Recorder\n * with the render collector and mounts the UI. Idempotent — importing twice\n * is a no-op (the first import wins).\n *\n * Bails when `process.env.NODE_ENV === 'production'` (build plugins also\n * guard against prod, but this is defense-in-depth).\n */\nfunction bootstrap(): void {\n  if (typeof globalThis === 'undefined') return\n  const g = globalThis as { __REACT_PERFSCOPE_AUTO_MOUNTED__?: boolean }\n  if (g.__REACT_PERFSCOPE_AUTO_MOUNTED__) return\n\n  const env = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env?.NODE_ENV\n  if (env === 'production') return\n\n  if (typeof document === 'undefined') return\n\n  try {\n    // Install the React DevTools hook SYNCHRONOUSLY before react-dom is\n    // evaluated. react-dom captures `__REACT_DEVTOOLS_GLOBAL_HOOK__` exactly\n    // once at module-load time, so the hook must exist by the time the user\n    // bundle imports react-dom. A no-op listener is enough to register the\n    // hook — when the render collector later activates, it adds the real\n    // commit handler to the same global hook.\n    installDevToolsHook(() => {})\n\n    const recorder = createRecorder()\n    recorder.use(createForcedReflowCollector())\n    recorder.use(createLongTasksCollector())\n    recorder.use(createLayoutShiftCollector())\n    recorder.use(createNetworkCollector())\n    recorder.use(createWebVitalsCollector())\n    recorder.use(createRenderCollector())\n    const selfProfiler = createSelfProfilingCollector()\n    recorder.use(selfProfiler)\n    const heap = createHeapCollector()\n    recorder.use(heap)\n    const interaction = createInteractionCollector()\n    recorder.use(interaction)\n    const frame = createFrameCollector()\n    recorder.use(frame)\n    const resolver = createSourceMapResolver()\n    mount({\n      recorder,\n      resolveFrame: (f) => resolver.resolve(f),\n      // Assemble interactions first so self-profiling can attribute their\n      // processing windows, then attach the heap series and frame timestamps.\n      finalize: (result) =>\n        Promise.resolve(interaction.finalize(result))\n          .then((r) => selfProfiler.finalize(r))\n          .then((r) => heap.finalize(r))\n          .then((r) => frame.finalize(r)),\n    })\n    g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true\n  } catch (err) {\n    console.warn('[react-perfscope] auto bootstrap failed:', err)\n  }\n}\n\nbootstrap()\n"],"mappings":";;;AAAA,kBAYO;AACP,mBAA2D;AAC3D,gBAAsB;AAUtB,SAAS,YAAkB;AACzB,MAAI,OAAO,eAAe,YAAa;AACvC,QAAM,IAAI;AACV,MAAI,EAAE,iCAAkC;AAExC,QAAM,MAAO,WAA6D,SAAS,KAAK;AACxF,MAAI,QAAQ,aAAc;AAE1B,MAAI,OAAO,aAAa,YAAa;AAErC,MAAI;AAOF,0CAAoB,MAAM;AAAA,IAAC,CAAC;AAE5B,UAAM,eAAW,4BAAe;AAChC,aAAS,QAAI,yCAA4B,CAAC;AAC1C,aAAS,QAAI,sCAAyB,CAAC;AACvC,aAAS,QAAI,wCAA2B,CAAC;AACzC,aAAS,QAAI,oCAAuB,CAAC;AACrC,aAAS,QAAI,sCAAyB,CAAC;AACvC,aAAS,QAAI,oCAAsB,CAAC;AACpC,UAAM,mBAAe,0CAA6B;AAClD,aAAS,IAAI,YAAY;AACzB,UAAM,WAAO,iCAAoB;AACjC,aAAS,IAAI,IAAI;AACjB,UAAM,kBAAc,wCAA2B;AAC/C,aAAS,IAAI,WAAW;AACxB,UAAM,YAAQ,kCAAqB;AACnC,aAAS,IAAI,KAAK;AAClB,UAAM,eAAW,qCAAwB;AACzC,yBAAM;AAAA,MACJ;AAAA,MACA,cAAc,CAAC,MAAM,SAAS,QAAQ,CAAC;AAAA;AAAA;AAAA,MAGvC,UAAU,CAAC,WACT,QAAQ,QAAQ,YAAY,SAAS,MAAM,CAAC,EACzC,KAAK,CAAC,MAAM,aAAa,SAAS,CAAC,CAAC,EACpC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,EAC5B,KAAK,CAAC,MAAM,MAAM,SAAS,CAAC,CAAC;AAAA,IACpC,CAAC;AACD,MAAE,mCAAmC;AAAA,EACvC,SAAS,KAAK;AACZ,YAAQ,KAAK,4CAA4C,GAAG;AAAA,EAC9D;AACF;AAEA,UAAU;","names":[]}
+{"version":3,"sources":["../src/auto.ts","../src/bootstrap.ts"],"sourcesContent":["import { createSourceMapResolver } from '@react-perfscope/core'\nimport { installDevToolsHook } from '@react-perfscope/react'\nimport { mount } from '@react-perfscope/ui'\nimport { createConfiguredRecorder } from './bootstrap'\n\n/**\n * Side-effect entry. Importing `react-perfscope/auto` bootstraps a Recorder\n * with the render collector and mounts the UI. Idempotent — importing twice\n * is a no-op (the first import wins).\n *\n * Bails when `process.env.NODE_ENV === 'production'` (build plugins also\n * guard against prod, but this is defense-in-depth).\n */\nfunction bootstrap(): void {\n  if (typeof globalThis === 'undefined') return\n  const g = globalThis as { __REACT_PERFSCOPE_AUTO_MOUNTED__?: boolean }\n  if (g.__REACT_PERFSCOPE_AUTO_MOUNTED__) return\n\n  const env = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env?.NODE_ENV\n  if (env === 'production') return\n\n  if (typeof document === 'undefined') return\n\n  try {\n    // Install the React DevTools hook SYNCHRONOUSLY before react-dom is\n    // evaluated. react-dom captures `__REACT_DEVTOOLS_GLOBAL_HOOK__` exactly\n    // once at module-load time, so the hook must exist by the time the user\n    // bundle imports react-dom. A no-op listener is enough to register the\n    // hook — when the render collector later activates, it adds the real\n    // commit handler to the same global hook.\n    installDevToolsHook(() => {})\n\n    const { recorder, finalize } = createConfiguredRecorder()\n    const resolver = createSourceMapResolver()\n    mount({\n      recorder,\n      resolveFrame: (f) => resolver.resolve(f),\n      finalize,\n    })\n    g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true\n  } catch (err) {\n    console.warn('[react-perfscope] auto bootstrap failed:', err)\n  }\n}\n\nbootstrap()\n","import {\n  createRecorder,\n  createForcedReflowCollector,\n  createLongTasksCollector,\n  createLayoutShiftCollector,\n  createNetworkCollector,\n  createWebVitalsCollector,\n  createSelfProfilingCollector,\n  createHeapCollector,\n  createInteractionCollector,\n  createFrameCollector,\n} from '@react-perfscope/core'\nimport type { Recorder, RecordingResult } from '@react-perfscope/core'\nimport { createRenderCollector } from '@react-perfscope/react'\n\nexport interface ConfiguredRecorder {\n  recorder: Recorder\n  /** Runs the post-recording finalize chain (interaction → self-profiling →\n   * heap → frame) in the order each collector depends on the previous one. */\n  finalize: (result: RecordingResult) => Promise<RecordingResult>\n}\n\n/**\n * Assembles the recorder + full collector set that react-perfscope ships,\n * minus the UI. The single source of truth for what gets recorded: both the\n * `/auto` bootstrap and the E2E verification harness call this, so the harness\n * can never validate a collector set that differs from what users get.\n *\n * The caller is responsible for installing the React DevTools hook BEFORE\n * react-dom evaluates (it is timing-sensitive) and for mounting any UI.\n */\nexport function createConfiguredRecorder(): ConfiguredRecorder {\n  const recorder = createRecorder()\n  recorder.use(createForcedReflowCollector())\n  recorder.use(createLongTasksCollector())\n  recorder.use(createLayoutShiftCollector())\n  recorder.use(createNetworkCollector())\n  recorder.use(createWebVitalsCollector())\n  recorder.use(createRenderCollector())\n  const selfProfiler = createSelfProfilingCollector()\n  recorder.use(selfProfiler)\n  const heap = createHeapCollector()\n  recorder.use(heap)\n  const interaction = createInteractionCollector()\n  recorder.use(interaction)\n  const frame = createFrameCollector()\n  recorder.use(frame)\n\n  // Assemble interactions first so self-profiling can attribute their\n  // processing windows, then attach the heap series and frame timestamps.\n  const finalize = (result: RecordingResult): Promise<RecordingResult> =>\n    Promise.resolve(interaction.finalize(result))\n      .then((r) => selfProfiler.finalize(r))\n      .then((r) => heap.finalize(r))\n      .then((r) => frame.finalize(r))\n\n  return { recorder, finalize }\n}\n"],"mappings":";;;AAAA,IAAAA,eAAwC;AACxC,IAAAC,gBAAoC;AACpC,gBAAsB;;;ACFtB,kBAWO;AAEP,mBAAsC;AAkB/B,SAAS,2BAA+C;AAC7D,QAAM,eAAW,4BAAe;AAChC,WAAS,QAAI,yCAA4B,CAAC;AAC1C,WAAS,QAAI,sCAAyB,CAAC;AACvC,WAAS,QAAI,wCAA2B,CAAC;AACzC,WAAS,QAAI,oCAAuB,CAAC;AACrC,WAAS,QAAI,sCAAyB,CAAC;AACvC,WAAS,QAAI,oCAAsB,CAAC;AACpC,QAAM,mBAAe,0CAA6B;AAClD,WAAS,IAAI,YAAY;AACzB,QAAM,WAAO,iCAAoB;AACjC,WAAS,IAAI,IAAI;AACjB,QAAM,kBAAc,wCAA2B;AAC/C,WAAS,IAAI,WAAW;AACxB,QAAM,YAAQ,kCAAqB;AACnC,WAAS,IAAI,KAAK;AAIlB,QAAM,WAAW,CAAC,WAChB,QAAQ,QAAQ,YAAY,SAAS,MAAM,CAAC,EACzC,KAAK,CAAC,MAAM,aAAa,SAAS,CAAC,CAAC,EACpC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,EAC5B,KAAK,CAAC,MAAM,MAAM,SAAS,CAAC,CAAC;AAElC,SAAO,EAAE,UAAU,SAAS;AAC9B;;;AD5CA,SAAS,YAAkB;AACzB,MAAI,OAAO,eAAe,YAAa;AACvC,QAAM,IAAI;AACV,MAAI,EAAE,iCAAkC;AAExC,QAAM,MAAO,WAA6D,SAAS,KAAK;AACxF,MAAI,QAAQ,aAAc;AAE1B,MAAI,OAAO,aAAa,YAAa;AAErC,MAAI;AAOF,2CAAoB,MAAM;AAAA,IAAC,CAAC;AAE5B,UAAM,EAAE,UAAU,SAAS,IAAI,yBAAyB;AACxD,UAAM,eAAW,sCAAwB;AACzC,yBAAM;AAAA,MACJ;AAAA,MACA,cAAc,CAAC,MAAM,SAAS,QAAQ,CAAC;AAAA,MACvC;AAAA,IACF,CAAC;AACD,MAAE,mCAAmC;AAAA,EACvC,SAAS,KAAK;AACZ,YAAQ,KAAK,4CAA4C,GAAG;AAAA,EAC9D;AACF;AAEA,UAAU;","names":["import_core","import_react"]}

package/dist/auto.d.cts

@@ -1,6 +1,5 @@
 /// <reference lib="es2015" />
 /// <reference lib="dom" />
 
-import '@react-perfscope/core';
-import '@react-perfscope/react';
-import '@react-perfscope/ui';
+
+export {  }

package/dist/auto.d.ts

@@ -1,6 +1,5 @@
 /// <reference lib="es2015" />
 /// <reference lib="dom" />
 
-import '@react-perfscope/core';
-import '@react-perfscope/react';
-import '@react-perfscope/ui';
+
+export {  }

package/dist/auto.js

@@ -1,18 +1,10 @@
-// src/auto.ts
 import {
-  createRecorder,
-  createForcedReflowCollector,
-  createLongTasksCollector,
-  createLayoutShiftCollector,
-  createNetworkCollector,
-  createWebVitalsCollector,
-  createSelfProfilingCollector,
-  createHeapCollector,
-  createInteractionCollector,
-  createFrameCollector,
-  createSourceMapResolver
-} from "@react-perfscope/core";
-import { createRenderCollector, installDevToolsHook } from "@react-perfscope/react";
+  createConfiguredRecorder
+} from "./chunk-HQT4LEXO.js";
+
+// src/auto.ts
+import { createSourceMapResolver } from "@react-perfscope/core";
+import { installDevToolsHook } from "@react-perfscope/react";
 import { mount } from "@react-perfscope/ui";
 function bootstrap() {
   if (typeof globalThis === "undefined") return;
@@ -24,28 +16,12 @@ function bootstrap() {
   try {
     installDevToolsHook(() => {
     });
-    const recorder = createRecorder();
-    recorder.use(createForcedReflowCollector());
-    recorder.use(createLongTasksCollector());
-    recorder.use(createLayoutShiftCollector());
-    recorder.use(createNetworkCollector());
-    recorder.use(createWebVitalsCollector());
-    recorder.use(createRenderCollector());
-    const selfProfiler = createSelfProfilingCollector();
-    recorder.use(selfProfiler);
-    const heap = createHeapCollector();
-    recorder.use(heap);
-    const interaction = createInteractionCollector();
-    recorder.use(interaction);
-    const frame = createFrameCollector();
-    recorder.use(frame);
+    const { recorder, finalize } = createConfiguredRecorder();
     const resolver = createSourceMapResolver();
     mount({
       recorder,
       resolveFrame: (f) => resolver.resolve(f),
-      // Assemble interactions first so self-profiling can attribute their
-      // processing windows, then attach the heap series and frame timestamps.
-      finalize: (result) => Promise.resolve(interaction.finalize(result)).then((r) => selfProfiler.finalize(r)).then((r) => heap.finalize(r)).then((r) => frame.finalize(r))
+      finalize
     });
     g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true;
   } catch (err) {

package/dist/auto.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/auto.ts"],"sourcesContent":["import {\n  createRecorder,\n  createForcedReflowCollector,\n  createLongTasksCollector,\n  createLayoutShiftCollector,\n  createNetworkCollector,\n  createWebVitalsCollector,\n  createSelfProfilingCollector,\n  createHeapCollector,\n  createInteractionCollector,\n  createFrameCollector,\n  createSourceMapResolver,\n} from '@react-perfscope/core'\nimport { createRenderCollector, installDevToolsHook } from '@react-perfscope/react'\nimport { mount } from '@react-perfscope/ui'\n\n/**\n * Side-effect entry. Importing `react-perfscope/auto` bootstraps a Recorder\n * with the render collector and mounts the UI. Idempotent — importing twice\n * is a no-op (the first import wins).\n *\n * Bails when `process.env.NODE_ENV === 'production'` (build plugins also\n * guard against prod, but this is defense-in-depth).\n */\nfunction bootstrap(): void {\n  if (typeof globalThis === 'undefined') return\n  const g = globalThis as { __REACT_PERFSCOPE_AUTO_MOUNTED__?: boolean }\n  if (g.__REACT_PERFSCOPE_AUTO_MOUNTED__) return\n\n  const env = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env?.NODE_ENV\n  if (env === 'production') return\n\n  if (typeof document === 'undefined') return\n\n  try {\n    // Install the React DevTools hook SYNCHRONOUSLY before react-dom is\n    // evaluated. react-dom captures `__REACT_DEVTOOLS_GLOBAL_HOOK__` exactly\n    // once at module-load time, so the hook must exist by the time the user\n    // bundle imports react-dom. A no-op listener is enough to register the\n    // hook — when the render collector later activates, it adds the real\n    // commit handler to the same global hook.\n    installDevToolsHook(() => {})\n\n    const recorder = createRecorder()\n    recorder.use(createForcedReflowCollector())\n    recorder.use(createLongTasksCollector())\n    recorder.use(createLayoutShiftCollector())\n    recorder.use(createNetworkCollector())\n    recorder.use(createWebVitalsCollector())\n    recorder.use(createRenderCollector())\n    const selfProfiler = createSelfProfilingCollector()\n    recorder.use(selfProfiler)\n    const heap = createHeapCollector()\n    recorder.use(heap)\n    const interaction = createInteractionCollector()\n    recorder.use(interaction)\n    const frame = createFrameCollector()\n    recorder.use(frame)\n    const resolver = createSourceMapResolver()\n    mount({\n      recorder,\n      resolveFrame: (f) => resolver.resolve(f),\n      // Assemble interactions first so self-profiling can attribute their\n      // processing windows, then attach the heap series and frame timestamps.\n      finalize: (result) =>\n        Promise.resolve(interaction.finalize(result))\n          .then((r) => selfProfiler.finalize(r))\n          .then((r) => heap.finalize(r))\n          .then((r) => frame.finalize(r)),\n    })\n    g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true\n  } catch (err) {\n    console.warn('[react-perfscope] auto bootstrap failed:', err)\n  }\n}\n\nbootstrap()\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB,2BAA2B;AAC3D,SAAS,aAAa;AAUtB,SAAS,YAAkB;AACzB,MAAI,OAAO,eAAe,YAAa;AACvC,QAAM,IAAI;AACV,MAAI,EAAE,iCAAkC;AAExC,QAAM,MAAO,WAA6D,SAAS,KAAK;AACxF,MAAI,QAAQ,aAAc;AAE1B,MAAI,OAAO,aAAa,YAAa;AAErC,MAAI;AAOF,wBAAoB,MAAM;AAAA,IAAC,CAAC;AAE5B,UAAM,WAAW,eAAe;AAChC,aAAS,IAAI,4BAA4B,CAAC;AAC1C,aAAS,IAAI,yBAAyB,CAAC;AACvC,aAAS,IAAI,2BAA2B,CAAC;AACzC,aAAS,IAAI,uBAAuB,CAAC;AACrC,aAAS,IAAI,yBAAyB,CAAC;AACvC,aAAS,IAAI,sBAAsB,CAAC;AACpC,UAAM,eAAe,6BAA6B;AAClD,aAAS,IAAI,YAAY;AACzB,UAAM,OAAO,oBAAoB;AACjC,aAAS,IAAI,IAAI;AACjB,UAAM,cAAc,2BAA2B;AAC/C,aAAS,IAAI,WAAW;AACxB,UAAM,QAAQ,qBAAqB;AACnC,aAAS,IAAI,KAAK;AAClB,UAAM,WAAW,wBAAwB;AACzC,UAAM;AAAA,MACJ;AAAA,MACA,cAAc,CAAC,MAAM,SAAS,QAAQ,CAAC;AAAA;AAAA;AAAA,MAGvC,UAAU,CAAC,WACT,QAAQ,QAAQ,YAAY,SAAS,MAAM,CAAC,EACzC,KAAK,CAAC,MAAM,aAAa,SAAS,CAAC,CAAC,EACpC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,EAC5B,KAAK,CAAC,MAAM,MAAM,SAAS,CAAC,CAAC;AAAA,IACpC,CAAC;AACD,MAAE,mCAAmC;AAAA,EACvC,SAAS,KAAK;AACZ,YAAQ,KAAK,4CAA4C,GAAG;AAAA,EAC9D;AACF;AAEA,UAAU;","names":[]}
+{"version":3,"sources":["../src/auto.ts"],"sourcesContent":["import { createSourceMapResolver } from '@react-perfscope/core'\nimport { installDevToolsHook } from '@react-perfscope/react'\nimport { mount } from '@react-perfscope/ui'\nimport { createConfiguredRecorder } from './bootstrap'\n\n/**\n * Side-effect entry. Importing `react-perfscope/auto` bootstraps a Recorder\n * with the render collector and mounts the UI. Idempotent — importing twice\n * is a no-op (the first import wins).\n *\n * Bails when `process.env.NODE_ENV === 'production'` (build plugins also\n * guard against prod, but this is defense-in-depth).\n */\nfunction bootstrap(): void {\n  if (typeof globalThis === 'undefined') return\n  const g = globalThis as { __REACT_PERFSCOPE_AUTO_MOUNTED__?: boolean }\n  if (g.__REACT_PERFSCOPE_AUTO_MOUNTED__) return\n\n  const env = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env?.NODE_ENV\n  if (env === 'production') return\n\n  if (typeof document === 'undefined') return\n\n  try {\n    // Install the React DevTools hook SYNCHRONOUSLY before react-dom is\n    // evaluated. react-dom captures `__REACT_DEVTOOLS_GLOBAL_HOOK__` exactly\n    // once at module-load time, so the hook must exist by the time the user\n    // bundle imports react-dom. A no-op listener is enough to register the\n    // hook — when the render collector later activates, it adds the real\n    // commit handler to the same global hook.\n    installDevToolsHook(() => {})\n\n    const { recorder, finalize } = createConfiguredRecorder()\n    const resolver = createSourceMapResolver()\n    mount({\n      recorder,\n      resolveFrame: (f) => resolver.resolve(f),\n      finalize,\n    })\n    g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true\n  } catch (err) {\n    console.warn('[react-perfscope] auto bootstrap failed:', err)\n  }\n}\n\nbootstrap()\n"],"mappings":";;;;;AAAA,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,aAAa;AAWtB,SAAS,YAAkB;AACzB,MAAI,OAAO,eAAe,YAAa;AACvC,QAAM,IAAI;AACV,MAAI,EAAE,iCAAkC;AAExC,QAAM,MAAO,WAA6D,SAAS,KAAK;AACxF,MAAI,QAAQ,aAAc;AAE1B,MAAI,OAAO,aAAa,YAAa;AAErC,MAAI;AAOF,wBAAoB,MAAM;AAAA,IAAC,CAAC;AAE5B,UAAM,EAAE,UAAU,SAAS,IAAI,yBAAyB;AACxD,UAAM,WAAW,wBAAwB;AACzC,UAAM;AAAA,MACJ;AAAA,MACA,cAAc,CAAC,MAAM,SAAS,QAAQ,CAAC;AAAA,MACvC;AAAA,IACF,CAAC;AACD,MAAE,mCAAmC;AAAA,EACvC,SAAS,KAAK;AACZ,YAAQ,KAAK,4CAA4C,GAAG;AAAA,EAC9D;AACF;AAEA,UAAU;","names":[]}

package/dist/chunk-HQT4LEXO.js

@@ -0,0 +1,38 @@
+// src/bootstrap.ts
+import {
+  createRecorder,
+  createForcedReflowCollector,
+  createLongTasksCollector,
+  createLayoutShiftCollector,
+  createNetworkCollector,
+  createWebVitalsCollector,
+  createSelfProfilingCollector,
+  createHeapCollector,
+  createInteractionCollector,
+  createFrameCollector
+} from "@react-perfscope/core";
+import { createRenderCollector } from "@react-perfscope/react";
+function createConfiguredRecorder() {
+  const recorder = createRecorder();
+  recorder.use(createForcedReflowCollector());
+  recorder.use(createLongTasksCollector());
+  recorder.use(createLayoutShiftCollector());
+  recorder.use(createNetworkCollector());
+  recorder.use(createWebVitalsCollector());
+  recorder.use(createRenderCollector());
+  const selfProfiler = createSelfProfilingCollector();
+  recorder.use(selfProfiler);
+  const heap = createHeapCollector();
+  recorder.use(heap);
+  const interaction = createInteractionCollector();
+  recorder.use(interaction);
+  const frame = createFrameCollector();
+  recorder.use(frame);
+  const finalize = (result) => Promise.resolve(interaction.finalize(result)).then((r) => selfProfiler.finalize(r)).then((r) => heap.finalize(r)).then((r) => frame.finalize(r));
+  return { recorder, finalize };
+}
+
+export {
+  createConfiguredRecorder
+};
+//# sourceMappingURL=chunk-HQT4LEXO.js.map

package/dist/chunk-HQT4LEXO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bootstrap.ts"],"sourcesContent":["import {\n  createRecorder,\n  createForcedReflowCollector,\n  createLongTasksCollector,\n  createLayoutShiftCollector,\n  createNetworkCollector,\n  createWebVitalsCollector,\n  createSelfProfilingCollector,\n  createHeapCollector,\n  createInteractionCollector,\n  createFrameCollector,\n} from '@react-perfscope/core'\nimport type { Recorder, RecordingResult } from '@react-perfscope/core'\nimport { createRenderCollector } from '@react-perfscope/react'\n\nexport interface ConfiguredRecorder {\n  recorder: Recorder\n  /** Runs the post-recording finalize chain (interaction → self-profiling →\n   * heap → frame) in the order each collector depends on the previous one. */\n  finalize: (result: RecordingResult) => Promise<RecordingResult>\n}\n\n/**\n * Assembles the recorder + full collector set that react-perfscope ships,\n * minus the UI. The single source of truth for what gets recorded: both the\n * `/auto` bootstrap and the E2E verification harness call this, so the harness\n * can never validate a collector set that differs from what users get.\n *\n * The caller is responsible for installing the React DevTools hook BEFORE\n * react-dom evaluates (it is timing-sensitive) and for mounting any UI.\n */\nexport function createConfiguredRecorder(): ConfiguredRecorder {\n  const recorder = createRecorder()\n  recorder.use(createForcedReflowCollector())\n  recorder.use(createLongTasksCollector())\n  recorder.use(createLayoutShiftCollector())\n  recorder.use(createNetworkCollector())\n  recorder.use(createWebVitalsCollector())\n  recorder.use(createRenderCollector())\n  const selfProfiler = createSelfProfilingCollector()\n  recorder.use(selfProfiler)\n  const heap = createHeapCollector()\n  recorder.use(heap)\n  const interaction = createInteractionCollector()\n  recorder.use(interaction)\n  const frame = createFrameCollector()\n  recorder.use(frame)\n\n  // Assemble interactions first so self-profiling can attribute their\n  // processing windows, then attach the heap series and frame timestamps.\n  const finalize = (result: RecordingResult): Promise<RecordingResult> =>\n    Promise.resolve(interaction.finalize(result))\n      .then((r) => selfProfiler.finalize(r))\n      .then((r) => heap.finalize(r))\n      .then((r) => frame.finalize(r))\n\n  return { recorder, finalize }\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,6BAA6B;AAkB/B,SAAS,2BAA+C;AAC7D,QAAM,WAAW,eAAe;AAChC,WAAS,IAAI,4BAA4B,CAAC;AAC1C,WAAS,IAAI,yBAAyB,CAAC;AACvC,WAAS,IAAI,2BAA2B,CAAC;AACzC,WAAS,IAAI,uBAAuB,CAAC;AACrC,WAAS,IAAI,yBAAyB,CAAC;AACvC,WAAS,IAAI,sBAAsB,CAAC;AACpC,QAAM,eAAe,6BAA6B;AAClD,WAAS,IAAI,YAAY;AACzB,QAAM,OAAO,oBAAoB;AACjC,WAAS,IAAI,IAAI;AACjB,QAAM,cAAc,2BAA2B;AAC/C,WAAS,IAAI,WAAW;AACxB,QAAM,QAAQ,qBAAqB;AACnC,WAAS,IAAI,KAAK;AAIlB,QAAM,WAAW,CAAC,WAChB,QAAQ,QAAQ,YAAY,SAAS,MAAM,CAAC,EACzC,KAAK,CAAC,MAAM,aAAa,SAAS,CAAC,CAAC,EACpC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,EAC5B,KAAK,CAAC,MAAM,MAAM,SAAS,CAAC,CAAC;AAElC,SAAO,EAAE,UAAU,SAAS;AAC9B;","names":[]}

package/dist/index.cjs

@@ -3,6 +3,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,12 +20,39 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/index.ts
 var index_exports = {};
+__export(index_exports, {
+  createConfiguredRecorder: () => createConfiguredRecorder
+});
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("@react-perfscope/core"), module.exports);
 __reExport(index_exports, require("@react-perfscope/react"), module.exports);
 __reExport(index_exports, require("@react-perfscope/ui"), module.exports);
+
+// src/bootstrap.ts
+var import_core = require("@react-perfscope/core");
+var import_react = require("@react-perfscope/react");
+function createConfiguredRecorder() {
+  const recorder = (0, import_core.createRecorder)();
+  recorder.use((0, import_core.createForcedReflowCollector)());
+  recorder.use((0, import_core.createLongTasksCollector)());
+  recorder.use((0, import_core.createLayoutShiftCollector)());
+  recorder.use((0, import_core.createNetworkCollector)());
+  recorder.use((0, import_core.createWebVitalsCollector)());
+  recorder.use((0, import_react.createRenderCollector)());
+  const selfProfiler = (0, import_core.createSelfProfilingCollector)();
+  recorder.use(selfProfiler);
+  const heap = (0, import_core.createHeapCollector)();
+  recorder.use(heap);
+  const interaction = (0, import_core.createInteractionCollector)();
+  recorder.use(interaction);
+  const frame = (0, import_core.createFrameCollector)();
+  recorder.use(frame);
+  const finalize = (result) => Promise.resolve(interaction.finalize(result)).then((r) => selfProfiler.finalize(r)).then((r) => heap.finalize(r)).then((r) => frame.finalize(r));
+  return { recorder, finalize };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  createConfiguredRecorder,
   ...require("@react-perfscope/core"),
   ...require("@react-perfscope/react"),
   ...require("@react-perfscope/ui")

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from '@react-perfscope/core'\nexport * from '@react-perfscope/react'\nexport * from '@react-perfscope/ui'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,kCAAd;AACA,0BAAc,mCADd;AAEA,0BAAc,gCAFd;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/bootstrap.ts"],"sourcesContent":["export * from '@react-perfscope/core'\nexport * from '@react-perfscope/react'\nexport * from '@react-perfscope/ui'\nexport { createConfiguredRecorder } from './bootstrap'\nexport type { ConfiguredRecorder } from './bootstrap'\n","import {\n  createRecorder,\n  createForcedReflowCollector,\n  createLongTasksCollector,\n  createLayoutShiftCollector,\n  createNetworkCollector,\n  createWebVitalsCollector,\n  createSelfProfilingCollector,\n  createHeapCollector,\n  createInteractionCollector,\n  createFrameCollector,\n} from '@react-perfscope/core'\nimport type { Recorder, RecordingResult } from '@react-perfscope/core'\nimport { createRenderCollector } from '@react-perfscope/react'\n\nexport interface ConfiguredRecorder {\n  recorder: Recorder\n  /** Runs the post-recording finalize chain (interaction → self-profiling →\n   * heap → frame) in the order each collector depends on the previous one. */\n  finalize: (result: RecordingResult) => Promise<RecordingResult>\n}\n\n/**\n * Assembles the recorder + full collector set that react-perfscope ships,\n * minus the UI. The single source of truth for what gets recorded: both the\n * `/auto` bootstrap and the E2E verification harness call this, so the harness\n * can never validate a collector set that differs from what users get.\n *\n * The caller is responsible for installing the React DevTools hook BEFORE\n * react-dom evaluates (it is timing-sensitive) and for mounting any UI.\n */\nexport function createConfiguredRecorder(): ConfiguredRecorder {\n  const recorder = createRecorder()\n  recorder.use(createForcedReflowCollector())\n  recorder.use(createLongTasksCollector())\n  recorder.use(createLayoutShiftCollector())\n  recorder.use(createNetworkCollector())\n  recorder.use(createWebVitalsCollector())\n  recorder.use(createRenderCollector())\n  const selfProfiler = createSelfProfilingCollector()\n  recorder.use(selfProfiler)\n  const heap = createHeapCollector()\n  recorder.use(heap)\n  const interaction = createInteractionCollector()\n  recorder.use(interaction)\n  const frame = createFrameCollector()\n  recorder.use(frame)\n\n  // Assemble interactions first so self-profiling can attribute their\n  // processing windows, then attach the heap series and frame timestamps.\n  const finalize = (result: RecordingResult): Promise<RecordingResult> =>\n    Promise.resolve(interaction.finalize(result))\n      .then((r) => selfProfiler.finalize(r))\n      .then((r) => heap.finalize(r))\n      .then((r) => frame.finalize(r))\n\n  return { recorder, finalize }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,kCAAd;AACA,0BAAc,mCADd;AAEA,0BAAc,gCAFd;;;ACAA,kBAWO;AAEP,mBAAsC;AAkB/B,SAAS,2BAA+C;AAC7D,QAAM,eAAW,4BAAe;AAChC,WAAS,QAAI,yCAA4B,CAAC;AAC1C,WAAS,QAAI,sCAAyB,CAAC;AACvC,WAAS,QAAI,wCAA2B,CAAC;AACzC,WAAS,QAAI,oCAAuB,CAAC;AACrC,WAAS,QAAI,sCAAyB,CAAC;AACvC,WAAS,QAAI,oCAAsB,CAAC;AACpC,QAAM,mBAAe,0CAA6B;AAClD,WAAS,IAAI,YAAY;AACzB,QAAM,WAAO,iCAAoB;AACjC,WAAS,IAAI,IAAI;AACjB,QAAM,kBAAc,wCAA2B;AAC/C,WAAS,IAAI,WAAW;AACxB,QAAM,YAAQ,kCAAqB;AACnC,WAAS,IAAI,KAAK;AAIlB,QAAM,WAAW,CAAC,WAChB,QAAQ,QAAQ,YAAY,SAAS,MAAM,CAAC,EACzC,KAAK,CAAC,MAAM,aAAa,SAAS,CAAC,CAAC,EACpC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,EAC5B,KAAK,CAAC,MAAM,MAAM,SAAS,CAAC,CAAC;AAElC,SAAO,EAAE,UAAU,SAAS;AAC9B;","names":[]}

package/dist/index.d.cts

@@ -1,6 +1,26 @@
 /// <reference lib="es2015" />
 /// <reference lib="dom" />
 
+import { Recorder, RecordingResult } from '@react-perfscope/core';
 export * from '@react-perfscope/core';
 export * from '@react-perfscope/react';
 export * from '@react-perfscope/ui';
+
+interface ConfiguredRecorder {
+    recorder: Recorder;
+    /** Runs the post-recording finalize chain (interaction → self-profiling →
+     * heap → frame) in the order each collector depends on the previous one. */
+    finalize: (result: RecordingResult) => Promise<RecordingResult>;
+}
+/**
+ * Assembles the recorder + full collector set that react-perfscope ships,
+ * minus the UI. The single source of truth for what gets recorded: both the
+ * `/auto` bootstrap and the E2E verification harness call this, so the harness
+ * can never validate a collector set that differs from what users get.
+ *
+ * The caller is responsible for installing the React DevTools hook BEFORE
+ * react-dom evaluates (it is timing-sensitive) and for mounting any UI.
+ */
+declare function createConfiguredRecorder(): ConfiguredRecorder;
+
+export { type ConfiguredRecorder, createConfiguredRecorder };

package/dist/index.d.ts

@@ -1,6 +1,26 @@
 /// <reference lib="es2015" />
 /// <reference lib="dom" />
 
+import { Recorder, RecordingResult } from '@react-perfscope/core';
 export * from '@react-perfscope/core';
 export * from '@react-perfscope/react';
 export * from '@react-perfscope/ui';
+
+interface ConfiguredRecorder {
+    recorder: Recorder;
+    /** Runs the post-recording finalize chain (interaction → self-profiling →
+     * heap → frame) in the order each collector depends on the previous one. */
+    finalize: (result: RecordingResult) => Promise<RecordingResult>;
+}
+/**
+ * Assembles the recorder + full collector set that react-perfscope ships,
+ * minus the UI. The single source of truth for what gets recorded: both the
+ * `/auto` bootstrap and the E2E verification harness call this, so the harness
+ * can never validate a collector set that differs from what users get.
+ *
+ * The caller is responsible for installing the React DevTools hook BEFORE
+ * react-dom evaluates (it is timing-sensitive) and for mounting any UI.
+ */
+declare function createConfiguredRecorder(): ConfiguredRecorder;
+
+export { type ConfiguredRecorder, createConfiguredRecorder };

package/dist/index.js

@@ -1,5 +1,12 @@
+import {
+  createConfiguredRecorder
+} from "./chunk-HQT4LEXO.js";
+
 // src/index.ts
 export * from "@react-perfscope/core";
 export * from "@react-perfscope/react";
 export * from "@react-perfscope/ui";
+export {
+  createConfiguredRecorder
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from '@react-perfscope/core'\nexport * from '@react-perfscope/react'\nexport * from '@react-perfscope/ui'\n"],"mappings":";AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from '@react-perfscope/core'\nexport * from '@react-perfscope/react'\nexport * from '@react-perfscope/ui'\nexport { createConfiguredRecorder } from './bootstrap'\nexport type { ConfiguredRecorder } from './bootstrap'\n"],"mappings":";;;;;AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-perfscope",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Zero-config React performance profiler with an in-app panel.",
   "keywords": [
     "react",
@@ -39,9 +39,9 @@
     "./dist/auto.cjs"
   ],
   "dependencies": {
-    "@react-perfscope/core": "0.4.0",
-    "@react-perfscope/react": "0.4.0",
-    "@react-perfscope/ui": "0.4.0"
+    "@react-perfscope/core": "0.6.0",
+    "@react-perfscope/ui": "0.6.0",
+    "@react-perfscope/react": "0.6.0"
   },
   "license": "MIT",
   "author": "rayforvideos",