sitepong 0.2.9 → 0.2.10

package/dist/entries/rn.d.ts

@@ -802,6 +802,7 @@ declare class StructuralCapture {
     private flushing;
     private readonly scrollOffsets;
     private overloadSkip;
+    private explicitRoot;
     private appStateSub;
     private readonly teardowns;
     private now;
@@ -812,6 +813,13 @@ declare class StructuralCapture {
     private installCrashFlush;
     /** Flush on background/inactive so timer suspension doesn't strand the tail. */
     private installBackgroundFlush;
+    /**
+     * Acquire the FiberRoot from the provider's root-View public instance (a ref).
+     * Called once on provider mount. This makes capture independent of the React
+     * DevTools commit hook, which Release builds strip — without it the fiber walk
+     * never runs in production and only the initial viewport message is emitted.
+     */
+    setRootInstance(instance: unknown): void;
     private sample;
     setScreen(name: string): void;
     /** Resolve a native touch to a node + emit a tap. `target` is the RN

package/dist/entries/rn.js

@@ -3920,6 +3920,16 @@ function walkFiberRoot(root) {
   const tree = { key: rootKey, tag: "View", attrs: { style: JSON.stringify({ flex: 1 }) }, children };
   return { tree, index };
 }
+function fiberRootFromInstance(instance) {
+  if (!instance || typeof instance !== "object") return null;
+  const inst = instance;
+  const fiber = inst.__internalInstanceHandle ?? inst._internalFiberInstanceHandleDEV ?? null;
+  if (!fiber || typeof fiber !== "object") return null;
+  let top = fiber;
+  for (let guard = 0; top.return && guard < 1e5; guard++) top = top.return;
+  const fiberRoot = top.stateNode;
+  return fiberRoot && typeof fiberRoot === "object" && fiberRoot.current ? fiberRoot : null;
+}
 
 // src/react-native/structural/capture.ts
 var WALK_BUDGET_MS = 24;
@@ -3950,6 +3960,14 @@ var StructuralCapture = class {
     this.scrollOffsets = /* @__PURE__ */ new Map();
     // Adaptive sampling: skip this many upcoming ticks after a heavy walk.
     this.overloadSkip = 0;
+    // FiberRoot acquired from the provider's root-View ref (fiber.ts). This is the
+    // production path: Release builds strip the React DevTools commit hook, so
+    // `hookState.latestRoot` never populates and hook-based capture emits only the
+    // initial viewport message. The FiberRoot persists for the app lifetime and
+    // walkFiberRoot reads its live `.current` each sample, so we hold it here and
+    // walk every tick (no `dirty` signal exists without the hook).
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    this.explicitRoot = null;
     this.appStateSub = null;
     this.teardowns = [];
   }
@@ -3972,6 +3990,7 @@ var StructuralCapture = class {
     this.sentCount = 0;
     this.scrollOffsets.clear();
     this.overloadSkip = 0;
+    this.explicitRoot = null;
     const { width, height } = reactNative.Dimensions.get("window");
     this.recorder.setViewport(Math.round(width), Math.round(height), 0);
     this.sampleTimer = setInterval(() => this.sample(), cfg.sampleIntervalMs ?? 120);
@@ -4004,15 +4023,31 @@ var StructuralCapture = class {
       this.appStateSub = null;
     });
   }
+  /**
+   * Acquire the FiberRoot from the provider's root-View public instance (a ref).
+   * Called once on provider mount. This makes capture independent of the React
+   * DevTools commit hook, which Release builds strip — without it the fiber walk
+   * never runs in production and only the initial viewport message is emitted.
+   */
+  setRootInstance(instance) {
+    const root = fiberRootFromInstance(instance);
+    if (root) {
+      this.explicitRoot = root;
+      if (this.cfg?.debug) console.log("[structural] fiber root acquired via ref");
+      this.sample(true);
+    } else if (this.cfg?.debug) {
+      console.log("[structural] ref did not yield a fiber root \u2014 relying on the commit hook (dev only)");
+    }
+  }
   sample(force = false) {
     if (!this.running) return;
     if (!force && this.overloadSkip > 0) {
       this.overloadSkip--;
       return;
     }
-    if (!force && !hookState.dirty) return;
+    if (!force && !this.explicitRoot && !hookState.dirty) return;
     hookState.dirty = false;
-    const root = hookState.latestRoot;
+    const root = hookState.latestRoot ?? this.explicitRoot;
     if (!root) return;
     const t0 = Date.now();
     try {
@@ -4122,6 +4157,7 @@ var StructuralCapture = class {
     this.sampleTimer = null;
     this.flushTimer = null;
     this.running = false;
+    this.explicitRoot = null;
     for (const t of this.teardowns.splice(0)) {
       try {
         t();
@@ -4738,8 +4774,10 @@ var TAP_MOVE_THRESHOLD_PX = 12;
 function StructuralCaptureProvider({ children, ...cfg }) {
   const cfgRef = React2.useRef(cfg);
   cfgRef.current = cfg;
+  const rootRef = React2.useRef(null);
   React2.useEffect(() => {
     structuralCapture.start(cfgRef.current);
+    structuralCapture.setRootInstance(rootRef.current);
     return () => {
       void structuralCapture.stop();
     };
@@ -4781,7 +4819,7 @@ function StructuralCaptureProvider({ children, ...cfg }) {
     }
     structuralCapture.handleTap(g2.target, ne.pageX, ne.pageY);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { flex: 1 }, onTouchStart, onTouchMove, onTouchEnd, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ref: rootRef, style: { flex: 1 }, onTouchStart, onTouchMove, onTouchEnd, children });
 }
 function useStructuralScreen(name) {
   React2.useEffect(() => {