sitepong 0.2.9 → 0.2.11

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

@@ -3430,33 +3430,35 @@ function attrDiff(id, prev, next) {
 }
 function diff(prev, next, mirror) {
   const { next: nextIndex, order } = indexTree(next, mirror);
-  const messages = [];
-  const removed = /* @__PURE__ */ new Set();
-  for (const id of prev.keys()) if (!nextIndex.has(id)) removed.add(id);
-  for (const id of removed) {
-    const rec = prev.get(id);
-    if (!removed.has(rec.parentId)) messages.push(RemoveNode(id));
-  }
+  const creates = [];
+  const updates = [];
   for (const id of order) {
     const rec = nextIndex.get(id);
     const before = prev.get(id);
     if (!before) {
       if (rec.tag === "#text") {
-        messages.push(CreateTextNode(id, rec.parentId, rec.index));
+        creates.push(CreateTextNode(id, rec.parentId, rec.index));
       } else {
-        messages.push(CreateElementNode(id, rec.parentId, rec.index, rec.tag));
+        creates.push(CreateElementNode(id, rec.parentId, rec.index, rec.tag));
       }
-      for (const k of Object.keys(rec.attrs)) messages.push(SetNodeAttribute(id, k, rec.attrs[k]));
-      if (rec.text !== void 0 && rec.text !== "") messages.push(SetNodeData(id, rec.text));
+      for (const k of Object.keys(rec.attrs)) creates.push(SetNodeAttribute(id, k, rec.attrs[k]));
+      if (rec.text !== void 0 && rec.text !== "") creates.push(SetNodeData(id, rec.text));
     } else {
       if (before.parentId !== rec.parentId || before.index !== rec.index) {
-        messages.push(MoveNode(id, rec.parentId, rec.index));
+        updates.push(MoveNode(id, rec.parentId, rec.index));
       }
-      messages.push(...attrDiff(id, before.attrs, rec.attrs));
-      if ((before.text ?? "") !== (rec.text ?? "")) messages.push(SetNodeData(id, rec.text ?? ""));
+      updates.push(...attrDiff(id, before.attrs, rec.attrs));
+      if ((before.text ?? "") !== (rec.text ?? "")) updates.push(SetNodeData(id, rec.text ?? ""));
     }
   }
-  return { messages, index: nextIndex };
+  const removed = /* @__PURE__ */ new Set();
+  for (const id of prev.keys()) if (!nextIndex.has(id)) removed.add(id);
+  const removes = [];
+  for (const id of removed) {
+    const rec = prev.get(id);
+    if (!removed.has(rec.parentId)) removes.push(RemoveNode(id));
+  }
+  return { messages: [...creates, ...updates, ...removes], index: nextIndex };
 }
 function stableAnchor(step) {
   if (step.attrs.testID) return `@${step.attrs.testID}`;
@@ -3920,6 +3922,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 +3962,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 +3992,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 +4025,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 +4159,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,9 +4776,32 @@ 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);
+    let cancelled = false;
+    let poll = null;
+    const begin = (sessionId) => {
+      if (cancelled) return;
+      structuralCapture.start({ ...cfgRef.current, sessionId });
+      structuralCapture.setRootInstance(rootRef.current);
+    };
+    const explicit = cfgRef.current.sessionId;
+    if (explicit) {
+      begin(explicit);
+    } else {
+      let tries = 0;
+      const resolve = () => {
+        if (cancelled) return;
+        const wt = getWatchtowerSessionId();
+        if (wt) return begin(wt);
+        if (++tries >= 25) return begin(void 0);
+        poll = setTimeout(resolve, 200);
+      };
+      resolve();
+    }
     return () => {
+      cancelled = true;
+      if (poll) clearTimeout(poll);
       void structuralCapture.stop();
     };
   }, []);
@@ -4781,7 +4842,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(() => {