@elurjs/core 3.5.0

package/dist/lib/router.js

@@ -0,0 +1,513 @@
+import { signal as e } from "./signals.js";
+import { ElurComponent as t } from "./lifecycle.js";
+import { createInjectionKey as n, inject as r } from "./context.js";
+import { html as i } from "./elur/template/html.js";
+//#region src/elur/router.ts
+var a = n("elur:router"), o = null, s = null, c = [], l = "__elur_scroll", u = "__elur_pos";
+function d() {
+	if (!o) throw Error("[elur] No active router. Call createRouter() first, or instantiate an outlet that auto-bootstraps one (e.g. IonRouterOutlet).");
+	return o;
+}
+function f() {
+	return o !== null;
+}
+function p() {
+	return {
+		left: window.scrollX ?? window.pageXOffset ?? 0,
+		top: window.scrollY ?? window.pageYOffset ?? 0
+	};
+}
+function ee(e) {
+	if (!e || typeof e != "object") return null;
+	let t = e[l];
+	if (!t || typeof t != "object") return null;
+	let n = t.left, r = t.top;
+	return typeof n != "number" || typeof r != "number" ? null : {
+		left: n,
+		top: r
+	};
+}
+function m(e) {
+	if (!e || typeof e != "object") return null;
+	let t = e[u];
+	return typeof t == "number" ? t : null;
+}
+function h(e, t, n) {
+	let r = e && typeof e == "object" ? { ...e } : {};
+	return r[l] = {
+		left: t.left,
+		top: t.top
+	}, r[u] = n, r;
+}
+function g(e) {
+	let t = {};
+	return new URLSearchParams(e).forEach((e, n) => {
+		t[n] = e;
+	}), t;
+}
+function _(e) {
+	let t = new URLSearchParams();
+	for (let [n, r] of Object.entries(e)) r != null && r !== !1 && t.set(n, String(r));
+	let n = t.toString();
+	return n ? "?" + n : "";
+}
+function v(e) {
+	return e === "*" ? [{ kind: "wildcard" }] : e.split("/").filter(Boolean).map((e) => e === "*" ? { kind: "wildcard" } : e.startsWith(":") ? {
+		kind: "param",
+		name: e.slice(1)
+	} : {
+		kind: "literal",
+		value: e
+	});
+}
+function y(e, t) {
+	return t === "*" ? e === "" ? "*" : e + "/*" : (e + (t.startsWith("/") ? t : "/" + t)).replace(/\/+/g, "/") || "/";
+}
+function b(e, t = "", n = []) {
+	let r = [];
+	for (let i of e) {
+		let e = y(t, i.path), a = [...n, i.component], o = v(e);
+		r.push({
+			fullPath: e,
+			segments: o,
+			chain: a,
+			name: i.name,
+			meta: i.meta,
+			beforeEnter: i.beforeEnter,
+			record: i
+		}), i.children?.length && r.push(...b(i.children, e, a));
+	}
+	return r;
+}
+function x(e, t) {
+	let n = e.split("/").filter(Boolean), r = t.segments;
+	if (r.length === 1 && r[0].kind === "wildcard") return {};
+	let i = r.length > 0 && r[r.length - 1].kind === "wildcard", a = i ? r.slice(0, -1) : r;
+	if (i) {
+		if (n.length < a.length) return null;
+	} else if (n.length !== a.length) return null;
+	let o = {};
+	for (let e = 0; e < a.length; e++) {
+		let t = a[e];
+		if (t.kind === "literal") {
+			if (n[e] !== t.value) return null;
+		} else if (t.kind === "param") try {
+			o[t.name] = decodeURIComponent(n[e] ?? "");
+		} catch {
+			o[t.name] = n[e] ?? "";
+		}
+	}
+	return o;
+}
+function S(e) {
+	return e.segments.reduce((e, t) => t.kind === "literal" ? e + 2 : t.kind === "param" ? e + 1 : e, 0);
+}
+function C(e, t) {
+	let n, r = {}, i = -1;
+	for (let a of t) {
+		let t = x(e, a);
+		if (t === null) continue;
+		let o = S(a);
+		o > i && (n = a, r = t, i = o);
+	}
+	return n ? {
+		route: n,
+		params: r
+	} : void 0;
+}
+function w(e) {
+	let t = e.trim();
+	return !t || t === "/" ? "" : (t.startsWith("/") || (t = "/" + t), t.endsWith("/") && (t = t.slice(0, -1)), t);
+}
+function T() {
+	if (typeof document > "u") return "";
+	let e = document.querySelector("base");
+	if (!e) return "";
+	let t = e.getAttribute("href") || "";
+	try {
+		return w(new URL(t, window.location.origin).pathname);
+	} catch {
+		return w(t);
+	}
+}
+function te(e) {
+	return e === !1 ? { allow: !1 } : e === !0 || e == null ? { allow: !0 } : typeof e == "string" ? {
+		allow: !1,
+		redirect: e
+	} : typeof e == "object" && "redirect" in e && typeof e.redirect == "string" ? {
+		allow: !1,
+		redirect: e.redirect
+	} : { allow: !0 };
+}
+function E(t, n) {
+	let r = n?.base == null ? T() : w(n.base), i = n?.mode ?? "history", a = i === "hash", c = n?.scrollBehavior, l = /* @__PURE__ */ new Map(), u = !1;
+	function d(e) {
+		return e ? e.startsWith("/") ? e : "/" + e : "/";
+	}
+	function f(e) {
+		let t = d(e || "/");
+		if (r && t.startsWith(r)) {
+			let e = t.slice(r.length);
+			return e === "" ? "/" : d(e);
+		}
+		return t;
+	}
+	function v(e) {
+		let t = d(e);
+		return r ? (r + t).replace(/\/+/g, "/") || "/" : t;
+	}
+	function y() {
+		let e = window.location.hash || "";
+		if (e.startsWith("#") && (e = e.slice(1)), !e) return {
+			pathname: "/",
+			search: ""
+		};
+		e.startsWith("/") || (e = "/" + e);
+		let t = e.indexOf("?"), n = t === -1 ? e : e.slice(0, t), r = t === -1 ? "" : e.slice(t);
+		return {
+			pathname: f(n),
+			search: r
+		};
+	}
+	function x() {
+		return a ? y() : {
+			pathname: f(window.location.pathname || "/"),
+			search: window.location.search || ""
+		};
+	}
+	function S(e, t) {
+		let n = v(e) + _(t);
+		return a ? "#" + n : n;
+	}
+	function E(e, t) {
+		return d(e) + _(t);
+	}
+	let D = x(), O = D.pathname, k = g(D.search), A = b(t), j = /* @__PURE__ */ new Map();
+	for (let e of A) e.name && (j.has(e.name) && console.warn(`[Elur Router] Duplicate route name: "${e.name}"`), j.set(e.name, e));
+	let M = C(O, A), N = e(O), P = e(M?.params ?? {}), F = e(k), I = m(history.state) ?? 0, L = e({
+		action: "initial",
+		direction: "none"
+	}), R = e(I > 0);
+	a ? l.set(E(O, k), p()) : history.replaceState(h(history.state, p(), I), "");
+	function z(e) {
+		window.scrollTo(e.left, e.top);
+	}
+	function B(e, t, n) {
+		if (c) {
+			let r = c(e, t, n);
+			if (!r) return;
+			z(r);
+			return;
+		}
+		z(n ?? {
+			left: 0,
+			top: 0
+		});
+	}
+	function ne(e, t) {
+		let n = p();
+		if (a) {
+			l.set(E(e, t), n);
+			return;
+		}
+		history.replaceState(h(history.state, n, I), "");
+	}
+	let V = [], H = [], U = 0;
+	function W(e, t, n, r, i) {
+		let a = [...V];
+		n && a.push(n);
+		let o = ++U;
+		if (a.length === 0) {
+			r();
+			return;
+		}
+		let s = 0;
+		function c(n) {
+			if (o !== U) return;
+			let l = te(n);
+			if (!l.allow) {
+				if (l.redirect && l.redirect !== e) {
+					Z(l.redirect);
+					return;
+				}
+				if (l.redirect === e) {
+					r();
+					return;
+				}
+				i?.();
+				return;
+			}
+			if (s >= a.length) {
+				r();
+				return;
+			}
+			let u = a[s++](e, t);
+			if (u instanceof Promise) {
+				u.then(c);
+				return;
+			}
+			c(u);
+		}
+		c(void 0);
+	}
+	let G = !1;
+	function K(e, t) {
+		let n = e.indexOf("?"), r = d((n === -1 ? e : e.slice(0, n)) || "/"), i = n === -1 ? {} : g(e.slice(n)), a = t ? {
+			...i,
+			...t
+		} : i, o = {};
+		for (let [e, t] of Object.entries(a)) t != null && t !== !1 && (o[e] = String(t));
+		return {
+			pathname: r,
+			stringQuery: o
+		};
+	}
+	function re(e) {
+		let t = j.get(e.name);
+		if (!t) throw Error(`[Elur Router] No route with name "${e.name}"`);
+		return "/" + t.segments.map((t) => {
+			if (t.kind === "literal") return t.value;
+			if (t.kind === "wildcard") return "";
+			let n = e.params?.[t.name];
+			if (n == null) throw Error(`[Elur Router] Missing param "${t.name}" for route "${e.name}"`);
+			return encodeURIComponent(String(n));
+		}).filter(Boolean).join("/");
+	}
+	function q(e, t) {
+		return typeof e == "string" ? K(e, t?.query) : K(re(e), {
+			...e.query ?? {},
+			...t?.query ?? {}
+		});
+	}
+	s &&= (s(), null);
+	let J = (e, t, n, r, i) => {
+		let a = N.value, o = { ...F.value }, s = C(e, A), c = "none";
+		r != null && (r < I ? c = "back" : r > I && (c = "forward")), W(e, a, s?.route.beforeEnter, () => {
+			r != null && (I = r);
+			let i = X;
+			X = void 0, L.value = {
+				action: "pop",
+				direction: c,
+				animation: i
+			}, P.value = s?.params ?? {}, F.value = t, N.value = e, R.value = I > 0, B(e, a, n);
+			for (let t of H) try {
+				t(e, a);
+			} catch {}
+		}, () => i(a, o));
+	};
+	if (a) {
+		let e = () => {
+			if (u) {
+				u = !1;
+				return;
+			}
+			let e = x(), t = g(e.search), n = l.get(E(e.pathname, t)) ?? null;
+			J(e.pathname, t, n, null, (e, t) => {
+				u = !0, window.location.hash = S(e, t).slice(1), queueMicrotask(() => {
+					u = !1;
+				});
+			});
+		};
+		window.addEventListener("hashchange", e), s = () => window.removeEventListener("hashchange", e);
+	} else {
+		let e = (e) => {
+			let t = x(), n = g(t.search), r = ee(e.state ?? history.state), i = m(e.state ?? history.state);
+			J(t.pathname, n, r, i, (e, t) => {
+				history.pushState(h({}, p(), I), "", S(e, t));
+			});
+		};
+		window.addEventListener("popstate", e), s = () => window.removeEventListener("popstate", e);
+	}
+	function Y(e, t, n, r, i, o, s) {
+		s || (ne(n, r), I += 1), L.value = o, P.value = i?.params ?? {}, F.value = t, N.value = e, R.value = I > 0;
+		let c = S(e, t);
+		if (a) l.set(E(e, t), {
+			left: 0,
+			top: 0
+		}), s ? history.replaceState(history.state, "", c) : (u = !0, window.location.hash = c.slice(1), queueMicrotask(() => {
+			u = !1;
+		}));
+		else {
+			let e = h({}, {
+				left: 0,
+				top: 0
+			}, I);
+			s ? history.replaceState(e, "", c) : history.pushState(e, "", c);
+		}
+		B(e, n, null);
+		for (let t of H) try {
+			t(e, n);
+		} catch {}
+	}
+	let X;
+	function Z(e, t) {
+		G = !0;
+		let { pathname: n, stringQuery: r } = q(e, t), i = N.value, a = { ...F.value }, o = C(n, A), s = {
+			action: "push",
+			direction: t?.direction ?? "forward",
+			animation: t?.animation
+		};
+		W(n, i, o?.route.beforeEnter, () => Y(n, r, i, a, o, s, !1));
+	}
+	function ie(e, t) {
+		G = !0;
+		let { pathname: n, stringQuery: r } = q(e, t), i = N.value, a = { ...F.value }, o = C(n, A), s = {
+			action: "replace",
+			direction: t?.direction ?? "root",
+			animation: t?.animation
+		};
+		W(n, i, o?.route.beforeEnter, () => Y(n, r, i, a, o, s, !0));
+	}
+	function ae(e) {
+		e !== void 0 && (X = e), history.back();
+	}
+	function oe(e) {
+		e !== void 0 && (X = e), history.forward();
+	}
+	function se(e) {
+		history.go(e);
+	}
+	function Q(e, t = !0) {
+		let n = N.value;
+		return t ? n === e : n === e || n.startsWith(e.endsWith("/") ? e : e + "/");
+	}
+	function ce(e) {
+		let t = C(e, A);
+		return t ? {
+			matched: !0,
+			params: t.params,
+			route: t.route.record
+		} : {
+			matched: !1,
+			params: {},
+			route: void 0
+		};
+	}
+	function le(e) {
+		return V.push(e), () => {
+			let t = V.indexOf(e);
+			t !== -1 && V.splice(t, 1);
+		};
+	}
+	function ue(e) {
+		return H.push(e), () => {
+			let t = H.indexOf(e);
+			t !== -1 && H.splice(t, 1);
+		};
+	}
+	let $ = {
+		current: N,
+		params: P,
+		query: F,
+		intent: L,
+		canGoBack: R,
+		base: r || "/",
+		navigate: Z,
+		replace: ie,
+		back: ae,
+		forward: oe,
+		go: se,
+		isActive: Q,
+		resolve: ce,
+		beforeEach: le,
+		afterEach: ue,
+		routes: t,
+		_flat: A,
+		_guards: V,
+		_base: r,
+		_mode: i
+	};
+	return o && console.warn("[elur] A router already exists. The previous router is being replaced. Only one router instance should be active at a time."), o = $, queueMicrotask(() => {
+		G || W(O, "", C(O, A)?.route.beforeEnter, () => {}, () => {
+			let e = S("/", {});
+			a ? (l.set(E("/", {}), {
+				left: 0,
+				top: 0
+			}), history.replaceState(history.state, "", e)) : history.replaceState(h({}, {
+				left: 0,
+				top: 0
+			}, I), "", e);
+			let t = C("/", A);
+			L.value = {
+				action: "replace",
+				direction: "root"
+			}, N.value = "/", P.value = t?.params ?? {}, F.value = {}, R.value = I > 0, B("/", O, null);
+		});
+	}), $;
+}
+function D() {
+	return r(a) || d();
+}
+function O() {
+	s &&= (s(), null), o = null, c.length = 0;
+}
+var k = class extends t {
+	_depth;
+	_router;
+	constructor(e = 0, t) {
+		super(), this._depth = e, this._router = t;
+	}
+	render() {
+		let e = this._depth, t = this._router;
+		return i`<div class="router-view">${() => {
+			let n = t ?? D(), r = C(n.current.value, n._flat);
+			if (!r) return i`
+                    <div style="color:#f87171;padding:16px 0">
+                        404 — Route not found: <strong>${n.current.value}</strong>
+                    </div>
+                `;
+			if (e >= r.route.chain.length) return i`
+                    <span></span>
+                `;
+			let a = r.route.chain[e];
+			return a ? a() : i`
+                <span></span>
+            `;
+		}}</div>`;
+	}
+}, A = class extends t {
+	_to;
+	_label;
+	_router;
+	constructor(e, t, n) {
+		super(), this._to = e, this._label = t, this._router = n;
+	}
+	render() {
+		let e = this._to, t = this._label, n = this._router ?? D(), r = e.startsWith("/") ? e : "/" + e, a = (n._base ? n._base + r : r).replace(/\/+/g, "/");
+		return i`
+            <a     href=${n._mode === "hash" ? "#" + a : a}     style=${() => n.current.value === e ? "color:#38bdf8;font-weight:700;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px;background:#0c2a3a" : "color:#a3a3a3;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px"}     @click=${(t) => {
+			t.preventDefault(), n.navigate(e);
+		}}>${t}</a>
+        `;
+	}
+};
+function j(e) {
+	let t = c.indexOf(e);
+	t >= 0 && c.splice(t, 1), c.push(e);
+}
+function M(e) {
+	let t = c.indexOf(e);
+	t >= 0 && c.splice(t, 1);
+}
+function N() {
+	let e = c.length ? c[c.length - 1] : o;
+	if (!e) return null;
+	let t = e, n = t.current.value, r = C(n, t._flat), i = r?.route.beforeEnter, a = t._guards.map((e, t) => e.name || `beforeEach#${t + 1}`);
+	return i && a.push(i.name || "beforeEnter"), {
+		mode: t._mode,
+		base: t._base || "/",
+		currentPath: n,
+		params: { ...t.params.value },
+		query: { ...t.query.value },
+		matchedPath: r?.route.fullPath ?? null,
+		activeGuards: {
+			globalCount: t._guards.length,
+			hasRouteGuard: !!i,
+			names: a
+		}
+	};
+}
+//#endregion
+export { A as Link, a as RouterKey, k as RouterView, N as _debugGetRouterInternal, j as _debugRegisterRouter, M as _debugUnregisterRouter, f as _hasActiveRouter, O as _resetRouter, E as createRouter, D as elurRouter };
+
+//# sourceMappingURL=router.js.map

