@react-perfscope/core 0.7.1 → 1.0.0

package/dist/index.d.cts

@@ -243,15 +243,6 @@ interface CreateSourceMapResolverOptions {
     /** Override the global fetch. Useful for tests and non-browser environments. */
     fetch?: typeof globalThis.fetch;
 }
-/**
- * Create a SourceMap resolver that fetches `.map` files from the live URL
- * referenced in each source file's `//# sourceMappingURL=` directive.
- * Caches the DECODED TraceMap per source URL — decoding the mappings is the
- * expensive step, so repeated resolves against the same file are O(log n)
- * lookups after the first.
- *
- * Returns the input frame on any failure (network error, missing map, etc.).
- */
 declare function createSourceMapResolver(opts?: CreateSourceMapResolverOptions): SourceMapResolver;
 declare function parseStack(raw: string | undefined): StackFrame[];
 

package/dist/index.d.ts

@@ -243,15 +243,6 @@ interface CreateSourceMapResolverOptions {
     /** Override the global fetch. Useful for tests and non-browser environments. */
     fetch?: typeof globalThis.fetch;
 }
-/**
- * Create a SourceMap resolver that fetches `.map` files from the live URL
- * referenced in each source file's `//# sourceMappingURL=` directive.
- * Caches the DECODED TraceMap per source URL — decoding the mappings is the
- * expensive step, so repeated resolves against the same file are O(log n)
- * lookups after the first.
- *
- * Returns the input frame on any failure (network error, missing map, etc.).
- */
 declare function createSourceMapResolver(opts?: CreateSourceMapResolverOptions): SourceMapResolver;
 declare function parseStack(raw: string | undefined): StackFrame[];
 

package/dist/index.js

@@ -78,8 +78,14 @@ import { TraceMap, originalPositionFor } from "@jridgewell/trace-mapping";
 
 // src/self-requests.ts
 var selfRequests = /* @__PURE__ */ new Set();
+var MAX_SELF_REQUESTS = 2e3;
 function markSelfRequest(url) {
+  selfRequests.delete(url);
   selfRequests.add(url);
+  if (selfRequests.size > MAX_SELF_REQUESTS) {
+    const oldest = selfRequests.values().next().value;
+    if (oldest !== void 0) selfRequests.delete(oldest);
+  }
 }
 function isSelfRequest(url) {
   return selfRequests.has(url);
@@ -126,13 +132,25 @@ function attachLazyStack(target, raw, skipTopFrames = 0) {
     }
   });
 }
+var MAX_CACHED_MAPS = 50;
+function sourceCacheKey(url) {
+  const q = url.indexOf("?");
+  const h = url.indexOf("#");
+  const end = Math.min(q === -1 ? url.length : q, h === -1 ? url.length : h);
+  return url.slice(0, end);
+}
 function createSourceMapResolver(opts = {}) {
   const f = opts.fetch ?? (typeof fetch !== "undefined" ? fetch.bind(globalThis) : null);
   const cache = /* @__PURE__ */ new Map();
   function fetchTracerFor(sourceUrl) {
     if (!f) return Promise.resolve(null);
-    const existing = cache.get(sourceUrl);
-    if (existing) return existing;
+    const key = sourceCacheKey(sourceUrl);
+    const existing = cache.get(key);
+    if (existing) {
+      cache.delete(key);
+      cache.set(key, existing);
+      return existing;
+    }
     const promise = (async () => {
       try {
         markSelfRequest(sourceUrl);
@@ -156,10 +174,15 @@ function createSourceMapResolver(opts = {}) {
         if (!mapRes || !mapRes.ok) return null;
         return new TraceMap(await mapRes.json());
       } catch {
+        cache.delete(key);
         return null;
       }
     })();
-    cache.set(sourceUrl, promise);
+    cache.set(key, promise);
+    if (cache.size > MAX_CACHED_MAPS) {
+      const oldest = cache.keys().next().value;
+      if (oldest !== void 0) cache.delete(oldest);
+    }
     return promise;
   }
   return {
@@ -358,6 +381,7 @@ function createLongTasksCollector() {
   return {
     kind: "long-task",
     activate(emit) {
+      if (active) return;
       if (typeof PerformanceObserver === "undefined") {
         console.warn("[react-perfscope] PerformanceObserver not supported; long-tasks disabled");
         return;
@@ -409,6 +433,20 @@ function createLongTasksCollector() {
   };
 }
 
+// src/self-measurement.ts
+var depth = 0;
+function withSelfMeasurement(fn) {
+  depth++;
+  try {
+    return fn();
+  } finally {
+    depth--;
+  }
+}
+function inSelfMeasurement() {
+  return depth > 0;
+}
+
 // src/collectors/forced-reflow.ts
 var LAYOUT_GETTERS = [
   "offsetWidth",
@@ -471,7 +509,7 @@ function createForcedReflowCollector() {
     Object.defineProperty(proto, key, {
       configurable: true,
       get() {
-        if (active) {
+        if (active && !inSelfMeasurement()) {
           if (!consumePendingMutations()) {
             return originalGet.call(this);
           }
@@ -496,7 +534,7 @@ function createForcedReflowCollector() {
       configurable: true,
       writable: true,
       value: function patchedLayoutMethod(...args) {
-        if (active) {
+        if (active && !inSelfMeasurement()) {
           if (!consumePendingMutations()) {
             return original.apply(this, args);
           }
@@ -586,7 +624,7 @@ function collectPerfscopeRects() {
 function entryIsOnlyFromPerfscope(sources) {
   if (sources.length === 0) return false;
   if (typeof document === "undefined") return false;
-  const hostRects = collectPerfscopeRects();
+  const hostRects = withSelfMeasurement(collectPerfscopeRects);
   if (hostRects.length === 0) return false;
   for (const src of sources) {
     let matched = false;
@@ -623,6 +661,7 @@ function createLayoutShiftCollector() {
   return {
     kind: "layout-shift",
     activate(emit) {
+      if (active) return;
       if (typeof PerformanceObserver === "undefined") {
         console.warn("[react-perfscope] PerformanceObserver not supported; layout-shift disabled");
         return;
@@ -681,6 +720,7 @@ function createNetworkCollector() {
   return {
     kind: "network",
     activate(emit) {
+      if (active) return;
       if (typeof PerformanceObserver === "undefined") {
         console.warn("[react-perfscope] PerformanceObserver not supported; network disabled");
         return;
@@ -830,6 +870,7 @@ function createHeapCollector() {
   return {
     kind: "heap",
     activate() {
+      if (timer != null) return;
       samples = [];
       if (!readMemory()) return;
       sample();
@@ -873,6 +914,7 @@ function createInteractionCollector() {
   return {
     kind: "interaction",
     activate() {
+      if (active) return;
       if (typeof PerformanceObserver === "undefined" || !supportsEventTiming()) return;
       active = true;
       entries = [];
@@ -1108,6 +1150,7 @@ function createSelfProfilingCollector() {
   return {
     kind: "long-task",
     activate() {
+      if (profiler) return;
       tracePromise = null;
       const Ctor = globalThis.Profiler;
       if (typeof Ctor !== "function") return;
@@ -1125,6 +1168,8 @@ function createSelfProfilingCollector() {
       if (!profiler) return;
       try {
         tracePromise = profiler.stop();
+        tracePromise.catch(() => {
+        });
       } catch (err) {
         console.warn("[react-perfscope] self-profiling stop failed:", err);
         tracePromise = null;