react-perfscope 0.7.1 → 1.0.0

package/dist/auto-payload.cjs

@@ -0,0 +1,68 @@
+"use strict";
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/auto-payload.ts
+var auto_payload_exports = {};
+__export(auto_payload_exports, {
+  mountAuto: () => mountAuto
+});
+module.exports = __toCommonJS(auto_payload_exports);
+var import_core2 = require("@react-perfscope/core");
+var import_ui = require("@react-perfscope/ui");
+
+// 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 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 };
+}
+
+// src/auto-payload.ts
+function mountAuto() {
+  const { recorder, finalize } = createConfiguredRecorder();
+  const resolver = (0, import_core2.createSourceMapResolver)();
+  (0, import_ui.mount)({
+    recorder,
+    resolveFrame: (f) => resolver.resolve(f),
+    finalize
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mountAuto
+});
+//# sourceMappingURL=auto-payload.cjs.map

package/dist/auto-payload.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/auto-payload.ts","../src/bootstrap.ts"],"sourcesContent":["import { createSourceMapResolver } from '@react-perfscope/core'\nimport { mount } from '@react-perfscope/ui'\nimport { createConfiguredRecorder } from './bootstrap'\n\n/**\n * The heavy half of the `/auto` entry: recorder wiring + panel mount. Loaded\n * exclusively via dynamic import from `auto.ts` so that production bundles\n * (where the stub's NODE_ENV guard makes this unreachable) never carry the\n * recorder, collectors, panel, or preact.\n */\nexport function mountAuto(): void {\n  const { recorder, finalize } = createConfiguredRecorder()\n  const resolver = createSourceMapResolver()\n  mount({\n    recorder,\n    resolveFrame: (f) => resolver.resolve(f),\n    finalize,\n  })\n}\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,IAAAA,eAAwC;AACxC,gBAAsB;;;ACDtB,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;;;ADnDO,SAAS,YAAkB;AAChC,QAAM,EAAE,UAAU,SAAS,IAAI,yBAAyB;AACxD,QAAM,eAAW,sCAAwB;AACzC,uBAAM;AAAA,IACJ;AAAA,IACA,cAAc,CAAC,MAAM,SAAS,QAAQ,CAAC;AAAA,IACvC;AAAA,EACF,CAAC;AACH;","names":["import_core"]}

package/dist/auto-payload.d.cts

@@ -0,0 +1,9 @@
+/**
+ * The heavy half of the `/auto` entry: recorder wiring + panel mount. Loaded
+ * exclusively via dynamic import from `auto.ts` so that production bundles
+ * (where the stub's NODE_ENV guard makes this unreachable) never carry the
+ * recorder, collectors, panel, or preact.
+ */
+declare function mountAuto(): void;
+
+export { mountAuto };

package/dist/auto-payload.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The heavy half of the `/auto` entry: recorder wiring + panel mount. Loaded
+ * exclusively via dynamic import from `auto.ts` so that production bundles
+ * (where the stub's NODE_ENV guard makes this unreachable) never carry the
+ * recorder, collectors, panel, or preact.
+ */
+declare function mountAuto(): void;
+
+export { mountAuto };

package/dist/auto-payload.js

@@ -0,0 +1,20 @@
+import {
+  createConfiguredRecorder
+} from "./chunk-AZMABLM7.js";
+
+// src/auto-payload.ts
+import { createSourceMapResolver } from "@react-perfscope/core";
+import { mount } from "@react-perfscope/ui";
+function mountAuto() {
+  const { recorder, finalize } = createConfiguredRecorder();
+  const resolver = createSourceMapResolver();
+  mount({
+    recorder,
+    resolveFrame: (f) => resolver.resolve(f),
+    finalize
+  });
+}
+export {
+  mountAuto
+};
+//# sourceMappingURL=auto-payload.js.map

package/dist/auto-payload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/auto-payload.ts"],"sourcesContent":["import { createSourceMapResolver } from '@react-perfscope/core'\nimport { mount } from '@react-perfscope/ui'\nimport { createConfiguredRecorder } from './bootstrap'\n\n/**\n * The heavy half of the `/auto` entry: recorder wiring + panel mount. Loaded\n * exclusively via dynamic import from `auto.ts` so that production bundles\n * (where the stub's NODE_ENV guard makes this unreachable) never carry the\n * recorder, collectors, panel, or preact.\n */\nexport function mountAuto(): void {\n  const { recorder, finalize } = createConfiguredRecorder()\n  const resolver = createSourceMapResolver()\n  mount({\n    recorder,\n    resolveFrame: (f) => resolver.resolve(f),\n    finalize,\n  })\n}\n"],"mappings":";;;;;AAAA,SAAS,+BAA+B;AACxC,SAAS,aAAa;AASf,SAAS,YAAkB;AAChC,QAAM,EAAE,UAAU,SAAS,IAAI,yBAAyB;AACxD,QAAM,WAAW,wBAAwB;AACzC,QAAM;AAAA,IACJ;AAAA,IACA,cAAc,CAAC,MAAM,SAAS,QAAQ,CAAC;AAAA,IACvC;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/auto.cjs

@@ -1,62 +1,50 @@
 "use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 
 // 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");
-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 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 };
-}
-
-// src/auto.ts
 function bootstrap() {
   if (typeof globalThis === "undefined") return;
   const g = globalThis;
   if (g.__REACT_PERFSCOPE_AUTO_MOUNTED__) return;
-  let env;
   try {
-    env = process.env.NODE_ENV;
+    if (process.env.NODE_ENV === "production") return;
   } catch {
-    env = void 0;
   }
-  if (env === "production") return;
   if (typeof document === "undefined") return;
   try {
-    (0, import_react2.installDevToolsHook)(() => {
-    });
-    const { recorder, finalize } = createConfiguredRecorder();
-    const resolver = (0, import_core2.createSourceMapResolver)();
-    (0, import_ui.mount)({
-      recorder,
-      resolveFrame: (f) => resolver.resolve(f),
-      finalize
+    (0, import_react.installDevToolsHook)(() => {
     });
-    g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true;
   } catch (err) {
     console.warn("[react-perfscope] auto bootstrap failed:", err);
+    return;
   }
+  g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true;
+  void import("./auto-payload.js").then((m) => m.mountAuto()).catch((err) => {
+    g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = false;
+    console.warn("[react-perfscope] auto bootstrap failed:", err);
+  });
 }
 bootstrap();
 //# sourceMappingURL=auto.cjs.map

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// Type-only declaration so the guard below can use the bare member expression\n// `process.env.NODE_ENV` — the exact token bundlers (Vite define, webpack\n// DefinePlugin, esbuild) statically replace. Optional-chained access through\n// globalThis is not replaced and browsers have no `process` global, which\n// would make the guard a silent no-op in production bundles. The try/catch\n// absorbs the ReferenceError when no bundler and no `process` exist.\ndeclare const process: { env: { NODE_ENV?: string } }\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  let env: string | undefined\n  try {\n    env = process.env.NODE_ENV\n  } catch {\n    env = undefined\n  }\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;;;ADxCA,SAAS,YAAkB;AACzB,MAAI,OAAO,eAAe,YAAa;AACvC,QAAM,IAAI;AACV,MAAI,EAAE,iCAAkC;AAExC,MAAI;AACJ,MAAI;AACF,UAAM,QAAQ,IAAI;AAAA,EACpB,QAAQ;AACN,UAAM;AAAA,EACR;AACA,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"],"sourcesContent":["import { installDevToolsHook } from '@react-perfscope/react'\n\n// Type-only declaration so the guard below can use the bare member expression\n// `process.env.NODE_ENV` — the exact token bundlers (Vite define, webpack\n// DefinePlugin, esbuild) statically replace. Optional-chained access through\n// globalThis is not replaced and browsers have no `process` global, which\n// would make the guard a silent no-op in production bundles. The try/catch\n// absorbs the ReferenceError when no bundler and no `process` exist.\ndeclare const process: { env: { NODE_ENV?: string } }\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). Only this stub and the\n * DevTools-hook shim are imported statically; the recorder + panel load via\n * dynamic import so production bundles never carry them — bundlers that fold\n * the NODE_ENV comparison drop the payload chunk entirely, and even without\n * folding the chunk is emitted but never fetched.\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  try {\n    // Shaped as a direct early return (not a flag variable) so that after\n    // bundlers replace the token, minifiers fold `if ('production' ===\n    // 'production') return` and drop everything below — including the\n    // dynamic payload import and the hook-shim import — from prod bundles.\n    if (process.env.NODE_ENV === 'production') return\n  } catch {\n    // No bundler and no `process` global: treat as development.\n  }\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 — this is the one thing that cannot wait for\n    // the dynamic payload. A no-op listener is enough to register the hook;\n    // when the render collector later activates, it adds the real commit\n    // handler to the same global hook.\n    installDevToolsHook(() => {})\n  } catch (err) {\n    console.warn('[react-perfscope] auto bootstrap failed:', err)\n    return\n  }\n\n  // Claim the flag before the async load so a second import racing the first\n  // stays a no-op; release it on failure so a later import can retry.\n  g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true\n  void import('./auto-payload.js')\n    .then((m) => m.mountAuto())\n    .catch((err) => {\n      g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = false\n      console.warn('[react-perfscope] auto bootstrap failed:', err)\n    })\n}\n\nbootstrap()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mBAAoC;AAsBpC,SAAS,YAAkB;AACzB,MAAI,OAAO,eAAe,YAAa;AACvC,QAAM,IAAI;AACV,MAAI,EAAE,iCAAkC;AAExC,MAAI;AAKF,QAAI,QAAQ,IAAI,aAAa,aAAc;AAAA,EAC7C,QAAQ;AAAA,EAER;AAEA,MAAI,OAAO,aAAa,YAAa;AAErC,MAAI;AAQF,0CAAoB,MAAM;AAAA,IAAC,CAAC;AAAA,EAC9B,SAAS,KAAK;AACZ,YAAQ,KAAK,4CAA4C,GAAG;AAC5D;AAAA,EACF;AAIA,IAAE,mCAAmC;AACrC,OAAK,OAAO,mBAAmB,EAC5B,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,EACzB,MAAM,CAAC,QAAQ;AACd,MAAE,mCAAmC;AACrC,YAAQ,KAAK,4CAA4C,GAAG;AAAA,EAC9D,CAAC;AACL;AAEA,UAAU;","names":[]}

package/dist/auto.js

@@ -1,37 +1,26 @@
-import {
-  createConfiguredRecorder
-} from "./chunk-AZMABLM7.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;
   const g = globalThis;
   if (g.__REACT_PERFSCOPE_AUTO_MOUNTED__) return;
-  let env;
   try {
-    env = process.env.NODE_ENV;
+    if (process.env.NODE_ENV === "production") return;
   } catch {
-    env = void 0;
   }
-  if (env === "production") return;
   if (typeof document === "undefined") return;
   try {
     installDevToolsHook(() => {
     });
-    const { recorder, finalize } = createConfiguredRecorder();
-    const resolver = createSourceMapResolver();
-    mount({
-      recorder,
-      resolveFrame: (f) => resolver.resolve(f),
-      finalize
-    });
-    g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true;
   } catch (err) {
     console.warn("[react-perfscope] auto bootstrap failed:", err);
+    return;
   }
+  g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true;
+  void import("./auto-payload.js").then((m) => m.mountAuto()).catch((err) => {
+    g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = false;
+    console.warn("[react-perfscope] auto bootstrap failed:", err);
+  });
 }
 bootstrap();
 //# sourceMappingURL=auto.js.map

package/dist/auto.js.map

@@ -1 +1 @@
-{"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// Type-only declaration so the guard below can use the bare member expression\n// `process.env.NODE_ENV` — the exact token bundlers (Vite define, webpack\n// DefinePlugin, esbuild) statically replace. Optional-chained access through\n// globalThis is not replaced and browsers have no `process` global, which\n// would make the guard a silent no-op in production bundles. The try/catch\n// absorbs the ReferenceError when no bundler and no `process` exist.\ndeclare const process: { env: { NODE_ENV?: string } }\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  let env: string | undefined\n  try {\n    env = process.env.NODE_ENV\n  } catch {\n    env = undefined\n  }\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;AAmBtB,SAAS,YAAkB;AACzB,MAAI,OAAO,eAAe,YAAa;AACvC,QAAM,IAAI;AACV,MAAI,EAAE,iCAAkC;AAExC,MAAI;AACJ,MAAI;AACF,UAAM,QAAQ,IAAI;AAAA,EACpB,QAAQ;AACN,UAAM;AAAA,EACR;AACA,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":[]}
+{"version":3,"sources":["../src/auto.ts"],"sourcesContent":["import { installDevToolsHook } from '@react-perfscope/react'\n\n// Type-only declaration so the guard below can use the bare member expression\n// `process.env.NODE_ENV` — the exact token bundlers (Vite define, webpack\n// DefinePlugin, esbuild) statically replace. Optional-chained access through\n// globalThis is not replaced and browsers have no `process` global, which\n// would make the guard a silent no-op in production bundles. The try/catch\n// absorbs the ReferenceError when no bundler and no `process` exist.\ndeclare const process: { env: { NODE_ENV?: string } }\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). Only this stub and the\n * DevTools-hook shim are imported statically; the recorder + panel load via\n * dynamic import so production bundles never carry them — bundlers that fold\n * the NODE_ENV comparison drop the payload chunk entirely, and even without\n * folding the chunk is emitted but never fetched.\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  try {\n    // Shaped as a direct early return (not a flag variable) so that after\n    // bundlers replace the token, minifiers fold `if ('production' ===\n    // 'production') return` and drop everything below — including the\n    // dynamic payload import and the hook-shim import — from prod bundles.\n    if (process.env.NODE_ENV === 'production') return\n  } catch {\n    // No bundler and no `process` global: treat as development.\n  }\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 — this is the one thing that cannot wait for\n    // the dynamic payload. A no-op listener is enough to register the hook;\n    // when the render collector later activates, it adds the real commit\n    // handler to the same global hook.\n    installDevToolsHook(() => {})\n  } catch (err) {\n    console.warn('[react-perfscope] auto bootstrap failed:', err)\n    return\n  }\n\n  // Claim the flag before the async load so a second import racing the first\n  // stays a no-op; release it on failure so a later import can retry.\n  g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = true\n  void import('./auto-payload.js')\n    .then((m) => m.mountAuto())\n    .catch((err) => {\n      g.__REACT_PERFSCOPE_AUTO_MOUNTED__ = false\n      console.warn('[react-perfscope] auto bootstrap failed:', err)\n    })\n}\n\nbootstrap()\n"],"mappings":";AAAA,SAAS,2BAA2B;AAsBpC,SAAS,YAAkB;AACzB,MAAI,OAAO,eAAe,YAAa;AACvC,QAAM,IAAI;AACV,MAAI,EAAE,iCAAkC;AAExC,MAAI;AAKF,QAAI,QAAQ,IAAI,aAAa,aAAc;AAAA,EAC7C,QAAQ;AAAA,EAER;AAEA,MAAI,OAAO,aAAa,YAAa;AAErC,MAAI;AAQF,wBAAoB,MAAM;AAAA,IAAC,CAAC;AAAA,EAC9B,SAAS,KAAK;AACZ,YAAQ,KAAK,4CAA4C,GAAG;AAC5D;AAAA,EACF;AAIA,IAAE,mCAAmC;AACrC,OAAK,OAAO,mBAAmB,EAC5B,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,EACzB,MAAM,CAAC,QAAQ;AACd,MAAE,mCAAmC;AACrC,YAAQ,KAAK,4CAA4C,GAAG;AAAA,EAC9D,CAAC;AACL;AAEA,UAAU;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-perfscope",
-  "version": "0.7.1",
+  "version": "1.0.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.7.1",
-    "@react-perfscope/react": "0.7.1",
-    "@react-perfscope/ui": "0.7.1"
+    "@react-perfscope/core": "1.0.0",
+    "@react-perfscope/react": "1.0.0",
+    "@react-perfscope/ui": "1.0.0"
   },
   "license": "MIT",
   "author": "rayforvideos",
@@ -55,6 +55,9 @@
   "publishConfig": {
     "access": "public"
   },
+  "engines": {
+    "node": ">=18"
+  },
   "scripts": {
     "build": "tsup && node scripts/prepend-dts-refs.mjs",
     "typecheck": "tsc --noEmit"