react-perfscope 0.6.0 → 0.7.0

package/dist/auto.cjs

@@ -24,7 +24,9 @@ function createConfiguredRecorder() {
   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));
+  const leak = (0, import_react.createLeakCollector)();
+  recorder.use(leak);
+  const finalize = (result) => Promise.resolve(interaction.finalize(result)).then((r) => selfProfiler.finalize(r)).then((r) => heap.finalize(r)).then((r) => frame.finalize(r)).then((r) => leak.finalize(r));
   return { recorder, finalize };
 }
 

package/dist/auto.cjs.map

@@ -1 +1 @@
-{"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"]}
+{"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, createLeakCollector } 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  const leak = createLeakCollector()\n  recorder.use(leak)\n\n  // Assemble interactions first so self-profiling can attribute their\n  // processing windows, then attach the heap series, frame timestamps, and\n  // leak suspects.\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      .then((r) => leak.finalize(r))\n\n  return { recorder, finalize }\n}\n"],"mappings":";;;AAAA,IAAAA,eAAwC;AACxC,IAAAC,gBAAoC;AACpC,gBAAsB;;;ACFtB,kBAWO;AAEP,mBAA2D;AAkBpD,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;AAClB,QAAM,WAAO,kCAAoB;AACjC,WAAS,IAAI,IAAI;AAKjB,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,EAC7B,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;AAEjC,SAAO,EAAE,UAAU,SAAS;AAC9B;;;ADhDA,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.js

@@ -1,6 +1,6 @@
 import {
   createConfiguredRecorder
-} from "./chunk-HQT4LEXO.js";
+} from "./chunk-AZMABLM7.js";
 
 // src/auto.ts
 import { createSourceMapResolver } from "@react-perfscope/core";

package/dist/{chunk-HQT4LEXO.js → chunk-AZMABLM7.js}

@@ -11,7 +11,7 @@ import {
   createInteractionCollector,
   createFrameCollector
 } from "@react-perfscope/core";
-import { createRenderCollector } from "@react-perfscope/react";
+import { createRenderCollector, createLeakCollector } from "@react-perfscope/react";
 function createConfiguredRecorder() {
   const recorder = createRecorder();
   recorder.use(createForcedReflowCollector());
@@ -28,11 +28,13 @@ function createConfiguredRecorder() {
   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));
+  const leak = createLeakCollector();
+  recorder.use(leak);
+  const finalize = (result) => Promise.resolve(interaction.finalize(result)).then((r) => selfProfiler.finalize(r)).then((r) => heap.finalize(r)).then((r) => frame.finalize(r)).then((r) => leak.finalize(r));
   return { recorder, finalize };
 }
 
 export {
   createConfiguredRecorder
 };
-//# sourceMappingURL=chunk-HQT4LEXO.js.map
+//# sourceMappingURL=chunk-AZMABLM7.js.map

package/dist/chunk-AZMABLM7.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, createLeakCollector } 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  const leak = createLeakCollector()\n  recorder.use(leak)\n\n  // Assemble interactions first so self-profiling can attribute their\n  // processing windows, then attach the heap series, frame timestamps, and\n  // leak suspects.\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      .then((r) => leak.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,uBAAuB,2BAA2B;AAkBpD,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;AAClB,QAAM,OAAO,oBAAoB;AACjC,WAAS,IAAI,IAAI;AAKjB,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,EAC7B,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;AAEjC,SAAO,EAAE,UAAU,SAAS;AAC9B;","names":[]}

package/dist/index.cjs

@@ -47,7 +47,9 @@ function createConfiguredRecorder() {
   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));
+  const leak = (0, import_react.createLeakCollector)();
+  recorder.use(leak);
+  const finalize = (result) => Promise.resolve(interaction.finalize(result)).then((r) => selfProfiler.finalize(r)).then((r) => heap.finalize(r)).then((r) => frame.finalize(r)).then((r) => leak.finalize(r));
   return { recorder, finalize };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.cjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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, createLeakCollector } 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  const leak = createLeakCollector()\n  recorder.use(leak)\n\n  // Assemble interactions first so self-profiling can attribute their\n  // processing windows, then attach the heap series, frame timestamps, and\n  // leak suspects.\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      .then((r) => leak.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,mBAA2D;AAkBpD,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;AAClB,QAAM,WAAO,kCAAoB;AACjC,WAAS,IAAI,IAAI;AAKjB,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,EAC7B,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;AAEjC,SAAO,EAAE,UAAU,SAAS;AAC9B;","names":[]}

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   createConfiguredRecorder
-} from "./chunk-HQT4LEXO.js";
+} from "./chunk-AZMABLM7.js";
 
 // src/index.ts
 export * from "@react-perfscope/core";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-perfscope",
-  "version": "0.6.0",
+  "version": "0.7.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.6.0",
-    "@react-perfscope/ui": "0.6.0",
-    "@react-perfscope/react": "0.6.0"
+    "@react-perfscope/core": "0.7.0",
+    "@react-perfscope/ui": "0.7.0",
+    "@react-perfscope/react": "0.7.0"
   },
   "license": "MIT",
   "author": "rayforvideos",

package/dist/chunk-HQT4LEXO.js.map

@@ -1 +0,0 @@
-{"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":[]}