@studiolambda/router 0.1.0

package/dist/router_react.js

@@ -0,0 +1,506 @@
+import { t as e } from "./matcher-XNPYU-tD.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Suspense as n, createContext as r, use as i, useEffect as a, useEffectEvent as o, useRef as s, useState as c, useTransition as l } from "react";
+//#region \0rolldown/runtime.js
+var u = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), d = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+//#region src/react/components/Middlewares.tsx
+function f({ value: e, children: n }) {
+	return e?.reduceRight((e, n, r) => /* @__PURE__ */ t(n, { children: e }, r), n) ?? n;
+}
+//#endregion
+//#region node_modules/react/cjs/react-compiler-runtime.production.js
+var p = /* @__PURE__ */ u(((e) => {
+	var t = d("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+	e.c = function(e) {
+		return t.H.useMemoCache(e);
+	};
+})), m = /* @__PURE__ */ u(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		var t = d("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+		e.c = function(e) {
+			var n = t.H;
+			return n === null && console.error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."), n.useMemoCache(e);
+		};
+	})();
+})), h = (/* @__PURE__ */ u(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = p() : t.exports = m();
+})))(), g = r({}), _ = r(null), v = r(null), y = r(null);
+//#endregion
+//#region src/react/components/NotFound.tsx
+function b() {
+	let e = (0, h.c)(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ t("div", { children: "Not Found" }), e[0] = n) : n = e[0], n;
+}
+//#endregion
+//#region src/react/context/TransitionContext.ts
+var x = r(null);
+//#endregion
+//#region src/react/hooks/useNavigationHandlers.ts
+function S(e) {
+	let t = e ?? i(x);
+	if (t === null) throw Error("useNavigationHandlers requires a <Router> or <TransitionContext> provider");
+	let [, n] = t;
+	function r(e) {
+		if (e.prefetch === void 0) return;
+		let t = e.prefetch;
+		return async function(n) {
+			await t({
+				params: e.params,
+				url: e.url,
+				controller: n
+			});
+		};
+	}
+	function a(e) {
+		return function() {
+			return new Promise(function(t, r) {
+				n(async function() {
+					try {
+						await e(), t();
+					} catch (e) {
+						r(e);
+					}
+				});
+			});
+		};
+	}
+	return {
+		createPrecommitHandler: r,
+		createHandler: a
+	};
+}
+//#endregion
+//#region src/react/context/MatcherContext.ts
+var C = r(e());
+//#endregion
+//#region src/react/hooks/useNextMatch.ts
+function w(e) {
+	let t = e?.matcher ?? i(C);
+	return function(e, n) {
+		let r = {
+			handler: { component: n },
+			params: {}
+		};
+		return e ? t.match(new URL(e).pathname) ?? r : r;
+	};
+}
+//#endregion
+//#region src/react/hooks/useNavigationEvents.ts
+function T(e, t) {
+	let n = o(function(e) {
+		t.onNavigate?.(e);
+	}), r = o(function() {
+		t.onNavigateSuccess?.();
+	}), i = o(function(e) {
+		t.onNavigateError?.(e.error);
+	});
+	a(function() {
+		return e.addEventListener("navigate", n), e.addEventListener("navigatesuccess", r), e.addEventListener("navigateerror", i), function() {
+			e.removeEventListener("navigate", n), e.removeEventListener("navigatesuccess", r), e.removeEventListener("navigateerror", i);
+		};
+	}, [e]);
+}
+//#endregion
+//#region src/react/context/PathnameContext.ts
+var E = r("/");
+//#endregion
+//#region src/react/extractPathname.ts
+function D(e) {
+	return e ? new URL(e, "http://localhost").pathname : "/";
+}
+//#endregion
+//#region src/react/components/Router.tsx
+function O(e) {
+	let r = (0, h.c)(44), a = i(_), s = e.navigation ?? a ?? window.navigation, u = e.matcher ?? i(C), d = l(), p = e.transition ?? d, m;
+	r[0] === u ? m = r[1] : (m = { matcher: u }, r[0] = u, r[1] = m);
+	let O = w(m), k = e.notFound ?? b, A;
+	r[2] !== s.currentEntry?.url || r[3] !== O || r[4] !== k ? (A = function() {
+		let e = s.currentEntry?.url ?? null;
+		return {
+			match: O(e, k),
+			signal: null,
+			navigationType: null,
+			pathname: D(e)
+		};
+	}, r[2] = s.currentEntry?.url, r[3] = O, r[4] = k, r[5] = A) : A = r[5];
+	let [j, M] = c(A), { createPrecommitHandler: N, createHandler: P } = S(p), F;
+	r[6] !== P || r[7] !== N || r[8] !== O || r[9] !== k ? (F = function(e) {
+		if (!e.canIntercept || e.hashChange || e.downloadRequest !== null) return;
+		let t = O(e.destination.url, k);
+		if (e.formData !== null && t.handler.formHandler !== void 0) {
+			e.intercept({
+				scroll: t.handler.scroll,
+				focusReset: t.handler.focusReset,
+				async handler() {
+					await t.handler.formHandler(e.formData, e);
+				}
+			});
+			return;
+		}
+		let n = N({
+			prefetch: t.handler.prefetch,
+			params: t.params,
+			url: new URL(e.destination.url)
+		}), r = P(function() {
+			M({
+				match: t,
+				signal: e.signal,
+				navigationType: e.navigationType,
+				pathname: D(e.destination.url)
+			});
+		});
+		e.intercept({
+			handler: r,
+			precommitHandler: n,
+			scroll: t.handler.scroll,
+			focusReset: t.handler.focusReset
+		});
+	}, r[6] = P, r[7] = N, r[8] = O, r[9] = k, r[10] = F) : F = r[10];
+	let I = o(F), L;
+	r[11] !== I || r[12] !== e.onNavigateError || r[13] !== e.onNavigateSuccess ? (L = {
+		onNavigate: I,
+		onNavigateSuccess: e.onNavigateSuccess,
+		onNavigateError: e.onNavigateError
+	}, r[11] = I, r[12] = e.onNavigateError, r[13] = e.onNavigateSuccess, r[14] = L) : L = r[14], T(s, L);
+	let R = j.match.handler.component, z = j.match.handler.middlewares, B;
+	r[15] === R ? B = r[16] : (B = /* @__PURE__ */ t(R, {}), r[15] = R, r[16] = B);
+	let V;
+	r[17] !== z || r[18] !== B ? (V = /* @__PURE__ */ t(f, {
+		value: z,
+		children: B
+	}), r[17] = z, r[18] = B, r[19] = V) : V = r[19];
+	let H;
+	r[20] !== e.fallback || r[21] !== V ? (H = /* @__PURE__ */ t(n, {
+		fallback: e.fallback,
+		children: V
+	}), r[20] = e.fallback, r[21] = V, r[22] = H) : H = r[22];
+	let U;
+	r[23] !== j.match.params || r[24] !== H ? (U = /* @__PURE__ */ t(g, {
+		value: j.match.params,
+		children: H
+	}), r[23] = j.match.params, r[24] = H, r[25] = U) : U = r[25];
+	let W;
+	r[26] !== j.pathname || r[27] !== U ? (W = /* @__PURE__ */ t(E, {
+		value: j.pathname,
+		children: U
+	}), r[26] = j.pathname, r[27] = U, r[28] = W) : W = r[28];
+	let G;
+	r[29] !== j.signal || r[30] !== W ? (G = /* @__PURE__ */ t(v, {
+		value: j.signal,
+		children: W
+	}), r[29] = j.signal, r[30] = W, r[31] = G) : G = r[31];
+	let K;
+	r[32] !== j.navigationType || r[33] !== G ? (K = /* @__PURE__ */ t(y, {
+		value: j.navigationType,
+		children: G
+	}), r[32] = j.navigationType, r[33] = G, r[34] = K) : K = r[34];
+	let q;
+	r[35] !== u || r[36] !== K ? (q = /* @__PURE__ */ t(C, {
+		value: u,
+		children: K
+	}), r[35] = u, r[36] = K, r[37] = q) : q = r[37];
+	let J;
+	r[38] !== s || r[39] !== q ? (J = /* @__PURE__ */ t(_, {
+		value: s,
+		children: q
+	}), r[38] = s, r[39] = q, r[40] = J) : J = r[40];
+	let Y;
+	return r[41] !== J || r[42] !== p ? (Y = /* @__PURE__ */ t(x, {
+		value: p,
+		children: J
+	}), r[41] = J, r[42] = p, r[43] = Y) : Y = r[43], Y;
+}
+//#endregion
+//#region src/react/hooks/useActiveLinkProps.ts
+function k(e, t) {
+	let n = A(e, i(E), t?.exact ?? !0);
+	return {
+		isActive: n,
+		props: {
+			"data-active": n || void 0,
+			"aria-current": n ? "page" : void 0
+		}
+	};
+}
+function A(e, t, n) {
+	if (e === void 0) return !1;
+	let r = D(e);
+	return n ? r === t : t === r || t.startsWith(r + "/");
+}
+//#endregion
+//#region src/react/hooks/usePrefetch.ts
+function j(e) {
+	let t = e?.matcher ?? i(C);
+	return function(e) {
+		let n = new URL(e, "http://localhost"), r = t.match(n.pathname);
+		if (r?.handler.prefetch === void 0) return;
+		let i = {
+			params: r.params,
+			url: n,
+			controller: {
+				redirect() {},
+				addHandler() {}
+			}
+		};
+		return r.handler.prefetch(i);
+	};
+}
+//#endregion
+//#region src/react/hooks/usePrefetchEffect.ts
+function M(e, t) {
+	let { href: n, on: r, once: i = !0, matcher: s } = t, c = j({ matcher: s }), l = o(function(e, t) {
+		for (let t of e) t.isIntersecting && n !== void 0 && c(n);
+		i && t.disconnect();
+	}), u = o(function() {
+		n !== void 0 && c(n);
+	});
+	a(function() {
+		if (r === void 0) return;
+		let t = e.current;
+		if (t !== null) switch (r) {
+			case "hover": return t.addEventListener("mouseenter", u, { once: i }), function() {
+				t.removeEventListener("mouseenter", u);
+			};
+			case "viewport": {
+				let e = new IntersectionObserver(l);
+				return e.observe(t), function() {
+					e.disconnect();
+				};
+			}
+		}
+	}, [
+		r,
+		i,
+		n,
+		e
+	]);
+}
+//#endregion
+//#region src/react/components/Link.tsx
+function N(e) {
+	let n = (0, h.c)(23), r, i, a, o, c, l, u;
+	n[0] === e ? (r = n[1], i = n[2], a = n[3], o = n[4], c = n[5], l = n[6], u = n[7]) : ({prefetch: o, once: l, href: i, matcher: a, className: r, activeExact: u, ...c} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a, n[4] = o, n[5] = c, n[6] = l, n[7] = u);
+	let d = l === void 0 ? !0 : l, f = u === void 0 ? !0 : u, p = s(null), m;
+	n[8] === f ? m = n[9] : (m = { exact: f }, n[8] = f, n[9] = m);
+	let { isActive: g, props: _ } = k(i, m), v;
+	n[10] !== i || n[11] !== a || n[12] !== d || n[13] !== o ? (v = {
+		href: i,
+		on: o,
+		once: d,
+		matcher: a
+	}, n[10] = i, n[11] = a, n[12] = d, n[13] = o, n[14] = v) : v = n[14], M(p, v);
+	let y;
+	n[15] !== r || n[16] !== g ? (y = typeof r == "function" ? r({ isActive: g }) : r, n[15] = r, n[16] = g, n[17] = y) : y = n[17];
+	let b = y, x;
+	return n[18] !== _ || n[19] !== i || n[20] !== c || n[21] !== b ? (x = /* @__PURE__ */ t("a", {
+		ref: p,
+		href: i,
+		className: b,
+		..._,
+		...c
+	}), n[18] = _, n[19] = i, n[20] = c, n[21] = b, n[22] = x) : x = n[22], x;
+}
+//#endregion
+//#region src/react/hooks/useNavigation.ts
+function P() {
+	let e = i(_);
+	if (e === null) throw Error("useNavigation requires a <Router> or <NavigationContext> provider");
+	return e;
+}
+//#endregion
+//#region src/react/hooks/useNavigate.ts
+function F() {
+	let e = P();
+	return function(t, n) {
+		return e.navigate(t, n);
+	};
+}
+//#endregion
+//#region src/react/hooks/useNavigationSignal.ts
+function I() {
+	return i(v);
+}
+//#endregion
+//#region src/react/hooks/useNavigationType.ts
+function L() {
+	return i(y);
+}
+//#endregion
+//#region src/react/hooks/useParams.ts
+function R() {
+	return i(g);
+}
+//#endregion
+//#region src/react/hooks/useIsPending.ts
+function z() {
+	let e = i(x);
+	if (e === null) throw Error("useIsPending requires a <Router> or <TransitionContext> provider");
+	return e[0];
+}
+//#endregion
+//#region src/react/hooks/usePathname.ts
+function B() {
+	return i(E);
+}
+//#endregion
+//#region src/react/hooks/useSearchParams.ts
+function V() {
+	let e = P(), t = e.currentEntry?.url, n = t ? new URL(t).searchParams : new URLSearchParams();
+	function r(t, n) {
+		let r = e.currentEntry, i = new URL(r?.url ?? "/", "http://localhost"), a = typeof t == "function" ? t(i.searchParams) : t, o = (a instanceof URLSearchParams ? a : new URLSearchParams(a)).toString(), s = i.pathname + (o ? "?" + o : "");
+		return e.navigate(s, { history: n?.history ?? "replace" });
+	}
+	return [n, r];
+}
+//#endregion
+//#region src/react/hooks/useBack.ts
+function H() {
+	let e = P();
+	function t(t) {
+		return e.back(t);
+	}
+	return {
+		back: t,
+		canGoBack: e.canGoBack
+	};
+}
+//#endregion
+//#region src/react/hooks/useForward.ts
+function U() {
+	let e = P();
+	function t(t) {
+		return e.forward(t);
+	}
+	return {
+		forward: t,
+		canGoForward: e.canGoForward
+	};
+}
+//#endregion
+//#region src/react/navigation/createMemoryNavigation.ts
+function W(e) {
+	let t = { url: e.url };
+	function n() {}
+	function r() {}
+	function i() {
+		return {
+			committed: Promise.resolve(t),
+			finished: Promise.resolve(t)
+		};
+	}
+	function a() {
+		return [t];
+	}
+	return {
+		currentEntry: t,
+		canGoBack: !1,
+		canGoForward: !1,
+		transition: null,
+		addEventListener: n,
+		removeEventListener: r,
+		navigate: i,
+		entries: a
+	};
+}
+//#endregion
+//#region src/react/createRouter.ts
+function G(e, t) {
+	return e === "" && t === "" ? "" : e === "" ? t : t === "" || t === "/" ? e : (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : "/" + t);
+}
+function K(e) {
+	if (e.length !== 0) return e.length === 1 ? e[0] : async function(t) {
+		for (let n of e) await n(t);
+	};
+}
+function q() {
+	return null;
+}
+function J(e, t) {
+	return function(n) {
+		let r = {
+			path: n,
+			middlewares: [],
+			prefetches: [],
+			scroll: void 0,
+			focusReset: void 0,
+			formHandler: void 0
+		};
+		function i() {
+			let e = G(t.prefix, r.path ?? "");
+			if (e === "") throw Error("cannot register a route without a path or group prefix");
+			return e;
+		}
+		function a() {
+			let e = [...t.middlewares, ...r.middlewares];
+			return e.length > 0 ? e : void 0;
+		}
+		function o() {
+			return K([...t.prefetches, ...r.prefetches]);
+		}
+		let s = {
+			middleware(e) {
+				return r.middlewares.push(...e), s;
+			},
+			prefetch(e) {
+				return r.prefetches.push(e), s;
+			},
+			scroll(e) {
+				return r.scroll = e, s;
+			},
+			focusReset(e) {
+				return r.focusReset = e, s;
+			},
+			formHandler(e) {
+				return r.formHandler = e, s;
+			},
+			render(t) {
+				let n = i(), s = {
+					component: t,
+					middlewares: a(),
+					prefetch: o(),
+					scroll: r.scroll,
+					focusReset: r.focusReset,
+					formHandler: r.formHandler
+				};
+				e.register(n, s);
+			},
+			redirect(t) {
+				let n = i(), o = {
+					component: q,
+					middlewares: a(),
+					prefetch: function(e) {
+						let n = typeof t == "function" ? t(e) : t;
+						e.controller.redirect(n);
+					},
+					scroll: r.scroll,
+					focusReset: r.focusReset
+				};
+				e.register(n, o);
+			},
+			group() {
+				return J(e, {
+					prefix: G(t.prefix, r.path ?? ""),
+					middlewares: [...t.middlewares, ...r.middlewares],
+					prefetches: [...t.prefetches, ...r.prefetches]
+				});
+			}
+		};
+		return s;
+	};
+}
+function Y(t) {
+	let n = e();
+	return t(J(n, {
+		prefix: "",
+		middlewares: [],
+		prefetches: []
+	})), n;
+}
+//#endregion
+export { N as Link, C as MatcherContext, f as Middlewares, _ as NavigationContext, v as NavigationSignalContext, y as NavigationTypeContext, b as NotFound, g as ParamsContext, E as PathnameContext, O as Router, x as TransitionContext, W as createMemoryNavigation, Y as createRouter, D as extractPathname, k as useActiveLinkProps, H as useBack, U as useForward, z as useIsPending, F as useNavigate, P as useNavigation, T as useNavigationEvents, S as useNavigationHandlers, I as useNavigationSignal, L as useNavigationType, w as useNextMatch, R as useParams, B as usePathname, j as usePrefetch, M as usePrefetchEffect, V as useSearchParams };
+
+//# sourceMappingURL=router_react.js.map