@flamingo-stack/openframe-frontend-core 0.0.177 → 0.0.178

package/dist/{chunk-KB2N44BY.js → chunk-FMWHOUFE.js}

@@ -3052,6 +3052,64 @@ function useNatsClient(clientOptions, options = {}) {
   };
 }
 
+// src/hooks/use-near-viewport.ts
+import { useEffect as useEffect16, useRef as useRef11, useState as useState21, useCallback as useCallback12 } from "react";
+var observers = /* @__PURE__ */ new Map();
+var subscribers = /* @__PURE__ */ new WeakMap();
+function getObserverFor(rootMargin) {
+  const existing = observers.get(rootMargin);
+  if (existing) return existing;
+  const io = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) return;
+        const cb = subscribers.get(entry.target);
+        if (cb) {
+          cb();
+          io.unobserve(entry.target);
+          subscribers.delete(entry.target);
+        }
+      });
+    },
+    { rootMargin }
+  );
+  observers.set(rootMargin, io);
+  return io;
+}
+function useNearViewport(rootMargin = "500px") {
+  const [isNear, setIsNear] = useState21(false);
+  const elRef = useRef11(null);
+  const ref = useCallback12(
+    (node) => {
+      const prev = elRef.current;
+      if (prev) {
+        const stillOurs = subscribers.get(prev);
+        if (stillOurs) {
+          subscribers.delete(prev);
+          observers.get(rootMargin)?.unobserve(prev);
+        }
+      }
+      elRef.current = node;
+      if (!node) return;
+      const cb = () => setIsNear(true);
+      subscribers.set(node, cb);
+      getObserverFor(rootMargin).observe(node);
+    },
+    [rootMargin]
+  );
+  useEffect16(() => {
+    return () => {
+      const el = elRef.current;
+      if (!el) return;
+      if (subscribers.get(el)) {
+        subscribers.delete(el);
+        observers.get(rootMargin)?.unobserve(el);
+      }
+    };
+  }, [rootMargin]);
+  return { ref, isNear };
+}
+
 export {
   useAutoLimitTags,
   platformIcons,
@@ -3133,6 +3191,7 @@ export {
   createSearchParams,
   useCursorPaginationState,
   createNatsClient,
-  useNatsClient
+  useNatsClient,
+  useNearViewport
 };
-//# sourceMappingURL=chunk-KB2N44BY.js.map
+//# sourceMappingURL=chunk-FMWHOUFE.js.map