clear-react-router 1.3.6 → 1.3.8

package/README.md

@@ -88,9 +88,21 @@ Component for client-side navigation with prefetch support.
 | Prop | Type | Default |
 |------|------|---------|
 | `to` | `string` | required |
-| `prefetch` | `boolean` | `true` |
+| `prefetch` | `boolean` optional | `true` |
+| `prefetchDelay` | `number` optional | `150` | Delay in ms before prefetch starts (prevents unnecessary requests on quick mouse passes) |
 | `children` | `ReactElement` | required |
 
+```
+// Default — prefetch after 150ms hover
+<Link to="/dashboard">Dashboard</Link>
+
+// Custom prefetch delay (300ms)
+<Link to="/heavy-page" prefetchDelay={300}>Heavy Page</Link>
+
+// Disable prefetch
+<Link to="/about" prefetch={false}>About</Link>
+```
+
 ### `redirect`
 
 Function provided to `beforeLoad` for programmatic redirection.

package/dist/components/Link.d.ts

@@ -6,6 +6,7 @@ type LinkProps = {
         style: CSSProperties;
     }>;
     prefetch?: boolean;
+    prefetchDelay?: number;
 };
-export declare const Link: ({ children, to, prefetch }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: ({ children, to, prefetch, prefetchDelay }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -195,6 +195,7 @@ var useHandleNavigation = ({ setLocation, routeList, context, revalidateCache, i
 			});
 			return;
 		}
+		else setBeforeLoadError(false);
 		if (seq !== navigationSeq.current) return;
 		await revalidateCache({
 			routeItem: nextItem,
@@ -293,11 +294,17 @@ var useLoader = ({ routeList, context, setContext }) => {
 		return Date.now() - currentCacheTimestamp < routeItem.staleTime;
 	}, []);
 	const revalidateCache = useCallback(async ({ routeItem, isCurrentRoute, pathname }) => {
-		if (!routeItem?.loader) return;
+		if (!routeItem?.loader) {
+			setLoaderError(false);
+			return;
+		}
 		if (isCacheItemFresh({
 			routeItem,
 			pathname
-		}) && isCurrentRoute) setLoaderCache(loaderCacheRef.current[pathname]);
+		}) && isCurrentRoute) {
+			setLoaderCache(loaderCacheRef.current[pathname]);
+			setLoaderError(false);
+		}
 		if (isCacheItemFresh({
 			routeItem,
 			pathname
@@ -545,13 +552,31 @@ var useNavigate = () => {
 };
 //#endregion
 //#region components/Link.tsx
-var Link = ({ children, to, prefetch = true }) => {
+var STANDARD_DELAY = 150;
+var Link = ({ children, to, prefetch = true, prefetchDelay = STANDARD_DELAY }) => {
 	const { prefetchLoader } = useRouterActions();
 	const navigate = useNavigate();
+	const timeout = useRef(0);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
 		style: { cursor: "pointer" },
 		onClick: () => navigate(to),
-		onMouseOver: () => prefetch && prefetchLoader(to),
+		onMouseEnter: useCallback(() => {
+			if (!prefetch || !prefetchDelay) return;
+			if (timeout.current) clearTimeout(timeout.current);
+			timeout.current = window.setTimeout(() => prefetchLoader(to), prefetchDelay);
+		}, [
+			prefetch,
+			prefetchDelay,
+			prefetchLoader,
+			to
+		]),
+		onMouseLeave: useCallback(() => {
+			if (!prefetch || !prefetchDelay) return;
+			if (timeout.current) {
+				clearTimeout(timeout.current);
+				timeout.current = 0;
+			}
+		}, [prefetch, prefetchDelay]),
 		children
 	});
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clear-react-router",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "A lightweight, type-safe routing library for React applications",
   "author": "Andrew Bubnov",
   "scripts": {