@buoy-gg/highlight-updates 7.0.41 → 7.0.42

package/lib/module/highlight-updates/utils/rawEventEmitter.js

@@ -1,46 +1 @@
-"use strict";
-
-/**
- * The one guarded require for React Native's RawEventEmitter.
- *
- * `RawEventEmitter` mirrors every event React Native dispatches BEFORE React's
- * plugins or components see it, which makes it the only way to observe what a
- * HUMAN is touching without instrumenting the app: Buoy mounts as a sibling of
- * the app tree, not a parent, so there is no root View to put a capture
- * responder on.
- *
- * Two things this file is careful about, both learned the hard way in
- * focus-inspector's copy:
- *
- * 1. It is a DEEP import that RN's export map warns about and could move in any
- *    release. The failure has to degrade to "capture unavailable" rather than
- *    taking the host app's bundle down — and Metro only treats a require as
- *    optional when it sits LEXICALLY inside a try statement, so wrapping it in
- *    a helper or an arrow makes Metro hard-fail the bundle instead.
- * 2. Keeping it in its own module gives the unit suite a seam: Node's `require`
- *    ignores Vitest's module mocks, so the emitter can only be faked by mocking
- *    a module reached with a real `import`.
- */
-
-export function resolveRawEventEmitter() {
-  let mod;
-  try {
-    mod = require("react-native/Libraries/Core/RawEventEmitter");
-  } catch (e) {
-    return {
-      emitter: null,
-      reason: e?.message ?? "RawEventEmitter is unavailable"
-    };
-  }
-  const candidate = mod?.default ?? mod;
-  if (typeof candidate?.addListener !== "function") {
-    return {
-      emitter: null,
-      reason: "RawEventEmitter has no addListener"
-    };
-  }
-  return {
-    emitter: candidate,
-    reason: null
-  };
-}
+"use strict";export function resolveRawEventEmitter(){let e;try{e=require("react-native/Libraries/Core/RawEventEmitter")}catch(r){return{emitter:null,reason:r?.message??"RawEventEmitter is unavailable"}}const t=e?.default??e;if(typeof t?.addListener!=="function"){return{emitter:null,reason:"RawEventEmitter has no addListener"}}return{emitter:t,reason:null}}

package/lib/module/highlight-updates/utils/rawEventEmitter.web.js

@@ -1,3 +1 @@
-"use strict";
-
-export { resolveDOMEventEmitter as resolveRawEventEmitter } from '@buoy-gg/shared-ui/utils';
+"use strict";export{resolveDOMEventEmitter as resolveRawEventEmitter}from"@buoy-gg/shared-ui/utils";

package/lib/module/highlight-updates/utils/renderExportFormatter.js

@@ -1,54 +1 @@
-"use strict";
-
-/**
- * Render Export Formatter
- *
- * Simple JSON export for render tracking data.
- */
-
-/**
- * Generate JSON export of all tracked renders
- */
-export function generateRendersJson(renders) {
-  const exportData = {
-    exportedAt: new Date().toISOString(),
-    totalComponents: renders.length,
-    totalRenders: renders.reduce((sum, r) => sum + r.renderCount, 0),
-    components: renders.map(render => ({
-      // Identity
-      componentName: render.componentName || render.displayName,
-      viewType: render.viewType,
-      nativeTag: render.nativeTag,
-      // Identifiers
-      testID: render.testID,
-      nativeID: render.nativeID,
-      accessibilityLabel: render.accessibilityLabel,
-      // Render stats
-      renderCount: render.renderCount,
-      firstRenderTime: render.firstRenderTime,
-      lastRenderTime: render.lastRenderTime,
-      // Last render cause
-      lastRenderCause: render.lastRenderCause ? {
-        type: render.lastRenderCause.type,
-        componentCause: render.lastRenderCause.componentCause,
-        changedKeys: render.lastRenderCause.changedKeys,
-        hookChanges: render.lastRenderCause.hookChanges?.map(h => ({
-          type: h.type,
-          index: h.index,
-          description: h.description
-        }))
-      } : null,
-      // Render history (if available)
-      renderHistory: render.renderHistory?.map(event => ({
-        renderNumber: event.renderNumber,
-        timestamp: event.timestamp,
-        cause: {
-          type: event.cause.type,
-          componentCause: event.cause.componentCause,
-          changedKeys: event.cause.changedKeys
-        }
-      }))
-    }))
-  };
-  return JSON.stringify(exportData, null, 2);
-}
+"use strict";export function generateRendersJson(a){const s={exportedAt:new Date().toISOString(),totalComponents:a.length,totalRenders:a.reduce((e,t)=>e+t.renderCount,0),components:a.map(e=>({componentName:e.componentName||e.displayName,viewType:e.viewType,nativeTag:e.nativeTag,testID:e.testID,nativeID:e.nativeID,accessibilityLabel:e.accessibilityLabel,renderCount:e.renderCount,firstRenderTime:e.firstRenderTime,lastRenderTime:e.lastRenderTime,lastRenderCause:e.lastRenderCause?{type:e.lastRenderCause.type,componentCause:e.lastRenderCause.componentCause,changedKeys:e.lastRenderCause.changedKeys,hookChanges:e.lastRenderCause.hookChanges?.map(t=>({type:t.type,index:t.index,description:t.description}))}:null,renderHistory:e.renderHistory?.map(t=>({renderNumber:t.renderNumber,timestamp:t.timestamp,cause:{type:t.cause.type,componentCause:t.cause.componentCause,changedKeys:t.cause.changedKeys}}))}))};return JSON.stringify(s,null,2)}

