@rpcbase/client 0.285.0 → 0.287.0

package/dist/initWithRoutes.d.ts

@@ -1,4 +1,4 @@
-import { createRoutesFromElements } from "@rpcbase/router";
+import { createRoutesFromElements } from '../../router/src';
 type InitWithRoutesOptions = {
     devThrowsOnHydrationErrors?: boolean;
 };

package/dist/initWithRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initWithRoutes.d.ts","sourceRoot":"","sources":["../../../../pkg/client/src/initWithRoutes.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,wBAAwB,EAAiB,MAAM,iBAAiB,CAAA;AAqC7F,KAAK,qBAAqB,GAAG;IAC3B,0BAA0B,CAAC,EAAE,OAAO,CAAA;CACrC,CAAA;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;AAEnE,eAAO,MAAM,cAAc,GACzB,eAAe,aAAa,EAC5B,OAAO,qBAAqB,kBA0E7B,CAAA"}
+{"version":3,"file":"initWithRoutes.d.ts","sourceRoot":"","sources":["../src/initWithRoutes.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,wBAAwB,EAAiB,MAAM,iBAAiB,CAAA;AAqC7F,KAAK,qBAAqB,GAAG;IAC3B,0BAA0B,CAAC,EAAE,OAAO,CAAA;CACrC,CAAA;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;AAEnE,eAAO,MAAM,cAAc,GACzB,eAAe,aAAa,EAC5B,OAAO,qBAAqB,kBA0E7B,CAAA"}

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import { Ctx } from "@rpcbase/api";
-import { Params } from "@rpcbase/router";
+import { Ctx } from '../../api/src';
+import { Params } from '../../router/src';
 export type LoaderArgs = {
     params: Params;
     ctx: Ctx;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../pkg/client/src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGxC,MAAM,MAAM,UAAU,GAAG;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,GAAG,CAAA;CAAC,CAAA;AAGnD,MAAM,MAAM,MAAM,GAAG,CAAC,EAAC,MAAM,EAAE,GAAG,EAAC,EAAE,UAAU,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGxC,MAAM,MAAM,UAAU,GAAG;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,GAAG,CAAA;CAAC,CAAA;AAGnD,MAAM,MAAM,MAAM,GAAG,CAAC,EAAC,MAAM,EAAE,GAAG,EAAC,EAAE,UAAU,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA"}

package/dist/utils/useApplyScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useApplyScroll.d.ts","sourceRoot":"","sources":["../../../../../pkg/client/src/utils/useApplyScroll.ts"],"names":[],"mappings":"AAiBA,wBAAgB,cAAc,SAuJ7B"}
+{"version":3,"file":"useApplyScroll.d.ts","sourceRoot":"","sources":["../../src/utils/useApplyScroll.ts"],"names":[],"mappings":"AAiBA,wBAAgB,cAAc,SAuJ7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.285.0",
+  "version": "0.287.0",
   "type": "module",
   "files": [
     "dist"
@@ -13,14 +13,15 @@
   },
   "wireit": {
     "build": {
-      "command": "node ../../scripts/build-package.js client",
+      "command": "../../node_modules/.bin/vite build",
       "files": [
         "src/**/*",
-        "hooks.ts",
         "instrument.ts",
         "../../tsconfig.json",
-        "../../tsconfig.base.json",
-        "../../scripts/build-package.js"
+        "../../scripts/tsconfig.pkg.json",
+        "./tsconfig.json",
+        "./vite.config.js",
+        "../../scripts/vite.config-pkg.js"
       ],
       "output": [
         "dist/"
@@ -33,7 +34,6 @@
       ],
       "files": [
         "package.json",
-        "hooks.ts",
         "instrument.ts",
         "src/**/*"
       ],
@@ -45,12 +45,12 @@
       }
     }
   },
-  "peerDependencies": {},
-  "dependencies": {
-    "axios": "1.13.2",
-    "fast-equals": "5.2.2",
-    "lodash": "4.17.21",
+  "peerDependencies": {
+    "axios": "^1.13",
     "react-use": "17.6.0"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "fast-equals": "5.2.2",
+    "lodash": "4.17.21"
+  }
 }

package/dist/RootProvider/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import posthog from "posthog-js";
-import { PostHogProvider } from "posthog-js/react";
-import { useApplyScroll } from "../utils/useApplyScroll";
-export const RootProvider = ({ children }) => {
-    useApplyScroll();
-    return (_jsx(PostHogProvider, { client: posthog, children: children }));
-};

package/dist/apiClient/getServerApiClient.js

@@ -1,97 +0,0 @@
-export const getServerApiClient = async (app) => {
-    const callRoute = async (app, method, path, req, res) => {
-        return new Promise((resolve, reject) => {
-            let isEnded = false;
-            const mockReq = {
-                ...req,
-                method: method.toUpperCase(),
-                url: path
-            };
-            const mockRes = {
-                ...res,
-                json: (data) => {
-                    if (!isEnded) {
-                        isEnded = true;
-                        resolve(data);
-                    }
-                },
-                status: (statusCode) => {
-                    console.log("Status:", statusCode);
-                    return mockRes;
-                },
-            };
-            const routerStack = app.router.stack;
-            const firstApiMiddlewareIndex = routerStack.findIndex((layer) => layer.name === "__FIRST_API_MIDDLEWARE__");
-            if (!(firstApiMiddlewareIndex > -1)) {
-                throw new Error("middleware: __FIRST_API_MIDDLEWARE__ was not found in stack");
-            }
-            const apiStack = routerStack.slice(firstApiMiddlewareIndex + 1);
-            const processLayer = async (index) => {
-                if (index >= apiStack.length || isEnded)
-                    return;
-                const layer = apiStack[index];
-                const isNonMatchingLayer = !layer.match(path);
-                if (isNonMatchingLayer) {
-                    // console.log("not machthing route:", path, "to layer:", index, layer.name, layer, "reason: ", {isNonMatchingLayer})
-                    await processLayer(index + 1);
-                    return;
-                }
-                const runHandler = async (handler) => new Promise((resolveMiddleware, rejectMiddleware) => {
-                    handler(mockReq, mockRes, (err) => {
-                        if (err) {
-                            console.error("Middleware error:", err);
-                            if (!isEnded) {
-                                isEnded = true;
-                                rejectMiddleware(err);
-                            }
-                            return;
-                        }
-                        resolveMiddleware();
-                    });
-                });
-                if (layer.route) {
-                    if (!layer.route.methods[method.toLowerCase()]) {
-                        // console.log("not machthing route:", path, "to route layer:", index, layer.name, layer, "reason: method not matching")
-                        await processLayer(index + 1);
-                        return;
-                    }
-                    if (layer.route.stack.length !== 1) {
-                        throw new Error(`expected only one handler per route for route: ${layer.route.path}`);
-                    }
-                    await runHandler(layer.route.stack[0].handle);
-                }
-                else {
-                    await runHandler(layer.handle);
-                }
-                if (!isEnded) {
-                    await processLayer(index + 1);
-                }
-            };
-            // AWAIT ??
-            processLayer(0);
-            // Set a timeout to prevent hanging
-            setTimeout(() => {
-                if (!isEnded) {
-                    reject("Route handler timed out");
-                }
-            }, 30000);
-        });
-    };
-    const createMethod = (method) => {
-        return async (path, payload, ctx) => {
-            if (!ctx) {
-                throw new Error("Context must be provided in SSR mode");
-            }
-            ctx.req.body = payload;
-            return callRoute(app, method, path, ctx.req, ctx.res);
-        };
-    };
-    const apiClient = {
-        get: createMethod("get"),
-        post: createMethod("post"),
-        put: createMethod("put"),
-        delete: createMethod("delete")
-    };
-    return apiClient;
-};
-export default getServerApiClient;

package/dist/apiClient/index.js

@@ -1,50 +0,0 @@
-let apiClient;
-export const initApiClient = async (args) => {
-    if (import.meta.env.SSR) {
-        if (!args) {
-            throw new Error("Server args must be provided in SSR mode");
-        }
-        const { getServerApiClient } = await import("./getServerApiClient");
-        apiClient = await getServerApiClient(args.app);
-    }
-    else {
-        const axios = (await import("axios")).default;
-        const axiosClient = axios.create({
-            baseURL: "/",
-            withCredentials: true,
-            headers: {
-                "Content-Type": "application/json",
-            },
-        });
-        const createMethod = (method) => {
-            return async (path, payload, _ctx) => {
-                const config = {
-                    method,
-                    url: path,
-                    data: payload,
-                    headers: {
-                    // ...(typeof ctxOrPath !== 'string' && {
-                    //   // 'X-Custom-Header': ctxOrPath.someHeaderValue,
-                    //   // ...ctxOrPath.additionalHeaders,
-                    // }),
-                    },
-                };
-                try {
-                    const response = await axiosClient(config);
-                    return response.data;
-                }
-                catch (error) {
-                    console.log("AXIOS API ERROR", error);
-                    throw error;
-                }
-            };
-        };
-        apiClient = {
-            get: createMethod("get"),
-            put: createMethod("put"),
-            post: createMethod("post"),
-            delete: createMethod("delete"),
-        };
-    }
-};
-export { apiClient };

package/dist/cleanupURL.js

@@ -1,37 +0,0 @@
-const CLEANUP_WAIT_DELAY = 1000;
-// Function to clean UTM params while preserving others
-export const cleanupURL = () => {
-    if (import.meta.env.SSR) {
-        return;
-    }
-    const runCleanup = () => {
-        // Add a small delay before running cleanupURL
-        setTimeout(() => {
-            const url = new URL(window.location.href);
-            const params = new URLSearchParams(url.search);
-            // Get all current query parameter keys
-            const paramKeys = Array.from(params.keys());
-            // Remove any parameter starting with 'utm_'
-            paramKeys.forEach((key) => {
-                if (key.startsWith("utm_")) {
-                    params.delete(key);
-                }
-            });
-            // Build the new URL: keep pathname and append remaining query params (if any)
-            const cleanUrl = url.pathname +
-                (params.toString() ? "?" + params.toString() : "") +
-                url.hash;
-            // Update the browser URL without reloading
-            window.history.replaceState({}, document.title, cleanUrl);
-        }, CLEANUP_WAIT_DELAY);
-    };
-    // If DOM is already loaded, schedule the cleanup
-    if (document.readyState === "complete" ||
-        document.readyState === "interactive") {
-        runCleanup();
-    }
-    else {
-        // Otherwise wait for the DOM content to be loaded
-        document.addEventListener("DOMContentLoaded", runCleanup, { once: true });
-    }
-};

package/dist/getFeatureFlag.js

@@ -1,43 +0,0 @@
-import _snakeCase from "lodash/snakeCase";
-export const getFeatureFlag = async (flag) => {
-    const envKey = `RB_PUBLIC_FLAG_${_snakeCase(flag).toUpperCase()}`;
-    if (import.meta.env.SSR) {
-        if (process.env[envKey] !== undefined) {
-            return process.env[envKey];
-        }
-        const startTime = performance.now();
-        const { PostHog } = await import("posthog-node");
-        const client = new PostHog(process.env.RB_PUBLIC_POSTHOG_KEY, { host: "https://eu.i.posthog.com" });
-        const distinctId = "server";
-        console.log("TODO: NYI server side feature flags client distinctId");
-        const value = await client.getFeatureFlag(flag, distinctId);
-        const endTime = performance.now();
-        console.log(`SSR: Feature flag "${flag}" loaded in ${(endTime - startTime).toFixed(2)}ms`);
-        return value;
-    }
-    else {
-        if (import.meta.env[envKey] !== undefined) {
-            return import.meta.env[envKey];
-        }
-        const startTime = performance.now();
-        const { posthog } = await import("posthog-js");
-        let hasLoadedFeatureFlags = false;
-        function waitForFeatureFlags() {
-            return new Promise((resolve) => {
-                if (hasLoadedFeatureFlags) {
-                    resolve();
-                }
-                else {
-                    posthog.onFeatureFlags(() => {
-                        hasLoadedFeatureFlags = true;
-                        resolve();
-                    });
-                }
-            });
-        }
-        await waitForFeatureFlags();
-        const endTime = performance.now();
-        console.log(`Client: Feature flag "${flag}" loaded in ${(endTime - startTime).toFixed(2)}ms`);
-        return posthog.getFeatureFlag(flag);
-    }
-};

package/dist/hooks/index.js

@@ -1,2 +0,0 @@
-export * from "./useThrottledMeasure";
-export * from "./useMediaQuery";

package/dist/hooks/useMediaQuery.js

@@ -1,24 +0,0 @@
-import { useSyncExternalStore } from "react";
-const emptyUnsubscribe = () => { };
-export const useMediaQuery = (query) => {
-    const isServer = typeof window === "undefined";
-    const subscribe = (callback) => {
-        if (isServer)
-            return emptyUnsubscribe;
-        const mql = window.matchMedia(query);
-        // Modern browsers
-        if (mql.addEventListener) {
-            mql.addEventListener("change", callback);
-            return () => mql.removeEventListener("change", callback);
-        }
-        // Legacy fallback
-        mql.addListener(callback);
-        return () => mql.removeListener(callback);
-    };
-    const getSnapshot = () => {
-        if (isServer)
-            return false;
-        return window.matchMedia(query).matches;
-    };
-    return useSyncExternalStore(subscribe, getSnapshot, () => false);
-};

package/dist/hooks/useThrottledMeasure.js

@@ -1,32 +0,0 @@
-import { useState, useEffect, useRef, useCallback } from "react";
-import useMeasure from "react-use/lib/useMeasure";
-import _throttle from "lodash/throttle";
-import { deepEqual } from "fast-equals";
-const useMeasureHook = useMeasure.default ?? useMeasure;
-const DEFAULT_THROTTLE_TIME = 16;
-export const useThrottledMeasure = (throttleDuration = DEFAULT_THROTTLE_TIME) => {
-    const hasInitialMeasure = useRef(false);
-    const [ref, measuredRect] = useMeasureHook();
-    const [rect, setRect] = useState(() => {
-        return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
-    });
-    const throttledSetRect = useCallback(_throttle((newRect) => {
-        setRect((current) => {
-            return deepEqual(current, newRect) ? current : newRect;
-        });
-    }, throttleDuration, { leading: true, trailing: true }), [throttleDuration]);
-    useEffect(() => {
-        if (measuredRect.width > 0 && !hasInitialMeasure.current) {
-            hasInitialMeasure.current = true;
-            setRect((current) => {
-                return deepEqual(current, measuredRect) ? current : measuredRect;
-            });
-            return;
-        }
-        throttledSetRect(measuredRect);
-        return () => {
-            throttledSetRect.cancel();
-        };
-    }, [measuredRect, throttledSetRect]);
-    return [ref, rect];
-};

package/dist/hooks.d.ts

@@ -1,2 +0,0 @@
-export * from "./src/hooks";
-//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../pkg/client/hooks.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/hooks.js

@@ -1 +0,0 @@
-export * from "./src/hooks";

package/dist/initWithRoutes.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StrictMode } from "react";
-import posthog from "posthog-js";
-import { createBrowserRouter, createRoutesFromElements, RouterProvider } from "@rpcbase/router";
-import { hydrateRoot } from "react-dom/client";
-import { initApiClient } from "./apiClient";
-import { cleanupURL } from "./cleanupURL";
-const isProduction = import.meta.env.MODE === "production";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const showErrorOverlay = (err) => {
-    const ErrorOverlay = customElements.get("vite-error-overlay");
-    // don't open outside vite environment
-    if (!ErrorOverlay) {
-        return;
-    }
-    console.log(err);
-    const overlay = new ErrorOverlay(err);
-    document.body.appendChild(overlay);
-};
-const handleServerErrors = () => {
-    if (window.__staticRouterHydrationData?.errors) {
-        const { errors } = window.__staticRouterHydrationData;
-        Object.values(errors).forEach((error) => {
-            showErrorOverlay({
-                plugin: "ssr-router",
-                ...error.reason
-            });
-        });
-    }
-};
-export const initWithRoutes = async (routesElement, opts) => {
-    await initApiClient();
-    cleanupURL();
-    handleServerErrors();
-    const routes = createRoutesFromElements(routesElement);
-    const router = createBrowserRouter(routes);
-    const toError = (error) => error instanceof Error ? error : new Error(String(error));
-    const mentionsHydration = (value, depth = 0) => {
-        if (depth > 5) {
-            return false;
-        }
-        if (typeof value === "string") {
-            return value.toLowerCase().includes("hydrat");
-        }
-        if (value instanceof Error) {
-            const digest = value.digest;
-            const cause = value.cause;
-            return (mentionsHydration(value.message, depth + 1) ||
-                mentionsHydration(digest, depth + 1) ||
-                mentionsHydration(cause, depth + 1));
-        }
-        return false;
-    };
-    const phReactHandler = (react_context) => (error, errorInfo) => {
-        const err = toError(error);
-        // send as exception (counts toward error tracking)
-        posthog.captureException(err, {
-            react_context,
-            component_stack: errorInfo?.componentStack
-        });
-        if (react_context === "uncaught") {
-            console.warn("Uncaught error", err, errorInfo?.componentStack);
-        }
-    };
-    const hydrationOptions = isProduction ? {
-        onUncaughtError: phReactHandler("uncaught"),
-        onCaughtError: phReactHandler("caught"),
-        onRecoverableError: phReactHandler("recoverable")
-    } : (opts?.devThrowsOnHydrationErrors ? {
-        onRecoverableError(error, errorInfo) {
-            const err = toError(error);
-            if (mentionsHydration(err) || mentionsHydration(errorInfo?.componentStack)) {
-                throw err;
-            }
-            // For non-hydration recoverable errors in dev, keep a visible signal.
-            console.error(err, errorInfo?.componentStack);
-        }
-    } : undefined);
-    hydrateRoot(document.getElementById("root"), _jsx(StrictMode, { children: _jsx(RouterProvider, { router: router }) }), hydrationOptions);
-};

package/dist/instrument.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=instrument.d.ts.map

package/dist/instrument.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"instrument.d.ts","sourceRoot":"","sources":["../../../pkg/client/instrument.ts"],"names":[],"mappings":""}

package/dist/instrument.js

@@ -1,29 +0,0 @@
-import posthog from "posthog-js";
-const isProduction = import.meta.env.MODE === "production";
-const posthogKey = import.meta.env.RB_PUBLIC_POSTHOG_KEY;
-if (isProduction) {
-    if (typeof posthogKey === "string" && posthogKey.length > 0) {
-        posthog.init(posthogKey, {
-            api_host: "/ingest",
-            ui_host: "https://eu.posthog.com",
-            person_profiles: "always",
-            session_recording: {
-                maskAllInputs: false
-            },
-            capture_pageview: isProduction,
-            capture_exceptions: {
-                capture_unhandled_errors: true,
-                capture_unhandled_rejections: true,
-                capture_console_errors: true,
-            },
-            autocapture: isProduction,
-            disable_session_recording: !isProduction,
-        });
-    }
-    else {
-        console.warn("missing POSTHOG_KEY");
-    }
-}
-else {
-    console.info("ℹ️ Not initializing posthog in development");
-}

package/dist/types.js

@@ -1 +0,0 @@
-export {};

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]);
-}