@buoy-gg/highlight-updates 7.0.40 → 7.0.42

package/lib/commonjs/highlight-updates/utils/ownStateChanged.js

@@ -1,103 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hookStateChanged = hookStateChanged;
-exports.ownStateChanged = ownStateChanged;
-/**
- * "Did this component's own state actually change?" — one implementation.
- *
- * This package classifies render causes twice, on purpose. `RenderCauseDetector`
- * serves the overlay and rides React DevTools' `traceUpdates`, which hands it
- * fibers at an ambiguous moment — hence its WeakMap fallbacks and fiber-swap
- * detection. `CommitProfiler` serves Bench's render capture from inside
- * `onCommitFiberRoot`, where `fiber` is current and `fiber.alternate` is
- * previous by definition, and where it runs on every composite fiber of every
- * commit and so counts allocations. Those are genuinely different problems and
- * the two classifiers should stay separate.
- *
- * This ONE question is not different between them, and it is the question they
- * both got wrong:
- *
- *   `prev.memoizedState !== next.memoizedState`
- *
- * For a function component `memoizedState` is the head of the hook linked list,
- * and React rebuilds that list on every update — `updateWorkInProgressHook`
- * clones each node — so the head is a fresh object whether or not a single
- * hook's value moved. Read as "state changed" it makes "state"/"hooks" the
- * answer for every component that uses ANY hook (a lone `useEffect` is enough)
- * and leaves "parent" reachable only by the vanishingly rare component that
- * uses none.
- *
- * That is the one distinction in either tool a developer acts on: "parent"
- * means memoize it or lift the state, "state" means it genuinely updated and
- * should be left alone. Backwards, it sends you to optimise the thing that was
- * already fine — and in Bench it also silently shrank `wastedRenders`, the
- * number that says whether there is anything to fix at all.
- *
- * Both tools reached that wrong line independently, which is exactly why the
- * answer lives here now rather than in two places that happen to agree.
- */
-
-/** React work tag for a class component — its `memoizedState` IS the state. */
-const CLASS_COMPONENT = 1;
-
-/** Guardrail on the hook-list walk; deep hook lists are pathological. */
-const MAX_HOOKS_WALKED = 64;
-
-/** Does this look like React's hook linked list rather than class state? */
-function isHookList(head) {
-  return !!head && typeof head === "object" && ("next" in head || "queue" in head || "memoizedState" in head);
-}
-
-/**
- * True when a STATE hook's value actually moved between two hook-list heads.
- *
- * `queue` is the marker: `useState` and `useReducer` — and everything built on
- * them — own one; effects, memos, callbacks and refs do not. An effect's
- * `memoizedState` is a brand-new object on every single render, which is the
- * specific thing that broke the identity check.
- *
- * Note that a `useRef` mutation is deliberately NOT a state change here. It
- * cannot cause a render, so a render attributed to one is a render blamed on
- * something that did not do it.
- *
- * Conservative where it cannot tell: a class component, or a `memoizedState`
- * that is not a recognisable hook list, falls back to the identity comparison.
- * There the identity IS meaningful (or is the best signal available), so the
- * old behaviour is the right behaviour.
- *
- * Takes the HEADS rather than the fibers because only one of the two callers
- * has a previous fiber to hand — the overlay may be working from a WeakMap
- * snapshot of the previous `memoizedState` instead. Use `ownStateChanged` when
- * you do have both fibers.
- */
-function hookStateChanged(prevHead, nextHead, options) {
-  if (prevHead === nextHead) return false;
-  if (options?.isClassComponent) return true;
-  if (!isHookList(nextHead)) return true;
-  let p = prevHead;
-  let n = nextHead;
-  for (let depth = 0; n != null && depth < MAX_HOOKS_WALKED; depth++) {
-    if (n.queue != null) {
-      // A hook the previous render did not have is a real change.
-      if (p == null) return true;
-      if (!Object.is(p.memoizedState, n.memoizedState)) return true;
-    }
-    n = n.next;
-    p = p != null ? p.next : null;
-  }
-  return false;
-}
-
-/**
- * `hookStateChanged` for callers holding both fibers — the common case inside
- * `onCommitFiberRoot`, where `fiber.alternate` is the previous fiber by
- * definition.
- */
-function ownStateChanged(prev, next) {
-  return hookStateChanged(prev?.memoizedState, next?.memoizedState, {
-    isClassComponent: next?.tag === CLASS_COMPONENT
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.hookStateChanged=hookStateChanged;exports.ownStateChanged=ownStateChanged;const CLASS_COMPONENT=1;const MAX_HOOKS_WALKED=64;function isHookList(e){return!!e&&typeof e==="object"&&("next"in e||"queue"in e||"memoizedState"in e)}function hookStateChanged(e,t,r){if(e===t)return false;if(r?.isClassComponent)return true;if(!isHookList(t))return true;let n=e;let o=t;for(let u=0;o!=null&&u<MAX_HOOKS_WALKED;u++){if(o.queue!=null){if(n==null)return true;if(!Object.is(n.memoizedState,o.memoizedState))return true}o=o.next;n=n!=null?n.next:null}return false}function ownStateChanged(e,t){return hookStateChanged(e?.memoizedState,t?.memoizedState,{isClassComponent:t?.tag===CLASS_COMPONENT})}

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

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveRawEventEmitter = resolveRawEventEmitter;
-/**
- * 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`.
- */
-
-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";Object.defineProperty(exports,"__esModule",{value:true});exports.resolveRawEventEmitter=resolveRawEventEmitter;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/commonjs/highlight-updates/utils/rawEventEmitter.web.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"resolveRawEventEmitter",{enumerable:true,get:function(){return _utils.resolveDOMEventEmitter}});var _utils=require("@buoy-gg/shared-ui/utils");

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

@@ -1,58 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateRendersJson = generateRendersJson;
-/**
- * Render Export Formatter
- *
- * Simple JSON export for render tracking data.
- */
-
-/**
- * Generate JSON export of all tracked renders
- */
-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";Object.defineProperty(exports,"__esModule",{value:true});exports.generateRendersJson=generateRendersJson;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)}