package/lib/module/highlight-updates/utils/rendersExportFormatter.js

@@ -1,478 +1 @@
-"use strict";
-
-/**
- * Renders Export Formatter
- *
- * Pipeline: TrackedRender[] -> filter -> group -> aggregate -> sort -> format.
- * Goal: compact, debug-focused output. Reports facts, not opinions.
- */
-
-// =============================================================================
-// Internal types
-// =============================================================================
-
-// =============================================================================
-// Pipeline
-// =============================================================================
-
-function buildReport(renders, settings) {
-  let working = renders.filter(r => r.renderCount >= settings.minRenders);
-  if (settings.filterCauses.length > 0) {
-    const allowed = new Set(settings.filterCauses);
-    working = working.filter(r => allowed.has(r.lastRenderCause?.type ?? "unknown"));
-  }
-
-  // Window — computed from the original render list, not after topN
-  const allTimes = renders.flatMap(r => [r.firstRenderTime, r.lastRenderTime]).filter(t => Number.isFinite(t));
-  const windowMs = allTimes.length > 0 ? Math.max(...allTimes) - Math.min(...allTimes) : 0;
-  const windowSec = Math.max(0.001, windowMs / 1000);
-  const groups = settings.groupByName ? groupByComponentName(working) : working.map(r => [r]);
-  const processed = groups.map(group => processGroup(group, settings, windowSec));
-  sortRows(processed, settings.sortBy);
-  const truncated = settings.topN === -1 ? 0 : Math.max(0, processed.length - settings.topN);
-  const rows = settings.topN === -1 ? processed : processed.slice(0, settings.topN);
-  const totalRenders = renders.reduce((sum, r) => sum + r.renderCount, 0);
-  const causeBreakdown = aggregateCauseBreakdown(renders);
-
-  // Data-gap detection from the source renders (not after filtering)
-  let rendersWithoutCause = 0;
-  let historyPresent = false;
-  for (const r of renders) {
-    if (!r.lastRenderCause) rendersWithoutCause += r.renderCount;
-    if (r.renderHistory && r.renderHistory.length > 0) historyPresent = true;
-  }
-  return {
-    totalUniqueComponents: working.length,
-    totalRenders,
-    windowMs,
-    causeBreakdown,
-    rows,
-    truncated,
-    dataGaps: {
-      historyOff: !historyPresent,
-      // We can't directly observe whether the capture settings are on,
-      // but we can detect their effects: capturedProps/capturedState in events.
-      propsCaptureOff: !renders.some(r => r.renderHistory?.some(e => e.capturedProps !== undefined)),
-      stateCaptureOff: !renders.some(r => r.renderHistory?.some(e => e.capturedState !== undefined)),
-      rendersWithoutCause
-    }
-  };
-}
-function groupByComponentName(renders) {
-  const map = new Map();
-  for (const r of renders) {
-    const key = r.componentName || r.displayName || r.viewType;
-    const existing = map.get(key);
-    if (existing) {
-      existing.push(r);
-    } else {
-      map.set(key, [r]);
-    }
-  }
-  return Array.from(map.values());
-}
-function processGroup(group, settings, windowSec) {
-  const first = group[0];
-  const name = first.componentName || first.displayName || first.viewType;
-  let renders = 0;
-  const causeMix = {};
-  const hookCounter = new Map();
-  const changedKeyCounter = new Map();
-  const parentNameCounter = new Map();
-  let unknownPropsCount = 0;
-  let parentWithOwnChange = 0;
-  let parentNoChange = 0;
-  for (const r of group) {
-    renders += r.renderCount;
-    const cause = r.lastRenderCause;
-    if (!cause) continue;
-    const causeType = cause.type;
-    causeMix[causeType] = (causeMix[causeType] ?? 0) + r.renderCount;
-
-    // Track parent-cascade subtypes
-    const hadHookChange = (cause.hookChanges?.length ?? 0) > 0;
-    const hadKeyChange = (cause.changedKeys?.length ?? 0) > 0;
-    if (causeType === "parent") {
-      const ownChange = cause.componentCause === "state" || cause.componentCause === "props" || hadHookChange || hadKeyChange;
-      if (ownChange) parentWithOwnChange += r.renderCount;else parentNoChange += r.renderCount;
-    }
-
-    // Track props with no key info (cause detector saw a change but couldn't identify which)
-    if (causeType === "props" && !hadKeyChange) {
-      unknownPropsCount += r.renderCount;
-    }
-
-    // Parent name observation
-    if (cause.parentComponentName) {
-      parentNameCounter.set(cause.parentComponentName, (parentNameCounter.get(cause.parentComponentName) ?? 0) + 1);
-    }
-
-    // Aggregate hook causes
-    if (settings.aggregateCauses && cause.hookChanges) {
-      for (const hc of cause.hookChanges) {
-        const key = `${hc.type}[${hc.index}]`;
-        const existing = hookCounter.get(key);
-        if (existing) {
-          existing.count += 1;
-        } else {
-          hookCounter.set(key, {
-            count: 1,
-            sample: formatHookSample(hc)
-          });
-        }
-      }
-    }
-
-    // Aggregate changed keys (skip ref-only marks)
-    if (cause.changedKeys) {
-      for (const key of cause.changedKeys) {
-        if (key.includes("(ref only)")) continue;
-        changedKeyCounter.set(key, (changedKeyCounter.get(key) ?? 0) + 1);
-      }
-    }
-  }
-  const hookCauses = Array.from(hookCounter.entries()).sort((a, b) => b[1].count - a[1].count).slice(0, 3).map(([hook, info]) => ({
-    hook,
-    count: info.count,
-    sample: info.sample
-  }));
-  const changedKeys = Array.from(changedKeyCounter.entries()).sort((a, b) => b[1] - a[1]).slice(0, 5).map(([k]) => k);
-  let dominantCause = "unknown";
-  let max = -1;
-  for (const [cause, count] of Object.entries(causeMix)) {
-    if ((count ?? 0) > max) {
-      max = count ?? 0;
-      dominantCause = cause;
-    }
-  }
-
-  // Pick the most-observed parent name
-  let parentName;
-  let parentMax = 0;
-  for (const [n, c] of parentNameCounter) {
-    if (c > parentMax) {
-      parentMax = c;
-      parentName = n;
-    }
-  }
-  const instanceCounts = group.map(r => r.renderCount).sort((a, b) => b - a);
-  const rate = renders / windowSec;
-  return {
-    name,
-    viewType: first.viewType,
-    instances: group.length,
-    renders,
-    causeMix,
-    dominantCause,
-    hookCauses,
-    changedKeys,
-    unknownPropsCount,
-    parentWithOwnChange,
-    parentNoChange,
-    parentName,
-    instanceCounts,
-    rate,
-    source: group
-  };
-}
-function aggregateCauseBreakdown(renders) {
-  const out = {};
-  for (const r of renders) {
-    const t = r.lastRenderCause?.type ?? "unknown";
-    out[t] = (out[t] ?? 0) + r.renderCount;
-  }
-  return out;
-}
-function sortRows(rows, sortBy) {
-  switch (sortBy) {
-    case "renderCount":
-      rows.sort((a, b) => b.renders - a.renders);
-      break;
-    case "rate":
-      rows.sort((a, b) => b.rate - a.rate);
-      break;
-    case "name":
-      rows.sort((a, b) => a.name.localeCompare(b.name));
-      break;
-  }
-}
-
-// =============================================================================
-// Helpers
-// =============================================================================
-
-const VALUE_MAX_LEN = 32;
-function truncateValue(v) {
-  if (v === null) return "null";
-  if (v === undefined) return "undefined";
-  if (typeof v === "function") return "[Fn]";
-  if (typeof v === "object") {
-    if (Array.isArray(v)) return `[Array(${v.length})]`;
-    return "[Obj]";
-  }
-  const s = String(v);
-  return s.length > VALUE_MAX_LEN ? s.slice(0, VALUE_MAX_LEN - 1) + "…" : s;
-}
-function formatHookSample(hc) {
-  if (hc.previousValue === undefined && hc.currentValue === undefined) {
-    return hc.description;
-  }
-  return `${truncateValue(hc.previousValue)} → ${truncateValue(hc.currentValue)}`;
-}
-function formatWindow(ms) {
-  if (ms < 1000) return `${ms}ms`;
-  return `${(ms / 1000).toFixed(1)}s`;
-}
-function formatRate(rate) {
-  if (rate >= 100) return `${rate.toFixed(0)}/s`;
-  if (rate >= 10) return `${rate.toFixed(1)}/s`;
-  return `${rate.toFixed(2)}/s`;
-}
-function causeBreakdownLine(breakdown) {
-  const entries = Object.entries(breakdown).sort((a, b) => (b[1] ?? 0) - (a[1] ?? 0));
-  if (entries.length === 0) return "(no causes recorded)";
-  return entries.map(([k, v]) => `${k} ${v}`).join(" · ");
-}
-function describeCause(row) {
-  const parts = [];
-
-  // Per-row cause mix when at least 2 causes contribute (≥10% each)
-  const mixEntries = Object.entries(row.causeMix).filter(([, v]) => (v ?? 0) > 0).sort((a, b) => (b[1] ?? 0) - (a[1] ?? 0));
-  const showMix = mixEntries.length >= 2 && (mixEntries[1]?.[1] ?? 0) >= row.renders * 0.1;
-  if (row.dominantCause === "hooks" && row.hookCauses.length > 0) {
-    const top = row.hookCauses[0];
-    if (top.sample) {
-      parts.push(`hooks ×${top.count} ${top.hook}: ${top.sample}`);
-    } else {
-      parts.push(`hooks ×${top.count} ${top.hook}`);
-    }
-  } else if (row.dominantCause === "props") {
-    if (row.changedKeys.length > 0) {
-      const keys = row.changedKeys.slice(0, 3).join(", ");
-      parts.push(`props (${keys})`);
-    } else {
-      parts.push(`props (keys not captured)`);
-    }
-    if (row.unknownPropsCount > 0 && row.changedKeys.length > 0) {
-      parts.push(`[${row.unknownPropsCount} unidentified]`);
-    }
-  } else if (row.dominantCause === "parent") {
-    let label = "parent cascade";
-    if (row.parentNoChange > 0 && row.parentWithOwnChange === 0) {
-      label = "parent cascade, no own change";
-    }
-    if (row.parentName) label += ` ← ${row.parentName}`;
-    parts.push(label);
-  } else if (row.dominantCause === "mount") {
-    parts.push("mount");
-  } else if (row.dominantCause === "state") {
-    parts.push("state");
-  } else if (row.dominantCause === "context") {
-    parts.push("context");
-  } else {
-    parts.push("unknown");
-  }
-  if (showMix) {
-    const mixStr = mixEntries.map(([k, v]) => `${k}:${v}`).join(" + ");
-    parts.push(`(${mixStr})`);
-  }
-  return parts.join(" ");
-}
-function describeInstances(row) {
-  if (row.instances <= 1) return row.name;
-  const counts = row.instanceCounts;
-  const max = counts[0] ?? 0;
-  const min = counts[counts.length - 1] ?? 0;
-  const evenly = max - min <= 1;
-  if (evenly) {
-    return `${row.name} ×${row.instances} (${max} each)`;
-  }
-  // Uneven — show top instance vs others
-  const others = counts.slice(1);
-  const othersSum = others.reduce((s, n) => s + n, 0);
-  const othersAvg = others.length > 0 ? othersSum / others.length : 0;
-  return `${row.name} ×${row.instances} (top ${max}, others ~${Math.round(othersAvg)})`;
-}
-
-// =============================================================================
-// Format generators
-// =============================================================================
-
-const LLM_PREAMBLE = "React Native render report — review the data and identify why components are re-rendering.";
-function generateSummary(report, _settings) {
-  const lines = [];
-  lines.push(LLM_PREAMBLE);
-  lines.push("");
-  lines.push(`Window: ${formatWindow(report.windowMs)} · ${report.totalUniqueComponents} components · ${report.totalRenders} renders`);
-  lines.push(`Cause mix: ${causeBreakdownLine(report.causeBreakdown)}`);
-  lines.push("");
-  lines.push("Top offenders (count · rate · component · cause):");
-  lines.push("");
-  const nameStrings = report.rows.map(describeInstances);
-  const nameWidth = Math.min(36, Math.max(8, ...nameStrings.map(n => n.length)));
-  const countWidth = Math.max(3, ...report.rows.map(r => `×${r.renders}`.length));
-  const rateWidth = Math.max(5, ...report.rows.map(r => formatRate(r.rate).length));
-  for (let i = 0; i < report.rows.length; i++) {
-    const row = report.rows[i];
-    const name = (nameStrings[i] ?? row.name).padEnd(nameWidth);
-    const count = `×${row.renders}`.padStart(countWidth);
-    const rate = formatRate(row.rate).padStart(rateWidth);
-    const reason = describeCause(row);
-    lines.push(`  ${count}  ${rate}  ${name}  ${reason}`);
-  }
-  if (report.truncated > 0) {
-    lines.push("");
-    lines.push(`... ${report.truncated} more (set topN=-1 to expand)`);
-  }
-
-  // Data-availability footer
-  const footer = buildDataFooter(report);
-  if (footer.length > 0) {
-    lines.push("");
-    lines.push("Data availability:");
-    for (const line of footer) lines.push(`  · ${line}`);
-  }
-  return lines.join("\n");
-}
-function buildDataFooter(report) {
-  const out = [];
-  if (report.dataGaps.rendersWithoutCause > 0) {
-    out.push(`${report.dataGaps.rendersWithoutCause} renders had no cause info (enable trackRenderCauses for more detail)`);
-  }
-  if (report.dataGaps.propsCaptureOff) {
-    out.push("prop snapshots not captured (enable capturePropsOnRender to see prop diffs for 'props (keys not captured)' rows)");
-  }
-  if (report.dataGaps.stateCaptureOff) {
-    out.push("state snapshots not captured (enable captureStateOnRender)");
-  }
-  if (report.dataGaps.historyOff) {
-    out.push("render history off (enable enableRenderHistory for per-render timeline)");
-  }
-  return out;
-}
-function generateMarkdownTable(report, _settings) {
-  const lines = [];
-  lines.push(`# React Render Report`);
-  lines.push("");
-  lines.push(`**Window:** ${formatWindow(report.windowMs)} · **Components:** ${report.totalUniqueComponents} · **Renders:** ${report.totalRenders}`);
-  lines.push(`**Cause mix:** ${causeBreakdownLine(report.causeBreakdown)}`);
-  lines.push("");
-  lines.push("| Component | Renders | Rate | Cause |");
-  lines.push("|---|---:|---:|---|");
-  for (const row of report.rows) {
-    const name = describeInstances(row);
-    const reason = describeCause(row).replace(/\|/g, "\\|");
-    lines.push(`| ${name} | ${row.renders} | ${formatRate(row.rate)} | ${reason} |`);
-  }
-  if (report.truncated > 0) {
-    lines.push("");
-    lines.push(`_... ${report.truncated} more rows_`);
-  }
-  const footer = buildDataFooter(report);
-  if (footer.length > 0) {
-    lines.push("");
-    lines.push("**Data availability:**");
-    for (const line of footer) lines.push(`- ${line}`);
-  }
-  return lines.join("\n");
-}
-function generateJson(_renders, report, settings) {
-  const exportData = {
-    exportedAt: new Date().toISOString(),
-    summary: {
-      windowMs: report.windowMs,
-      totalComponents: report.totalUniqueComponents,
-      totalRenders: report.totalRenders,
-      causeBreakdown: report.causeBreakdown,
-      truncated: report.truncated,
-      dataGaps: report.dataGaps
-    },
-    components: report.rows.map(row => ({
-      name: row.name,
-      viewType: row.viewType,
-      instances: row.instances,
-      instanceCounts: row.instances > 1 ? row.instanceCounts : undefined,
-      renders: row.renders,
-      ratePerSec: Number(row.rate.toFixed(3)),
-      dominantCause: row.dominantCause,
-      causeMix: row.causeMix,
-      hookCauses: row.hookCauses,
-      changedKeys: row.changedKeys,
-      unknownPropsCount: row.unknownPropsCount || undefined,
-      parentName: row.parentName,
-      parentWithOwnChange: row.parentWithOwnChange || undefined,
-      parentNoChange: row.parentNoChange || undefined,
-      ...(settings.includeHistory ? {
-        history: extractHistory(row.source)
-      } : {})
-    }))
-  };
-  return settings.includeHistory ? JSON.stringify(exportData, null, 2) : JSON.stringify(exportData);
-}
-function extractHistory(source) {
-  return source.map(r => ({
-    name: r.componentName || r.displayName,
-    nativeTag: r.nativeTag,
-    renderCount: r.renderCount,
-    history: r.renderHistory?.map(e => ({
-      n: e.renderNumber,
-      t: e.timestamp,
-      cause: {
-        type: e.cause.type,
-        componentCause: e.cause.componentCause,
-        changedKeys: e.cause.changedKeys,
-        parentComponentName: e.cause.parentComponentName,
-        hookChanges: e.cause.hookChanges?.map(h => ({
-          type: h.type,
-          index: h.index,
-          desc: h.description
-        }))
-      }
-    }))
-  }));
-}
-
-// =============================================================================
-// Public API
-// =============================================================================
-
-export function generateExport(renders, settings) {
-  const report = buildReport(renders, settings);
-  switch (settings.format) {
-    case "summary":
-      return generateSummary(report, settings);
-    case "markdown-table":
-      return generateMarkdownTable(report, settings);
-    case "json":
-      return generateJson(renders, report, settings);
-    default:
-      return generateSummary(report, settings);
-  }
-}
-export function estimateExportSize(renders, settings) {
-  return generateExport(renders, settings).length;
-}
-export function getExportSummary(renders) {
-  return {
-    totalComponents: renders.length,
-    totalRenders: renders.reduce((sum, r) => sum + r.renderCount, 0)
-  };
-}
-
-/**
- * Export a single component's detail (used by RenderDetailView copy button).
- * Always uses the summary format since detail copies are inherently small.
- */
-export function generateSingleComponentExport(render) {
-  const settings = {
-    format: "summary",
-    topN: -1,
-    minRenders: 1,
-    filterCauses: [],
-    groupByName: false,
-    aggregateCauses: true,
-    sortBy: "renderCount",
-    includeHistory: false
-  };
-  return generateExport([render], settings);
-}
+"use strict";function P(e,n){let t=e.filter(r=>r.renderCount>=n.minRenders);if(n.filterCauses.length>0){const r=new Set(n.filterCauses);t=t.filter(h=>r.has(h.lastRenderCause?.type??"unknown"))}const a=e.flatMap(r=>[r.firstRenderTime,r.lastRenderTime]).filter(r=>Number.isFinite(r));const s=a.length>0?Math.max(...a)-Math.min(...a):0;const c=Math.max(.001,s/1e3);const p=n.groupByName?G(t):t.map(r=>[r]);const d=p.map(r=>F(r,n,c));L(d,n.sortBy);const i=n.topN===-1?0:Math.max(0,d.length-n.topN);const f=n.topN===-1?d:d.slice(0,n.topN);const C=e.reduce((r,h)=>r+h.renderCount,0);const y=_(e);let l=0;let g=false;for(const r of e){if(!r.lastRenderCause)l+=r.renderCount;if(r.renderHistory&&r.renderHistory.length>0)g=true}return{totalUniqueComponents:t.length,totalRenders:C,windowMs:s,causeBreakdown:y,rows:f,truncated:i,dataGaps:{historyOff:!g,propsCaptureOff:!e.some(r=>r.renderHistory?.some(h=>h.capturedProps!==void 0)),stateCaptureOff:!e.some(r=>r.renderHistory?.some(h=>h.capturedState!==void 0)),rendersWithoutCause:l}}}function G(e){const n=new Map;for(const t of e){const a=t.componentName||t.displayName||t.viewType;const s=n.get(a);if(s){s.push(t)}else{n.set(a,[t])}}return Array.from(n.values())}function F(e,n,t){const a=e[0];const s=a.componentName||a.displayName||a.viewType;let c=0;const p={};const d=new Map;const i=new Map;const f=new Map;let C=0;let y=0;let l=0;for(const u of e){c+=u.renderCount;const o=u.lastRenderCause;if(!o)continue;const $=o.type;p[$]=(p[$]??0)+u.renderCount;const E=(o.hookChanges?.length??0)>0;const M=(o.changedKeys?.length??0)>0;if($==="parent"){const m=o.componentCause==="state"||o.componentCause==="props"||E||M;if(m)y+=u.renderCount;else l+=u.renderCount}if($==="props"&&!M){C+=u.renderCount}if(o.parentComponentName){f.set(o.parentComponentName,(f.get(o.parentComponentName)??0)+1)}if(n.aggregateCauses&&o.hookChanges){for(const m of o.hookChanges){const R=`${m.type}[${m.index}]`;const b=d.get(R);if(b){b.count+=1}else{d.set(R,{count:1,sample:V(m)})}}}if(o.changedKeys){for(const m of o.changedKeys){if(m.includes("(ref only)"))continue;i.set(m,(i.get(m)??0)+1)}}}const g=Array.from(d.entries()).sort((u,o)=>o[1].count-u[1].count).slice(0,3).map(([u,o])=>({hook:u,count:o.count,sample:o.sample}));const r=Array.from(i.entries()).sort((u,o)=>o[1]-u[1]).slice(0,5).map(([u])=>u);let h="unknown";let x=-1;for(const[u,o]of Object.entries(p)){if((o??0)>x){x=o??0;h=u}}let N;let w=0;for(const[u,o]of f){if(o>w){w=o;N=u}}const v=e.map(u=>u.renderCount).sort((u,o)=>o-u);const A=c/t;return{name:s,viewType:a.viewType,instances:e.length,renders:c,causeMix:p,dominantCause:h,hookCauses:g,changedKeys:r,unknownPropsCount:C,parentWithOwnChange:y,parentNoChange:l,parentName:N,instanceCounts:v,rate:A,source:e}}function _(e){const n={};for(const t of e){const a=t.lastRenderCause?.type??"unknown";n[a]=(n[a]??0)+t.renderCount}return n}function L(e,n){switch(n){case"renderCount":e.sort((t,a)=>a.renders-t.renders);break;case"rate":e.sort((t,a)=>a.rate-t.rate);break;case"name":e.sort((t,a)=>t.name.localeCompare(a.name));break}}const S=32;function O(e){if(e===null)return"null";if(e===void 0)return"undefined";if(typeof e==="function")return"[Fn]";if(typeof e==="object"){if(Array.isArray(e))return`[Array(${e.length})]`;return"[Obj]"}const n=String(e);return n.length>S?n.slice(0,S-1)+"\u2026":n}function V(e){if(e.previousValue===void 0&&e.currentValue===void 0){return e.description}return`${O(e.previousValue)} \u2192 ${O(e.currentValue)}`}function T(e){if(e<1e3)return`${e}ms`;return`${(e/1e3).toFixed(1)}s`}function k(e){if(e>=100)return`${e.toFixed(0)}/s`;if(e>=10)return`${e.toFixed(1)}/s`;return`${e.toFixed(2)}/s`}function B(e){const n=Object.entries(e).sort((t,a)=>(a[1]??0)-(t[1]??0));if(n.length===0)return"(no causes recorded)";return n.map(([t,a])=>`${t} ${a}`).join(" \xB7 ")}function K(e){const n=[];const t=Object.entries(e.causeMix).filter(([,s])=>(s??0)>0).sort((s,c)=>(c[1]??0)-(s[1]??0));const a=t.length>=2&&(t[1]?.[1]??0)>=e.renders*.1;if(e.dominantCause==="hooks"&&e.hookCauses.length>0){const s=e.hookCauses[0];if(s.sample){n.push(`hooks \xD7${s.count} ${s.hook}: ${s.sample}`)}else{n.push(`hooks \xD7${s.count} ${s.hook}`)}}else if(e.dominantCause==="props"){if(e.changedKeys.length>0){const s=e.changedKeys.slice(0,3).join(", ");n.push(`props (${s})`)}else{n.push(`props (keys not captured)`)}if(e.unknownPropsCount>0&&e.changedKeys.length>0){n.push(`[${e.unknownPropsCount} unidentified]`)}}else if(e.dominantCause==="parent"){let s="parent cascade";if(e.parentNoChange>0&&e.parentWithOwnChange===0){s="parent cascade, no own change"}if(e.parentName)s+=` \u2190 ${e.parentName}`;n.push(s)}else if(e.dominantCause==="mount"){n.push("mount")}else if(e.dominantCause==="state"){n.push("state")}else if(e.dominantCause==="context"){n.push("context")}else{n.push("unknown")}if(a){const s=t.map(([c,p])=>`${c}:${p}`).join(" + ");n.push(`(${s})`)}return n.join(" ")}function W(e){if(e.instances<=1)return e.name;const n=e.instanceCounts;const t=n[0]??0;const a=n[n.length-1]??0;const s=t-a<=1;if(s){return`${e.name} \xD7${e.instances} (${t} each)`}const c=n.slice(1);const p=c.reduce((i,f)=>i+f,0);const d=c.length>0?p/c.length:0;return`${e.name} \xD7${e.instances} (top ${t}, others ~${Math.round(d)})`}const D="React Native render report \u2014 review the data and identify why components are re-rendering.";function j(e,n){const t=[];t.push(D);t.push("");t.push(`Window: ${T(e.windowMs)} \xB7 ${e.totalUniqueComponents} components \xB7 ${e.totalRenders} renders`);t.push(`Cause mix: ${B(e.causeBreakdown)}`);t.push("");t.push("Top offenders (count \xB7 rate \xB7 component \xB7 cause):");t.push("");const a=e.rows.map(W);const s=Math.min(36,Math.max(8,...a.map(i=>i.length)));const c=Math.max(3,...e.rows.map(i=>`\xD7${i.renders}`.length));const p=Math.max(5,...e.rows.map(i=>k(i.rate).length));for(let i=0;i<e.rows.length;i++){const f=e.rows[i];const C=(a[i]??f.name).padEnd(s);const y=`\xD7${f.renders}`.padStart(c);const l=k(f.rate).padStart(p);const g=K(f);t.push(`  ${y}  ${l}  ${C}  ${g}`)}if(e.truncated>0){t.push("");t.push(`... ${e.truncated} more (set topN=-1 to expand)`)}const d=H(e);if(d.length>0){t.push("");t.push("Data availability:");for(const i of d)t.push(`  \xB7 ${i}`)}return t.join("\n")}function H(e){const n=[];if(e.dataGaps.rendersWithoutCause>0){n.push(`${e.dataGaps.rendersWithoutCause} renders had no cause info (enable trackRenderCauses for more detail)`)}if(e.dataGaps.propsCaptureOff){n.push("prop snapshots not captured (enable capturePropsOnRender to see prop diffs for 'props (keys not captured)' rows)")}if(e.dataGaps.stateCaptureOff){n.push("state snapshots not captured (enable captureStateOnRender)")}if(e.dataGaps.historyOff){n.push("render history off (enable enableRenderHistory for per-render timeline)")}return n}function U(e,n){const t=[];t.push(`# React Render Report`);t.push("");t.push(`**Window:** ${T(e.windowMs)} \xB7 **Components:** ${e.totalUniqueComponents} \xB7 **Renders:** ${e.totalRenders}`);t.push(`**Cause mix:** ${B(e.causeBreakdown)}`);t.push("");t.push("| Component | Renders | Rate | Cause |");t.push("|---|---:|---:|---|");for(const s of e.rows){const c=W(s);const p=K(s).replace(/\|/g,"\\|");t.push(`| ${c} | ${s.renders} | ${k(s.rate)} | ${p} |`)}if(e.truncated>0){t.push("");t.push(`_... ${e.truncated} more rows_`)}const a=H(e);if(a.length>0){t.push("");t.push("**Data availability:**");for(const s of a)t.push(`- ${s}`)}return t.join("\n")}function q(e,n,t){const a={exportedAt:new Date().toISOString(),summary:{windowMs:n.windowMs,totalComponents:n.totalUniqueComponents,totalRenders:n.totalRenders,causeBreakdown:n.causeBreakdown,truncated:n.truncated,dataGaps:n.dataGaps},components:n.rows.map(s=>({name:s.name,viewType:s.viewType,instances:s.instances,instanceCounts:s.instances>1?s.instanceCounts:void 0,renders:s.renders,ratePerSec:Number(s.rate.toFixed(3)),dominantCause:s.dominantCause,causeMix:s.causeMix,hookCauses:s.hookCauses,changedKeys:s.changedKeys,unknownPropsCount:s.unknownPropsCount||void 0,parentName:s.parentName,parentWithOwnChange:s.parentWithOwnChange||void 0,parentNoChange:s.parentNoChange||void 0,...t.includeHistory?{history:J(s.source)}:{}}))};return t.includeHistory?JSON.stringify(a,null,2):JSON.stringify(a)}function J(e){return e.map(n=>({name:n.componentName||n.displayName,nativeTag:n.nativeTag,renderCount:n.renderCount,history:n.renderHistory?.map(t=>({n:t.renderNumber,t:t.timestamp,cause:{type:t.cause.type,componentCause:t.cause.componentCause,changedKeys:t.cause.changedKeys,parentComponentName:t.cause.parentComponentName,hookChanges:t.cause.hookChanges?.map(a=>({type:a.type,index:a.index,desc:a.description}))}}))}))}export function generateExport(e,n){const t=P(e,n);switch(n.format){case"summary":return j(t,n);case"markdown-table":return U(t,n);case"json":return q(e,t,n);default:return j(t,n)}}export function estimateExportSize(e,n){return generateExport(e,n).length}export function getExportSummary(e){return{totalComponents:e.length,totalRenders:e.reduce((n,t)=>n+t.renderCount,0)}}export function generateSingleComponentExport(e){const n={format:"summary",topN:-1,minRenders:1,filterCauses:[],groupByName:false,aggregateCauses:true,sortBy:"renderCount",includeHistory:false};return generateExport([e],n)}