@apisurf/wireui 0.1.2

package/dist/server/_ssr/collections-CqidTQpw.mjs

@@ -0,0 +1,495 @@
+import { require_jsx_runtime, useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
+import { Card, Dot, Empty, IconCheckCircle, IconCollections, IconXCircle, MethodBadge, Pill, Route$3, SectionTitle, Stat, StatGrid, StatusBadge, TabList, css, cx, formatAgo, formatBytes, formatCount, formatDateTime, formatMs, getScript, mono, pagePad, plural, runTone, runVerdict, scrollPane, tabKey, table, truncate, useNow, useTab, useUnreadable } from "./router-CPcgc_kh.mjs";
+import { useEnvScoped } from "./scoped-CnQ56K8h.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/collections-CqidTQpw.js
+var import_jsx_runtime = require_jsx_runtime();
+function CollectionPage() {
+	const loaded = Route$3.useLoaderData();
+	const { tab = "runs", entry } = Route$3.useSearch();
+	const navigate = useNavigate({ from: Route$3.fullPath });
+	const unreadable = useUnreadable();
+	const now = useNow(Date.now());
+	const { data } = useEnvScoped(loaded, async (env) => await getScript({ data: {
+		entry,
+		env
+	} }) ?? loaded);
+	const { script, runs, endpoints, checks } = data;
+	useTab({
+		key: tabKey.script(script.entry),
+		title: script.file,
+		icon: "collection"
+	});
+	if (unreadable) return unreadable;
+	const failedChecks = checks.filter((c) => c.last_status === "fail").length;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: css({
+			display: "flex",
+			flexDir: "column",
+			h: "full",
+			minH: "0"
+		}),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+				className: css({
+					px: "5",
+					pt: "4",
+					pb: "3",
+					flexShrink: 0
+				}),
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: css({
+						display: "flex",
+						alignItems: "center",
+						gap: "2"
+					}),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: css({
+							color: "muted",
+							display: "inline-flex"
+						}),
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconCollections, { size: 18 })
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+						className: css({
+							fontSize: "18px",
+							fontWeight: "600",
+							m: "0"
+						}),
+						children: script.file
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: cx(mono, css({
+						color: "muted",
+						m: "0",
+						mt: "0.5"
+					})),
+					title: script.entry,
+					children: script.rel
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabList, {
+				items: [
+					{
+						id: "runs",
+						label: "Runs",
+						count: runs.length
+					},
+					{
+						id: "requests",
+						label: "Requests",
+						count: endpoints.length
+					},
+					{
+						id: "checks",
+						label: "Checks",
+						count: checks.length,
+						tone: failedChecks ? "bad" : void 0,
+						hidden: checks.length === 0
+					}
+				],
+				value: tab,
+				onSelect: (next) => void navigate({ search: (s) => ({
+					...s,
+					tab: next === "runs" ? void 0 : next
+				}) })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: scrollPane,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: pagePad,
+					children: [
+						tab === "runs" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunsTab, {
+							runs,
+							now
+						}) : null,
+						tab === "requests" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EndpointsTab, {
+							endpoints,
+							now
+						}) : null,
+						tab === "checks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChecksTab, { checks }) : null
+					]
+				})
+			})
+		]
+	});
+}
+function RunsTab({ runs, now }) {
+	const navigate = useNavigate();
+	if (runs.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, { title: "No runs in this environment" });
+	const finished = runs.filter((r) => r.finished_at != null);
+	const walls = finished.map((r) => r.finished_at - r.started_at).toSorted((a, b) => a - b);
+	const median = walls.length ? walls[Math.floor((walls.length - 1) / 2)] : null;
+	const failed = runs.filter((r) => runTone(r) === "bad").length;
+	const requests = runs.reduce((sum, r) => sum + r.request_count, 0);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatGrid, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stat, {
+				label: "Runs",
+				value: formatCount(runs.length),
+				sub: `last ${formatAgo(now, runs[0].started_at)}`
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stat, {
+				label: "Failed runs",
+				value: formatCount(failed),
+				tone: failed ? "bad" : "ok",
+				sub: "threw, or a check failed"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stat, {
+				label: "Median wall time",
+				value: formatMs(median),
+				sub: `${plural(finished.length, "finished run")}`
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stat, {
+				label: "Requests",
+				value: formatCount(requests),
+				sub: `${formatCount(Math.round(requests / runs.length))} per run`
+			})
+		] }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionTitle, { children: "Wall time per run" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WallTimeStrip, { runs })] }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionTitle, { children: "History" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
+			className: table,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Run" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Result" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Env" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+					className: "num",
+					children: "Requests"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+					className: "num",
+					children: "Checks"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+					className: "num",
+					children: "Data"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+					className: "num",
+					children: "Wall"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+					className: "num",
+					children: "Started"
+				})
+			] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: runs.map((run) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+				"data-link": true,
+				onClick: () => void navigate({
+					to: "/runs/$runId",
+					params: { runId: String(run.id) }
+				}),
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: css({
+							display: "flex",
+							alignItems: "center",
+							gap: "2"
+						}),
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, { tone: runTone(run) }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+								className: mono,
+								children: ["#", run.id]
+							}),
+							run.label && run.label !== run.entry.split("/").pop() ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: cx(truncate, css({ color: "muted" })),
+								children: run.label
+							}) : null
+						]
+					}) }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+						className: css({
+							color: "muted",
+							whiteSpace: "nowrap"
+						}),
+						children: runVerdict(run)
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: run.env ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, { children: run.env }) : null }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", {
+						className: "num",
+						children: [formatCount(run.request_count), run.error_count ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: css({ color: "warn" }),
+							children: [
+								" · ",
+								run.error_count,
+								"✕"
+							]
+						}) : null]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+						className: cx("num", run.failed_check_count ? css({ color: "bad" }) : void 0),
+						children: run.check_count ? `${run.check_count - run.failed_check_count}/${run.check_count}` : "—"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+						className: cx("num", mono),
+						children: formatBytes(run.total_bytes)
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+						className: cx("num", mono),
+						children: run.finished_at ? formatMs(run.finished_at - run.started_at) : "—"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+						className: cx("num", css({ color: "muted" })),
+						children: formatDateTime(now, run.started_at)
+					})
+				]
+			}, run.id)) })]
+		}) })] })
+	] });
+}
+var BAR_TONE = {
+	ok: css({ bg: "ok" }),
+	warn: css({ bg: "warn" }),
+	bad: css({ bg: "bad" }),
+	info: css({ bg: "info" }),
+	neutral: css({ bg: "faint" })
+};
+/** Most recent {@link STRIP_RUNS} runs as bars, oldest on the left. */
+var STRIP_RUNS = 60;
+function WallTimeStrip({ runs }) {
+	const navigate = useNavigate();
+	const shown = runs.slice(0, STRIP_RUNS).toReversed();
+	const walls = shown.map((r) => r.finished_at ? r.finished_at - r.started_at : 0);
+	const max = Math.max(...walls, 1);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
+		className: css({ p: "3" }),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: css({
+				display: "flex",
+				alignItems: "flex-end",
+				gap: "2px",
+				h: "88px"
+			}),
+			children: shown.map((run, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				type: "button",
+				title: `#${run.id} · ${formatMs(walls[i])} · ${runVerdict(run)}`,
+				onClick: () => void navigate({
+					to: "/runs/$runId",
+					params: { runId: String(run.id) }
+				}),
+				className: css({
+					flex: "1",
+					maxW: "22px",
+					minW: "4px",
+					h: "full",
+					display: "flex",
+					alignItems: "flex-end",
+					border: "none",
+					bg: "transparent",
+					p: "0",
+					cursor: "pointer",
+					rounded: "xs",
+					_hover: { bg: "hover" }
+				}),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: cx(css({
+						display: "block",
+						w: "full",
+						roundedTop: "sm"
+					}), BAR_TONE[runTone(run)]),
+					style: { height: `${Math.max(walls[i] / max * 100, 3)}%` }
+				})
+			}, run.id))
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: css({
+				display: "flex",
+				gap: "4",
+				mt: "2",
+				fontSize: "11px",
+				color: "muted",
+				flexWrap: "wrap"
+			}),
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: ["max ", formatMs(max)] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Legend, {
+					tone: "ok",
+					label: "Passed"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Legend, {
+					tone: "warn",
+					label: "Failed requests"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Legend, {
+					tone: "bad",
+					label: "Threw or failed a check"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Legend, {
+					tone: "info",
+					label: "Unfinished"
+				})
+			]
+		})]
+	});
+}
+function Legend({ tone, label }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		className: css({
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "1"
+		}),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cx(css({
+			w: "8px",
+			h: "8px",
+			rounded: "xs"
+		}), BAR_TONE[tone]) }), label]
+	});
+}
+function EndpointsTab({ endpoints, now }) {
+	const navigate = useNavigate();
+	if (endpoints.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, { title: "No requests in this environment" });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
+		className: table,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Request" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Last" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+				className: "num",
+				children: "Calls"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+				className: "num",
+				children: "Errors"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+				className: "num",
+				children: "Avg"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+				className: "num",
+				children: "Last seen"
+			})
+		] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: endpoints.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+			"data-link": true,
+			onClick: () => void navigate({
+				to: "/requests/$requestId",
+				params: { requestId: String(row.last_request_id) }
+			}),
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+					className: css({
+						maxW: "0",
+						w: "full"
+					}),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: css({
+							display: "flex",
+							alignItems: "center",
+							gap: "2",
+							minW: "0"
+						}),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MethodBadge, {
+							method: row.method,
+							kind: row.kind,
+							width: "list"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: cx(truncate, mono),
+							title: `${row.host}${row.path}`,
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: css({ color: "faint" }),
+								children: row.host
+							}), row.path]
+						})]
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, {
+					status: row.last_status,
+					error: row.last_error_name
+				}) }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+					className: "num",
+					children: formatCount(row.count)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+					className: cx("num", row.errors ? css({ color: "warn" }) : void 0),
+					children: formatCount(row.errors)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+					className: cx("num", mono),
+					children: row.kind === "http" ? formatMs(row.avg_ms) : "—"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+					className: cx("num", css({ color: "muted" })),
+					children: formatAgo(now, row.last_ts)
+				})
+			]
+		}, `${row.kind} ${row.method} ${row.host}${row.path}`)) })]
+	}) });
+}
+function ChecksTab({ checks }) {
+	const navigate = useNavigate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
+		className: table,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Check" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Latest" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+				className: "num",
+				children: "Pass rate"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+				className: "num",
+				children: "Failures"
+			})
+		] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: checks.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+			"data-link": true,
+			onClick: () => void navigate({
+				to: "/runs/$runId",
+				params: { runId: String(row.last_run_id) },
+				search: { tab: "checks" }
+			}),
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+					className: css({
+						maxW: "0",
+						w: "full"
+					}),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: css({
+							display: "flex",
+							gap: "2",
+							alignItems: "flex-start"
+						}),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: row.last_status === "pass" ? css({ color: "ok" }) : css({ color: "bad" }),
+							children: row.last_status === "pass" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconCheckCircle, { size: 15 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconXCircle, { size: 15 })
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: css({ minW: "0" }),
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: cx(truncate, css({ display: "block" })),
+								children: row.name
+							}), row.last_status === "fail" && row.last_message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: cx(truncate, css({
+									display: "block",
+									color: "bad",
+									fontSize: "12px"
+								})),
+								children: row.last_message
+							}) : null]
+						})]
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: row.last_status === "pass" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+					tone: "ok",
+					children: "pass"
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+					tone: "bad",
+					children: "fail"
+				}) }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", {
+					className: "num",
+					children: [Math.round((row.total - row.failures) / row.total * 100), "%"]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", {
+					className: cx("num", row.failures ? css({ color: "bad" }) : void 0),
+					children: [
+						row.failures,
+						"/",
+						row.total
+					]
+				})
+			]
+		}, row.name)) })]
+	}) });
+}
+//#endregion
+export { CollectionPage as component };

package/dist/server/_ssr/empty-plugin-adapters-CCuiUfKt.mjs

@@ -0,0 +1,5 @@
+//#region node_modules/.nitro/vite/services/ssr/assets/empty-plugin-adapters-CCuiUfKt.js
+var pluginSerializationAdapters = [];
+var hasPluginAdapters = false;
+//#endregion
+export { hasPluginAdapters, pluginSerializationAdapters };