rerender-lens 0.4.0 → 0.7.0

package/dist/playwright.cjs

@@ -8,50 +8,206 @@ var url = require('url');
 var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.tagName.toUpperCase() === "SCRIPT" ? document.currentScript.src : new URL("main.js", document.baseURI).href;
 var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
 
-// src/report.ts
-function storeAdvice(custom) {
-  const chain = custom ?? [];
-  if (chain.some((n) => /^useSelector$/.test(n)))
-    return "the Redux selector returns a new object on every call: return a stored slice, pass shallowEqual as the equality function, or memoize it with createSelector";
-  if (chain.some((n) => /^useAppSelector$/.test(n)))
-    return "the selector returns a new object on every call: return a stored slice, pass shallowEqual, or memoize it with createSelector";
-  if (chain.some((n) => /^use[A-Z]\w*Store$/.test(n) || n === "useStore" || n === "useBoundStore"))
-    return "the store selector returns a new object on every call: select a primitive, or wrap the selector with useShallow (Zustand) / an equality function";
-  return "getSnapshot returns a new reference with the same contents: cache the snapshot in the store and return the same object while the data is unchanged";
+// src/diff.ts
+var AVOIDABLE_KINDS = /* @__PURE__ */ new Set(["deep-equal", "function", "element"]);
+
+// src/causes.ts
+var isAncestorReport = (anc, r) => anc.path.length < r.path.length && r.path[anc.path.length] === anc.component && anc.path.every((p, i) => r.path[i] === p);
+var bump = (m, key, n = 1) => void m.set(key, (m.get(key) || 0) + n);
+function indexByComponent(reports) {
+  const index = /* @__PURE__ */ new Map();
+  for (const r of reports) {
+    const list = index.get(r.component);
+    if (list) list.push(r);
+    else index.set(r.component, [r]);
+  }
+  return index;
+}
+function rootCauseOf(r, commitReports, index = indexByComponent(commitReports)) {
+  let cur = r;
+  const seen = /* @__PURE__ */ new Set([r]);
+  while (cur.trigger === "parent" && cur.parent) {
+    const parent = cur.parent;
+    const candidates = index.get(parent.name);
+    const p = candidates && candidates.find((x) => isAncestorReport(x, cur));
+    if (!p || seen.has(p)) return { name: parent.name, trigger: parent.trigger, report: null };
+    seen.add(p);
+    cur = p;
+  }
+  return cur === r ? null : { name: cur.component, trigger: cur.trigger, report: cur };
+}
+function rootCausesOf(reports) {
+  const roots = /* @__PURE__ */ new Map();
+  const rootByReport = /* @__PURE__ */ new Map();
+  const index = indexByComponent(reports);
+  let avoidable = 0;
+  let wasted = 0;
+  for (const r of reports) {
+    if (!r.avoidable) continue;
+    avoidable++;
+    if (typeof r.selfDuration === "number") wasted += r.selfDuration;
+    const root = rootCauseOf(r, reports, index);
+    const name = root ? root.name : r.parent && r.parent.name || "(unknown)";
+    const trigger = root ? root.trigger : r.parent && r.parent.trigger || "parent";
+    rootByReport.set(r, name);
+    let agg = roots.get(name);
+    if (!agg) {
+      agg = { name, trigger, count: 0, components: /* @__PURE__ */ new Map() };
+      roots.set(name, agg);
+    }
+    agg.count++;
+    bump(agg.components, r.component);
+  }
+  return { roots: [...roots.values()].sort((a, b) => b.count - a.count), rootByReport, avoidable, wasted };
+}
+function groupByCommit(reports) {
+  const out = /* @__PURE__ */ new Map();
+  for (const r of reports) {
+    if (typeof r.commitId !== "number" || r.commitId <= 0) continue;
+    const list = out.get(r.commitId);
+    if (list) list.push(r);
+    else out.set(r.commitId, [r]);
+  }
+  return out;
+}
+function rankRootCauses(reports) {
+  const byName = /* @__PURE__ */ new Map();
+  for (const commit of groupByCommit(reports).values()) {
+    for (const root of rootCausesOf(commit).roots) {
+      let agg = byName.get(root.name);
+      if (!agg) {
+        agg = { name: root.name, trigger: root.trigger, commits: 0, count: 0, components: /* @__PURE__ */ new Map() };
+        byName.set(root.name, agg);
+      }
+      agg.commits++;
+      agg.count += root.count;
+      for (const [c, n] of root.components) bump(agg.components, c, n);
+    }
+  }
+  return [...byName.values()].sort((a, b) => b.count - a.count || b.commits - a.commits || a.name.localeCompare(b.name));
+}
+var plural = (n, word) => `${n} ${word}${n === 1 ? "" : "s"}`;
+function formatRootCauses(reports, limit = 5) {
+  const ranked = rankRootCauses(reports);
+  const lines = ranked.slice(0, limit).map((root, i) => `${String(i + 1).padStart(2)}. <${root.name}> (${root.trigger}) started ${plural(root.commits, "commit")}, ${plural(root.count, "avoidable re-render")}  (${[...root.components].map(([c, n]) => `<${c}>${n > 1 ? " x" + n : ""}`).join(", ")})`);
+  if (ranked.length > limit) lines.push(`    \u2026 ${ranked.length - limit} more`);
+  return lines.join("\n");
 }
 
 // src/fixes.ts
-var AVOIDABLE = /* @__PURE__ */ new Set(["deep-equal", "function", "element"]);
+var MAX_FIX_REPORTS = 50;
 var rootOf = (path) => path.split(/[.[]/)[0] || path;
+var identifier = (name) => /^[A-Za-z_$][\w$]*$/.test(name) ? name : "value";
+function shortValue(v, max = 60) {
+  let s;
+  try {
+    s = JSON.stringify(v);
+  } catch {
+    s = String(v);
+  }
+  if (s === void 0) s = String(v);
+  return s.length > max ? s.slice(0, max - 3) + "..." : s;
+}
 function fixesFor(r) {
   const out = [];
-  const owner = r.owner || r.parent && r.parent.name || "?";
-  const changes = [...r.propChanges, ...r.stateChanges, ...r.hookChanges];
+  const ownerName = r.owner || r.parent && r.parent.name || null;
+  const propChanges = r.propChanges || [];
+  const changes = [...propChanges, ...r.stateChanges || [], ...r.hookChanges || []];
   if (r.avoidable && (changes.length === 0 || r.memoized === false)) {
+    const identical = changes.length === 0;
     out.push({
       kind: "memo",
       owner: r.component,
       target: r.component,
       prop: null,
       label: `Wrap <${r.component}> in React.memo`,
-      detail: changes.length === 0 ? `<${r.component}> re-rendered with identical props because <${r.parent && r.parent.name || "its parent"}> re-rendered.` : `<${r.component}> is not memoized: fixing its props alone will not stop the re-render.`
+      detail: identical ? `<${r.component}> re-rendered with identical props because <${r.parent && r.parent.name || "its parent"}> re-rendered.` : `<${r.component}> is not memoized: fixing its props alone will not stop the re-render.`,
+      snippet: `// ${r.component}
+import { memo } from 'react';
+
+export const ${r.component} = memo(function ${r.component}(props) {
+  // ...
+});
+// class components: extend PureComponent instead`
     });
   }
-  for (const c of r.propChanges) {
-    if (!AVOIDABLE.has(c.kind)) continue;
+  for (const c of propChanges) {
+    if (!AVOIDABLE_KINDS.has(c.kind)) continue;
+    const owner = ownerName || "?";
     const root = rootOf(c.path);
+    const id = identifier(root);
     if (root === "children" && (c.kind === "element" || c.kind === "deep-equal")) {
-      out.push({ kind: "children", owner, target: r.component, prop: "children", label: `memoize children of <${r.component}> in <${owner}>`, detail: `<${owner}> re-creates the children of <${r.component}> on every render.` });
+      out.push({
+        kind: "children",
+        owner,
+        target: r.component,
+        prop: "children",
+        label: `memoize children of <${r.component}> in <${owner}>`,
+        detail: `<${owner}> re-creates the children of <${r.component}> on every render; they have the same types and props each time.`,
+        snippet: `// ${owner}
+import { useMemo } from 'react';
+
+const children = useMemo(() => (
+  <>{/* the same elements */}</>
+), [/* deps */]);
+
+<${r.component}>{children}</${r.component}>
+
+// static children: hoist them to module scope
+const STATIC = <em>hi</em>;`
+      });
     } else if (c.kind === "function") {
-      out.push({ kind: "useCallback", owner, target: r.component, prop: root, label: `useCallback(${root}) in <${owner}>`, detail: `prop "${c.path}" of <${r.component}> is a new function on every render of <${owner}>.` });
+      out.push({
+        kind: "useCallback",
+        owner,
+        target: r.component,
+        prop: root,
+        label: `useCallback(${root}) in <${owner}>`,
+        detail: `prop "${c.path}" of <${r.component}> is a new function on every render of <${owner}>.`,
+        snippet: `// ${owner}
+import { useCallback } from 'react';
+
+const ${id} = useCallback((/* args */) => {
+  // ...
+}, [/* deps */]);
+
+<${r.component} ${root}={${id}} />`
+      });
     } else if (c.kind === "element") {
-      out.push({ kind: "useMemoElement", owner, target: r.component, prop: root, label: `memoize element prop ${root} in <${owner}>`, detail: `prop "${c.path}" of <${r.component}> is a new element with the same type and props on every render of <${owner}>.` });
+      out.push({
+        kind: "useMemoElement",
+        owner,
+        target: r.component,
+        prop: root,
+        label: `memoize element prop ${root} in <${owner}>`,
+        detail: `prop "${c.path}" of <${r.component}> is a new element with the same type and props on every render of <${owner}>.`,
+        snippet: `// ${owner}
+import { useMemo } from 'react';
+
+const ${id} = useMemo(() => ${shortValue(c.next, 40)}, [/* deps */]);
+// or pass it as children from a component that does not re-render`
+      });
     } else {
-      out.push({ kind: "useMemo", owner, target: r.component, prop: root, label: `useMemo(${root}) in <${owner}>`, detail: `prop "${c.path}" of <${r.component}> is a new ${Array.isArray(c.next) ? "array" : "object"} with the same contents on every render of <${owner}>.` });
+      const isArray = Array.isArray(c.next);
+      out.push({
+        kind: "useMemo",
+        owner,
+        target: r.component,
+        prop: root,
+        label: `useMemo(${root}) in <${owner}>`,
+        detail: `prop "${c.path}" of <${r.component}> is a new ${isArray ? "array" : "object"} with the same contents on every render of <${owner}>.`,
+        snippet: `// ${owner}
+import { useMemo } from 'react';
+
+const ${id} = useMemo(() => (${shortValue(c.next, 80)}), [/* deps */]);
+
+// or, when it never changes, hoist it to module scope:
+const ${id.toUpperCase()} = ${shortValue(c.next, 80)};`
+      });
     }
   }
-  for (const c of [...r.stateChanges, ...r.hookChanges]) {
-    const isContext = c.hook === "useContext";
+  for (const c of [...r.stateChanges || [], ...r.hookChanges || []]) {
+    const isContext = c.hook === "useContext" || /^useContext/.test(c.path);
     const ctxName = isContext ? (/useContext\((.*)\)/.exec(c.path) || [])[1] || "Context" : "";
     const providerOwner = isContext && c.provider && c.provider.component ? c.provider.component : null;
     if (isContext && c.kind === "different" && c.changedKeys && typeof c.totalKeys === "number" && c.changedKeys.length > 0 && c.changedKeys.length < c.totalKeys) {
@@ -61,20 +217,63 @@ function fixesFor(r) {
         target: r.component,
         prop: ctxName,
         label: `split ${ctxName}${providerOwner ? ` in <${providerOwner}>` : ""}: only ${c.changedKeys.join(", ")} changed`,
-        detail: `${c.changedKeys.length} of ${c.totalKeys} keys changed in ${ctxName}, yet every consumer re-rendered.`
+        detail: `${c.changedKeys.map((k) => `"${k}"`).join(", ")} of ${c.totalKeys} keys changed in ${ctxName}, yet every consumer (like <${r.component}>) re-rendered. Consumers that read the other keys re-render for nothing.`,
+        snippet: `// ${providerOwner || "Provider"}
+// one context per independently-changing slice
+const ${identifier(ctxName)}Static = createContext(...);
+const ${identifier(ctxName)}${c.changedKeys.map((k) => k[0].toUpperCase() + k.slice(1)).join("")} = createContext(...);
+
+// or keep one context and let consumers select a slice:
+const ${c.changedKeys[0]} = useContextSelector(${ctxName}, (v) => v.${c.changedKeys[0]});`
       });
       continue;
     }
-    if (!AVOIDABLE.has(c.kind)) continue;
+    if (!AVOIDABLE_KINDS.has(c.kind)) continue;
     if (isContext) {
-      out.push({ kind: "contextValue", owner: providerOwner || `${ctxName}.Provider`, target: r.component, prop: ctxName, label: `memoize the ${ctxName} provider value${providerOwner ? ` in <${providerOwner}>` : ""}`, detail: `${ctxName} produced a new value that is deep-equal to the previous one.` });
+      out.push({
+        kind: "contextValue",
+        owner: providerOwner || `${ctxName}.Provider`,
+        target: r.component,
+        prop: ctxName,
+        label: `memoize the ${ctxName} provider value${providerOwner ? ` in <${providerOwner}>` : ""}`,
+        detail: `<${r.component}> re-rendered because ${ctxName} produced a new value that is deep-equal to the previous one${providerOwner ? ` (Provider rendered by <${providerOwner}>)` : ""}.`,
+        snippet: `// ${providerOwner || `where <${ctxName}.Provider> is rendered`}
+const value = useMemo(() => ({ /* ... */ }), [/* deps */]);
+<${ctxName}.Provider value={value}>`
+      });
     } else if (c.hook === "useSyncExternalStore") {
       const chain = c.custom || [];
       const redux = chain.some((n) => /^use(App)?Selector$/.test(n));
       const zustand = !redux && chain.some((n) => /^use[A-Z]\w*Store$/.test(n) || n === "useStore" || n === "useBoundStore");
-      out.push({ kind: "storeSnapshot", owner: r.component, target: r.component, prop: c.path, label: redux ? `memoize the selector in <${r.component}>` : zustand ? `useShallow in <${r.component}>` : `stable getSnapshot in <${r.component}>`, detail: storeAdvice(c.custom) });
+      const via = chain.length ? ` via ${chain.join(" \u203A ")}` : "";
+      out.push({
+        kind: "storeSnapshot",
+        owner: r.component,
+        target: r.component,
+        prop: c.path,
+        label: redux ? `memoize the selector in <${r.component}>` : zustand ? `useShallow in <${r.component}>` : `stable getSnapshot in <${r.component}>`,
+        detail: redux ? `the selector${via} returns a new object on every call, so the component re-renders on every store change.` : zustand ? `the store selector${via} returns a new object on every call, so the component re-renders on every store change.` : `${c.path}${via} returned a new reference with the same contents; getSnapshot must return a cached value.`,
+        snippet: redux ? `// ${r.component}
+import { shallowEqual } from 'react-redux';
+const slice = useSelector(selectSlice, shallowEqual);
+// or memoize: const selectSlice = createSelector([selectA, selectB], (a, b) => ({ a, b }));` : zustand ? `// ${r.component}
+import { useShallow } from 'zustand/react/shallow';
+const { a, b } = useStore(useShallow((s) => ({ a: s.a, b: s.b })));
+// or select a primitive: const a = useStore((s) => s.a);` : `// ${r.component}
+// getSnapshot must return the same reference while the data is unchanged
+const snapshot = useSyncExternalStore(subscribe, store.getSnapshot /* cached */);`
+      });
     } else {
-      out.push({ kind: "bailout", owner: r.component, target: r.component, prop: c.path, label: `bail out before setting ${c.path} in <${r.component}>`, detail: `${c.path} was set to a value deep-equal to the current one (new reference).` });
+      out.push({
+        kind: "bailout",
+        owner: r.component,
+        target: r.component,
+        prop: c.path,
+        label: `bail out before setting ${c.path} in <${r.component}>`,
+        detail: `${c.path} was set to a value deep-equal to the current one (new reference).`,
+        snippet: `// ${r.component}
+setState((prev) => (deepEqual(prev, next) ? prev : next));`
+      });
     }
   }
   return out;
@@ -88,11 +287,12 @@ function rankFixes(reports) {
       const key = fixKey(f);
       let agg = byKey.get(key);
       if (!agg) {
-        agg = { ...f, key, count: 0, components: {} };
+        agg = { ...f, key, count: 0, components: {}, reports: [] };
         byKey.set(key, agg);
       }
       agg.count++;
       agg.components[r.component] = (agg.components[r.component] || 0) + 1;
+      if (agg.reports.length < MAX_FIX_REPORTS) agg.reports.push(r);
     }
   }
   return [...byKey.values()].sort((a, b) => b.count - a.count || a.label.localeCompare(b.label));
@@ -102,6 +302,8 @@ function formatFixes(reports, limit = 10) {
   if (!ranked.length) return "No avoidable re-renders.";
   const lines = ranked.slice(0, limit).map((f, i) => `${String(i + 1).padStart(2)}. ${f.label}  (removes ${f.count}: ${Object.entries(f.components).map(([c, n]) => `<${c}>${n > 1 ? " x" + n : ""}`).join(", ")})`);
   if (ranked.length > limit) lines.push(`    \u2026 ${ranked.length - limit} more`);
+  const roots = formatRootCauses(reports, 5);
+  if (roots) lines.push("", "Root causes:", roots);
   return lines.join("\n");
 }
 

package/dist/playwright.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../node_modules/tsup/assets/cjs_shims.js","../src/report.ts","../src/fixes.ts","../src/budget.ts","../src/playwright.ts"],"names":["dirname","fileURLToPath","join","readFileSync"],"mappings":"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","file":"playwright.cjs","sourcesContent":["// Shim globals in cjs bundle\n// There's a weird bug that esbuild will always inject importMetaUrl\n// if we export it as `const importMetaUrl = ... __filename ...`\n// But using a function will not cause this issue\n\nconst getImportMetaUrl = () => \n  typeof document === \"undefined\" \n    ? new URL(`file:${__filename}`).href \n    : (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT') \n      ? document.currentScript.src \n      : new URL(\"main.js\", document.baseURI).href;\n\nexport const importMetaUrl = /* @__PURE__ */ getImportMetaUrl()\n","import type { Change, CommitCause, CommitPriority, HookChange, HookSnapshot, Options, ParentInfo, RenderReport, RenderTrigger, SourceLocation } from './types';\n\nconst now = (): number =>\n  typeof performance !== 'undefined' && typeof performance.now === 'function' ? performance.now() : Date.now();\n\nexport interface BuildInput {\n  component: string;\n  instanceId?: number;\n  renderCount: number;\n  prevProps: Record<string, unknown>;\n  nextProps: Record<string, unknown>;\n  propChanges: Change[];\n  stateChanges?: Change[];\n  hookChanges?: HookChange[];\n  hookState?: HookSnapshot[];\n  contexts?: { name: string; value: unknown }[];\n  state?: Record<string, unknown>;\n  parent?: ParentInfo | null;\n  owner?: string | null;\n  path?: string[];\n  /** Default true: `useWhyRerender` and the console output assume the component decides on props alone. */\n  memoized?: boolean;\n  selfDuration?: number;\n  treeDuration?: number;\n  commitId?: number;\n  commitPriority?: CommitPriority;\n  source?: SourceLocation;\n  updaters?: string[];\n  commitCause?: CommitCause;\n  afterCommit?: number;\n  key?: string | null;\n}\n\n/** `useCart › useState#0` when custom hook names are known, else `useState #0`. */\nexport const hookLabel = (c: { hook: string; index: number; custom?: string[] }): string =>\n  c.custom && c.custom.length ? `${c.custom.join(' › ')} › ${c.hook}#${c.index}` : `${c.hook} #${c.index}`;\n\n/** Store-specific advice for a `useSyncExternalStore` snapshot that is a new reference with equal contents. */\nexport function storeAdvice(custom: string[] | undefined): string {\n  const chain = custom ?? [];\n  if (chain.some((n) => /^useSelector$/.test(n)))\n    return 'the Redux selector returns a new object on every call: return a stored slice, pass shallowEqual as the equality function, or memoize it with createSelector';\n  if (chain.some((n) => /^useAppSelector$/.test(n)))\n    return 'the selector returns a new object on every call: return a stored slice, pass shallowEqual, or memoize it with createSelector';\n  if (chain.some((n) => /^use[A-Z]\\w*Store$/.test(n) || n === 'useStore' || n === 'useBoundStore'))\n    return 'the store selector returns a new object on every call: select a primitive, or wrap the selector with useShallow (Zustand) / an equality function';\n  return 'getSnapshot returns a new reference with the same contents: cache the snapshot in the store and return the same object while the data is unchanged';\n}\n\nconst isGenuine = (c: Change): boolean => c.kind === 'different' || c.kind === 'added' || c.kind === 'removed';\n\n/** `children` re-created in the parent's render: the classic memo-defeater, with its own advice. */\nconst isChildren = (change: Change): boolean => change.path === 'children';\n\nexport function fixFor(change: Change): string {\n  if (isChildren(change) && (change.kind === 'element' || change.kind === 'deep-equal')) {\n    return `lift the children out of the parent's render: memoize them with useMemo, hoist static elements to module scope, or render them from a component that does not re-render`;\n  }\n  switch (change.kind) {\n    case 'function':\n      return `wrap it in useCallback (or hoist it out of the parent's render)`;\n    case 'element':\n      return `memoize the element with useMemo, or pass it as children from a stable parent`;\n    case 'deep-equal':\n      return Array.isArray(change.next)\n        ? `memoize the array with useMemo (same items, new reference)`\n        : `memoize the object with useMemo, or hoist it to module scope if it is constant`;\n    default:\n      return '';\n  }\n}\n\nfunction describe(change: Change): string {\n  if (isChildren(change) && (change.kind === 'element' || change.kind === 'deep-equal')) {\n    return `children are new React elements with the same types and props on every render of the parent`;\n  }\n  switch (change.kind) {\n    case 'deep-equal':\n      return `prop \"${change.path}\" is a new reference but deep-equal to the previous value`;\n    case 'function':\n      return `prop \"${change.path}\" is a new function instance on every render`;\n    case 'element':\n      return `prop \"${change.path}\" is a new React element with the same type and props`;\n    case 'different':\n      return `prop \"${change.path}\" changed`;\n    case 'added':\n      return `prop \"${change.path}\" was added`;\n    case 'removed':\n      return `prop \"${change.path}\" was removed`;\n  }\n}\n\nexport function buildReport(input: BuildInput): RenderReport {\n  const stateChanges = input.stateChanges ?? [];\n  const hookChanges = input.hookChanges ?? [];\n  const isStateHook = (h: HookChange): boolean => h.hook === 'useState' || h.hook === 'useReducer';\n  const genuineProps = input.propChanges.some(isGenuine);\n  const genuineState = stateChanges.some(isGenuine) || hookChanges.some((h) => isStateHook(h) && isGenuine(h));\n  const genuineHooks = hookChanges.some((h) => !isStateHook(h) && isGenuine(h));\n  const causes = [genuineProps && 'props', genuineState && 'state', genuineHooks && 'hooks'].filter(Boolean) as RenderTrigger[];\n\n  let trigger: RenderTrigger;\n  if (causes.length === 0) trigger = 'parent';\n  else if (causes.length === 1) trigger = causes[0]!;\n  else trigger = 'mixed';\n\n  const avoidable = trigger === 'parent';\n  const reasons: string[] = [];\n\n  if (avoidable && input.propChanges.length === 0 && stateChanges.length === 0 && hookChanges.length === 0) {\n    const who = input.parent ? `<${input.parent.name}> re-rendered (${describeTrigger(input.parent.trigger)})` : 'its parent re-rendered';\n    reasons.push(`re-rendered with identical props because ${who}. Wrap \"${input.component}\" in React.memo (or extend PureComponent).`);\n  } else if (avoidable && input.parent) {\n    reasons.push(`caused by <${input.parent.name}> re-rendering (${describeTrigger(input.parent.trigger)}).`);\n  }\n  for (const c of input.propChanges) {\n    const fix = fixFor(c);\n    reasons.push(fix ? `${describe(c)}: ${fix}.` : `${describe(c)}.`);\n  }\n  const memoized = input.memoized !== false;\n  if (avoidable && !memoized && input.propChanges.length > 0) {\n    reasons.push(\n      `\"${input.component}\" is not memoized, so fixing the props alone will not stop this re-render: also wrap it in React.memo (or extend PureComponent).`,\n    );\n  }\n  for (const c of stateChanges) {\n    if (isGenuine(c)) reasons.push(`state \"${c.path}\" changed.`);\n    else reasons.push(`setState was called with a value deep-equal to the current \"${c.path}\" (new reference, same contents).`);\n  }\n  for (const c of hookChanges) {\n    if (c.hook === 'useContext' && isGenuine(c)) {\n      const where = c.provider && c.provider.component ? ` (provided by <${c.provider.component}>)` : '';\n      const keys =\n        c.changedKeys && typeof c.totalKeys === 'number' && c.changedKeys.length > 0 && c.changedKeys.length < c.totalKeys\n          ? `: only ${c.changedKeys.map((k) => `\"${k}\"`).join(', ')} of ${c.totalKeys} keys changed, yet every consumer re-renders. Split the context or memoize the slices consumers read`\n          : '';\n      reasons.push(`${c.path} changed${where}${keys}.`);\n    } else if (isGenuine(c)) reasons.push(`${hookLabel(c)} changed.`);\n    else if (isStateHook(c))\n      reasons.push(`${hookLabel(c)} was set to a value deep-equal to the current one (new reference, same contents): reuse the existing object or bail out before calling the setter.`);\n    else if (c.hook === 'useSyncExternalStore') reasons.push(`${hookLabel(c)} returned a new reference that is deep-equal to the previous value: ${storeAdvice(c.custom)}.`);\n    else reasons.push(`${hookLabel(c)} returned a new reference that is deep-equal to the previous value: memoize the context/store value where it is produced.`);\n  }\n  if (input.commitCause === 'effect-after-commit') {\n    const who = input.updaters && input.updaters.length ? input.updaters.map((u) => `<${u}>`).join(', ') : 'a component that rendered in it';\n    reasons.push(`this commit was scheduled right after commit #${input.afterCommit ?? '?'} by ${who}: an effect there set state (effect → setState loop). Derive the value during render or compute it before setting state.`);\n  } else if (input.commitCause === 'suspense-resolved') {\n    reasons.push('this commit shows content that was suspended (a Suspense boundary resolved).');\n  }\n\n  const report: RenderReport = {\n    component: input.component,\n    instanceId: input.instanceId ?? 0,\n    commitId: input.commitId ?? 0,\n    renderCount: input.renderCount,\n    trigger,\n    avoidable,\n    memoized,\n    props: { prev: input.prevProps, next: input.nextProps },\n    propChanges: input.propChanges,\n    stateChanges,\n    hookChanges,\n    parent: input.parent ?? null,\n    owner: input.owner ?? null,\n    path: input.path ?? [],\n    reasons,\n    time: now(),\n  };\n  if (input.selfDuration !== undefined) report.selfDuration = input.selfDuration;\n  if (input.treeDuration !== undefined) report.treeDuration = input.treeDuration;\n  if (input.commitPriority) report.commitPriority = input.commitPriority;\n  if (input.source) report.source = input.source;\n  if (input.hookState) report.hookState = input.hookState;\n  if (input.contexts) report.contexts = input.contexts;\n  if (input.state) report.state = input.state;\n  if (input.updaters && input.updaters.length) report.updaters = input.updaters;\n  if (input.commitCause) report.commitCause = input.commitCause;\n  if (input.afterCommit !== undefined) report.afterCommit = input.afterCommit;\n  if (input.key !== undefined) report.key = input.key;\n  return report;\n}\n\nfunction describeTrigger(t: RenderTrigger): string {\n  switch (t) {\n    case 'props':\n      return 'its props changed';\n    case 'state':\n      return 'its state changed';\n    case 'hooks':\n      return 'a context or store it reads changed';\n    case 'mixed':\n      return 'its props and state changed';\n    default:\n      return 'its own parent re-rendered';\n  }\n}\n\nconst KIND_LABEL: Record<Change['kind'], string> = {\n  'deep-equal': 'equal by value',\n  function: 'new function',\n  element: 'equal element',\n  different: 'changed',\n  added: 'added',\n  removed: 'removed',\n};\n\nexport function summarize(report: RenderReport): string {\n  const counts = new Map<string, number>();\n  for (const c of [...report.propChanges, ...report.stateChanges, ...report.hookChanges]) {\n    counts.set(c.kind, (counts.get(c.kind) ?? 0) + 1);\n  }\n  const parts = [...counts].map(([kind, n]) => `${n} ${KIND_LABEL[kind as Change['kind']]}`);\n  if (parts.length === 0) parts.push('no changes');\n  return parts.join(', ');\n}\n\n/** Default notifier: prints a console group per report. */\nexport function printReport(report: RenderReport, options: Options): void {\n  const c = options.console ?? console;\n  const open = options.collapse === false ? c.group : c.groupCollapsed;\n  const verdict = report.avoidable ? 'avoidable re-render' : `re-render (${report.trigger})`;\n  open.call(c, `[rerender-lens] <${report.component}> ${verdict}: ${summarize(report)}`);\n  for (const r of report.reasons) c.log(`- ${r}`);\n  if (report.path.length) c.log(`at ${[...report.path, report.component].join(' > ')}`);\n  for (const ch of [...report.propChanges, ...report.stateChanges, ...report.hookChanges]) {\n    c.log(`${ch.path} (${KIND_LABEL[ch.kind]})`, { prev: ch.prev, next: ch.next });\n  }\n  c.log('props', report.props);\n  if (report.hookState && report.hookState.length) c.log('hooks', Object.fromEntries(report.hookState.map((h) => [h.path, h.value])));\n  if (report.contexts && report.contexts.length) c.log('contexts', Object.fromEntries(report.contexts.map((x) => [x.name, x.value])));\n  if (report.state) c.log('state', report.state);\n  c.groupEnd();\n}\n","/**\n * Concrete fixes derived from reports, ranked by how many avoidable re-renders each one removes.\n * The same logic drives the extension's Fixes view; here it is typed on `RenderReport` for tests,\n * CI budgets and the CLI. Pure.\n */\nimport type { Change, HookChange, RenderReport } from './types';\nimport { storeAdvice } from './report';\n\nexport type FixKind = 'memo' | 'useCallback' | 'useMemo' | 'useMemoElement' | 'children' | 'contextValue' | 'splitContext' | 'storeSnapshot' | 'bailout';\n\nexport interface Fix {\n  kind: FixKind;\n  /** Where the change goes (the component that must be edited, or `<Ctx>.Provider`). */\n  owner: string;\n  /** The component whose re-render this removes. */\n  target: string;\n  prop: string | null;\n  label: string;\n  detail: string;\n}\n\nexport interface RankedFix extends Fix {\n  key: string;\n  /** Avoidable re-renders this fix removes. */\n  count: number;\n  components: Record<string, number>;\n}\n\nconst AVOIDABLE = new Set<string>(['deep-equal', 'function', 'element']);\nconst rootOf = (path: string): string => path.split(/[.[]/)[0] || path;\n\nexport function fixesFor(r: RenderReport): Fix[] {\n  const out: Fix[] = [];\n  const owner = r.owner || (r.parent && r.parent.name) || '?';\n  const changes: Change[] = [...r.propChanges, ...r.stateChanges, ...r.hookChanges];\n  if (r.avoidable && (changes.length === 0 || r.memoized === false)) {\n    out.push({\n      kind: 'memo',\n      owner: r.component,\n      target: r.component,\n      prop: null,\n      label: `Wrap <${r.component}> in React.memo`,\n      detail: changes.length === 0 ? `<${r.component}> re-rendered with identical props because <${(r.parent && r.parent.name) || 'its parent'}> re-rendered.` : `<${r.component}> is not memoized: fixing its props alone will not stop the re-render.`,\n    });\n  }\n  for (const c of r.propChanges) {\n    if (!AVOIDABLE.has(c.kind)) continue;\n    const root = rootOf(c.path);\n    if (root === 'children' && (c.kind === 'element' || c.kind === 'deep-equal')) {\n      out.push({ kind: 'children', owner, target: r.component, prop: 'children', label: `memoize children of <${r.component}> in <${owner}>`, detail: `<${owner}> re-creates the children of <${r.component}> on every render.` });\n    } else if (c.kind === 'function') {\n      out.push({ kind: 'useCallback', owner, target: r.component, prop: root, label: `useCallback(${root}) in <${owner}>`, detail: `prop \"${c.path}\" of <${r.component}> is a new function on every render of <${owner}>.` });\n    } else if (c.kind === 'element') {\n      out.push({ kind: 'useMemoElement', owner, target: r.component, prop: root, label: `memoize element prop ${root} in <${owner}>`, detail: `prop \"${c.path}\" of <${r.component}> is a new element with the same type and props on every render of <${owner}>.` });\n    } else {\n      out.push({ kind: 'useMemo', owner, target: r.component, prop: root, label: `useMemo(${root}) in <${owner}>`, detail: `prop \"${c.path}\" of <${r.component}> is a new ${Array.isArray(c.next) ? 'array' : 'object'} with the same contents on every render of <${owner}>.` });\n    }\n  }\n  for (const c of [...r.stateChanges, ...r.hookChanges] as (Change & Partial<HookChange>)[]) {\n    const isContext = c.hook === 'useContext';\n    const ctxName = isContext ? (/useContext\\((.*)\\)/.exec(c.path) || [])[1] || 'Context' : '';\n    const providerOwner = isContext && c.provider && c.provider.component ? c.provider.component : null;\n    if (isContext && c.kind === 'different' && c.changedKeys && typeof c.totalKeys === 'number' && c.changedKeys.length > 0 && c.changedKeys.length < c.totalKeys) {\n      out.push({\n        kind: 'splitContext',\n        owner: providerOwner || `${ctxName}.Provider`,\n        target: r.component,\n        prop: ctxName,\n        label: `split ${ctxName}${providerOwner ? ` in <${providerOwner}>` : ''}: only ${c.changedKeys.join(', ')} changed`,\n        detail: `${c.changedKeys.length} of ${c.totalKeys} keys changed in ${ctxName}, yet every consumer re-rendered.`,\n      });\n      continue;\n    }\n    if (!AVOIDABLE.has(c.kind)) continue;\n    if (isContext) {\n      out.push({ kind: 'contextValue', owner: providerOwner || `${ctxName}.Provider`, target: r.component, prop: ctxName, label: `memoize the ${ctxName} provider value${providerOwner ? ` in <${providerOwner}>` : ''}`, detail: `${ctxName} produced a new value that is deep-equal to the previous one.` });\n    } else if (c.hook === 'useSyncExternalStore') {\n      const chain = c.custom || [];\n      const redux = chain.some((n) => /^use(App)?Selector$/.test(n));\n      const zustand = !redux && chain.some((n) => /^use[A-Z]\\w*Store$/.test(n) || n === 'useStore' || n === 'useBoundStore');\n      out.push({ kind: 'storeSnapshot', owner: r.component, target: r.component, prop: c.path, label: redux ? `memoize the selector in <${r.component}>` : zustand ? `useShallow in <${r.component}>` : `stable getSnapshot in <${r.component}>`, detail: storeAdvice(c.custom) });\n    } else {\n      out.push({ kind: 'bailout', owner: r.component, target: r.component, prop: c.path, label: `bail out before setting ${c.path} in <${r.component}>`, detail: `${c.path} was set to a value deep-equal to the current one (new reference).` });\n    }\n  }\n  return out;\n}\n\nexport const fixKey = (f: Fix): string => `${f.kind}|${f.owner}|${f.prop || f.target}`;\n\n/** Every fix across `reports`, most re-renders removed first. */\nexport function rankFixes(reports: RenderReport[]): RankedFix[] {\n  const byKey = new Map<string, RankedFix>();\n  for (const r of reports) {\n    if (!r.avoidable) continue;\n    for (const f of fixesFor(r)) {\n      const key = fixKey(f);\n      let agg = byKey.get(key);\n      if (!agg) {\n        agg = { ...f, key, count: 0, components: {} };\n        byKey.set(key, agg);\n      }\n      agg.count++;\n      agg.components[r.component] = (agg.components[r.component] || 0) + 1;\n    }\n  }\n  return [...byKey.values()].sort((a, b) => b.count - a.count || a.label.localeCompare(b.label));\n}\n\n/** Multi-line text for a test failure or a CI log. */\nexport function formatFixes(reports: RenderReport[], limit = 10): string {\n  const ranked = rankFixes(reports);\n  if (!ranked.length) return 'No avoidable re-renders.';\n  const lines = ranked.slice(0, limit).map((f, i) => `${String(i + 1).padStart(2)}. ${f.label}  (removes ${f.count}: ${Object.entries(f.components).map(([c, n]) => `<${c}>${n > 1 ? ' x' + n : ''}`).join(', ')})`);\n  if (ranked.length > limit) lines.push(`    … ${ranked.length - limit} more`);\n  return lines.join('\\n');\n}\n","/**\n * Re-render budgets for CI: a JSON baseline of allowed avoidable re-renders per component, checked\n * against a collector's reports (like a bundle-size budget). Pure; reading and writing the file is\n * up to the test runner (`fs`), so this works in Node and in the browser.\n */\nimport type { RenderReport } from './types';\nimport { formatFixes } from './fixes';\n\n/** `{ \"*\": 0, \"ProductRow\": 3 }`: max avoidable re-renders per component; `*` is the default. */\nexport type Budget = Record<string, number>;\n\nexport interface BudgetViolation {\n  component: string;\n  avoidable: number;\n  allowed: number;\n}\n\nexport interface BudgetResult {\n  ok: boolean;\n  violations: BudgetViolation[];\n  /** Components with headroom left, so budgets can be tightened. */\n  slack: { component: string; avoidable: number; allowed: number }[];\n  counts: Record<string, number>;\n}\n\nexport function avoidableCounts(reports: RenderReport[]): Record<string, number> {\n  const counts: Record<string, number> = {};\n  for (const r of reports) if (r.avoidable) counts[r.component] = (counts[r.component] || 0) + 1;\n  return counts;\n}\n\nexport function checkBudget(reports: RenderReport[], budget: Budget | number): BudgetResult {\n  const b: Budget = typeof budget === 'number' ? { '*': budget } : budget;\n  const fallback = typeof b['*'] === 'number' ? b['*'] : 0;\n  const counts = avoidableCounts(reports);\n  const violations: BudgetViolation[] = [];\n  const slack: BudgetResult['slack'] = [];\n  const names = new Set([...Object.keys(counts), ...Object.keys(b).filter((k) => k !== '*')]);\n  for (const component of names) {\n    const allowed = typeof b[component] === 'number' ? b[component]! : fallback;\n    const avoidable = counts[component] || 0;\n    if (avoidable > allowed) violations.push({ component, avoidable, allowed });\n    else if (avoidable < allowed) slack.push({ component, avoidable, allowed });\n  }\n  violations.sort((x, y) => y.avoidable - y.allowed - (x.avoidable - x.allowed));\n  return { ok: violations.length === 0, violations, slack, counts };\n}\n\n/** A budget that exactly matches the current counts (the baseline to commit). */\nexport function toBudget(reports: RenderReport[]): Budget {\n  return { '*': 0, ...avoidableCounts(reports) };\n}\n\n/** Throws with the violations and the ranked fixes; use it from a test. */\nexport function assertWithinBudget(reports: RenderReport[], budget: Budget | number): BudgetResult {\n  const result = checkBudget(reports, budget);\n  if (result.ok) return result;\n  const lines = result.violations.map((v) => `  <${v.component}>: ${v.avoidable} avoidable re-render${v.avoidable === 1 ? '' : 's'} (budget ${v.allowed})`);\n  throw new Error(`Re-render budget exceeded:\\n${lines.join('\\n')}\\n\\nFixes, most impact first:\\n${formatFixes(reports)}`);\n}\n","/**\n * Playwright helper: run rerender-lens inside any page under test, then pull the reports and assert\n * a budget from the test. Works on production-like builds too (names may be minified there).\n *\n *   import { installRerenderLens, pullReports, expectWithinBudget } from 'rerender-lens/playwright';\n *   await installRerenderLens(page, { trackAllMemoized: true });   // before page.goto\n *   await page.goto('/');\n *   ...interact...\n *   expectWithinBudget(await pullReports(page), { '*': 0, ProductRow: 3 });\n *\n * The library bundle is injected with `page.addInitScript` at document start, exactly like the\n * extension's injection mode, so `init` runs before react-dom.\n */\nimport { readFileSync } from 'node:fs';\nimport { dirname, join } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport type { RenderReport } from './types';\nimport type { SerializableOptions } from './devtools';\nimport { assertWithinBudget, checkBudget, type Budget, type BudgetResult } from './budget';\nimport { rankFixes, formatFixes, type RankedFix } from './fixes';\n\n/** The subset of Playwright's `Page` used here (keeps `@playwright/test` an optional peer). */\nexport interface PageLike {\n  addInitScript(script: string | { content?: string }): Promise<void>;\n  evaluate<R>(fn: string | ((arg: unknown) => R), arg?: unknown): Promise<R>;\n}\n\nexport interface InstallOptions extends SerializableOptions {\n  /** Forward to a relay (`npx rerender-lens panel`) to watch the test in the panel. */\n  relay?: string;\n  /** Print to the page console (default false in tests). */\n  silent?: boolean;\n  /** Library source to inject instead of the packaged IIFE bundle (must define `window.RerenderLens`). */\n  bundle?: string;\n}\n\nlet bundleCache: string | null = null;\n\n/** The vendor scripts the extension injects, in load order (see scripts/build-vendor.mjs). */\nexport const VENDOR_FILES = ['rerender-lens.core.js', 'rerender-lens.engine.js', 'rerender-lens.js'];\n\n/** The library as one script (`window.RerenderLens`): `dist/rerender-lens.iife.js`, or the vendor parts joined in this repo. */\nexport function libraryBundle(): string {\n  if (bundleCache) return bundleCache;\n  const here = dirname(fileURLToPath(import.meta.url));\n  const candidates = [[join(here, 'rerender-lens.iife.js')], VENDOR_FILES.map((f) => join(here, '..', 'extension', 'vendor', f))];\n  for (const files of candidates) {\n    try {\n      bundleCache = files.map((f) => readFileSync(f, 'utf8')).join('\\n;\\n');\n      return bundleCache;\n    } catch {\n      /* next */\n    }\n  }\n  throw new Error('rerender-lens: library bundle not found (run `npm run build` in the rerender-lens repo, or reinstall the package)');\n}\n\n/** Script that starts the library with `options` before any page script runs. */\nexport function installScript(options: InstallOptions = {}): string {\n  const { relay, bundle, ...rest } = options;\n  const opts: InstallOptions = { trackAllMemoized: true, silent: true, ...rest };\n  return `${bundle ?? libraryBundle()}\\n;(function(){\\n  if (window.__RERENDER_LENS_DEVTOOLS__) return;\\n  var L = window.RerenderLens;\\n  L.ensureDevtoolsHook();\\n  var o = ${JSON.stringify(opts)};\\n  o.notifier = L.createDevtoolsNotifier(${relay ? JSON.stringify({ relay }) : '{}'});\\n  if (o.include) o.include = o.include.map(function (m) { var r = /^\\\\/(.+)\\\\/([a-z]*)$/.exec(m); return r ? new RegExp(r[1], r[2]) : m; });\\n  if (o.exclude) o.exclude = o.exclude.map(function (m) { var r = /^\\\\/(.+)\\\\/([a-z]*)$/.exec(m); return r ? new RegExp(r[1], r[2]) : m; });\\n  L.init(o);\\n  window.__RERENDER_LENS_PLAYWRIGHT__ = true;\\n})();`;\n}\n\n/** Call before `page.goto`. */\nexport async function installRerenderLens(page: PageLike, options: InstallOptions = {}): Promise<void> {\n  await page.addInitScript({ content: installScript(options) });\n}\n\n/** Every report buffered in the page so far (serialized: functions are `ƒ name`, elements `{ $type: 'element' }`). */\nexport async function pullReports(page: PageLike): Promise<RenderReport[]> {\n  const result = await page.evaluate<{ reports: unknown[] } | null>('(function(){var b=window.__RERENDER_LENS_DEVTOOLS__;return b&&b.pull?b.pull(0):null})()');\n  if (!result) throw new Error('rerender-lens is not running in the page: call installRerenderLens(page) before page.goto');\n  return result.reports as RenderReport[];\n}\n\n/** Drop the page buffer (between scenarios). */\nexport async function clearReports(page: PageLike): Promise<void> {\n  await page.evaluate('(function(){var b=window.__RERENDER_LENS_DEVTOOLS__;if(b)b.clear();})()');\n}\n\nexport { checkBudget, rankFixes, formatFixes };\nexport type { Budget, BudgetResult, RankedFix };\n\n/** Throws with the violations and ranked fixes, like `collector.assertWithinBudget`. */\nexport function expectWithinBudget(reports: RenderReport[], budget: Budget | number): BudgetResult {\n  return assertWithinBudget(reports, budget);\n}\n"]}
+{"version":3,"sources":["../node_modules/tsup/assets/cjs_shims.js","../src/diff.ts","../src/causes.ts","../src/fixes.ts","../src/budget.ts","../src/playwright.ts"],"names":["dirname","fileURLToPath","join","readFileSync"],"mappings":"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","file":"playwright.cjs","sourcesContent":["// Shim globals in cjs bundle\n// There's a weird bug that esbuild will always inject importMetaUrl\n// if we export it as `const importMetaUrl = ... __filename ...`\n// But using a function will not cause this issue\n\nconst getImportMetaUrl = () => \n  typeof document === \"undefined\" \n    ? new URL(`file:${__filename}`).href \n    : (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT') \n      ? document.currentScript.src \n      : new URL(\"main.js\", document.baseURI).href;\n\nexport const importMetaUrl = /* @__PURE__ */ getImportMetaUrl()\n","import type { Change, ChangeKind } from './types';\n\nconst REACT_ELEMENT = Symbol.for('react.element');\nconst REACT_TRANSITIONAL_ELEMENT = Symbol.for('react.transitional.element');\n\nexport function isReactElement(v: unknown): v is { type: unknown; props: Record<string, unknown>; key: unknown } {\n  if (typeof v !== 'object' || v === null) return false;\n  const t = (v as { $$typeof?: unknown }).$$typeof;\n  return t === REACT_ELEMENT || t === REACT_TRANSITIONAL_ELEMENT;\n}\n\nfunction isPlainObject(v: unknown): v is Record<string, unknown> {\n  if (typeof v !== 'object' || v === null) return false;\n  const proto = Object.getPrototypeOf(v);\n  return proto === Object.prototype || proto === null;\n}\n\ntype Seen = Map<object, Set<object>>;\n\nfunction remember(seen: Seen, a: object, b: object): boolean {\n  let set = seen.get(a);\n  if (!set) {\n    set = new Set();\n    seen.set(a, set);\n  }\n  if (set.has(b)) return true;\n  set.add(b);\n  return false;\n}\n\n/**\n * Bounds the work of one comparison scope (a commit, or one public `deepEqual` call): pairs already\n * compared are memoized, so a large value shared by many components is walked once per commit, and\n * a visit budget turns a huge structure into \"different\" instead of freezing the page.\n */\ninterface DiffScope {\n  cache: WeakMap<object, WeakMap<object, boolean>>;\n  remaining: number;\n  exhausted: boolean;\n}\nlet scope: DiffScope | null = null;\n/** Object visits allowed for one public `deepEqual` call. */\nexport const DEFAULT_DIFF_BUDGET = 50_000;\n\n/** Start a scope (`onCommit` does this per commit); call the returned function to end it. */\nexport function beginDiffScope(budget = 200_000): () => void {\n  const previous = scope;\n  scope = { cache: new WeakMap(), remaining: budget, exhausted: false };\n  return () => {\n    scope = previous;\n  };\n}\n\n/** True when the current scope gave up on a value because it was too large to walk. */\nexport function diffBudgetExhausted(): boolean {\n  return scope?.exhausted === true;\n}\n\n/**\n * Structural equality that understands Map, Set, Date, RegExp, typed arrays,\n * React elements and cyclic references. Functions are equal only by reference.\n */\nexport function deepEqual(a: unknown, b: unknown, seen: Seen = new Map()): boolean {\n  if (Object.is(a, b)) return true;\n  if (typeof a !== typeof b) return false;\n  if (typeof a !== 'object' || a === null || b === null) return false;\n  if (!scope) {\n    const end = beginDiffScope(DEFAULT_DIFF_BUDGET);\n    try {\n      return deepEqual(a, b, seen);\n    } finally {\n      end();\n    }\n  }\n  const sc = scope;\n  const objA = a as object;\n  const objB = b as object;\n  const hit = sc.cache.get(objA)?.get(objB);\n  if (hit !== undefined) return hit;\n  if (--sc.remaining < 0) {\n    sc.exhausted = true;\n    return false;\n  }\n  const result = deepEqualObjects(objA, objB, seen);\n  let m = sc.cache.get(objA);\n  if (!m) {\n    m = new WeakMap();\n    sc.cache.set(objA, m);\n  }\n  m.set(objB, result);\n  return result;\n}\n\nfunction deepEqualObjects(a: object, b: object, seen: Seen): boolean {\n  const objA = a;\n  const objB = b;\n  if (remember(seen, objA, objB)) return true; // cycle: assume equal on this branch\n\n  if (a instanceof Date) return b instanceof Date && a.getTime() === b.getTime();\n  if (a instanceof RegExp) return b instanceof RegExp && a.source === b.source && a.flags === b.flags;\n\n  if (Array.isArray(a)) {\n    if (!Array.isArray(b) || a.length !== b.length) return false;\n    for (let i = 0; i < a.length; i++) if (!deepEqual(a[i], b[i], seen)) return false;\n    return true;\n  }\n  if (Array.isArray(b)) return false;\n\n  if (ArrayBuffer.isView(a)) {\n    if (!ArrayBuffer.isView(b) || a.constructor !== b.constructor) return false;\n    const ta = a as unknown as ArrayLike<number>;\n    const tb = b as unknown as ArrayLike<number>;\n    if (ta.length !== tb.length) return false;\n    for (let i = 0; i < ta.length; i++) if (ta[i] !== tb[i]) return false;\n    return true;\n  }\n\n  if (a instanceof Map) {\n    if (!(b instanceof Map) || a.size !== b.size) return false;\n    for (const [k, v] of a) {\n      if (!b.has(k) || !deepEqual(v, b.get(k), seen)) return false;\n    }\n    return true;\n  }\n  if (a instanceof Set) {\n    if (!(b instanceof Set) || a.size !== b.size) return false;\n    if (a.size > 50) {\n      // Members that are equal-but-not-identical would need O(n²) work; large sets compare by identity.\n      for (const v of a) if (!b.has(v)) return false;\n      return true;\n    }\n    outer: for (const v of a) {\n      if (b.has(v)) continue;\n      for (const w of b) if (deepEqual(v, w, seen)) continue outer;\n      return false;\n    }\n    return true;\n  }\n\n  if (isReactElement(a)) {\n    if (!isReactElement(b)) return false;\n    return a.type === b.type && a.key === b.key && deepEqual(a.props, b.props, seen);\n  }\n\n  if (isPlainObject(a) && isPlainObject(b)) {\n    const ka = Object.keys(a);\n    const kb = Object.keys(b);\n    if (ka.length !== kb.length) return false;\n    const rb = b as Record<string, unknown>;\n    for (const k of ka) {\n      if (!Object.prototype.hasOwnProperty.call(b, k)) return false;\n      if (!deepEqual((a as Record<string, unknown>)[k], rb[k], seen)) return false;\n    }\n    return true;\n  }\n\n  // Class instances, DOM nodes, promises, etc.: reference equality only.\n  return false;\n}\n\n/** Change kinds that mean \"new reference, same contents\": the ones a fix removes. */\nexport const AVOIDABLE_KINDS: ReadonlySet<string> = new Set<ChangeKind>(['deep-equal', 'function', 'element']);\n\n/** Classify why two values differ. Assumes `!Object.is(prev, next)`. */\nexport function classify(prev: unknown, next: unknown): ChangeKind {\n  if (typeof prev === 'function' && typeof next === 'function') {\n    return prev.name === next.name && prev.toString() === next.toString() ? 'function' : 'different';\n  }\n  if (isReactElement(prev) && isReactElement(next)) {\n    return deepEqual(prev, next) ? 'element' : 'different';\n  }\n  return deepEqual(prev, next) ? 'deep-equal' : 'different';\n}\n\nfunction joinPath(base: string, key: string | number): string {\n  if (typeof key === 'number') return `${base}[${key}]`;\n  if (base === '') return key;\n  return /^[A-Za-z_$][\\w$]*$/.test(key) ? `${base}.${key}` : `${base}[${JSON.stringify(key)}]`;\n}\n\n/**\n * Shallow-diff two records. Every changed key produces exactly one Change;\n * for `different` values that are plain objects/arrays, the nested path that\n * actually differs is reported in `path` to make the console output actionable.\n */\nexport function diffRecords(\n  prev: Record<string, unknown> | undefined | null,\n  next: Record<string, unknown> | undefined | null,\n  basePath = '',\n): Change[] {\n  const p = prev ?? {};\n  const n = next ?? {};\n  const changes: Change[] = [];\n  const keys = new Set([...Object.keys(p), ...Object.keys(n)]);\n  for (const key of keys) {\n    const inPrev = Object.prototype.hasOwnProperty.call(p, key);\n    const inNext = Object.prototype.hasOwnProperty.call(n, key);\n    const path = joinPath(basePath, key);\n    if (inPrev && !inNext) {\n      changes.push({ path, kind: 'removed', prev: p[key], next: undefined });\n      continue;\n    }\n    if (!inPrev && inNext) {\n      changes.push({ path, kind: 'added', prev: undefined, next: n[key] });\n      continue;\n    }\n    const a = p[key];\n    const b = n[key];\n    if (Object.is(a, b)) continue;\n    const kind = classify(a, b);\n    if (kind === 'different') {\n      // Once the budget is gone the nested walk would only burn more time; report the top-level key.\n      changes.push({ path: diffBudgetExhausted() ? path : (firstDifferentPath(a, b, path) ?? path), kind, prev: a, next: b });\n    } else {\n      changes.push({ path, kind, prev: a, next: b });\n    }\n  }\n  return changes;\n}\n\n/**\n * Walk plain objects/arrays to find the deepest path where the values first differ, e.g. `style.color`\n * or `items[2].id`; null when they are deep-equal. Two different values with no path to descend into\n * (primitives at the root) give `(value)`. Works on live values and on the panel's serialized ones.\n */\nexport function firstDifferentPath(a: unknown, b: unknown, path = '', depth = 0): string | null {\n  if (depth > 8) return path || '(value)';\n  if (Array.isArray(a) && Array.isArray(b)) {\n    if (a.length !== b.length) return path ? `${path}.length` : 'length';\n    for (let i = 0; i < a.length; i++) {\n      if (!deepEqual(a[i], b[i])) return firstDifferentPath(a[i], b[i], joinPath(path, i), depth + 1);\n    }\n    return null;\n  }\n  if (isPlainObject(a) && isPlainObject(b)) {\n    const keys = new Set([...Object.keys(a), ...Object.keys(b)]);\n    for (const k of keys) {\n      if (!deepEqual(a[k], b[k])) return firstDifferentPath(a[k], b[k], joinPath(path, k), depth + 1);\n    }\n    return null;\n  }\n  return deepEqual(a, b) ? null : path || '(value)';\n}\n\nexport interface Leaf {\n  path: string;\n  prev: unknown;\n  next: unknown;\n}\n\n/** Every leaf at which two values differ, at most `limit` of them (the panel's diff view of `different` changes). */\nexport function diffLeaves(a: unknown, b: unknown, limit = 20, path = '', out: Leaf[] = []): Leaf[] {\n  if (out.length >= limit || Object.is(a, b)) return out;\n  if (Array.isArray(a) && Array.isArray(b)) {\n    const n = Math.max(a.length, b.length);\n    for (let i = 0; i < n && out.length < limit; i++) diffLeaves(a[i], b[i], limit, joinPath(path, i), out);\n    return out;\n  }\n  if (isPlainObject(a) && isPlainObject(b)) {\n    for (const k of new Set([...Object.keys(a), ...Object.keys(b)])) {\n      if (out.length >= limit) break;\n      diffLeaves(a[k], b[k], limit, joinPath(path, k), out);\n    }\n    return out;\n  }\n  if (!deepEqual(a, b)) out.push({ path: path || '(value)', prev: a, next: b });\n  return out;\n}\n","/**\n * Commit and root-cause analysis: which component's own change started each render cascade, which\n * contexts fanned out to how many consumers, and a nested view of one commit. Reports carry a\n * `commitId` (every report from one React commit shares it) and `parent` links (the nearest ancestor\n * that rendered in the same commit); following those links inside a commit finds the root cause.\n * One implementation for the library (the CLI, the Vitest reporter, `formatFixes`) and the DevTools\n * panel, which adds its own per-commit memoization on top. Typed over `ReportLike`. Pure.\n */\nimport { AVOIDABLE_KINDS } from './diff';\nimport type { RenderReport, ReportLike } from './types';\n\nexport interface RootCause {\n  name: string;\n  trigger: string;\n  /** Avoidable re-renders in the commit that trace back to this component. */\n  count: number;\n  components: Map<string, number>;\n}\n\nexport interface ContextStat {\n  name: string;\n  consumers: number;\n  avoidable: number;\n  components: Map<string, number>;\n  commits: Set<number>;\n  /** Components rendering the Provider (usually one). */\n  providers: Map<string, number>;\n  /** Keys that changed in object values, and the largest key count seen. */\n  changedKeys: Set<string>;\n  totalKeys: number;\n}\n\nexport interface CommitAnalysis<R extends ReportLike = RenderReport> {\n  /** The commit id (`commitId` of its reports), 0 when the reports carry none. */\n  id: number;\n  total: number;\n  avoidable: number;\n  /** Sum of `selfDuration` over the avoidable reports, in ms. */\n  wasted: number;\n  roots: RootCause[];\n  /** Root cause name of every avoidable report (what `roots` was aggregated from). */\n  rootByReport: Map<R, string>;\n  contexts: ContextStat[];\n  reports: R[];\n}\n\nexport interface CascadeNode<R extends ReportLike = RenderReport> {\n  name: string;\n  children: Map<string, CascadeNode<R>>;\n  report: R | null;\n  count?: number;\n  avoidable?: number;\n}\n\nexport interface RootSummary<R extends ReportLike = RenderReport, A extends CommitAnalysis<R> = CommitAnalysis<R>> {\n  name: string;\n  trigger: string;\n  /** Newest first. */\n  commits: { key: number; analysis: A; count: number; components: Map<string, number> }[];\n  /** Avoidable re-renders across every commit. */\n  total: number;\n  components: Map<string, number>;\n  /** The avoidable reports that trace back to this root cause. */\n  affected: R[];\n}\n\n/** One root cause across a whole run: how many commits it started and what those cost. */\nexport interface RankedRootCause {\n  name: string;\n  trigger: string;\n  commits: number;\n  /** Avoidable re-renders it caused. */\n  count: number;\n  components: Map<string, number>;\n}\n\nconst isAncestorReport = (anc: ReportLike, r: ReportLike): boolean =>\n  anc.path.length < r.path.length && r.path[anc.path.length] === anc.component && anc.path.every((p, i) => r.path[i] === p);\n\nconst bump = (m: Map<string, number>, key: string, n = 1): void => void m.set(key, (m.get(key) || 0) + n);\n\n/** One commit's reports grouped by component name, so a parent lookup is O(same-named reports) instead of O(commit). */\nexport function indexByComponent<R extends ReportLike>(reports: readonly R[]): Map<string, R[]> {\n  const index = new Map<string, R[]>();\n  for (const r of reports) {\n    const list = index.get(r.component);\n    if (list) list.push(r);\n    else index.set(r.component, [r]);\n  }\n  return index;\n}\n\n/**\n * Walk `parent` links inside one commit up to the component whose own change started the cascade.\n * Null when `r` started it itself; `report` is null when the root is an ancestor that is not in the\n * commit (untracked), in which case `name`/`trigger` come from the last `parent` link.\n */\nexport function rootCauseOf<R extends ReportLike>(r: R, commitReports: readonly R[], index: Map<string, R[]> = indexByComponent(commitReports)): { name: string; trigger: string; report: R | null } | null {\n  let cur = r;\n  const seen = new Set<R>([r]);\n  while (cur.trigger === 'parent' && cur.parent) {\n    const parent = cur.parent;\n    const candidates = index.get(parent.name);\n    const p = candidates && candidates.find((x) => isAncestorReport(x, cur));\n    if (!p || seen.has(p)) return { name: parent.name, trigger: parent.trigger, report: null };\n    seen.add(p);\n    cur = p;\n  }\n  return cur === r ? null : { name: cur.component, trigger: cur.trigger, report: cur };\n}\n\n/** Root causes of one commit's avoidable reports, most re-renders first. */\nfunction rootCausesOf<R extends ReportLike>(reports: readonly R[]): Pick<CommitAnalysis<R>, 'roots' | 'rootByReport' | 'avoidable' | 'wasted'> {\n  const roots = new Map<string, RootCause>();\n  const rootByReport = new Map<R, string>();\n  const index = indexByComponent(reports);\n  let avoidable = 0;\n  let wasted = 0;\n  for (const r of reports) {\n    if (!r.avoidable) continue;\n    avoidable++;\n    if (typeof r.selfDuration === 'number') wasted += r.selfDuration;\n    const root = rootCauseOf(r, reports, index);\n    const name = root ? root.name : (r.parent && r.parent.name) || '(unknown)';\n    const trigger = root ? root.trigger : (r.parent && r.parent.trigger) || 'parent';\n    rootByReport.set(r, name);\n    let agg = roots.get(name);\n    if (!agg) {\n      agg = { name, trigger, count: 0, components: new Map() };\n      roots.set(name, agg);\n    }\n    agg.count++;\n    bump(agg.components, r.component);\n  }\n  return { roots: [...roots.values()].sort((a, b) => b.count - a.count), rootByReport, avoidable, wasted };\n}\n\n/** Analyze the reports of one commit: what started the cascade, which contexts changed, what it cost. */\nexport function analyzeCommit<R extends ReportLike>(reports: R[]): CommitAnalysis<R> {\n  const first = reports[0];\n  return {\n    id: first && typeof first.commitId === 'number' ? first.commitId : 0,\n    total: reports.length,\n    ...rootCausesOf(reports),\n    contexts: contextAttribution(reports),\n    reports,\n  };\n}\n\n/** Which contexts changed and how many consumers re-rendered because of them. */\nexport function contextAttribution(reports: readonly ReportLike[]): ContextStat[] {\n  const byCtx = new Map<string, ContextStat>();\n  for (const r of reports) {\n    for (const c of r.hookChanges || []) {\n      if (c.hook !== 'useContext' && !/^useContext/.test(c.path)) continue;\n      const m = /useContext\\((.*)\\)/.exec(c.path);\n      const name = m && m[1] ? m[1] : c.path;\n      let agg = byCtx.get(name);\n      if (!agg) {\n        agg = { name, consumers: 0, avoidable: 0, components: new Map(), commits: new Set(), providers: new Map(), changedKeys: new Set(), totalKeys: 0 };\n        byCtx.set(name, agg);\n      }\n      agg.consumers++;\n      if (AVOIDABLE_KINDS.has(c.kind)) agg.avoidable++;\n      bump(agg.components, r.component);\n      agg.commits.add(typeof r.commitId === 'number' ? r.commitId : 0);\n      if (c.provider && c.provider.component) bump(agg.providers, c.provider.component);\n      if (c.changedKeys) for (const k of c.changedKeys) agg.changedKeys.add(k);\n      if (typeof c.totalKeys === 'number') agg.totalKeys = Math.max(agg.totalKeys, c.totalKeys);\n    }\n  }\n  return [...byCtx.values()].sort((a, b) => b.consumers - a.consumers);\n}\n\n/** Nested cascade for one commit: every report placed under its ancestors (untracked ancestors appear as plain names). */\nexport function cascadeTree<R extends ReportLike>(reports: readonly R[]): CascadeNode<R> {\n  const root: CascadeNode<R> = { name: '', children: new Map(), report: null };\n  for (const r of reports) {\n    let node = root;\n    for (const seg of r.path.concat([r.component])) {\n      let next = node.children.get(seg);\n      if (!next) {\n        next = { name: seg, children: new Map(), report: null };\n        node.children.set(seg, next);\n      }\n      node = next;\n    }\n    if (!node.report || r.avoidable) node.report = r;\n    node.count = (node.count || 0) + 1;\n    if (r.avoidable) node.avoidable = (node.avoidable || 0) + 1;\n  }\n  return root;\n}\n\n/**\n * Every commit a component started (as the root cause), across the whole session.\n * `analyze` lets a caller (the panel) pass its per-commit memoized analysis.\n */\nexport function rootCauseSummary<R extends ReportLike>(name: string, commits: Iterable<[number, R[]]>): RootSummary<R>;\nexport function rootCauseSummary<R extends ReportLike, A extends CommitAnalysis<R>>(name: string, commits: Iterable<[number, R[]]>, analyze: (key: number, reports: R[]) => A): RootSummary<R, A>;\nexport function rootCauseSummary<R extends ReportLike, A extends CommitAnalysis<R>>(name: string, commits: Iterable<[number, R[]]>, analyze?: (key: number, reports: R[]) => A): RootSummary<R, A> {\n  const analyzeFn = analyze || ((_: number, reports: R[]): A => analyzeCommit(reports) as A);\n  const out: RootSummary<R, A> = { name, trigger: 'parent', commits: [], total: 0, components: new Map(), affected: [] };\n  for (const [key, reports] of commits) {\n    const analysis = analyzeFn(key, reports);\n    const root = analysis.roots.find((x) => x.name === name);\n    if (!root) continue;\n    out.trigger = root.trigger;\n    out.commits.push({ key, analysis, count: root.count, components: root.components });\n    out.total += root.count;\n    for (const [c, n] of root.components) bump(out.components, c, n);\n    for (const r of reports) if (r.avoidable && analysis.rootByReport.get(r) === name) out.affected.push(r);\n  }\n  out.commits.reverse();\n  return out;\n}\n\n/** Reports grouped by `commitId` in first-seen order. Reports without one (`useWhyRerender`, protocol 1) are left out. */\nexport function groupByCommit<R extends ReportLike>(reports: readonly R[]): Map<number, R[]> {\n  const out = new Map<number, R[]>();\n  for (const r of reports) {\n    if (typeof r.commitId !== 'number' || r.commitId <= 0) continue;\n    const list = out.get(r.commitId);\n    if (list) list.push(r);\n    else out.set(r.commitId, [r]);\n  }\n  return out;\n}\n\n/** Root causes across every commit in `reports`, most avoidable re-renders caused first. */\nexport function rankRootCauses(reports: readonly ReportLike[]): RankedRootCause[] {\n  const byName = new Map<string, RankedRootCause>();\n  for (const commit of groupByCommit(reports).values()) {\n    for (const root of rootCausesOf(commit).roots) {\n      let agg = byName.get(root.name);\n      if (!agg) {\n        agg = { name: root.name, trigger: root.trigger, commits: 0, count: 0, components: new Map() };\n        byName.set(root.name, agg);\n      }\n      agg.commits++;\n      agg.count += root.count;\n      for (const [c, n] of root.components) bump(agg.components, c, n);\n    }\n  }\n  return [...byName.values()].sort((a, b) => b.count - a.count || b.commits - a.commits || a.name.localeCompare(b.name));\n}\n\nconst plural = (n: number, word: string): string => `${n} ${word}${n === 1 ? '' : 's'}`;\n\n/**\n * Multi-line root-cause table for a test failure or a CI log, one line per root cause:\n * `<Page> (state) started 3 commits, 12 avoidable re-renders  (<Row> x10, <Toolbar> x2)`.\n * Empty when nothing is avoidable or the reports carry no `commitId`.\n */\nexport function formatRootCauses(reports: readonly ReportLike[], limit = 5): string {\n  const ranked = rankRootCauses(reports);\n  const lines = ranked\n    .slice(0, limit)\n    .map((root, i) => `${String(i + 1).padStart(2)}. <${root.name}> (${root.trigger}) started ${plural(root.commits, 'commit')}, ${plural(root.count, 'avoidable re-render')}  (${[...root.components].map(([c, n]) => `<${c}>${n > 1 ? ' x' + n : ''}`).join(', ')})`);\n  if (ranked.length > limit) lines.push(`    … ${ranked.length - limit} more`);\n  return lines.join('\\n');\n}\n","/**\n * Concrete fixes derived from reports, ranked by how many avoidable re-renders each one removes.\n * One implementation for the library (tests, CI budgets, the CLI, typed on `RenderReport`) and the\n * DevTools panel (serialized reports): everything here reads only `ReportLike`. Pure.\n */\nimport type { ChangeLike, RenderReport, ReportLike } from './types';\nimport { AVOIDABLE_KINDS } from './diff';\nimport { formatRootCauses } from './causes';\n\nexport { AVOIDABLE_KINDS };\n\nexport type FixKind = 'memo' | 'useCallback' | 'useMemo' | 'useMemoElement' | 'children' | 'contextValue' | 'splitContext' | 'storeSnapshot' | 'bailout';\n\nexport interface Fix {\n  kind: FixKind;\n  /** Where the change goes (the component that must be edited, or `<Ctx>.Provider`). */\n  owner: string;\n  /** The component whose re-render this removes. */\n  target: string;\n  prop: string | null;\n  label: string;\n  detail: string;\n  /** Code sketch of the fix, `// <owner>` on the first line. */\n  snippet: string;\n}\n\nexport interface RankedFix<R extends ReportLike = RenderReport> extends Fix {\n  key: string;\n  /** Avoidable re-renders this fix removes. */\n  count: number;\n  components: Record<string, number>;\n  /** The first (at most 50) reports the fix applies to. */\n  reports: R[];\n}\n\nconst MAX_FIX_REPORTS = 50;\nconst rootOf = (path: string): string => path.split(/[.[]/)[0] || path;\nconst identifier = (name: string): string => (/^[A-Za-z_$][\\w$]*$/.test(name) ? name : 'value');\n\n/** `JSON.stringify` cut to `max` characters, for snippets and markdown; never throws. */\nexport function shortValue(v: unknown, max = 60): string {\n  let s: string | undefined;\n  try {\n    s = JSON.stringify(v);\n  } catch {\n    s = String(v);\n  }\n  if (s === undefined) s = String(v);\n  return s.length > max ? s.slice(0, max - 3) + '...' : s;\n}\n\n/** The concrete fixes one report suggests, each attributed to the component (file) that must change. */\nexport function fixesFor(r: ReportLike): Fix[] {\n  const out: Fix[] = [];\n  const ownerName = r.owner || (r.parent && r.parent.name) || null;\n  const propChanges = r.propChanges || [];\n  const changes: ChangeLike[] = [...propChanges, ...(r.stateChanges || []), ...(r.hookChanges || [])];\n  // Not memoized: props alone will never stop the re-render, so React.memo comes first (in addition to\n  // any prop fixes below). Reports from protocol-1 libraries have no `memoized`; assume memoized then.\n  if (r.avoidable && (changes.length === 0 || r.memoized === false)) {\n    const identical = changes.length === 0;\n    out.push({\n      kind: 'memo',\n      owner: r.component,\n      target: r.component,\n      prop: null,\n      label: `Wrap <${r.component}> in React.memo`,\n      detail: identical\n        ? `<${r.component}> re-rendered with identical props because <${(r.parent && r.parent.name) || 'its parent'}> re-rendered.`\n        : `<${r.component}> is not memoized: fixing its props alone will not stop the re-render.`,\n      snippet: `// ${r.component}\\nimport { memo } from 'react';\\n\\nexport const ${r.component} = memo(function ${r.component}(props) {\\n  // ...\\n});\\n// class components: extend PureComponent instead`,\n    });\n  }\n  for (const c of propChanges) {\n    if (!AVOIDABLE_KINDS.has(c.kind)) continue;\n    const owner = ownerName || '?';\n    const root = rootOf(c.path);\n    const id = identifier(root);\n    if (root === 'children' && (c.kind === 'element' || c.kind === 'deep-equal')) {\n      out.push({\n        kind: 'children',\n        owner,\n        target: r.component,\n        prop: 'children',\n        label: `memoize children of <${r.component}> in <${owner}>`,\n        detail: `<${owner}> re-creates the children of <${r.component}> on every render; they have the same types and props each time.`,\n        snippet:\n          `// ${owner}\\nimport { useMemo } from 'react';\\n\\nconst children = useMemo(() => (\\n  <>{/* the same elements */}</>\\n), [/* deps */]);\\n\\n<${r.component}>{children}</${r.component}>\\n\\n` +\n          `// static children: hoist them to module scope\\nconst STATIC = <em>hi</em>;`,\n      });\n    } else if (c.kind === 'function') {\n      out.push({\n        kind: 'useCallback',\n        owner,\n        target: r.component,\n        prop: root,\n        label: `useCallback(${root}) in <${owner}>`,\n        detail: `prop \"${c.path}\" of <${r.component}> is a new function on every render of <${owner}>.`,\n        snippet: `// ${owner}\\nimport { useCallback } from 'react';\\n\\nconst ${id} = useCallback((/* args */) => {\\n  // ...\\n}, [/* deps */]);\\n\\n<${r.component} ${root}={${id}} />`,\n      });\n    } else if (c.kind === 'element') {\n      out.push({\n        kind: 'useMemoElement',\n        owner,\n        target: r.component,\n        prop: root,\n        label: `memoize element prop ${root} in <${owner}>`,\n        detail: `prop \"${c.path}\" of <${r.component}> is a new element with the same type and props on every render of <${owner}>.`,\n        snippet: `// ${owner}\\nimport { useMemo } from 'react';\\n\\nconst ${id} = useMemo(() => ${shortValue(c.next, 40)}, [/* deps */]);\\n// or pass it as children from a component that does not re-render`,\n      });\n    } else {\n      const isArray = Array.isArray(c.next);\n      out.push({\n        kind: 'useMemo',\n        owner,\n        target: r.component,\n        prop: root,\n        label: `useMemo(${root}) in <${owner}>`,\n        detail: `prop \"${c.path}\" of <${r.component}> is a new ${isArray ? 'array' : 'object'} with the same contents on every render of <${owner}>.`,\n        snippet:\n          `// ${owner}\\nimport { useMemo } from 'react';\\n\\nconst ${id} = useMemo(() => (${shortValue(c.next, 80)}), [/* deps */]);\\n\\n` +\n          `// or, when it never changes, hoist it to module scope:\\nconst ${id.toUpperCase()} = ${shortValue(c.next, 80)};`,\n      });\n    }\n  }\n  for (const c of [...(r.stateChanges || []), ...(r.hookChanges || [])]) {\n    const isContext = c.hook === 'useContext' || /^useContext/.test(c.path);\n    const ctxName = isContext ? (/useContext\\((.*)\\)/.exec(c.path) || [])[1] || 'Context' : '';\n    const providerOwner = isContext && c.provider && c.provider.component ? c.provider.component : null;\n    // A genuine change of a few keys in an object context still re-renders every consumer.\n    if (isContext && c.kind === 'different' && c.changedKeys && typeof c.totalKeys === 'number' && c.changedKeys.length > 0 && c.changedKeys.length < c.totalKeys) {\n      out.push({\n        kind: 'splitContext',\n        owner: providerOwner || `${ctxName}.Provider`,\n        target: r.component,\n        prop: ctxName,\n        label: `split ${ctxName}${providerOwner ? ` in <${providerOwner}>` : ''}: only ${c.changedKeys.join(', ')} changed`,\n        detail: `${c.changedKeys.map((k) => `\"${k}\"`).join(', ')} of ${c.totalKeys} keys changed in ${ctxName}, yet every consumer (like <${r.component}>) re-rendered. Consumers that read the other keys re-render for nothing.`,\n        snippet:\n          `// ${providerOwner || 'Provider'}\\n// one context per independently-changing slice\\nconst ${identifier(ctxName)}Static = createContext(...);\\nconst ${identifier(ctxName)}${c.changedKeys.map((k) => k[0]!.toUpperCase() + k.slice(1)).join('')} = createContext(...);\\n\\n` +\n          `// or keep one context and let consumers select a slice:\\nconst ${c.changedKeys[0]} = useContextSelector(${ctxName}, (v) => v.${c.changedKeys[0]});`,\n      });\n      continue;\n    }\n    if (!AVOIDABLE_KINDS.has(c.kind)) continue;\n    if (isContext) {\n      out.push({\n        kind: 'contextValue',\n        owner: providerOwner || `${ctxName}.Provider`,\n        target: r.component,\n        prop: ctxName,\n        label: `memoize the ${ctxName} provider value${providerOwner ? ` in <${providerOwner}>` : ''}`,\n        detail: `<${r.component}> re-rendered because ${ctxName} produced a new value that is deep-equal to the previous one${providerOwner ? ` (Provider rendered by <${providerOwner}>)` : ''}.`,\n        snippet: `// ${providerOwner || `where <${ctxName}.Provider> is rendered`}\\nconst value = useMemo(() => ({ /* ... */ }), [/* deps */]);\\n<${ctxName}.Provider value={value}>`,\n      });\n    } else if (c.hook === 'useSyncExternalStore') {\n      const chain = c.custom || [];\n      const redux = chain.some((n) => /^use(App)?Selector$/.test(n));\n      const zustand = !redux && chain.some((n) => /^use[A-Z]\\w*Store$/.test(n) || n === 'useStore' || n === 'useBoundStore');\n      const via = chain.length ? ` via ${chain.join(' › ')}` : '';\n      out.push({\n        kind: 'storeSnapshot',\n        owner: r.component,\n        target: r.component,\n        prop: c.path,\n        label: redux ? `memoize the selector in <${r.component}>` : zustand ? `useShallow in <${r.component}>` : `stable getSnapshot in <${r.component}>`,\n        detail: redux\n          ? `the selector${via} returns a new object on every call, so the component re-renders on every store change.`\n          : zustand\n            ? `the store selector${via} returns a new object on every call, so the component re-renders on every store change.`\n            : `${c.path}${via} returned a new reference with the same contents; getSnapshot must return a cached value.`,\n        snippet: redux\n          ? `// ${r.component}\\nimport { shallowEqual } from 'react-redux';\\nconst slice = useSelector(selectSlice, shallowEqual);\\n// or memoize: const selectSlice = createSelector([selectA, selectB], (a, b) => ({ a, b }));`\n          : zustand\n            ? `// ${r.component}\\nimport { useShallow } from 'zustand/react/shallow';\\nconst { a, b } = useStore(useShallow((s) => ({ a: s.a, b: s.b })));\\n// or select a primitive: const a = useStore((s) => s.a);`\n            : `// ${r.component}\\n// getSnapshot must return the same reference while the data is unchanged\\nconst snapshot = useSyncExternalStore(subscribe, store.getSnapshot /* cached */);`,\n      });\n    } else {\n      out.push({\n        kind: 'bailout',\n        owner: r.component,\n        target: r.component,\n        prop: c.path,\n        label: `bail out before setting ${c.path} in <${r.component}>`,\n        detail: `${c.path} was set to a value deep-equal to the current one (new reference).`,\n        snippet: `// ${r.component}\\nsetState((prev) => (deepEqual(prev, next) ? prev : next));`,\n      });\n    }\n  }\n  return out;\n}\n\nexport const fixKey = (f: Fix): string => `${f.kind}|${f.owner}|${f.prop || f.target}`;\n\n/** Every fix across `reports`, most avoidable re-renders removed first. */\nexport function rankFixes<R extends ReportLike>(reports: readonly R[]): RankedFix<R>[] {\n  const byKey = new Map<string, RankedFix<R>>();\n  for (const r of reports) {\n    if (!r.avoidable) continue;\n    for (const f of fixesFor(r)) {\n      const key = fixKey(f);\n      let agg = byKey.get(key);\n      if (!agg) {\n        agg = { ...f, key, count: 0, components: {}, reports: [] };\n        byKey.set(key, agg);\n      }\n      agg.count++;\n      agg.components[r.component] = (agg.components[r.component] || 0) + 1;\n      if (agg.reports.length < MAX_FIX_REPORTS) agg.reports.push(r);\n    }\n  }\n  return [...byKey.values()].sort((a, b) => b.count - a.count || a.label.localeCompare(b.label));\n}\n\n/**\n * Multi-line text for a test failure or a CI log: the ranked fixes, then (when the reports carry\n * `commitId`) a \"Root causes\" section naming the components whose own changes started the cascades.\n */\nexport function formatFixes(reports: readonly ReportLike[], limit = 10): string {\n  const ranked = rankFixes(reports);\n  if (!ranked.length) return 'No avoidable re-renders.';\n  const lines = ranked.slice(0, limit).map((f, i) => `${String(i + 1).padStart(2)}. ${f.label}  (removes ${f.count}: ${Object.entries(f.components).map(([c, n]) => `<${c}>${n > 1 ? ' x' + n : ''}`).join(', ')})`);\n  if (ranked.length > limit) lines.push(`    … ${ranked.length - limit} more`);\n  const roots = formatRootCauses(reports, 5);\n  if (roots) lines.push('', 'Root causes:', roots);\n  return lines.join('\\n');\n}\n","/**\n * Re-render budgets for CI: a JSON baseline of allowed avoidable re-renders per component, checked\n * against a collector's reports (like a bundle-size budget). Pure; reading and writing the file is\n * up to the test runner (`fs`), so this works in Node and in the browser.\n */\nimport type { RenderReport } from './types';\nimport { formatFixes } from './fixes';\n\n/** `{ \"*\": 0, \"ProductRow\": 3 }`: max avoidable re-renders per component; `*` is the default. */\nexport type Budget = Record<string, number>;\n\nexport interface BudgetViolation {\n  component: string;\n  avoidable: number;\n  allowed: number;\n}\n\nexport interface BudgetResult {\n  ok: boolean;\n  violations: BudgetViolation[];\n  /** Components with headroom left, so budgets can be tightened. */\n  slack: { component: string; avoidable: number; allowed: number }[];\n  counts: Record<string, number>;\n}\n\nexport function avoidableCounts(reports: RenderReport[]): Record<string, number> {\n  const counts: Record<string, number> = {};\n  for (const r of reports) if (r.avoidable) counts[r.component] = (counts[r.component] || 0) + 1;\n  return counts;\n}\n\nexport function checkBudget(reports: RenderReport[], budget: Budget | number): BudgetResult {\n  const b: Budget = typeof budget === 'number' ? { '*': budget } : budget;\n  const fallback = typeof b['*'] === 'number' ? b['*'] : 0;\n  const counts = avoidableCounts(reports);\n  const violations: BudgetViolation[] = [];\n  const slack: BudgetResult['slack'] = [];\n  const names = new Set([...Object.keys(counts), ...Object.keys(b).filter((k) => k !== '*')]);\n  for (const component of names) {\n    const allowed = typeof b[component] === 'number' ? b[component]! : fallback;\n    const avoidable = counts[component] || 0;\n    if (avoidable > allowed) violations.push({ component, avoidable, allowed });\n    else if (avoidable < allowed) slack.push({ component, avoidable, allowed });\n  }\n  violations.sort((x, y) => y.avoidable - y.allowed - (x.avoidable - x.allowed));\n  return { ok: violations.length === 0, violations, slack, counts };\n}\n\n/** A budget that exactly matches the current counts (the baseline to commit). */\nexport function toBudget(reports: RenderReport[]): Budget {\n  return { '*': 0, ...avoidableCounts(reports) };\n}\n\n/** Throws with the violations and the ranked fixes; use it from a test. */\nexport function assertWithinBudget(reports: RenderReport[], budget: Budget | number): BudgetResult {\n  const result = checkBudget(reports, budget);\n  if (result.ok) return result;\n  const lines = result.violations.map((v) => `  <${v.component}>: ${v.avoidable} avoidable re-render${v.avoidable === 1 ? '' : 's'} (budget ${v.allowed})`);\n  throw new Error(`Re-render budget exceeded:\\n${lines.join('\\n')}\\n\\nFixes, most impact first:\\n${formatFixes(reports)}`);\n}\n","/**\n * Playwright helper: run rerender-lens inside any page under test, then pull the reports and assert\n * a budget from the test. Works on production-like builds too (names may be minified there).\n *\n *   import { installRerenderLens, pullReports, expectWithinBudget } from 'rerender-lens/playwright';\n *   await installRerenderLens(page, { trackAllMemoized: true });   // before page.goto\n *   await page.goto('/');\n *   ...interact...\n *   expectWithinBudget(await pullReports(page), { '*': 0, ProductRow: 3 });\n *\n * The library bundle is injected with `page.addInitScript` at document start, exactly like the\n * extension's injection mode, so `init` runs before react-dom.\n */\nimport { readFileSync } from 'node:fs';\nimport { dirname, join } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport type { RenderReport } from './types';\nimport type { SerializableOptions } from './devtools';\nimport { assertWithinBudget, checkBudget, type Budget, type BudgetResult } from './budget';\nimport { rankFixes, formatFixes, type RankedFix } from './fixes';\n\n/** The subset of Playwright's `Page` used here (keeps `@playwright/test` an optional peer). */\nexport interface PageLike {\n  addInitScript(script: string | { content?: string }): Promise<void>;\n  evaluate<R>(fn: string | ((arg: unknown) => R), arg?: unknown): Promise<R>;\n}\n\nexport interface InstallOptions extends SerializableOptions {\n  /** Forward to a relay (`npx rerender-lens panel`) to watch the test in the panel. */\n  relay?: string;\n  /** Print to the page console (default false in tests). */\n  silent?: boolean;\n  /** Library source to inject instead of the packaged IIFE bundle (must define `window.RerenderLens`). */\n  bundle?: string;\n}\n\nlet bundleCache: string | null = null;\n\n/** The vendor scripts the extension injects, in load order (see scripts/build-vendor.mjs). */\nexport const VENDOR_FILES = ['rerender-lens.core.js', 'rerender-lens.engine.js', 'rerender-lens.js'];\n\n/** The library as one script (`window.RerenderLens`): `dist/rerender-lens.iife.js`, or the vendor parts joined in this repo. */\nexport function libraryBundle(): string {\n  if (bundleCache) return bundleCache;\n  const here = dirname(fileURLToPath(import.meta.url));\n  const candidates = [[join(here, 'rerender-lens.iife.js')], VENDOR_FILES.map((f) => join(here, '..', 'extension', 'vendor', f))];\n  for (const files of candidates) {\n    try {\n      bundleCache = files.map((f) => readFileSync(f, 'utf8')).join('\\n;\\n');\n      return bundleCache;\n    } catch {\n      /* next */\n    }\n  }\n  throw new Error('rerender-lens: library bundle not found (run `npm run build` in the rerender-lens repo, or reinstall the package)');\n}\n\n/** Script that starts the library with `options` before any page script runs. */\nexport function installScript(options: InstallOptions = {}): string {\n  const { relay, bundle, ...rest } = options;\n  const opts: InstallOptions = { trackAllMemoized: true, silent: true, ...rest };\n  return `${bundle ?? libraryBundle()}\\n;(function(){\\n  if (window.__RERENDER_LENS_DEVTOOLS__) return;\\n  var L = window.RerenderLens;\\n  L.ensureDevtoolsHook();\\n  var o = ${JSON.stringify(opts)};\\n  o.notifier = L.createDevtoolsNotifier(${relay ? JSON.stringify({ relay }) : '{}'});\\n  if (o.include) o.include = o.include.map(function (m) { var r = /^\\\\/(.+)\\\\/([a-z]*)$/.exec(m); return r ? new RegExp(r[1], r[2]) : m; });\\n  if (o.exclude) o.exclude = o.exclude.map(function (m) { var r = /^\\\\/(.+)\\\\/([a-z]*)$/.exec(m); return r ? new RegExp(r[1], r[2]) : m; });\\n  L.init(o);\\n  window.__RERENDER_LENS_PLAYWRIGHT__ = true;\\n})();`;\n}\n\n/** Call before `page.goto`. */\nexport async function installRerenderLens(page: PageLike, options: InstallOptions = {}): Promise<void> {\n  await page.addInitScript({ content: installScript(options) });\n}\n\n/** Every report buffered in the page so far (serialized: functions are `ƒ name`, elements `{ $type: 'element' }`). */\nexport async function pullReports(page: PageLike): Promise<RenderReport[]> {\n  const result = await page.evaluate<{ reports: unknown[] } | null>('(function(){var b=window.__RERENDER_LENS_DEVTOOLS__;return b&&b.pull?b.pull(0):null})()');\n  if (!result) throw new Error('rerender-lens is not running in the page: call installRerenderLens(page) before page.goto');\n  return result.reports as RenderReport[];\n}\n\n/** Drop the page buffer (between scenarios). */\nexport async function clearReports(page: PageLike): Promise<void> {\n  await page.evaluate('(function(){var b=window.__RERENDER_LENS_DEVTOOLS__;if(b)b.clear();})()');\n}\n\nexport { checkBudget, rankFixes, formatFixes };\nexport type { Budget, BudgetResult, RankedFix };\n\n/** Throws with the violations and ranked fixes, like `collector.assertWithinBudget`. */\nexport function expectWithinBudget(reports: RenderReport[], budget: Budget | number): BudgetResult {\n  return assertWithinBudget(reports, budget);\n}\n"]}

package/dist/playwright.d.cts

@@ -1,7 +1,7 @@
-import { R as RenderReport } from './types-BzUEVkxJ.cjs';
-import { S as SerializableOptions } from './devtools-BkCct3cJ.cjs';
-import { B as Budget, a as BudgetResult } from './budget-COBu7jBU.cjs';
-export { R as RankedFix, c as checkBudget, f as formatFixes, r as rankFixes } from './budget-COBu7jBU.cjs';
+import { R as RenderReport } from './types-DwNN5cWe.cjs';
+import { S as SerializableOptions } from './devtools-UwQx2VYS.cjs';
+import { B as Budget, a as BudgetResult } from './budget-CA1MS7lB.cjs';
+export { R as RankedFix, c as checkBudget, f as formatFixes, r as rankFixes } from './budget-CA1MS7lB.cjs';
 
 /** The subset of Playwright's `Page` used here (keeps `@playwright/test` an optional peer). */
 interface PageLike {

package/dist/playwright.d.ts

@@ -1,7 +1,7 @@
-import { R as RenderReport } from './types-BzUEVkxJ.js';
-import { S as SerializableOptions } from './devtools-CZebzpF6.js';
-import { B as Budget, a as BudgetResult } from './budget-LkNjGtRc.js';
-export { R as RankedFix, c as checkBudget, f as formatFixes, r as rankFixes } from './budget-LkNjGtRc.js';
+import { R as RenderReport } from './types-DwNN5cWe.js';
+import { S as SerializableOptions } from './devtools-Cl5n_52v.js';
+import { B as Budget, a as BudgetResult } from './budget-ok1VDJ4t.js';
+export { R as RankedFix, c as checkBudget, f as formatFixes, r as rankFixes } from './budget-ok1VDJ4t.js';
 
 /** The subset of Playwright's `Page` used here (keeps `@playwright/test` an optional peer). */
 interface PageLike {