@flamingo-stack/openframe-frontend-core 0.0.705 → 0.0.706-snapshot.20261006190707

package/dist/{chunk-NDESEPW5.js → chunk-FXJ3WWUB.js}

@@ -767,6 +767,72 @@ function useAuthedImageSrc(src) {
 }
 var clearAuthedImageCache = clearAuthedAssetCache;
 
+// src/hooks/use-near-viewport.ts
+import { useEffect as useEffect5, useRef, useState as useState4, useCallback as useCallback2 } from "react";
+var observers = /* @__PURE__ */ new Map();
+var subscribers = /* @__PURE__ */ new WeakMap();
+var THRESHOLD_EPSILON = 0.01;
+function observerKey(rootMargin, threshold) {
+  return `${rootMargin}|${threshold}`;
+}
+function getObserverFor(rootMargin, threshold) {
+  const key = observerKey(rootMargin, threshold);
+  const existing = observers.get(key);
+  if (existing) return existing;
+  const io = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) return;
+        if (entry.intersectionRatio < threshold - THRESHOLD_EPSILON) return;
+        const cb = subscribers.get(entry.target);
+        if (cb) {
+          cb();
+          io.unobserve(entry.target);
+          subscribers.delete(entry.target);
+        }
+      });
+    },
+    { rootMargin, threshold }
+  );
+  observers.set(key, io);
+  return io;
+}
+var NEAR_VIEWPORT_ROOT_MARGIN = "500px";
+function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0) {
+  const [isNear, setIsNear] = useState4(false);
+  const elRef = useRef(null);
+  const key = observerKey(rootMargin, threshold);
+  const ref = useCallback2(
+    (node) => {
+      const prev = elRef.current;
+      if (prev) {
+        const stillOurs = subscribers.get(prev);
+        if (stillOurs) {
+          subscribers.delete(prev);
+          observers.get(key)?.unobserve(prev);
+        }
+      }
+      elRef.current = node;
+      if (!node) return;
+      const cb = () => setIsNear(true);
+      subscribers.set(node, cb);
+      getObserverFor(rootMargin, threshold).observe(node);
+    },
+    [key, rootMargin, threshold]
+  );
+  useEffect5(() => {
+    return () => {
+      const el = elRef.current;
+      if (!el) return;
+      if (subscribers.get(el)) {
+        subscribers.delete(el);
+        observers.get(key)?.unobserve(el);
+      }
+    };
+  }, [key]);
+  return { ref, isNear };
+}
+
 // src/utils/og-placeholder.ts
 var DEFAULT_OG_PLACEHOLDER_PATH = "/api/og-placeholder";
 function resolveOgPlaceholderBase(endpoints) {
@@ -868,6 +934,8 @@ export {
   useAuthedAssetSrc,
   useAuthedImageSrc,
   clearAuthedImageCache,
+  NEAR_VIEWPORT_ROOT_MARGIN,
+  useNearViewport,
   buildOgPlaceholderUrl,
   useOgPlaceholderUrl
 };