clear-react-router 1.8.6 → 1.8.7

package/README.md

@@ -88,7 +88,7 @@ Normalizes route configuration. Extracts dynamic params, builds nested paths.
 
 ### `Link`
 
-Component for client-side navigation with prefetch support, active state detection, and pending state styling.
+Component for client-side navigation with prefetch support, active state detection, and pending state styling. Prefetch includes lazy route component preload.
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|

package/dist/index.js

@@ -165,22 +165,29 @@ var import_jsx_runtime = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports = require_react_jsx_runtime_production();
 })))();
 var createLazyComponent = (importFn, fallback) => {
-	const LazyComp = lazy(() => importFn().then((module) => ({ default: module.default || module })));
-	return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Suspense, {
+	const load = () => importFn().then((module) => ({ default: module.default || module }));
+	const LazyComp = lazy(load);
+	const Component = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Suspense, {
 		fallback: typeof fallback === "function" ? fallback() : fallback || null,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComp, {})
 	});
+	return {
+		Component,
+		preloadElement: load
+	};
 };
 //#endregion
 //#region utils/utils.ts
 var isLazy = (el) => typeof el.element === "function" && el.element.toString().includes("import(");
 var parseClientRouteItem = (el, parentPattern = "") => {
 	const pattern = `${parentPattern}/${el.path}`.replace(/\/+/g, "/");
-	const resolvedElement = isLazy(el) ? createLazyComponent(el.element, el.fallback) : el.element;
+	const preloadElement = isLazy(el) ? createLazyComponent(el.element, el.fallback).preloadElement : void 0;
+	const resolvedElement = isLazy(el) ? createLazyComponent(el.element, el.fallback).Component : el.element;
 	return [{
 		...el,
 		pattern,
-		element: resolvedElement
+		element: resolvedElement,
+		preloadElement
 	}, ...el.children?.flatMap((child) => parseClientRouteItem(child, pattern)) ?? []];
 };
 var createRouter = (clientList) => clientList.flatMap((el) => parseClientRouteItem(el));
@@ -360,10 +367,13 @@ var createInvalidate = ({ routeItemDataState, loaderStateRef, timestampMap, curr
 //#region runtime/prefetch.ts
 var createPrefetch = (revalidateCache) => async (pathname) => {
 	const item = findRoute(pathname);
-	if (item) await revalidateCache({
-		routeItem: item,
-		pathname
-	});
+	if (item) {
+		await item.preloadElement?.();
+		await revalidateCache({
+			routeItem: item,
+			pathname
+		});
+	}
 };
 //#endregion
 //#region utils/revalidateCache.ts

package/dist/types.d.ts

@@ -42,6 +42,9 @@ export type RouteItem = ClientRouteItem & {
     element: RenderElement;
     pattern: string;
     cacheTimestamp?: number;
+    preloadElement?(): Promise<{
+        default: ComponentType<unknown>;
+    }>;
 };
 export type Location = {
     pathname: string;

package/dist/utils/createLazyComponent.d.ts

@@ -1,4 +1,9 @@
 import { type ComponentType, type ReactElement } from 'react';
 export declare const createLazyComponent: (importFn: () => Promise<{
     default: ComponentType<unknown>;
-}>, fallback?: ReactElement | (() => ReactElement)) => (() => ReactElement);
+}>, fallback?: ReactElement | (() => ReactElement)) => {
+    Component: () => import("react/jsx-runtime").JSX.Element;
+    preloadElement: () => Promise<{
+        default: ComponentType<unknown>;
+    }>;
+};

package/package.json

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