domet 1.0.2 → 1.0.3

package/dist/cjs/index.js

@@ -1,16 +1,18 @@
-import { useMemo, useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
 
 const DEFAULT_VISIBILITY_THRESHOLD = 0.6;
 const DEFAULT_HYSTERESIS_MARGIN = 150;
 const SCROLL_IDLE_MS = 100;
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
 function useDomet(sectionIds, containerRef = null, options = {}) {
     const { offset = 0, offsetRatio = 0.08, debounceMs = 10, visibilityThreshold = DEFAULT_VISIBILITY_THRESHOLD, hysteresisMargin = DEFAULT_HYSTERESIS_MARGIN, behavior = "auto", onActiveChange, onSectionEnter, onSectionLeave, onScrollStart, onScrollEnd } = options;
     JSON.stringify(sectionIds);
-    const stableSectionIds = useMemo(()=>sectionIds, [
+    const stableSectionIds = react.useMemo(()=>sectionIds, [
         sectionIds
     ]);
-    const sectionIndexMap = useMemo(()=>{
+    const sectionIndexMap = react.useMemo(()=>{
         const map = new Map();
         for(let i = 0; i < stableSectionIds.length; i++){
             map.set(stableSectionIds[i], i);
@@ -19,8 +21,8 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
     }, [
         stableSectionIds
     ]);
-    const [activeId, setActiveId] = useState(stableSectionIds[0] || null);
-    const [scroll, setScroll] = useState({
+    const [activeId, setActiveId] = react.useState(stableSectionIds[0] || null);
+    const [scroll, setScroll] = react.useState({
         y: 0,
         progress: 0,
         direction: null,
@@ -30,25 +32,25 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         viewportHeight: 0,
         offset: 0
     });
-    const [sections, setSections] = useState({});
-    const [containerElement, setContainerElement] = useState(null);
-    const refs = useRef({});
-    const refCallbacks = useRef({});
-    const activeIdRef = useRef(stableSectionIds[0] || null);
-    const lastScrollY = useRef(0);
-    const lastScrollTime = useRef(Date.now());
-    const rafId = useRef(null);
-    const isThrottled = useRef(false);
-    const throttleTimeoutId = useRef(null);
-    const hasPendingScroll = useRef(false);
-    const isProgrammaticScrolling = useRef(false);
-    const programmaticScrollTimeoutId = useRef(null);
-    const isScrollingRef = useRef(false);
-    const scrollIdleTimeoutRef = useRef(null);
-    const prevSectionsInViewport = useRef(new Set());
-    const recalculateRef = useRef(()=>{});
-    const scrollCleanupRef = useRef(null);
-    const callbackRefs = useRef({
+    const [sections, setSections] = react.useState({});
+    const [containerElement, setContainerElement] = react.useState(null);
+    const refs = react.useRef({});
+    const refCallbacks = react.useRef({});
+    const activeIdRef = react.useRef(stableSectionIds[0] || null);
+    const lastScrollY = react.useRef(0);
+    const lastScrollTime = react.useRef(Date.now());
+    const rafId = react.useRef(null);
+    const isThrottled = react.useRef(false);
+    const throttleTimeoutId = react.useRef(null);
+    const hasPendingScroll = react.useRef(false);
+    const isProgrammaticScrolling = react.useRef(false);
+    const programmaticScrollTimeoutId = react.useRef(null);
+    const isScrollingRef = react.useRef(false);
+    const scrollIdleTimeoutRef = react.useRef(null);
+    const prevSectionsInViewport = react.useRef(new Set());
+    const recalculateRef = react.useRef(()=>{});
+    const scrollCleanupRef = react.useRef(null);
+    const callbackRefs = react.useRef({
         onActiveChange,
         onSectionEnter,
         onSectionLeave,
@@ -62,12 +64,12 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         onScrollStart,
         onScrollEnd
     };
-    const getEffectiveOffset = useCallback(()=>{
+    const getEffectiveOffset = react.useCallback(()=>{
         return offset;
     }, [
         offset
     ]);
-    const getScrollBehavior = useCallback(()=>{
+    const getScrollBehavior = react.useCallback(()=>{
         if (behavior === "auto") {
             if (typeof window === "undefined") return "instant";
             const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -87,7 +89,7 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         containerRef,
         containerElement
     ]);
-    const registerRef = useCallback((id)=>{
+    const registerRef = react.useCallback((id)=>{
         const existing = refCallbacks.current[id];
         if (existing) return existing;
         const callback = (el)=>{
@@ -100,7 +102,7 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         refCallbacks.current[id] = callback;
         return callback;
     }, []);
-    const scrollToSection = useCallback((id)=>{
+    const scrollToSection = react.useCallback((id)=>{
         if (!stableSectionIds.includes(id)) {
             if (process.env.NODE_ENV !== "production") {
                 console.warn(`[domet] scrollToSection: id "${id}" not in sectionIds`);
@@ -196,14 +198,14 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         getEffectiveOffset,
         getScrollBehavior
     ]);
-    const sectionProps = useCallback((id)=>({
+    const sectionProps = react.useCallback((id)=>({
             id,
             ref: registerRef(id),
             "data-domet": id
         }), [
         registerRef
     ]);
-    const navProps = useCallback((id)=>({
+    const navProps = react.useCallback((id)=>({
             onClick: ()=>scrollToSection(id),
             "aria-current": activeId === id ? "page" : undefined,
             "data-active": activeId === id
@@ -211,7 +213,7 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         activeId,
         scrollToSection
     ]);
-    useEffect(()=>{
+    react.useEffect(()=>{
         var _stableSectionIds_;
         const idsSet = new Set(stableSectionIds);
         for (const id of Object.keys(refs.current)){
@@ -233,7 +235,7 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
     }, [
         stableSectionIds
     ]);
-    const getSectionBounds = useCallback(()=>{
+    const getSectionBounds = react.useCallback(()=>{
         const container = containerElement;
         const scrollTop = container ? container.scrollTop : window.scrollY;
         const containerTop = container ? container.getBoundingClientRect().top : 0;
@@ -253,7 +255,7 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         stableSectionIds,
         containerElement
     ]);
-    const calculateActiveSection = useCallback(()=>{
+    const calculateActiveSection = react.useCallback(()=>{
         if (isProgrammaticScrolling.current) return;
         const container = containerElement;
         const currentActiveId = activeIdRef.current;
@@ -385,7 +387,7 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         containerElement
     ]);
     recalculateRef.current = calculateActiveSection;
-    useEffect(()=>{
+    react.useEffect(()=>{
         const container = containerElement;
         const scrollTarget = container || window;
         const scheduleCalculate = ()=>{
@@ -481,7 +483,7 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
         debounceMs,
         containerElement
     ]);
-    const activeIndex = useMemo(()=>{
+    const activeIndex = react.useMemo(()=>{
         var _sectionIndexMap_get;
         if (!activeId) return -1;
         return (_sectionIndexMap_get = sectionIndexMap.get(activeId)) != null ? _sectionIndexMap_get : -1;
@@ -501,4 +503,5 @@ function useDomet(sectionIds, containerRef = null, options = {}) {
     };
 }
 
-export { useDomet as default, useDomet };
+exports.default = useDomet;
+exports.useDomet = useDomet;

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "domet",
-  "version": "1.0.2",
   "description": "A React hook for scroll tracking with smooth 60fps performance and smart hysteresis",
-  "license": "MIT",
+  "version": "1.0.3",
   "author": "blksmr",
   "repository": {
     "type": "git",
@@ -21,10 +20,9 @@
     "navigation",
     "active-section"
   ],
-  "type": "module",
-  "main": "./dist/es/index.js",
-  "module": "./dist/es/index.js",
-  "types": "./dist/es/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/es/index.mjs",
+  "types": "./dist/cjs/index.d.ts",
   "exports": {
     ".": {
       "import": {

package/dist/es/index.d.ts

@@ -1,62 +0,0 @@
-import { RefObject } from 'react';
-
-type SectionBounds = {
-    top: number;
-    bottom: number;
-    height: number;
-};
-type ScrollState = {
-    y: number;
-    progress: number;
-    direction: "up" | "down" | null;
-    velocity: number;
-    isScrolling: boolean;
-    maxScroll: number;
-    viewportHeight: number;
-    offset: number;
-};
-type SectionState = {
-    bounds: SectionBounds;
-    visibility: number;
-    progress: number;
-    isInViewport: boolean;
-    isActive: boolean;
-};
-type ScrollBehavior = "smooth" | "instant" | "auto";
-type DometOptions = {
-    offset?: number;
-    offsetRatio?: number;
-    debounceMs?: number;
-    visibilityThreshold?: number;
-    hysteresisMargin?: number;
-    behavior?: ScrollBehavior;
-    onActiveChange?: (id: string | null, prevId: string | null) => void;
-    onSectionEnter?: (id: string) => void;
-    onSectionLeave?: (id: string) => void;
-    onScrollStart?: () => void;
-    onScrollEnd?: () => void;
-};
-type SectionProps = {
-    id: string;
-    ref: (el: HTMLElement | null) => void;
-    "data-domet": string;
-};
-type NavProps = {
-    onClick: () => void;
-    "aria-current": "page" | undefined;
-    "data-active": boolean;
-};
-type UseDometReturn = {
-    activeId: string | null;
-    activeIndex: number;
-    scroll: ScrollState;
-    sections: Record<string, SectionState>;
-    registerRef: (id: string) => (el: HTMLElement | null) => void;
-    scrollToSection: (id: string) => void;
-    sectionProps: (id: string) => SectionProps;
-    navProps: (id: string) => NavProps;
-};
-declare function useDomet(sectionIds: string[], containerRef?: RefObject<HTMLElement> | null, options?: DometOptions): UseDometReturn;
-
-export { useDomet as default, useDomet };
-export type { DometOptions, NavProps, ScrollBehavior, ScrollState, SectionBounds, SectionProps, SectionState, UseDometReturn };

package/dist/es/index.js

@@ -1,504 +0,0 @@
-import { useMemo, useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
-
-const DEFAULT_VISIBILITY_THRESHOLD = 0.6;
-const DEFAULT_HYSTERESIS_MARGIN = 150;
-const SCROLL_IDLE_MS = 100;
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-function useDomet(sectionIds, containerRef = null, options = {}) {
-    const { offset = 0, offsetRatio = 0.08, debounceMs = 10, visibilityThreshold = DEFAULT_VISIBILITY_THRESHOLD, hysteresisMargin = DEFAULT_HYSTERESIS_MARGIN, behavior = "auto", onActiveChange, onSectionEnter, onSectionLeave, onScrollStart, onScrollEnd } = options;
-    JSON.stringify(sectionIds);
-    const stableSectionIds = useMemo(()=>sectionIds, [
-        sectionIds
-    ]);
-    const sectionIndexMap = useMemo(()=>{
-        const map = new Map();
-        for(let i = 0; i < stableSectionIds.length; i++){
-            map.set(stableSectionIds[i], i);
-        }
-        return map;
-    }, [
-        stableSectionIds
-    ]);
-    const [activeId, setActiveId] = useState(stableSectionIds[0] || null);
-    const [scroll, setScroll] = useState({
-        y: 0,
-        progress: 0,
-        direction: null,
-        velocity: 0,
-        isScrolling: false,
-        maxScroll: 0,
-        viewportHeight: 0,
-        offset: 0
-    });
-    const [sections, setSections] = useState({});
-    const [containerElement, setContainerElement] = useState(null);
-    const refs = useRef({});
-    const refCallbacks = useRef({});
-    const activeIdRef = useRef(stableSectionIds[0] || null);
-    const lastScrollY = useRef(0);
-    const lastScrollTime = useRef(Date.now());
-    const rafId = useRef(null);
-    const isThrottled = useRef(false);
-    const throttleTimeoutId = useRef(null);
-    const hasPendingScroll = useRef(false);
-    const isProgrammaticScrolling = useRef(false);
-    const programmaticScrollTimeoutId = useRef(null);
-    const isScrollingRef = useRef(false);
-    const scrollIdleTimeoutRef = useRef(null);
-    const prevSectionsInViewport = useRef(new Set());
-    const recalculateRef = useRef(()=>{});
-    const scrollCleanupRef = useRef(null);
-    const callbackRefs = useRef({
-        onActiveChange,
-        onSectionEnter,
-        onSectionLeave,
-        onScrollStart,
-        onScrollEnd
-    });
-    callbackRefs.current = {
-        onActiveChange,
-        onSectionEnter,
-        onSectionLeave,
-        onScrollStart,
-        onScrollEnd
-    };
-    const getEffectiveOffset = useCallback(()=>{
-        return offset;
-    }, [
-        offset
-    ]);
-    const getScrollBehavior = useCallback(()=>{
-        if (behavior === "auto") {
-            if (typeof window === "undefined") return "instant";
-            const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-            return prefersReducedMotion ? "instant" : "smooth";
-        }
-        return behavior;
-    }, [
-        behavior
-    ]);
-    useIsomorphicLayoutEffect(()=>{
-        var _ref;
-        const nextContainer = (_ref = containerRef == null ? void 0 : containerRef.current) != null ? _ref : null;
-        if (nextContainer !== containerElement) {
-            setContainerElement(nextContainer);
-        }
-    }, [
-        containerRef,
-        containerElement
-    ]);
-    const registerRef = useCallback((id)=>{
-        const existing = refCallbacks.current[id];
-        if (existing) return existing;
-        const callback = (el)=>{
-            if (el) {
-                refs.current[id] = el;
-            } else {
-                delete refs.current[id];
-            }
-        };
-        refCallbacks.current[id] = callback;
-        return callback;
-    }, []);
-    const scrollToSection = useCallback((id)=>{
-        if (!stableSectionIds.includes(id)) {
-            if (process.env.NODE_ENV !== "production") {
-                console.warn(`[domet] scrollToSection: id "${id}" not in sectionIds`);
-            }
-            return;
-        }
-        const element = refs.current[id];
-        if (!element) return;
-        if (programmaticScrollTimeoutId.current) {
-            clearTimeout(programmaticScrollTimeoutId.current);
-        }
-        scrollCleanupRef.current == null ? void 0 : scrollCleanupRef.current.call(scrollCleanupRef);
-        isProgrammaticScrolling.current = true;
-        activeIdRef.current = id;
-        setActiveId(id);
-        const container = containerElement;
-        const elementRect = element.getBoundingClientRect();
-        const effectiveOffset = getEffectiveOffset() + 10;
-        const scrollTarget = container || window;
-        const unlockScroll = ()=>{
-            isProgrammaticScrolling.current = false;
-            if (programmaticScrollTimeoutId.current) {
-                clearTimeout(programmaticScrollTimeoutId.current);
-                programmaticScrollTimeoutId.current = null;
-            }
-            requestAnimationFrame(()=>{
-                recalculateRef.current();
-            });
-        };
-        let debounceTimer = null;
-        let isUnlocked = false;
-        const cleanup = ()=>{
-            if (debounceTimer) {
-                clearTimeout(debounceTimer);
-                debounceTimer = null;
-            }
-            scrollTarget.removeEventListener("scroll", handleScrollActivity);
-            if ("onscrollend" in scrollTarget) {
-                scrollTarget.removeEventListener("scrollend", handleScrollEnd);
-            }
-            scrollCleanupRef.current = null;
-        };
-        const doUnlock = ()=>{
-            if (isUnlocked) return;
-            isUnlocked = true;
-            cleanup();
-            unlockScroll();
-        };
-        const resetDebounce = ()=>{
-            if (debounceTimer) {
-                clearTimeout(debounceTimer);
-            }
-            debounceTimer = setTimeout(doUnlock, SCROLL_IDLE_MS);
-        };
-        const handleScrollActivity = ()=>{
-            resetDebounce();
-        };
-        const handleScrollEnd = ()=>{
-            doUnlock();
-        };
-        scrollTarget.addEventListener("scroll", handleScrollActivity, {
-            passive: true
-        });
-        if ("onscrollend" in scrollTarget) {
-            scrollTarget.addEventListener("scrollend", handleScrollEnd, {
-                once: true
-            });
-        }
-        scrollCleanupRef.current = cleanup;
-        const scrollBehavior = getScrollBehavior();
-        if (container) {
-            const containerRect = container.getBoundingClientRect();
-            const relativeTop = elementRect.top - containerRect.top + container.scrollTop;
-            container.scrollTo({
-                top: relativeTop - effectiveOffset,
-                behavior: scrollBehavior
-            });
-        } else {
-            const absoluteTop = elementRect.top + window.scrollY;
-            window.scrollTo({
-                top: absoluteTop - effectiveOffset,
-                behavior: scrollBehavior
-            });
-        }
-        if (scrollBehavior === "instant") {
-            doUnlock();
-        } else {
-            resetDebounce();
-        }
-    }, [
-        stableSectionIds,
-        containerElement,
-        getEffectiveOffset,
-        getScrollBehavior
-    ]);
-    const sectionProps = useCallback((id)=>({
-            id,
-            ref: registerRef(id),
-            "data-domet": id
-        }), [
-        registerRef
-    ]);
-    const navProps = useCallback((id)=>({
-            onClick: ()=>scrollToSection(id),
-            "aria-current": activeId === id ? "page" : undefined,
-            "data-active": activeId === id
-        }), [
-        activeId,
-        scrollToSection
-    ]);
-    useEffect(()=>{
-        var _stableSectionIds_;
-        const idsSet = new Set(stableSectionIds);
-        for (const id of Object.keys(refs.current)){
-            if (!idsSet.has(id)) {
-                delete refs.current[id];
-            }
-        }
-        for (const id of Object.keys(refCallbacks.current)){
-            if (!idsSet.has(id)) {
-                delete refCallbacks.current[id];
-            }
-        }
-        const currentActive = activeIdRef.current;
-        const nextActive = currentActive && idsSet.has(currentActive) ? currentActive : (_stableSectionIds_ = stableSectionIds[0]) != null ? _stableSectionIds_ : null;
-        if (nextActive !== currentActive) {
-            activeIdRef.current = nextActive;
-        }
-        setActiveId((prev)=>prev !== nextActive ? nextActive : prev);
-    }, [
-        stableSectionIds
-    ]);
-    const getSectionBounds = useCallback(()=>{
-        const container = containerElement;
-        const scrollTop = container ? container.scrollTop : window.scrollY;
-        const containerTop = container ? container.getBoundingClientRect().top : 0;
-        return stableSectionIds.map((id)=>{
-            const el = refs.current[id];
-            if (!el) return null;
-            const rect = el.getBoundingClientRect();
-            const relativeTop = container ? rect.top - containerTop + scrollTop : rect.top + window.scrollY;
-            return {
-                id,
-                top: relativeTop,
-                bottom: relativeTop + rect.height,
-                height: rect.height
-            };
-        }).filter((bounds)=>bounds !== null);
-    }, [
-        stableSectionIds,
-        containerElement
-    ]);
-    const calculateActiveSection = useCallback(()=>{
-        if (isProgrammaticScrolling.current) return;
-        const container = containerElement;
-        const currentActiveId = activeIdRef.current;
-        const now = Date.now();
-        const scrollY = container ? container.scrollTop : window.scrollY;
-        const viewportHeight = container ? container.clientHeight : window.innerHeight;
-        const scrollHeight = container ? container.scrollHeight : document.documentElement.scrollHeight;
-        const maxScroll = Math.max(0, scrollHeight - viewportHeight);
-        const scrollProgress = maxScroll > 0 ? scrollY / maxScroll : 0;
-        const scrollDirection = scrollY === lastScrollY.current ? null : scrollY > lastScrollY.current ? "down" : "up";
-        const deltaTime = now - lastScrollTime.current;
-        const deltaY = scrollY - lastScrollY.current;
-        const velocity = deltaTime > 0 ? Math.abs(deltaY) / deltaTime : 0;
-        lastScrollY.current = scrollY;
-        lastScrollTime.current = now;
-        const sectionBounds = getSectionBounds();
-        if (sectionBounds.length === 0) return;
-        const baseOffset = getEffectiveOffset();
-        const effectiveOffset = Math.max(baseOffset, viewportHeight * offsetRatio);
-        const triggerLine = scrollY + effectiveOffset;
-        const viewportTop = scrollY;
-        const viewportBottom = scrollY + viewportHeight;
-        const scores = sectionBounds.map((section)=>{
-            var _sectionIndexMap_get;
-            const visibleTop = Math.max(section.top, viewportTop);
-            const visibleBottom = Math.min(section.bottom, viewportBottom);
-            const visibleHeight = Math.max(0, visibleBottom - visibleTop);
-            const visibilityRatio = section.height > 0 ? visibleHeight / section.height : 0;
-            const visibleInViewportRatio = viewportHeight > 0 ? visibleHeight / viewportHeight : 0;
-            const isInViewport = section.bottom > viewportTop && section.top < viewportBottom;
-            const sectionProgress = (()=>{
-                if (section.height === 0) return 0;
-                const entryPoint = viewportBottom;
-                const totalTravel = viewportHeight + section.height;
-                const traveled = entryPoint - section.top;
-                return Math.max(0, Math.min(1, traveled / totalTravel));
-            })();
-            let score = 0;
-            if (visibilityRatio >= visibilityThreshold) {
-                score += 1000 + visibilityRatio * 500;
-            } else if (isInViewport) {
-                score += visibleInViewportRatio * 800;
-            }
-            const sectionIndex = (_sectionIndexMap_get = sectionIndexMap.get(section.id)) != null ? _sectionIndexMap_get : 0;
-            if (scrollDirection && isInViewport && section.top <= triggerLine && section.bottom > triggerLine) {
-                score += 200;
-            }
-            score -= sectionIndex * 0.1;
-            return {
-                id: section.id,
-                score,
-                visibilityRatio,
-                isInViewport,
-                bounds: section,
-                progress: sectionProgress
-            };
-        });
-        const hasScroll = maxScroll > 10;
-        const isAtBottom = hasScroll && scrollY + viewportHeight >= scrollHeight - 5;
-        const isAtTop = hasScroll && scrollY <= 5;
-        let newActiveId = null;
-        if (isAtBottom && stableSectionIds.length > 0) {
-            newActiveId = stableSectionIds[stableSectionIds.length - 1];
-        } else if (isAtTop && stableSectionIds.length > 0) {
-            newActiveId = stableSectionIds[0];
-        } else {
-            const visibleScores = scores.filter((s)=>s.isInViewport);
-            const candidates = visibleScores.length > 0 ? visibleScores : scores;
-            candidates.sort((a, b)=>b.score - a.score);
-            if (candidates.length > 0) {
-                const bestCandidate = candidates[0];
-                const currentScore = scores.find((s)=>s.id === currentActiveId);
-                const shouldSwitch = !currentScore || !currentScore.isInViewport || bestCandidate.score > currentScore.score + hysteresisMargin || bestCandidate.id === currentActiveId;
-                newActiveId = shouldSwitch ? bestCandidate.id : currentActiveId;
-            }
-        }
-        if (newActiveId !== currentActiveId) {
-            activeIdRef.current = newActiveId;
-            setActiveId(newActiveId);
-            callbackRefs.current.onActiveChange == null ? void 0 : callbackRefs.current.onActiveChange.call(callbackRefs.current, newActiveId, currentActiveId);
-        }
-        const currentInViewport = new Set(scores.filter((s)=>s.isInViewport).map((s)=>s.id));
-        const prevInViewport = prevSectionsInViewport.current;
-        for (const id of currentInViewport){
-            if (!prevInViewport.has(id)) {
-                callbackRefs.current.onSectionEnter == null ? void 0 : callbackRefs.current.onSectionEnter.call(callbackRefs.current, id);
-            }
-        }
-        for (const id of prevInViewport){
-            if (!currentInViewport.has(id)) {
-                callbackRefs.current.onSectionLeave == null ? void 0 : callbackRefs.current.onSectionLeave.call(callbackRefs.current, id);
-            }
-        }
-        prevSectionsInViewport.current = currentInViewport;
-        const newScrollState = {
-            y: scrollY,
-            progress: Math.max(0, Math.min(1, scrollProgress)),
-            direction: scrollDirection,
-            velocity,
-            isScrolling: isScrollingRef.current,
-            maxScroll,
-            viewportHeight,
-            offset: effectiveOffset
-        };
-        const newSections = {};
-        for (const s of scores){
-            newSections[s.id] = {
-                bounds: {
-                    top: s.bounds.top,
-                    bottom: s.bounds.bottom,
-                    height: s.bounds.height
-                },
-                visibility: Math.round(s.visibilityRatio * 100) / 100,
-                progress: Math.round(s.progress * 100) / 100,
-                isInViewport: s.isInViewport,
-                isActive: s.id === newActiveId
-            };
-        }
-        setScroll(newScrollState);
-        setSections(newSections);
-    }, [
-        stableSectionIds,
-        sectionIndexMap,
-        getEffectiveOffset,
-        offsetRatio,
-        visibilityThreshold,
-        hysteresisMargin,
-        getSectionBounds,
-        containerElement
-    ]);
-    recalculateRef.current = calculateActiveSection;
-    useEffect(()=>{
-        const container = containerElement;
-        const scrollTarget = container || window;
-        const scheduleCalculate = ()=>{
-            if (rafId.current) {
-                cancelAnimationFrame(rafId.current);
-            }
-            rafId.current = requestAnimationFrame(()=>{
-                rafId.current = null;
-                calculateActiveSection();
-            });
-        };
-        const handleScrollEnd = ()=>{
-            isScrollingRef.current = false;
-            setScroll((prev)=>({
-                    ...prev,
-                    isScrolling: false
-                }));
-            callbackRefs.current.onScrollEnd == null ? void 0 : callbackRefs.current.onScrollEnd.call(callbackRefs.current);
-        };
-        const handleScroll = ()=>{
-            if (!isScrollingRef.current) {
-                isScrollingRef.current = true;
-                setScroll((prev)=>({
-                        ...prev,
-                        isScrolling: true
-                    }));
-                callbackRefs.current.onScrollStart == null ? void 0 : callbackRefs.current.onScrollStart.call(callbackRefs.current);
-            }
-            if (scrollIdleTimeoutRef.current) {
-                clearTimeout(scrollIdleTimeoutRef.current);
-            }
-            scrollIdleTimeoutRef.current = setTimeout(handleScrollEnd, SCROLL_IDLE_MS);
-            if (isThrottled.current) {
-                hasPendingScroll.current = true;
-                return;
-            }
-            isThrottled.current = true;
-            hasPendingScroll.current = false;
-            if (throttleTimeoutId.current) {
-                clearTimeout(throttleTimeoutId.current);
-            }
-            scheduleCalculate();
-            throttleTimeoutId.current = setTimeout(()=>{
-                isThrottled.current = false;
-                throttleTimeoutId.current = null;
-                if (hasPendingScroll.current) {
-                    hasPendingScroll.current = false;
-                    handleScroll();
-                }
-            }, debounceMs);
-        };
-        const handleResize = ()=>{
-            scheduleCalculate();
-        };
-        calculateActiveSection();
-        const deferredRecalcId = setTimeout(()=>{
-            calculateActiveSection();
-        }, 0);
-        scrollTarget.addEventListener("scroll", handleScroll, {
-            passive: true
-        });
-        window.addEventListener("resize", handleResize, {
-            passive: true
-        });
-        return ()=>{
-            clearTimeout(deferredRecalcId);
-            scrollTarget.removeEventListener("scroll", handleScroll);
-            window.removeEventListener("resize", handleResize);
-            if (rafId.current) {
-                cancelAnimationFrame(rafId.current);
-                rafId.current = null;
-            }
-            if (throttleTimeoutId.current) {
-                clearTimeout(throttleTimeoutId.current);
-                throttleTimeoutId.current = null;
-            }
-            if (programmaticScrollTimeoutId.current) {
-                clearTimeout(programmaticScrollTimeoutId.current);
-                programmaticScrollTimeoutId.current = null;
-            }
-            if (scrollIdleTimeoutRef.current) {
-                clearTimeout(scrollIdleTimeoutRef.current);
-                scrollIdleTimeoutRef.current = null;
-            }
-            scrollCleanupRef.current == null ? void 0 : scrollCleanupRef.current.call(scrollCleanupRef);
-            isThrottled.current = false;
-            hasPendingScroll.current = false;
-            isProgrammaticScrolling.current = false;
-            isScrollingRef.current = false;
-        };
-    }, [
-        calculateActiveSection,
-        debounceMs,
-        containerElement
-    ]);
-    const activeIndex = useMemo(()=>{
-        var _sectionIndexMap_get;
-        if (!activeId) return -1;
-        return (_sectionIndexMap_get = sectionIndexMap.get(activeId)) != null ? _sectionIndexMap_get : -1;
-    }, [
-        activeId,
-        sectionIndexMap
-    ]);
-    return {
-        activeId,
-        activeIndex,
-        scroll,
-        sections,
-        registerRef,
-        scrollToSection,
-        sectionProps,
-        navProps
-    };
-}
-
-export { useDomet as default, useDomet };