@voltro/web 0.1.0

package/dist/defaultFallbacks-Bg_X-9Wv.js

@@ -0,0 +1,541 @@
+import { createContext as e, useCallback as t, useContext as n, useMemo as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/statusBus.ts
+var l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), d = [], f = () => {
+	d = Array.from(l.values());
+}, p = () => {
+	f();
+	for (let e of u) try {
+		e();
+	} catch {}
+}, m = (e) => {
+	l.set(e.id, e), p();
+	let t = !1;
+	return () => {
+		t || (t = !0, l.delete(e.id) && p());
+	};
+}, h = () => d, g = (e) => (u.add(e), () => {
+	u.delete(e);
+}), _ = {
+	error: {
+		brandTag: "voltro · runtime error",
+		stackTrace: "Stack trace",
+		retry: "Retry",
+		reload: "Reload page",
+		copy: "Copy error",
+		copied: "Copied ✓",
+		copyFailed: "Pick text below ↓",
+		serverContextHeading: "Server-side context",
+		serverContextHint: (e) => /* @__PURE__ */ c(o, { children: [
+			"Run ",
+			e,
+			" in a terminal to see what the server emitted around this failure — handler errors, rpc-tag context, and any prior warnings land there too."
+		] })
+	},
+	notFound: {
+		badge: "404 · not found",
+		heading: "No page for this URL",
+		body: (e, t) => /* @__PURE__ */ c(o, { children: [
+			"The router has no entry matching ",
+			e,
+			". Check ",
+			t,
+			" — file-based routing maps directly from the directory tree."
+		] })
+	}
+}, v = e(_), y = (e, t) => ({
+	error: {
+		...e.error,
+		...t.error
+	},
+	notFound: {
+		...e.notFound,
+		...t.notFound
+	}
+});
+function b(e) {
+	let t = n(v), i = r(() => y(t, e.strings), [t, e.strings]);
+	return /* @__PURE__ */ s(v.Provider, {
+		value: i,
+		children: e.children
+	});
+}
+var x = (e) => {
+	let t = n(v);
+	return r(() => e ? y(t, e) : t, [t, e]);
+}, S = async (e) => {
+	if (typeof navigator < "u" && navigator.clipboard?.writeText) try {
+		return await navigator.clipboard.writeText(e), "native";
+	} catch {}
+	if (typeof document > "u") return "failed";
+	let t = document.createElement("textarea");
+	t.value = e, t.style.position = "fixed", t.style.top = "-9999px", t.style.left = "-9999px", t.style.opacity = "0", t.setAttribute("readonly", ""), t.setAttribute("aria-hidden", "true"), document.body.appendChild(t);
+	try {
+		t.focus(), t.select(), t.setSelectionRange(0, e.length);
+		let n = document.execCommand;
+		return typeof n == "function" && n.call(document, "copy") ? "fallback" : "failed";
+	} catch {
+		return "failed";
+	} finally {
+		document.body.removeChild(t);
+	}
+}, C = {
+	background: "oklch(0.155 0.005 285)",
+	backgroundElevated: "oklch(0.19 0.006 285)",
+	foreground: "oklch(0.98 0.005 285)",
+	foregroundMuted: "oklch(0.65 0.012 285)",
+	foregroundSubtle: "oklch(0.5 0.012 285)",
+	card: "oklch(0.21 0.006 285)",
+	border: "oklch(1 0 0 / 12%)",
+	borderStrong: "oklch(1 0 0 / 22%)",
+	accent: "oklch(0.7 0.18 290)",
+	accentDim: "oklch(0.55 0.18 290)",
+	accentGlow: "oklch(0.7 0.18 290 / 35%)",
+	danger: "oklch(0.7 0.21 22)",
+	dangerDim: "oklch(0.5 0.18 22 / 60%)",
+	info: "oklch(0.7 0.18 240)"
+}, w = "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", T = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", E = `
+[data-vweb-fb="root"] *,
+[data-vweb-fb="root"] *::before,
+[data-vweb-fb="root"] *::after {
+  box-sizing: border-box;
+}
+[data-vweb-fb-btn] {
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 8px 14px;
+  transition: background-color 120ms ease, border-color 120ms ease, transform 80ms ease;
+}
+[data-vweb-fb-btn]:hover { transform: translateY(-1px); }
+[data-vweb-fb-btn]:active { transform: translateY(0); }
+[data-vweb-fb-btn="primary"] {
+  background-color: ${C.accent};
+  color: ${C.background};
+  font-weight: 600;
+  box-shadow: 0 4px 16px -2px ${C.accentGlow};
+}
+[data-vweb-fb-btn="primary"]:hover { background-color: ${C.accentDim}; }
+[data-vweb-fb-btn="secondary"] {
+  border-color: ${C.borderStrong};
+  color: ${C.foreground};
+}
+[data-vweb-fb-btn="secondary"]:hover {
+  background-color: ${C.backgroundElevated};
+  border-color: ${C.accent};
+}
+[data-vweb-fb-summary] {
+  cursor: pointer;
+  user-select: none;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 0;
+  color: ${C.foregroundMuted};
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+}
+[data-vweb-fb-summary]::-webkit-details-marker { display: none; }
+[data-vweb-fb-summary]::before {
+  content: '▸';
+  display: inline-block;
+  font-size: 10px;
+  transition: transform 120ms ease;
+  color: ${C.foregroundSubtle};
+}
+[data-vweb-fb="root"] details[open] > [data-vweb-fb-summary]::before {
+  transform: rotate(90deg);
+}
+[data-vweb-fb-summary]:hover { color: ${C.foreground}; }
+@keyframes vwebFbFadeIn {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+@keyframes vwebFbScaleIn {
+  from { opacity: 0; transform: translateY(8px) scale(0.985); }
+  to   { opacity: 1; transform: translateY(0) scale(1); }
+}
+[data-vweb-fb="backdrop"] {
+  animation: vwebFbFadeIn 200ms ease-out;
+}
+[data-vweb-fb="card"] {
+  animation: vwebFbScaleIn 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-vweb-fb="backdrop"],
+  [data-vweb-fb="card"] {
+    animation: none;
+  }
+}
+`, D = () => /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: E } }), O = (e) => {
+	if (e instanceof Error) return {
+		name: e.name || "Error",
+		message: e.message || "(no message)",
+		stack: e.stack
+	};
+	if (typeof e == "string") return {
+		name: "Error",
+		message: e,
+		stack: void 0
+	};
+	if (e && typeof e == "object") {
+		let t = e;
+		return {
+			name: typeof t.name == "string" ? t.name : "Error",
+			message: typeof t.message == "string" ? t.message : k(e),
+			stack: typeof t.stack == "string" ? t.stack : void 0
+		};
+	}
+	return {
+		name: "Error",
+		message: String(e),
+		stack: void 0
+	};
+}, k = (e) => {
+	try {
+		return JSON.stringify(e, null, 2);
+	} catch {
+		return String(e);
+	}
+}, A = (e, t) => {
+	let n = e.indexOf("\n");
+	return n === -1 ? e === t ? "" : e : e.slice(0, n).trim() === t.trim() ? e.slice(n + 1).replace(/^\n+/, "") : e;
+}, j = (e, t) => {
+	if (!e) return [];
+	let n = A(e, t);
+	return n.length === 0 ? [] : n.split("\n");
+}, M = ({ tone: e, children: t }) => {
+	let n = {
+		danger: C.danger,
+		info: C.info
+	}[e], r = `radial-gradient(ellipse 900px 700px at 50% 50%,  color-mix(in oklch, ${n} 12%, transparent) 0%,  color-mix(in oklch, ${n} 4%, transparent) 30%,  oklch(0.08 0.005 285) 80%)`;
+	return /* @__PURE__ */ c("div", {
+		"data-vweb-fb": "root",
+		style: {
+			position: "fixed",
+			inset: 0,
+			zIndex: 2147483646,
+			color: C.foreground,
+			fontFamily: w,
+			fontSize: 14,
+			lineHeight: 1.5
+		},
+		children: [
+			/* @__PURE__ */ s(D, {}),
+			/* @__PURE__ */ s("div", {
+				"data-vweb-fb": "backdrop",
+				style: {
+					position: "absolute",
+					inset: 0,
+					background: r
+				}
+			}),
+			/* @__PURE__ */ s("div", {
+				style: {
+					position: "relative",
+					height: "100%",
+					width: "100%",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					padding: 32,
+					overflowY: "auto"
+				},
+				children: /* @__PURE__ */ c("div", {
+					"data-vweb-fb": "card",
+					role: e === "danger" ? "alert" : void 0,
+					style: {
+						width: "100%",
+						maxWidth: 720,
+						background: C.card,
+						border: `1px solid ${C.border}`,
+						borderRadius: 14,
+						overflow: "hidden",
+						boxShadow: `0 32px 80px -16px oklch(0 0 0 / 75%), 0 8px 24px oklch(0 0 0 / 50%), 0 0 0 1px ${C.border}, 0 0 60px -10px color-mix(in oklch, ${n} 25%, transparent)`
+					},
+					children: [/* @__PURE__ */ s("div", { style: {
+						height: 2,
+						background: n
+					} }), t]
+				})
+			})
+		]
+	});
+}, N = ({ error: e, reset: n, strings: o }) => {
+	let l = x(o).error, u = r(() => O(e), [e]), d = `${u.name}: ${u.message}`, f = r(() => j(u.stack, d), [u.stack, d]), [p, m] = a("idle"), h = i(null), g = t(async () => {
+		let e = u.stack ? A(u.stack, d) : "";
+		if (await S([
+			d,
+			"",
+			e.length > 0 ? e : "(no stack)"
+		].join("\n")) === "failed") {
+			let e = h.current;
+			if (e && typeof window < "u") {
+				let t = document.createRange();
+				t.selectNodeContents(e);
+				let n = window.getSelection();
+				n?.removeAllRanges(), n?.addRange(t);
+			}
+			m("failed");
+		} else m("copied");
+		window.setTimeout(() => m("idle"), 2e3);
+	}, [u, d]), _ = t(() => {
+		typeof window < "u" && window.location.reload();
+	}, []);
+	return /* @__PURE__ */ c(M, {
+		tone: "danger",
+		children: [
+			/* @__PURE__ */ c("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					padding: "16px 24px 0"
+				},
+				children: [/* @__PURE__ */ c("div", {
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 8,
+						padding: "4px 10px",
+						borderRadius: 999,
+						background: `${C.danger} / 15%`,
+						backgroundColor: `color-mix(in oklch, ${C.danger} 18%, transparent)`,
+						color: C.danger,
+						fontSize: 11,
+						fontWeight: 600,
+						letterSpacing: "0.06em",
+						textTransform: "uppercase",
+						border: `1px solid color-mix(in oklch, ${C.danger} 30%, transparent)`
+					},
+					children: ["▲ ", u.name]
+				}), /* @__PURE__ */ s("div", {
+					style: {
+						fontSize: 11,
+						color: C.foregroundSubtle,
+						letterSpacing: "0.04em"
+					},
+					children: l.brandTag
+				})]
+			}),
+			/* @__PURE__ */ s("h1", {
+				style: {
+					margin: "16px 24px 4px",
+					fontSize: 20,
+					fontWeight: 600,
+					lineHeight: 1.35,
+					color: C.foreground,
+					wordBreak: "break-word"
+				},
+				children: u.message
+			}),
+			f.length > 0 ? /* @__PURE__ */ c("details", {
+				style: { margin: "16px 24px 0" },
+				open: !0,
+				children: [/* @__PURE__ */ s("summary", {
+					"data-vweb-fb-summary": !0,
+					children: l.stackTrace
+				}), /* @__PURE__ */ s("pre", {
+					style: {
+						margin: "8px 0 0",
+						padding: 12,
+						background: C.background,
+						border: `1px solid ${C.border}`,
+						borderRadius: 8,
+						fontFamily: T,
+						fontSize: 12,
+						lineHeight: 1.6,
+						color: C.foregroundMuted,
+						overflowX: "auto",
+						whiteSpace: "pre",
+						maxHeight: 320,
+						overflowY: "auto"
+					},
+					children: f.map((e, t) => {
+						let n = /^(\s*at\s+)(.*?)\s*(\(.*\))?$/.exec(e);
+						if (!n) return /* @__PURE__ */ s("div", { children: e }, t);
+						let [, r, i, a] = n;
+						return /* @__PURE__ */ c("div", { children: [
+							/* @__PURE__ */ s("span", {
+								style: { color: C.foregroundSubtle },
+								children: r
+							}),
+							/* @__PURE__ */ s("span", {
+								style: { color: C.foreground },
+								children: i
+							}),
+							a ? /* @__PURE__ */ c("span", {
+								style: { color: C.foregroundSubtle },
+								children: [" ", a]
+							}) : null
+						] }, t);
+					})
+				})]
+			}) : null,
+			/* @__PURE__ */ c("div", {
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: 10,
+					padding: "20px 24px 0"
+				},
+				children: [
+					/* @__PURE__ */ s("button", {
+						"data-vweb-fb-btn": "primary",
+						type: "button",
+						onClick: n,
+						autoFocus: !0,
+						children: l.retry
+					}),
+					/* @__PURE__ */ s("button", {
+						"data-vweb-fb-btn": "secondary",
+						type: "button",
+						onClick: _,
+						children: l.reload
+					}),
+					/* @__PURE__ */ s("button", {
+						"data-vweb-fb-btn": "secondary",
+						type: "button",
+						onClick: g,
+						style: p === "copied" ? {
+							borderColor: "oklch(0.72 0.15 162 / 50%)",
+							color: "oklch(0.72 0.15 162)"
+						} : p === "failed" ? {
+							borderColor: `${C.danger} / 50%`,
+							color: C.danger
+						} : void 0,
+						children: p === "copied" ? l.copied : p === "failed" ? l.copyFailed : l.copy
+					})
+				]
+			}),
+			p === "failed" ? /* @__PURE__ */ s("pre", {
+				ref: h,
+				tabIndex: 0,
+				style: {
+					margin: "12px 24px 0",
+					padding: 12,
+					background: C.background,
+					border: `1px dashed ${C.danger}`,
+					borderRadius: 8,
+					fontFamily: T,
+					fontSize: 12,
+					lineHeight: 1.5,
+					color: C.foreground,
+					maxHeight: 200,
+					overflow: "auto",
+					whiteSpace: "pre-wrap",
+					wordBreak: "break-word",
+					userSelect: "text"
+				},
+				children: (() => {
+					let e = u.stack ? A(u.stack, d) : "";
+					return `${d}\n\n${e.length > 0 ? e : "(no stack)"}`;
+				})()
+			}) : null,
+			/* @__PURE__ */ c("div", {
+				style: {
+					margin: "20px 24px",
+					padding: "12px 14px",
+					borderRadius: 8,
+					background: C.backgroundElevated,
+					border: `1px solid ${C.border}`,
+					color: C.foregroundMuted,
+					fontSize: 12,
+					lineHeight: 1.6
+				},
+				children: [/* @__PURE__ */ s("div", {
+					style: {
+						marginBottom: 4,
+						color: C.foreground,
+						fontWeight: 500
+					},
+					children: l.serverContextHeading
+				}), l.serverContextHint(/* @__PURE__ */ s("code", {
+					style: {
+						fontFamily: T,
+						fontSize: 12,
+						padding: "2px 6px",
+						borderRadius: 4,
+						background: C.background,
+						border: `1px solid ${C.border}`,
+						color: C.accent
+					},
+					children: "voltro logs --since 30s"
+				}))]
+			})
+		]
+	});
+}, P = (e) => {
+	let t = x(e.strings).notFound, n = /* @__PURE__ */ s("code", {
+		style: {
+			fontFamily: T,
+			fontSize: 13,
+			padding: "2px 6px",
+			borderRadius: 4,
+			background: C.background,
+			border: `1px solid ${C.border}`,
+			color: C.foreground
+		},
+		children: typeof window < "u" ? window.location.pathname : "(unknown)"
+	}), r = /* @__PURE__ */ s("code", {
+		style: {
+			fontFamily: T,
+			fontSize: 13,
+			padding: "2px 6px",
+			borderRadius: 4,
+			background: C.background,
+			border: `1px solid ${C.border}`,
+			color: C.foregroundMuted
+		},
+		children: "src/pages/"
+	});
+	return /* @__PURE__ */ c(M, {
+		tone: "info",
+		children: [
+			/* @__PURE__ */ s("div", {
+				style: { padding: "16px 24px 0" },
+				children: /* @__PURE__ */ s("div", {
+					style: {
+						display: "inline-flex",
+						padding: "4px 10px",
+						borderRadius: 999,
+						backgroundColor: `color-mix(in oklch, ${C.info} 18%, transparent)`,
+						color: C.info,
+						fontSize: 11,
+						fontWeight: 600,
+						letterSpacing: "0.06em",
+						textTransform: "uppercase",
+						border: `1px solid color-mix(in oklch, ${C.info} 30%, transparent)`
+					},
+					children: t.badge
+				})
+			}),
+			/* @__PURE__ */ s("h1", {
+				style: {
+					margin: "16px 24px 4px",
+					fontSize: 22,
+					fontWeight: 600,
+					color: C.foreground
+				},
+				children: t.heading
+			}),
+			/* @__PURE__ */ s("p", {
+				style: {
+					margin: "0 24px 24px",
+					color: C.foregroundMuted,
+					fontSize: 14,
+					lineHeight: 1.6
+				},
+				children: t.body(n, r)
+			})
+		]
+	});
+};
+//#endregion
+export { _ as a, m as c, b as i, g as l, P as n, x as o, S as r, h as s, N as t };