clear-react-router 1.0.8 → 1.0.11

package/dist/hooks/useHandleNavigation.d.ts

@@ -1,4 +1,4 @@
-import type { BlockerState, Location, RouteItem, UpdateBlockedRouteProps } from '../types/global.ts';
+import type { BlockerState, Location, RouteItem, UpdateBlockedRouteProps } from '../types/global';
 type UseHandleNavigation = {
     routeList: RouteItem[];
     setLocation: (arg: Location) => void;

package/dist/index.js

@@ -199,24 +199,29 @@ var l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			children: e
 		})
 	})
-}), v = (t, r) => {
+}), v = (e) => {
+	let t = s(e);
+	return a(() => {
+		t.current = e;
+	}, [e]), t;
+}, y = (t, r) => {
 	let i = n(() => t().then((e) => ({ default: e.default || e })));
 	return () => /* @__PURE__ */ (0, g.jsx)(e, {
 		fallback: typeof r == "function" ? r() : r || null,
 		children: /* @__PURE__ */ (0, g.jsx)(i, {})
 	});
-}, y = (e) => typeof e.element == "function" && e.element.toString().includes("import("), b = (e, t = [], n = "") => {
+}, b = (e) => typeof e.element == "function" && e.element.toString().includes("import("), x = (e, t = [], n = "") => {
 	let r = e.path.match(/:[^/]+/g), i = e.path.replaceAll(/:[^/]+(\/|$)/g, "").split("/").filter(Boolean), a = e.path.split("/"), o = r ? [...t, ...r.map((e, t) => ({
 		key: i[t],
 		value: e.slice(1)
-	}))] : t, s = o.length ? `${n}${a.slice(0, a.length - 1).join("/")}` : e.path, c = y(e) ? v(e.element, e.fallback) : e.element;
+	}))] : t, s = o.length ? `${n}${a.slice(0, a.length - 1).join("/")}` : e.path, c = b(e) ? y(e.element, e.fallback) : e.element;
 	return [{
 		...e,
 		path: s,
 		params: o,
 		element: c
-	}, ...e.children?.flatMap((e) => b(e, o, s)) || []];
-}, x = (e) => e.flatMap((e) => b(e, [])), S = (e) => {
+	}, ...e.children?.flatMap((e) => x(e, o, s)) || []];
+}, S = (e) => e.flatMap((e) => x(e, [])), C = (e) => {
 	let { pathname: t } = window.location, n = t.split("/");
 	return (e || []).map((e) => ({
 		index: n.findIndex((t) => t === e.key),
@@ -225,38 +230,33 @@ var l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		...e,
 		[t.value]: n[t.index + 1]
 	}), {});
-}, C = (e) => ({
+}, w = (e) => ({
 	pathname: e.pathname,
 	search: e.search
-}), w = (e, t) => {
+}), T = (e, t) => {
 	let n = e.path.split("/").filter(Boolean), r = e.params ? Object.keys(e.params).length : 0, i = t.split("/").filter(Boolean);
 	return n.every((e, t) => e === i[t + +!!t]) && i.length === n.length + r;
-}, T = class {
+}, E = class {
 	url;
 	search;
 	cause;
 	constructor(e, t) {
 		this.url = e, this.search = t, this.cause = "redirect";
 	}
-}, E = (e, t) => Promise.reject(new T(e, t)), D = (e) => {
-	let t = s(e);
-	return a(() => {
-		t.current = e;
-	}, [e]), t;
-}, O = ({ setLocation: e, routeList: t, context: n, revalidateCache: i }) => {
+}, D = (e, t) => (console.log("redirect called with url", e, t), Promise.reject(new E(e, t))), O = ({ setLocation: e, routeList: t, context: n, revalidateCache: i }) => {
 	let [l, u] = c({
 		from: "",
 		to: ""
-	}), d = s(""), f = D(r(async (r) => {
+	}), d = s(""), f = v(r(async (r) => {
 		try {
-			let a = t.find((e) => w(e, r.pathname));
+			let a = t.find((e) => T(e, r.pathname));
 			a?.beforeLoad && await a?.beforeLoad(n), e(r), r.pathname !== window.location.pathname && (history.pushState(null, "", r.pathname), d.current = r.pathname), await i(a), a?.afterLoad && await a?.afterLoad(n);
 		} catch (t) {
-			if (!(t instanceof T)) return t;
-			history.replaceState(null, "", `${t.url}${t.search || ""}`), e({
+			if (console.log("redirect caught", t), !(t instanceof E)) return t;
+			console.log("before redirect execution"), history.replaceState(null, "", `${t.url}${t.search || ""}`), e({
 				pathname: t.url,
 				search: t.search
-			});
+			}), console.log("after redirect execution");
 		}
 	}, [
 		n,
@@ -280,7 +280,7 @@ var l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	}, [l.from, f]);
 	return a(() => {
 		let e = async (e) => {
-			let t = C(e.target.location);
+			let t = w(e.target.location);
 			d.current === l.from ? (u({
 				from: d.current,
 				to: t.pathname
@@ -288,7 +288,7 @@ var l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		};
 		return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
 	}, [l.from, f]), a(() => {
-		let e = C(window.location);
+		let e = w(window.location);
 		f.current(e), d.current = e.pathname;
 	}, [f]), {
 		blockerState: o(() => l.from && l.to ? "blocked" : l.from ? "charged" : "unblocked", [l]),
@@ -332,7 +332,7 @@ var l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			}
 		}
 	}, [f, d]), m = r(async (t) => {
-		let n = e.find((e) => w(e, t));
+		let n = e.find((e) => T(e, t));
 		n && await p(n);
 	}, [p, e]);
 	return {
@@ -343,12 +343,12 @@ var l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		isLoading: o[window.location.pathname]
 	};
 }, A = (e) => e ? typeof e == "function" ? /* @__PURE__ */ (0, g.jsx)(e, {}) : e : null, j = "error 404. Page not found", M = "*", N = ({ routeList: e, context: t = {} }) => {
-	let [n, r] = c(C(window.location)), [i, a] = c(t), s = o(() => e.find((e) => e.path === M || w(e, n.pathname)), [n.pathname, e]), { loaderError: l, loaderCache: u, prefetchLoader: d, revalidateCache: f, isLoading: p } = k(e), { blockerState: m, updateLocation: h, updateBlockedRoute: v } = O({
+	let [n, r] = c(w(window.location)), [i, a] = c(t), s = o(() => e.find((e) => e.path === M || T(e, n.pathname)), [n.pathname, e]), { loaderError: l, loaderCache: u, prefetchLoader: d, revalidateCache: f, isLoading: p } = k(e), { blockerState: m, updateLocation: h, updateBlockedRoute: v } = O({
 		setLocation: r,
 		routeList: e,
 		context: i,
 		revalidateCache: f
-	}), y = o(() => s?.params ? S(s.params) : {}, [s]), b = o(() => ({
+	}), y = o(() => s?.params ? C(s.params) : {}, [s]), b = o(() => ({
 		location: n,
 		updateLocation: h,
 		params: y,
@@ -436,4 +436,4 @@ var l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	};
 };
 //#endregion
-export { R as Link, N as Router, x as createRouter, E as redirect, U as useBeforeUnload, H as useBlocker, V as useLoaderState, B as useLocation, L as useNavigate, z as useParams, W as useRouterContext };
+export { R as Link, N as Router, S as createRouter, D as redirect, U as useBeforeUnload, H as useBlocker, V as useLoaderState, B as useLocation, L as useNavigate, z as useParams, W as useRouterContext };

package/dist/utils/redirect.d.ts

@@ -1,4 +1,4 @@
-export declare class Redirect {
+export declare class RedirectInstance {
     url: string;
     search?: string;
     cause: 'redirect';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clear-react-router",
-  "version": "1.0.8",
+  "version": "1.0.11",
   "description": "A lightweight, type-safe routing library for React applications",
   "author": "Andrew Bubnov",
   "main": "./dist/index.js",