@elurjs/kit 2.4.10 → 2.5.1

package/dist/lib/router/client.js

@@ -1,57 +1,78 @@
 //#region src/router/client.ts
-var e = !0, t = null;
-function n() {
-	return e ? (t ||= (async () => {
-		let t = new URL("/__elur-js/render", location.origin);
-		t.searchParams.set("page", "/");
+var e = "data-elur-persist";
+function t(e, t) {
+	document.dispatchEvent(new CustomEvent(e, { detail: t }));
+}
+var n = !0, r = null;
+function i() {
+	return n ? (r ||= (async () => {
+		let e = new URL("/__elur-js/render", location.origin);
+		e.searchParams.set("page", "/");
 		try {
-			let n = await fetch(t.toString(), { headers: {
+			let t = await fetch(e.toString(), { headers: {
 				Accept: "application/json",
 				"X-Elur-Probe": "1"
 			} });
-			return e = n.ok, n.ok;
+			return n = t.ok, t.ok;
 		} catch {
-			return e = !1, !1;
+			return n = !1, !1;
 		}
-	})(), t) : Promise.resolve(!1);
+	})(), r) : Promise.resolve(!1);
 }
-function r(e) {
+function a(e) {
 	return e.tagName === "A" && e.hostname === location.hostname && e.target === "" && !e.getAttribute("download") && !e.hasAttribute("data-no-router");
 }
-function i(e) {
+function o(e) {
 	return e.metaKey || e.ctrlKey || e.shiftKey || e.altKey;
 }
-var a = 3e4, o = /* @__PURE__ */ new Map();
-function s(e, t) {
+var s = 3e4, c = 32, l = /* @__PURE__ */ new Map();
+function u(e, t) {
 	return e + t;
 }
-function c(e) {
-	let t = o.get(e);
+function d(e) {
+	let t = l.get(e);
 	if (t) {
-		if (Date.now() - t.ts > a) {
-			o.delete(e);
+		if (Date.now() - t.ts > s) {
+			l.delete(e);
 			return;
 		}
-		return t.payload;
+		return l.delete(e), l.set(e, t), t.payload;
 	}
 }
-function l(e, t) {
-	o.set(e, {
+function f(e, t) {
+	for (l.delete(e), l.set(e, {
 		payload: t,
 		ts: Date.now()
-	});
+	}); l.size > c;) {
+		let e = l.keys().next().value;
+		if (e === void 0) break;
+		l.delete(e);
+	}
 }
-async function u(t, r, i) {
-	let a = s(t, r), o = c(a);
-	if (o) return o;
-	if (e && await n()) {
-		let e = await d(t, r, i);
-		if (e) return l(a, e), e;
+function p() {
+	let e = globalThis.navigator?.connection;
+	return !(e?.saveData || e?.effectiveType === "slow-2g" || e?.effectiveType === "2g");
+}
+async function m(e, t, r) {
+	let a = u(e, t), o = d(a);
+	if (o) return {
+		payload: o,
+		fromCache: !0
+	};
+	if (n && await i()) {
+		let n = await h(e, t, r);
+		if (n) return f(a, n), {
+			payload: n,
+			fromCache: !1
+		};
 	}
-	let u = await f(t, r, i);
-	return u && l(a, u), u;
+	let s = await g(e, t, r);
+	if (s) return f(a, s), {
+		payload: s,
+		fromCache: !1
+	};
 }
-async function d(e, t, n) {
+async function h(e, t, n) {
 	let r = new URL("/__elur-js/render", location.origin);
 	r.searchParams.set("page", e);
 	let i = new URL(location.href);
@@ -75,7 +96,7 @@ async function d(e, t, n) {
 	}
 	return o;
 }
-async function f(e, t, n) {
+async function g(e, t, n) {
 	let r = e + (t || ""), i;
 	try {
 		i = await fetch(r, {
@@ -102,32 +123,35 @@ async function f(e, t, n) {
 		let t = e.getAttribute("href");
 		t && document.head.querySelector(`link[href="${t}"]`) || (u += e.outerHTML);
 	}
-	let f = o.querySelector("title")?.textContent ?? void 0;
+	let f = o.querySelector("title")?.textContent ?? void 0, p = o.getElementById("elur-data"), m = o.getElementById("elur-actions");
 	return {
 		body: c,
 		head: u,
-		title: f
+		title: f,
+		data: p?.textContent ?? void 0,
+		actions: m?.textContent ?? void 0
 	};
 }
-async function p(e, t = "") {
-	let n = s(e, t);
-	if (o.has(n)) {
-		let e = o.get(n);
-		if (Date.now() - e.ts <= a) return;
+async function _(e, t = "", n) {
+	if (n?.force !== !0 && !p()) return;
+	let r = u(e, t);
+	if (l.has(r)) {
+		let e = l.get(r);
+		if (Date.now() - e.ts <= s) return;
 	}
-	await u(e, t);
+	await m(e, t);
 }
-function m() {
+function v() {
 	return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
 }
-function h() {
+function y() {
 	return typeof document.startViewTransition == "function";
 }
-var g = null;
-function _() {
-	g &&= (g.controller.abort(), null);
+var b = null;
+function x() {
+	b &&= (b.controller.abort(), null);
 }
-function v(e) {
+function S(e) {
 	let t = e.querySelectorAll("link[rel=\"stylesheet\"]");
 	for (let e of t) {
 		let t = e.getAttribute("href");
@@ -151,7 +175,7 @@ function v(e) {
 		}
 	}
 }
-function y(e) {
+function C(e) {
 	let t = document.getElementById("elur-route-announcer");
 	t || (t = document.createElement("div"), t.id = "elur-route-announcer", t.setAttribute("aria-live", "assertive"), t.setAttribute("aria-atomic", "true"), t.setAttribute("role", "status"), t.setAttribute("style", "position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;"), document.body.appendChild(t)), t.textContent = "";
 	let n = t, r = setTimeout(() => {
@@ -162,61 +186,201 @@ function y(e) {
 	}, 50);
 	typeof r == "object" && r && "unref" in r && r.unref();
 }
-function b() {
+function w() {
 	let e = document.getElementById("app");
 	e && (e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e.focus({ preventScroll: !1 }));
 }
-function x(e, t) {
+function T(e, t) {
 	let n = location.origin + e + (t || ""), r = document.querySelector("link[rel=\"canonical\"]");
 	r || (r = document.createElement("link"), r.rel = "canonical", document.head.appendChild(r)), r.href = n;
 	let i = document.querySelector("meta[property=\"og:url\"]");
 	i || (i = document.createElement("meta"), i.setAttribute("property", "og:url"), document.head.appendChild(i)), i.content = n;
 }
-async function S(e, t = "", n = !0) {
-	_();
-	let r = new AbortController();
-	g = {
-		controller: r,
-		pathname: e
+function E(t, n) {
+	let r = t.querySelectorAll(`[${e}]`);
+	if (r.length === 0) return [];
+	let i = [];
+	for (let t of r) {
+		let r = t.getAttribute(e);
+		if (!r || i.some((e) => e.oldEl.contains(t))) continue;
+		let a = n.querySelector(`[${e}="${D(r)}"]`);
+		a && i.push({
+			oldEl: t,
+			newEl: a
+		});
+	}
+	return i;
+}
+function D(e) {
+	let t = globalThis.CSS?.escape;
+	return t ? t(e) : e.replace(/["\\\]]/g, "\\$&");
+}
+function O(e) {
+	for (let { oldEl: t, newEl: n } of e) {
+		k(t, n);
+		let e = n.parentNode;
+		e && typeof e.moveBefore == "function" ? (e.moveBefore(t, n), n.remove()) : n.replaceWith(t);
+	}
+}
+function k(e, t) {
+	let n = (e) => (e.matches?.("[data-elur-island]") ? [e] : []).concat(Array.from(e.querySelectorAll("[data-elur-island]"))), r = /* @__PURE__ */ new Map();
+	for (let e of n(t)) {
+		let t = e.getAttribute("data-elur-island");
+		t && r.set(t, e.getAttribute("data-props"));
+	}
+	for (let t of n(e)) {
+		let e = t.getAttribute("data-elur-island");
+		if (!e) continue;
+		let n = r.get(e), i = t.getAttribute("data-props");
+		n !== void 0 && n !== i && t.dispatchEvent(new CustomEvent("elur:persist-props-changed", {
+			bubbles: !0,
+			detail: {
+				name: e,
+				props: n,
+				previousProps: i
+			}
+		}));
+	}
+}
+var A = null, j = /* @__PURE__ */ new Set([
+	"",
+	"text/javascript",
+	"application/javascript",
+	"module"
+]);
+function M(e) {
+	A ||= new Set(Array.from(document.querySelectorAll("script[src]")).map((e) => e.getAttribute("src")).filter((e) => !!e).map((e) => new URL(e, location.href).href));
+	for (let t of Array.from(e.querySelectorAll("script"))) {
+		if (t.hasAttribute("data-elur-no-reload") || !j.has(t.type)) continue;
+		let e = t.getAttribute("src");
+		if (e) {
+			let t = new URL(e, location.href).href;
+			if (A.has(t)) continue;
+			A.add(t);
+		}
+		let n = document.createElement("script");
+		for (let e of Array.from(t.attributes)) n.setAttribute(e.name, e.value);
+		n.textContent = t.textContent, t.replaceWith(n);
+	}
+}
+function N(e, t) {
+	let n = document.getElementById(e);
+	if (t === void 0) {
+		n?.remove();
+		return;
+	}
+	if (n) {
+		n.textContent = t;
+		return;
+	}
+	let r = document.createElement("script");
+	r.type = "application/json", r.id = e, r.textContent = t, document.body.appendChild(r);
+}
+var P = !1;
+function F(t) {
+	return !!(t instanceof Element && (t.hasAttribute(e) || typeof t.__elur_js_island_dispose == "function"));
+}
+async function I(e, t) {
+	let { Idiomorph: n } = await import("../idiomorph.esm-CXuY-EHB.js"), r = document.createElement("div");
+	r.appendChild(t), n.morph(e, r, {
+		morphStyle: "innerHTML",
+		callbacks: { beforeNodeMorphed: (e) => !F(e) && void 0 }
+	});
+}
+async function L(n, r = "", i = !0) {
+	let a = !i;
+	x();
+	let o = new AbortController();
+	b = {
+		controller: o,
+		pathname: n
+	};
+	let s = {
+		pathname: n,
+		search: r,
+		popstate: a
 	};
-	let i;
+	t("elur:navigate-start", {
+		...s,
+		fromCache: d(u(n, r)) !== void 0
+	});
+	let c;
 	try {
-		i = await u(e, t, r.signal);
+		c = await m(n, r, o.signal);
 	} catch (e) {
-		if (r.signal.aborted) return !1;
-		throw e;
+		if (o.signal.aborted) return !1;
+		throw t("elur:navigate-error", {
+			...s,
+			fromCache: !1
+		}), e;
 	}
-	if (g && g.controller !== r && r.signal.aborted || (g = null, !i)) return !1;
-	let a = document.getElementById("app");
-	if (!a) return !1;
-	n && history.replaceState({
+	if (b && b.controller !== o && o.signal.aborted) return !1;
+	if (b = null, !c) return t("elur:navigate-error", {
+		...s,
+		fromCache: !1
+	}), !1;
+	let { payload: l, fromCache: f } = c, p = document.getElementById("app");
+	if (!p) return t("elur:navigate-error", {
+		...s,
+		fromCache: f
+	}), !1;
+	i && history.replaceState({
 		n: location.pathname,
 		scroll: window.scrollY
 	}, "", location.href);
-	let o = new URL(location.href), s = () => {
-		let r = [];
-		a.querySelectorAll("[data-scroll-preserve]").forEach((e) => {
-			r.push({
+	let h = new URL(location.href), g = async () => {
+		let t = [];
+		p.querySelectorAll("[data-scroll-preserve]").forEach((e) => {
+			t.push({
 				el: e,
 				top: e.scrollTop
 			});
-		}), v(a);
-		let s = document.createElement("template");
-		s.innerHTML = i.body, v(s.content), a.innerHTML = s.innerHTML, C(i.head, i.title), i.clearActionErrorCookie && (document.cookie = i.clearActionErrorCookie), n && history.pushState({
-			n: e,
+		}), S(p);
+		let a = () => {
+			let e = document.createElement("template");
+			return e.innerHTML = l.body, S(e.content), e.content;
+		}, o = a(), c = E(p, o);
+		if (document.dispatchEvent(new CustomEvent("elur:before-render", { detail: {
+			...s,
+			persisted: c.map((e) => e.oldEl)
+		} })), O(c), P) try {
+			await I(p, o);
+		} catch {
+			let t = a(), n = [];
+			for (let r of t.querySelectorAll(`[${e}]`)) {
+				let t = r.getAttribute(e), i = c.find((n) => n.oldEl.getAttribute(e) === t)?.oldEl;
+				i && n.push({
+					oldEl: i,
+					newEl: r
+				});
+			}
+			O(n), p.replaceChildren(t);
+		}
+		else p.replaceChildren(o);
+		R(l.head, l.title), l.clearActionErrorCookie && (document.cookie = l.clearActionErrorCookie), i && history.pushState({
+			n,
 			scroll: 0
-		}, "", e + (t || o.search));
-		let c = n ? 0 : history.state?.scroll ?? 0;
-		window.scrollTo(0, c);
-		for (let e of r) {
-			let t = a.querySelector(`[data-scroll-preserve="${e.el.getAttribute("data-scroll-preserve")}"]`);
+		}, "", n + (r || h.search));
+		let u = i ? 0 : history.state?.scroll ?? 0;
+		window.scrollTo(0, u);
+		for (let e of t) {
+			let t = p.querySelector(`[data-scroll-preserve="${e.el.getAttribute("data-scroll-preserve")}"]`);
 			t && (t.scrollTop = e.top);
 		}
-		x(e, t), y(e), n && b(), document.dispatchEvent(new CustomEvent("elur:rendered"));
+		T(n, r), N("elur-data", l.data ?? void 0), N("elur-actions", l.actions ?? void 0), M(p), C(n), i && w(), document.dispatchEvent(new CustomEvent("elur:rendered", { detail: s }));
 	};
-	return h() && !m() ? document.startViewTransition(() => s()) : s(), !0;
+	if (y() && !v()) {
+		let e = document.startViewTransition(() => g());
+		try {
+			await e.updateCallbackDone;
+		} catch {}
+	} else await g();
+	return t("elur:navigate-end", {
+		...s,
+		fromCache: f
+	}), !0;
 }
-function C(e, t) {
+function R(e, t) {
 	if (document.querySelectorAll("[data-elur-head]").forEach((e) => e.remove()), e && e.trim().length > 0) {
 		let t = document.createElement("template");
 		t.innerHTML = e;
@@ -224,8 +388,8 @@ function C(e, t) {
 		r && (document.title = r.textContent ?? "", r.remove()), document.head.appendChild(n);
 	} else t && (document.title = t);
 }
-var w = /* @__PURE__ */ new WeakSet();
-function T() {
+var z = /* @__PURE__ */ new WeakSet();
+function B() {
 	let e = (e) => {
 		let t = e.getAttribute("href");
 		if (!t || t.startsWith("#") || t.startsWith("mailto:") || t.startsWith("javascript:")) return null;
@@ -235,18 +399,18 @@ function T() {
 			search: n === -1 ? "" : t.slice(n)
 		};
 	}, t = (t) => {
-		if (w.has(t) || !r(t) || t.hasAttribute("data-no-prefetch")) return;
-		w.add(t);
+		if (z.has(t) || !a(t) || t.hasAttribute("data-no-prefetch")) return;
+		z.add(t);
 		let n = () => {
 			let n = e(t);
-			n && p(n.path, n.search);
+			n && _(n.path, n.search, { force: t.dataset.prefetch === "always" });
 		};
-		if (t.addEventListener("pointerenter", n, { once: !0 }), t.addEventListener("focus", n, { once: !0 }), t.dataset.prefetch === "viewport" && "IntersectionObserver" in window) {
+		if (t.addEventListener("pointerenter", n, { once: !0 }), t.addEventListener("focus", n, { once: !0 }), t.addEventListener("pointerdown", n, { once: !0 }), t.dataset.prefetch === "viewport" && "IntersectionObserver" in window) {
 			let n = new IntersectionObserver((t) => {
 				for (let r of t) {
 					if (!r.isIntersecting) continue;
 					let t = e(r.target);
-					t && p(t.path, t.search), n.disconnect();
+					t && _(t.path, t.search), n.disconnect();
 				}
 			}, {
 				rootMargin: "200px",
@@ -263,13 +427,50 @@ function T() {
 		subtree: !0
 	}), document.addEventListener("elur:rendered", n);
 }
-function E() {
-	document.querySelector("meta[name=\"elur:render-endpoint\"]")?.getAttribute("content") === "off" && (e = !1);
+var V = 200, H = "elur-loading-indicator";
+function U() {
+	if (typeof document > "u") return;
+	let e = null, t = null, n = null, r = 0, i = () => v(), a = () => {
+		e && (e.style.transform = `scaleX(${Math.min(r, 100) / 100})`);
+	}, o = () => {
+		e || (e = document.createElement("div"), e.id = H, e.setAttribute("aria-hidden", "true"), Object.assign(e.style, {
+			position: "fixed",
+			top: "0",
+			left: "0",
+			right: "0",
+			height: "2px",
+			background: "currentColor",
+			color: "var(--elur-loading-color, #4f7cff)",
+			transform: "scaleX(0)",
+			transformOrigin: "0 50%",
+			transition: i() ? "none" : "transform 150ms ease-out, opacity 200ms ease-in",
+			zIndex: "2147483647",
+			pointerEvents: "none",
+			opacity: "1"
+		}), document.body.appendChild(e), r = 10, a(), i() || (n = setInterval(() => {
+			r += (80 - r) * .12, a();
+		}, 150)));
+	}, s = () => {
+		if (t &&= (clearTimeout(t), null), n &&= (clearInterval(n), null), !e) return;
+		r = 100, a();
+		let o = e;
+		e = null, setTimeout(() => {
+			o.style.opacity = "0", setTimeout(() => o.remove(), i() ? 0 : 200);
+		}, 120);
+	};
+	document.addEventListener("elur:navigate-start", (e) => {
+		e.detail?.fromCache || (s(), t = setTimeout(o, V));
+	}), document.addEventListener("elur:navigate-end", s), document.addEventListener("elur:navigate-error", s);
+}
+var W = !1;
+function G(e = {}) {
+	if (P = e.morph === !0, W) return;
+	W = !0, "scrollRestoration" in history && (history.scrollRestoration = "manual"), document.querySelector("meta[name=\"elur:render-endpoint\"]")?.getAttribute("content") === "off" && (n = !1);
 	let t = document.getElementById("app");
-	t && v(t), document.addEventListener("click", async (e) => {
-		if (!(e instanceof MouseEvent) || i(e) || e.defaultPrevented) return;
+	t && S(t), document.addEventListener("click", async (e) => {
+		if (!(e instanceof MouseEvent) || o(e) || e.defaultPrevented) return;
 		let t = e.target.closest("a");
-		if (!t || !r(t)) return;
+		if (!t || !a(t)) return;
 		let n = t.getAttribute("href");
 		if (!n || n.startsWith("mailto:") || n.startsWith("javascript:")) return;
 		if (n.startsWith("#")) {
@@ -283,16 +484,16 @@ function E() {
 			return;
 		}
 		e.preventDefault();
-		let a = n.indexOf("?");
-		await S(a === -1 ? n : n.slice(0, a), a === -1 ? "" : n.slice(a)) || location.assign(n);
+		let r = n.indexOf("?");
+		await L(r === -1 ? n : n.slice(0, r), r === -1 ? "" : n.slice(r)) || location.assign(n);
 	}), window.addEventListener("popstate", (e) => {
-		S(e.state?.n ?? location.pathname, location.search, !1);
-	}), T();
+		L(e.state?.n ?? location.pathname, location.search, !1);
+	}), e.prefetch !== !1 && B(), e.loadingIndicator === !0 && U();
 }
-function D() {
-	o.clear(), g = null, e = !0, t = null;
+function K() {
+	l.clear(), b = null, n = !0, r = null, A = null, P = !1, W = !1;
 }
 //#endregion
-export { D as __resetRouterState, v as hoistStyles, S as navigateTo, p as prefetch, E as startClientRouter };
+export { K as __resetRouterState, S as hoistStyles, L as navigateTo, _ as prefetch, G as startClientRouter };
 
 //# sourceMappingURL=client.js.map