@rpcbase/client 0.286.0 → 0.288.0

package/dist/utils/useApplyScroll.js

@@ -1,138 +0,0 @@
-import { useCallback, useEffect, useRef } from "react";
-import { useLocation } from "@rpcbase/router";
-function throttle(callback, limit) {
-    let wait = false;
-    return (...args) => {
-        if (!wait) {
-            callback(...args);
-            wait = true;
-            setTimeout(() => {
-                wait = false;
-            }, limit);
-        }
-    };
-}
-export function useApplyScroll() {
-    const location = useLocation();
-    const previousPathRef = useRef(location.pathname);
-    const isScrollingProgrammatically = useRef(false);
-    const scrollTimeoutRef = useRef(null);
-    const lastAppliedHashRef = useRef("");
-    useEffect(() => {
-        if (typeof window !== "undefined") {
-            lastAppliedHashRef.current = window.location.hash || "";
-        }
-    }, []);
-    useEffect(() => {
-        lastAppliedHashRef.current = location.hash || "";
-    }, [location.hash]);
-    const replaceHashSilently = useCallback((hash) => {
-        if (typeof window === "undefined") {
-            return;
-        }
-        if (lastAppliedHashRef.current === hash) {
-            return;
-        }
-        const base = `${window.location.pathname}${window.location.search}`;
-        window.history.replaceState(window.history.state, "", `${base}${hash}`);
-        lastAppliedHashRef.current = hash;
-    }, []);
-    const markProgrammaticScroll = useCallback(() => {
-        isScrollingProgrammatically.current = true;
-        if (scrollTimeoutRef.current) {
-            clearTimeout(scrollTimeoutRef.current);
-        }
-        scrollTimeoutRef.current = setTimeout(() => {
-            isScrollingProgrammatically.current = false;
-        }, 1000);
-    }, []);
-    useEffect(() => {
-        const pathChanged = previousPathRef.current !== location.pathname;
-        if (pathChanged) {
-            previousPathRef.current = location.pathname;
-            if (!location.hash) {
-                window.scrollTo({ top: 0, left: 0, behavior: "auto" });
-                return;
-            }
-            setTimeout(() => {
-                const id = location.hash.substring(1);
-                const element = document.getElementById(id);
-                if (element) {
-                    markProgrammaticScroll();
-                    element.scrollIntoView({ behavior: "smooth" });
-                }
-            }, 100);
-            return;
-        }
-        if (!location.hash) {
-            return;
-        }
-        const id = location.hash.substring(1);
-        const element = document.getElementById(id);
-        if (element) {
-            markProgrammaticScroll();
-            element.scrollIntoView({ behavior: "smooth" });
-        }
-    }, [location.hash, location.pathname, markProgrammaticScroll]);
-    useEffect(() => {
-        if (typeof window === "undefined") {
-            return;
-        }
-        const handleScroll = throttle(() => {
-            if (isScrollingProgrammatically.current) {
-                return;
-            }
-            const sections = Array.from(document.querySelectorAll("section[id]"));
-            if (sections.length === 0) {
-                replaceHashSilently("");
-                return;
-            }
-            const scrollPosition = window.scrollY;
-            const viewportHeight = window.innerHeight;
-            const checkPoint = scrollPosition + viewportHeight / 3;
-            let activeSectionId = null;
-            for (const section of sections) {
-                if (section.offsetTop <= checkPoint &&
-                    section.offsetTop + section.offsetHeight > checkPoint) {
-                    activeSectionId = section.id;
-                    break;
-                }
-            }
-            const newHash = activeSectionId ? `#${activeSectionId}` : "";
-            replaceHashSilently(newHash);
-        }, 150);
-        document.addEventListener("scroll", handleScroll);
-        return () => {
-            document.removeEventListener("scroll", handleScroll);
-            if (scrollTimeoutRef.current) {
-                clearTimeout(scrollTimeoutRef.current);
-                scrollTimeoutRef.current = null;
-            }
-        };
-    }, [replaceHashSilently]);
-    useEffect(() => {
-        const handleClick = (event) => {
-            const target = event.target;
-            const link = target?.closest("a");
-            const currentHash = typeof window !== "undefined"
-                ? window.location.hash
-                : location.hash || "";
-            if (!link ||
-                !link.hash ||
-                link.pathname !== location.pathname ||
-                link.hash !== currentHash) {
-                return;
-            }
-            const id = link.hash.substring(1);
-            const element = document.getElementById(id);
-            if (element) {
-                event.preventDefault();
-                event.stopPropagation();
-                markProgrammaticScroll();
-                element.scrollIntoView({ behavior: "smooth" });
-            }
-        };
-        document.addEventListener("click", handleClick, true);
-        return () => document.removeEventListener("click", handleClick, true);
-    }, [location.hash, location.pathname, markProgrammaticScroll]);
-}