@voltro/web 0.30.0 → 0.30.1

package/dist/{frameworkBoot-BkBY6M2s.js → frameworkBoot-Dm6UaRP-.js}

@@ -1,18 +1,18 @@
 import { t as e } from "./globalContext-d4A-ugDg.js";
 import { AppClientsContext as t } from "./hooks.js";
-import { c as n, l as r, r as i, s as a } from "./defaultFallbacks-Fik_Gcjh.js";
-import { useCallback as o, useContext as s, useEffect as c, useRef as l, useState as u, useSyncExternalStore as d } from "react";
-import { FrameworkRuntimesProvider as f, buildApiRuntime as p, ssrClientProxy as m, ssrStubHandle as h, subscribeClientTraces as g } from "@voltro/client";
-import { Fragment as ee, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { c as n, l as r, r as i, s as a, u as o } from "./defaultFallbacks-B4Ak-R6R.js";
+import { useCallback as s, useContext as c, useEffect as l, useRef as u, useState as d, useSyncExternalStore as f } from "react";
+import { FrameworkRuntimesProvider as p, buildApiRuntime as m, ssrClientProxy as h, ssrStubHandle as g, subscribeClientTraces as ee } from "@voltro/client";
+import { Fragment as te, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/reconnect.ts
-var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C = () => {
-	let e = d(r, a, a).some((e) => e.kind === "loading" || e.kind === "reconnecting"), [t, n] = u(!1);
-	return c(() => {
+var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C = () => {
+	let e = f(o, n, n).some((e) => e.kind === "loading" || e.kind === "reconnecting"), [t, r] = d(!1);
+	return l(() => {
 		if (!e) {
-			n(!1);
+			r(!1);
 			return;
 		}
-		let t = setTimeout(() => n(!0), x);
+		let t = setTimeout(() => r(!0), x);
 		return () => clearTimeout(t);
 	}, [e]), /* @__PURE__ */ v("div", {
 		"aria-hidden": "true",
@@ -37,16 +37,16 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 			border: "1px solid color-mix(in oklch, canvastext 12%, transparent)",
 			boxShadow: "0 4px 14px color-mix(in oklch, canvastext 16%, transparent)"
 		},
-		children: [/* @__PURE__ */ _("span", { "data-voltro-nav-spinner": "" }), /* @__PURE__ */ _("style", { children: te })]
+		children: [/* @__PURE__ */ _("span", { "data-voltro-nav-spinner": "" }), /* @__PURE__ */ _("style", { children: ne })]
 	});
-}, te = "\n@keyframes voltroNavSpin { to { transform: rotate(360deg); } }\n[data-voltro-nav-spinner] {\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 2px solid color-mix(in oklch, canvastext 22%, transparent);\n  border-top-color: color-mix(in oklch, canvastext 78%, transparent);\n  animation: voltroNavSpin 0.7s linear infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-voltro-nav-spinner] { animation-duration: 1.6s; }\n}\n", ne = (e) => Math.min(500 * 2 ** Math.min(e - 1, 4), 5e3), re = 2, w = 2e3, T = () => typeof window < "u" && !1, ie = () => typeof window > "u" ? null : `${window.location.origin}/`, ae = 2e4, E = "voltro:wedge-reload-at", D = () => {
+}, ne = "\n@keyframes voltroNavSpin { to { transform: rotate(360deg); } }\n[data-voltro-nav-spinner] {\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 2px solid color-mix(in oklch, canvastext 22%, transparent);\n  border-top-color: color-mix(in oklch, canvastext 78%, transparent);\n  animation: voltroNavSpin 0.7s linear infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-voltro-nav-spinner] { animation-duration: 1.6s; }\n}\n", re = (e) => Math.min(500 * 2 ** Math.min(e - 1, 4), 5e3), w = 2, T = 2e3, ie = () => typeof window < "u" && !1, ae = () => typeof window > "u" ? null : `${window.location.origin}/`, oe = 2e4, E = "voltro:wedge-reload-at", se = () => {
 	try {
 		let e = Number(window.sessionStorage.getItem(E) ?? "0"), t = Date.now();
-		if (t - e < ae) return;
+		if (t - e < oe) return;
 		window.sessionStorage.setItem(E, String(t));
 	} catch {}
 	window.location.reload();
-}, O = () => ({
+}, D = () => ({
 	resolved: null,
 	retryToken: 0,
 	failureCount: 0,
@@ -54,15 +54,15 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 	reconnectStatusDispose: null,
 	everOpened: !1,
 	healthPollHandle: null
-}), k = (e) => {
+}), O = (e) => {
 	e.healthPollHandle !== null && (clearInterval(e.healthPollHandle), e.healthPollHandle = null);
-}, A = (e) => {
+}, k = (e) => {
 	e.cache.destroy(e.runtime), e.runtime.dispose();
-}, oe = (e) => {
-	let t = e.apis, r = e.buildClient, i = e.onChange, a = e.retryDelayMs ?? ne, o = e.stableWindowMs ?? 5e3, s = e.scheduler?.setTimeout ?? ((e, t) => setTimeout(e, t)), c = e.scheduler?.clearTimeout ?? ((e) => {
+}, ce = (e) => {
+	let t = e.apis, n = e.buildClient, i = e.onChange, a = e.retryDelayMs ?? re, o = e.stableWindowMs ?? 5e3, s = e.scheduler?.setTimeout ?? ((e, t) => setTimeout(e, t)), c = e.scheduler?.clearTimeout ?? ((e) => {
 		clearTimeout(e);
 	}), l = e.scheduler?.queueMicrotask ?? queueMicrotask, u = /* @__PURE__ */ new Map();
-	for (let e of t) u.set(e.name, O());
+	for (let e of t) u.set(e.name, D());
 	let d = !1, f = /* @__PURE__ */ new Set(), p = (e, t) => {
 		let n = s(() => {
 			f.delete(n), e();
@@ -78,50 +78,50 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 		let t = u.get(e.name);
 		if (!t) return;
 		t.failureCount += 1;
-		let r = a(t.failureCount), i = ++t.retryToken;
-		if (t.reconnectStatusDispose ||= n({
+		let n = a(t.failureCount), i = ++t.retryToken;
+		if (t.reconnectStatusDispose ||= r({
 			id: `voltro:supervisor:${e.name}`,
 			kind: "reconnecting",
 			label: "Reconnecting…"
-		}), T() && t.everOpened && t.failureCount >= re && t.healthPollHandle === null) {
-			let e = ie();
+		}), ie() && t.everOpened && t.failureCount >= w && t.healthPollHandle === null) {
+			let e = ae();
 			e && (t.healthPollHandle = setInterval(() => {
 				fetch(e, {
 					method: "GET",
 					cache: "no-store",
-					signal: AbortSignal.timeout(w)
+					signal: AbortSignal.timeout(T)
 				}).then((e) => {
-					e.status < 500 && D();
+					e.status < 500 && se();
 				}).catch(() => {});
-			}, w));
+			}, T));
 		}
 		p(() => {
 			d || t.retryToken === i && (t.generation += 1, g(e));
-		}, r);
+		}, n);
 	}, g = async (e) => {
 		if (d) return;
 		let t = u.get(e.name);
 		if (!t) return;
-		let n = t.generation, i = () => {
-			if (d || t.generation !== n) return;
-			t.everOpened = !0, k(t), t.retryToken++;
+		let r = t.generation, i = () => {
+			if (d || t.generation !== r) return;
+			t.everOpened = !0, O(t), t.retryToken++;
 			let e = t.failureCount;
 			p(() => {
 				d || t.failureCount === e && (t.failureCount = 0);
 			}, o);
-		}, a = (r) => {
-			d || t.generation !== n || h(e);
+		}, a = (n) => {
+			d || t.generation !== r || h(e);
 		};
 		try {
-			let o = await r(e, n, i, a);
-			if (d || t.generation !== n) {
-				A(o);
+			let o = await n(e, r, i, a);
+			if (d || t.generation !== r) {
+				k(o);
 				return;
 			}
 			let s = t.resolved;
-			t.resolved = o, t.reconnectStatusDispose &&= (t.reconnectStatusDispose(), null), m(), s && A(s);
+			t.resolved = o, t.reconnectStatusDispose &&= (t.reconnectStatusDispose(), null), m(), s && k(s);
 		} catch {
-			if (d || t.generation !== n) return;
+			if (d || t.generation !== r) return;
 			h(e);
 		}
 	};
@@ -138,35 +138,35 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 				d = !0;
 				for (let e of f) c(e);
 				f.clear();
-				for (let [, e] of u) e.resolved && A(e.resolved), e.reconnectStatusDispose && e.reconnectStatusDispose(), k(e);
+				for (let [, e] of u) e.resolved && k(e.resolved), e.reconnectStatusDispose && e.reconnectStatusDispose(), O(e);
 				u.clear();
 			}
 		},
 		reconnect: () => {
 			if (!d) for (let e of t) {
 				let t = u.get(e.name);
-				t && (t.retryToken += 1, t.generation += 1, t.failureCount = 0, k(t), g(e));
+				t && (t.retryToken += 1, t.generation += 1, t.failureCount = 0, O(t), g(e));
 			}
 		}
 	});
-}, j = {
+}, A = {
 	log: console.log.bind(console),
 	info: console.info.bind(console),
 	warn: console.warn.bind(console),
 	error: console.error.bind(console),
 	debug: console.debug.bind(console)
-}, se = 200, M = 400, N = 20, P = 1e3, F = (e) => {
+}, j = 200, M = 400, N = 20, P = 1e3, F = (e) => {
 	if (typeof e == "string") return e;
 	if (e === void 0) return "undefined";
 	if (e === null) return "null";
 	if (e instanceof Error) return e.stack ?? e.message;
 	if (typeof e == "object") try {
-		return JSON.stringify(e, ce());
+		return JSON.stringify(e, le());
 	} catch {
 		return Object.prototype.toString.call(e);
 	}
 	return String(e);
-}, ce = () => {
+}, le = () => {
 	let e = /* @__PURE__ */ new WeakSet();
 	return (t, n) => {
 		if (typeof n == "object" && n) {
@@ -234,7 +234,7 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 		i === null && (i = setTimeout(o, t));
 	}, c = (e, t) => {
 		if (a) return;
-		r.length >= se && r.shift();
+		r.length >= j && r.shift();
 		let n = t.find((e) => e instanceof Error), i = t.find((e) => typeof e == "object" && !!e && "componentStack" in e), c = typeof i?.componentStack == "string" ? i.componentStack : void 0, l = t[0] instanceof Error ? {
 			message: t[0].message,
 			rest: t.slice(1)
@@ -249,14 +249,14 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 		};
 		r.push(p), r.length >= N ? o() : s();
 	}, l = (e) => (...t) => {
-		j[e](...t), c(e, t);
+		A[e](...t), c(e, t);
 	};
 	console.log = l("log"), console.info = l("info"), console.warn = l("warn"), console.error = l("error"), console.debug = l("debug");
 	let u = () => {
 		o();
 	};
 	return typeof window < "u" && (window.addEventListener("beforeunload", u), window.addEventListener("pagehide", u)), { dispose: () => {
-		a = !0, o(), i !== null && (clearTimeout(i), i = null), console.log = j.log, console.info = j.info, console.warn = j.warn, console.error = j.error, console.debug = j.debug, typeof window < "u" && (window.removeEventListener("beforeunload", u), window.removeEventListener("pagehide", u));
+		a = !0, o(), i !== null && (clearTimeout(i), i = null), console.log = A.log, console.info = A.info, console.warn = A.warn, console.error = A.error, console.debug = A.debug, typeof window < "u" && (window.removeEventListener("beforeunload", u), window.removeEventListener("pagehide", u));
 	} };
 }, B = 500, V = /* @__PURE__ */ new Set(), H = (e) => {
 	if (!V.has(e) && (V.add(e), V.size > B)) {
@@ -265,11 +265,11 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 	}
 }, U = /* @__PURE__ */ new Set(), W = (e) => (U.add(e), () => {
 	U.delete(e);
-}), le = (e) => {
+}), ue = (e) => {
 	for (let t of U) try {
 		t(e);
 	} catch {}
-}, ue = {
+}, de = {
 	log: "log",
 	info: "info",
 	warn: "warn",
@@ -288,21 +288,21 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 			try {
 				let n = JSON.parse(t.data).payload;
 				if (!n || typeof n.message != "string" || n.scope === "client") return;
-				let r = n.level === void 0 ? "log" : ue[n.level], i = n.scope ? ` ${n.scope}` : "";
-				j[r](`%c[server ${e.originLabel}${i}]%c ${n.message}`, G[r], "", ...n.fields ? [n.fields] : []);
+				let r = n.level === void 0 ? "log" : de[n.level], i = n.scope ? ` ${n.scope}` : "";
+				A[r](`%c[server ${e.originLabel}${i}]%c ${n.message}`, G[r], "", ...n.fields ? [n.fields] : []);
 			} catch {}
 		}), n.addEventListener("trace", (t) => {
 			try {
 				let n = JSON.parse(t.data).payload;
 				if (!n || n.status !== "error" || typeof n.traceId != "string" || !V.has(n.traceId)) return;
 				let r = n.name ?? "span", i = n.statusMessage && n.statusMessage.length > 0 ? n.statusMessage : `${r} failed`;
-				le({
+				ue({
 					traceId: n.traceId,
 					spanName: r,
 					api: e.originLabel,
 					message: i,
 					ts: Date.now()
-				}), j.error(`%c[trace ${e.originLabel}]%c ${r} failed — ${i} (trace ${n.traceId})`, G.error, "");
+				}), A.error(`%c[trace ${e.originLabel}]%c ${r} failed — ${i} (trace ${n.traceId})`, G.error, "");
 			} catch {}
 		}), n.addEventListener("error", () => {
 			n && n.readyState === EventSource.CLOSED && (n = null, !r && i === null && (i = setTimeout(() => {
@@ -321,14 +321,14 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 	muted: "oklch(0.65 0.012 285)",
 	danger: "oklch(0.7 0.21 22)",
 	dangerDim: "oklch(0.5 0.18 22 / 25%)"
-}, J = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace", de = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", fe = 0, pe = () => {
-	let [e, t] = u([]);
-	if (c(() => W((e) => {
+}, J = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace", fe = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", pe = 0, me = () => {
+	let [e, t] = d([]);
+	if (l(() => W((e) => {
 		t((t) => {
 			if (t.some((t) => t.traceId === e.traceId && t.spanName === e.spanName)) return t;
 			let n = [...t, {
 				...e,
-				id: ++fe
+				id: ++pe
 			}];
 			return n.length > 4 ? n.slice(n.length - 4) : n;
 		});
@@ -344,16 +344,16 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 			flexDirection: "column",
 			gap: 10,
 			maxWidth: 380,
-			fontFamily: de,
+			fontFamily: fe,
 			pointerEvents: "none"
 		},
-		children: e.map((e) => /* @__PURE__ */ _(me, {
+		children: e.map((e) => /* @__PURE__ */ _(he, {
 			toast: e,
 			onDismiss: () => n(e.id)
 		}, e.id))
 	});
-}, me = ({ toast: e, onDismiss: t }) => {
-	let [n, r] = u(!1), a = `voltro logs --trace ${e.traceId}`;
+}, he = ({ toast: e, onDismiss: t }) => {
+	let [n, r] = d(!1), a = `voltro logs --trace ${e.traceId}`;
 	return /* @__PURE__ */ v("div", {
 		style: {
 			pointerEvents: "auto",
@@ -452,14 +452,14 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 			})
 		]
 	});
-}, he = (e) => {
+}, ge = (e) => {
 	try {
 		let t = new URL(e);
 		return `${t.protocol === "wss:" ? "https:" : "http:"}//${t.host}`;
 	} catch {
 		return "";
 	}
-}, Y = (e, t) => /^wss?:\/\//i.test(e) || /^https?:\/\//i.test(e) ? he(e) : `/_voltro/api/${t}`, ge = typeof performance < "u" ? performance.now() : Date.now(), X = () => {
+}, Y = (e, t) => /^wss?:\/\//i.test(e) || /^https?:\/\//i.test(e) ? ge(e) : `/_voltro/api/${t}`, _e = typeof performance < "u" ? performance.now() : Date.now(), X = () => {
 	if (typeof window > "u") return !1;
 	try {
 		if (window.localStorage?.getItem("framework_debug") === "1") return !0;
@@ -473,10 +473,10 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 	}.DEV === !0;
 }, Z = (e, ...t) => {
 	if (!X()) return;
-	let n = ((typeof performance < "u" ? performance.now() : Date.now()) - ge).toFixed(0).padStart(6, " ");
+	let n = ((typeof performance < "u" ? performance.now() : Date.now()) - _e).toFixed(0).padStart(6, " ");
 	console.log(`[fw ${e} +${n}ms]`, ...t);
-}, Q = 3e3, _e = 0, ve = (e, t, n, r) => (i, a) => {
-	let o = ++_e;
+}, Q = 3e3, ve = 0, ye = (e, t, n, r) => (i, a) => {
+	let o = ++ve;
 	Z(e, `ws#${o} create gen=${t} url=${i}`);
 	let s = new globalThis.WebSocket(i, a), c = !1, l = !1, u = (e) => {
 		l || (l = !0, r(e));
@@ -494,44 +494,44 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 			} catch {}
 		}
 	}, Q), s;
-}, ye = async (e, t, n, r) => {
+}, be = async (e, t, n, r) => {
 	Z(e.name, `build gen=${t}: making runtime`);
 	try {
-		let i = await p({
+		let i = await m({
 			name: e.name,
 			wsUrl: e.wsUrl,
 			group: e.group,
 			headers: e.headers,
-			webSocketConstructor: ve(e.name, t, n, r)
+			webSocketConstructor: ye(e.name, t, n, r)
 		});
 		return Z(e.name, `build gen=${t}: runtime resolved`), i;
 	} catch (n) {
 		throw Z(e.name, `build gen=${t}: runtime FAILED, disposing`, n.message ?? n), n;
 	}
 }, $ = ({ apis: e, children: n, chrome: r }) => {
-	let [i, a] = u(() => ({
+	let [i, o] = d(() => ({
 		initialized: e.length === 0,
 		clients: /* @__PURE__ */ new Map()
-	})), s = l(null), d = o(() => {
-		s.current?.reconnect();
-	}, []), [p, b] = u(!1);
-	c(() => {
+	})), c = u(null), f = s(() => {
+		c.current?.reconnect();
+	}, []), [m, b] = d(!1);
+	l(() => {
 		b(!0);
-	}, []), c(() => {
-		let t = oe({
+	}, []), l(() => {
+		let t = ce({
 			apis: e,
-			buildClient: ye,
+			buildClient: be,
 			onChange: (e, t) => {
-				a({
+				o({
 					clients: e,
 					initialized: t
 				});
 			}
 		});
-		return s.current = t, () => {
-			t.dispose(), s.current === t && (s.current = null);
+		return c.current = t, () => {
+			t.dispose(), c.current === t && (c.current = null);
 		};
-	}, [e]), c(() => {
+	}, [e]), l(() => {
 		if (!X() || typeof window > "u") return;
 		let t = [], n = [], r = e[0]?.name ?? "web";
 		t.push(z({
@@ -545,14 +545,14 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 				originLabel: t.name
 			}));
 		}
-		let i = g((e) => H(e.traceId));
+		let i = ee((e) => H(e.traceId));
 		return () => {
 			for (let e of t) e.dispose();
 			for (let e of n) e.dispose();
 			i();
 		};
 	}, [e]);
-	let x = new Map(e.map((e) => [e.name, i.clients.get(e.name)?.client ?? m])), S = new Map(e.map((e) => {
+	let x = new Map(e.map((e) => [e.name, i.clients.get(e.name)?.client ?? h])), S = new Map(e.map((e) => {
 		let t = i.clients.get(e.name);
 		return t ? [e.name, {
 			runtime: t.runtime,
@@ -562,28 +562,31 @@ var y = e("reconnect", null), b = () => s(y) ?? (() => {}), x = 150, S = 220, C
 			inspectBaseUrl: Y(e.wsUrl, e.name),
 			errorBus: t.errorBus
 		}] : [e.name, {
-			...h,
+			...g,
 			descriptors: e.descriptors
 		}];
 	}));
 	return /* @__PURE__ */ _(y.Provider, {
-		value: d,
-		children: /* @__PURE__ */ _(f, {
+		value: f,
+		children: /* @__PURE__ */ _(p, {
 			apis: S,
-			children: /* @__PURE__ */ v(t.Provider, {
+			children: /* @__PURE__ */ _(t.Provider, {
 				value: x,
-				children: [n, p ? /* @__PURE__ */ v(ee, { children: [
-					/* @__PURE__ */ _(C, {}),
-					r,
-					X() ? /* @__PURE__ */ _(pe, {}) : null
-				] }) : null]
+				children: /* @__PURE__ */ _(a, {
+					chrome: m ? /* @__PURE__ */ v(te, { children: [
+						/* @__PURE__ */ _(C, {}),
+						r,
+						X() ? /* @__PURE__ */ _(me, {}) : null
+					] }) : null,
+					children: n
+				})
 			})
 		})
 	});
-}, be = ({ App: e, apis: t, Devtools: n }) => /* @__PURE__ */ _($, {
+}, xe = ({ App: e, apis: t, Devtools: n }) => /* @__PURE__ */ _($, {
 	apis: t,
 	chrome: n ? /* @__PURE__ */ _(n, {}) : null,
 	children: /* @__PURE__ */ _(e, {})
 });
 //#endregion
-export { K as a, C as c, z as i, y as l, $ as n, H as o, R as r, W as s, be as t, b as u };
+export { K as a, C as c, z as i, y as l, $ as n, H as o, R as r, W as s, xe as t, b as u };

package/dist/frameworkBoot.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./frameworkBoot-BkBY6M2s.js";
+import { n as e, t } from "./frameworkBoot-Dm6UaRP-.js";
 export { t as FrameworkBoot, e as VoltroRuntimeProvider };

package/dist/index.d.ts

@@ -879,6 +879,8 @@ export declare const RENDER_MODES: readonly ["static", "spa", "ssr", "isr"];
  */
 export declare type RenderMode = (typeof RENDER_MODES)[number];
 
+/* Excluded from this release type: renderRouterProviderTree */
+
 /**
  * Decide whether a click on (or inside) an anchor should be handled by the
  * SPA router or left to the browser. Pure — no side effects, no