package/dist/lib/server.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./elur/template/types.cjs`),t=require(`./lifecycle.cjs`),n=require(`./context.cjs`),r=require(`./elur/template/keyed.cjs`),i=require(`./elur/template/sanitize.cjs`);let a=require(`node:async_hooks`);var o=e.isElurTemplate,s=e.isKeyedList,c=new a.AsyncLocalStorage;n._setContextScopeResolver(()=>c.getStore());function l(e={}){let t=new AbortController,n={markers:e.markers===`hydration`,context:e.context,onError:e.onError},r=e=>Promise.resolve(c.run([],e));return{signal:t.signal,async render(e,i){let a={...n,markers:i?.markers??n.markers,signal:t.signal},o=``;return await r(()=>(async()=>{for await(let t of p(e,a))o+=t.value})()),o},renderToChunks(e,r){return u(e,{...n,markers:r?.markers??n.markers,signal:t.signal})},abort(e){t.abort(e)}}}function u(e,t){return{async*[Symbol.asyncIterator](){let n=[],r=[],i=!1,a,o=()=>{r.shift()?.()},s=c.run([],async()=>{try{for await(let r of p(e,t))n.push(r),o()}catch(e){a=e}finally{i=!0,o()}});for(;;){for(;n.length===0&&!i;)await new Promise(e=>r.push(e));if(n.length===0)break;let e=n.shift();e&&(yield e)}if(a)throw a;yield{type:`done`,value:``,index:-1},await s}}}async function d(e,t={}){let n={markers:t.markers===`hydration`,signal:t.signal,context:t.context,onError:t.onError},r=``;return await Promise.resolve(c.run([],async()=>{for await(let t of p(e,n))r+=t.value})),r}function f(e,t={}){return u(e,{markers:t.markers===`hydration`,signal:t.signal,context:t.context,onError:t.onError})}async function*p(n,i){if(_(i),n instanceof Promise){yield*p(await n,i);return}if(!(n==null||n===!1||n===!0)){if(typeof n==`string`||typeof n==`number`||typeof n==`bigint`){yield{type:`markup`,value:b(String(n)),index:-1};return}if(Array.isArray(n)){let e=await Promise.all(n.map(e=>v(e)));_(i);for(let t of e)i.markers&&(yield{type:`markup`,value:`<!--elur-ai-->`,index:-1}),yield*p(t,i),i.markers&&(yield{type:`markup`,value:`<!--elur-aiend-->`,index:-1});return}if((typeof n==`object`||typeof n==`function`)&&n!==null){let t=n[e.ELUR_RENDER_PROTOCOL];if(t?.renderServer){let e=await t.renderServer({markers:i.markers,signal:i.signal,context:i.context,render:(e,t)=>g(e,{...i,markers:t?.markers??i.markers})});_(i),yield{type:`markup`,value:e,index:-1};return}}if(t.isElurComponent(n)){yield*m(n,i);return}if(s(n)){if(!i.markers){yield{type:`markup`,value:(await Promise.all(n.items.map((e,t)=>g(n.renderFn(e,t),i)))).join(``),index:-1};return}let e=new Set;for(let t=0;t<n.items.length;t++){let a=n.items[t],o=r.normalizeRepeatKey(n.keyFn(a,t),t),s=r.serializeRepeatKey(o);e.has(s)&&console.warn(`[elur] repeat(): duplicate key "${o}" during server render. Keys must be unique; entries after the first will leak during hydration.`),e.add(s),yield{type:`markup`,value:`<!--elur-ki:${s}-->`,index:-1},yield*p(n.renderFn(a,t),i),yield{type:`markup`,value:`<!--elur-ke-->`,index:-1}}return}if(o(n)){let t=n[e.ELUR_TEMPLATE_DESCRIPTOR];if(!t)throw TypeError(`[elur] Template does not support server rendering`);yield*h(t,i);return}yield{type:`markup`,value:b(String(n)),index:-1}}}async function*m(e,t){n._pushComponentContext();let r={index:-1,context:`component`,cause:void 0,component:e._debugName};try{try{e.onInit?.(),e.onServerRender?.()}catch(t){if(e.onError)e.onError(t);else throw t}try{yield*p(e.render(),t)}catch(t){if(e.onError){e.onError(t);return}throw t}}catch(e){throw t.onError?.(e,{...r,cause:e}),e}finally{n._popComponentContext()}}async function*h(e,t){let n=new Uint8Array(e.strings.length);for(let r=0;r<e.strings.length;r++){if(t.signal?.aborted)throw t.signal.reason??new DOMException(`Render aborted`,`AbortError`);let a=e.strings[r];if(n[r]===1&&(a[0]===`"`||a[0]===`'`)&&(a=a.slice(1)),r>=e.contexts.length){yield{type:`markup`,value:a,index:r};continue}let o=e.contexts[r],s=e.values[r];if(o.type===`node`){yield{type:`markup`,value:a,index:r},t.markers&&(yield{type:`boundary-start`,value:`<!--elur-${r}-->`,index:r});try{let e=await v(s);_(t),yield*p(e,t)}catch(e){throw t.onError?.(e,{index:r,context:`node`,cause:e}),e}t.markers&&(yield{type:`boundary-end`,value:`<!--elur-end-${r}-->`,index:r});continue}let c=y(o),l=a.slice(0,-c);if(o.hadOpenQuote&&(n[r+1]=1),o.type===`event`){t.markers?yield{type:`markup`,value:`${l}${/\s$/.test(l)?``:` `}data-elur-e-${r}="${x(o.eventName)}"`,index:r}:yield{type:`markup`,value:l.replace(/\s+$/,``),index:r};continue}yield{type:`markup`,value:l,index:r};let u=await v(s);if(_(t),o.attrName!==`ref`&&u!=null&&u!==!1){let e=o.url?i.sanitizeUrl(String(u)):String(u);yield{type:`markup`,value:`${/\s$/.test(l)?``:` `}${o.attrName}="${x(e)}"`,index:r}}t.markers&&(yield{type:`markup`,value:` data-elur-a-${r}="${x(o.attrName)}"`,index:r})}}async function g(e,t){let n=``;for await(let r of p(e,t))n+=r.value;return n}function _(e){if(e.signal?.aborted)throw e.signal.reason??new DOMException(`Render aborted`,`AbortError`)}async function v(e){let t=typeof e==`function`?e():e;return t instanceof Promise?await t:t}function y(e){return e.type===`event`?`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(`.`)}`:e.eventName}=`.length+ +!!e.hadOpenQuote:`${e.attrName}=`.length+ +!!e.hadOpenQuote}function b(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}function x(e){return b(e).replace(/"/g,`&quot;`)}exports.createServerRenderScope=l,exports.renderToChunks=f,exports.renderToString=d;
+//# sourceMappingURL=server.cjs.map