@apisurf/wireui 0.1.2 → 0.1.3

package/dist/server/_ssr/environments-BFBtf7iL.mjs

@@ -0,0 +1,146 @@
+import { getRouteApi, require_jsx_runtime } from "../_libs/@tanstack/react-router+[...].mjs";
+import { Dot, Empty, IconEnvironments, Pill, css, cx, formatAgo, formatCount, scrollPane, tabKey, table, truncate, useNow, usePrefs, useTab, useUnreadable } from "./prefs-iPvYd_Vz.mjs";
+import { FeedHeader } from "./feed-BgweoqQ4.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/environments-BFBtf7iL.js
+var import_jsx_runtime = require_jsx_runtime();
+var root = getRouteApi("__root__");
+function EnvironmentsPage() {
+	useTab({
+		key: tabKey.environments(),
+		title: "Environments",
+		icon: "environments"
+	});
+	const unreadable = useUnreadable();
+	const ws = root.useLoaderData();
+	const now = useNow(ws.now, 6e4);
+	const { prefs, set } = usePrefs();
+	if (unreadable) return unreadable;
+	const rows = [{
+		value: "*",
+		name: "All environments",
+		runs: ws.envs.reduce((sum, e) => sum + e.run_count, 0),
+		scripts: ws.scripts.length,
+		failed: ws.envs.reduce((sum, e) => sum + e.failed_run_count, 0),
+		last: ws.envs[0]?.last_started_at ?? null
+	}, ...ws.envs.map((e) => ({
+		value: e.env ?? "",
+		name: e.env ?? "No environment",
+		runs: e.run_count,
+		scripts: e.script_count,
+		failed: e.failed_run_count,
+		last: e.last_started_at
+	}))];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: css({
+			display: "flex",
+			flexDir: "column",
+			h: "full",
+			minH: "0"
+		}),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedHeader, {
+			title: "Environments",
+			subtitle: "The --env each run was recorded against. Pick one to scope every page to it."
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: scrollPane,
+			children: ws.envs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Empty, {
+				title: "No environments",
+				icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconEnvironments, { size: 20 }),
+				children: [
+					"Runs made with ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "wire execute --env staging" }),
+					" are grouped here."
+				]
+			}) : /* @__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: "Environment" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+						className: "num",
+						children: "Runs"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+						className: "num",
+						children: "Sessions"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+						className: "num",
+						children: "Threw"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+						className: "num",
+						children: "Last run"
+					})
+				] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: rows.map((row) => {
+					const selected = prefs.env === row.value;
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+						"data-link": true,
+						"aria-selected": selected,
+						onClick: () => set("env", row.value),
+						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)("span", {
+											className: css({
+												display: "inline-flex",
+												color: selected ? "accent" : "faint"
+											}),
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconEnvironments, { size: 14 })
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: cx(truncate, css({ fontWeight: "500" })),
+											children: row.name
+										}),
+										selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+											tone: "info",
+											children: "Selected"
+										}) : null
+									]
+								})
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "num",
+								children: formatCount(row.runs)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "num",
+								children: formatCount(row.scripts)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "num",
+								children: row.failed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: css({
+										display: "inline-flex",
+										alignItems: "center",
+										gap: "1.5",
+										color: "bad"
+									}),
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, { tone: "bad" }), formatCount(row.failed)]
+								}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: css({ color: "faint" }),
+									children: "0"
+								})
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: cx("num", css({ color: "muted" })),
+								children: row.last ? formatAgo(now, row.last) : "—"
+							})
+						]
+					}, row.value);
+				}) })]
+			})
+		})]
+	});
+}
+//#endregion
+export { EnvironmentsPage as component };

package/dist/server/_ssr/feed-BgweoqQ4.mjs

@@ -0,0 +1,108 @@
+import { __toESM } from "../_runtime.mjs";
+import { require_jsx_runtime, require_react } from "../_libs/@tanstack/react-router+[...].mjs";
+import { FilterInput, css } from "./prefs-iPvYd_Vz.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/feed-BgweoqQ4.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function FeedHeader({ title, subtitle, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+		className: css({
+			px: "5",
+			pt: "4",
+			pb: "3",
+			flexShrink: 0
+		}),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+				className: css({
+					fontSize: "18px",
+					fontWeight: "600",
+					m: "0"
+				}),
+				children: title
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: css({
+					color: "muted",
+					fontSize: "12px",
+					m: "0",
+					mt: "0.5"
+				}),
+				children: subtitle
+			}),
+			children ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: css({
+					display: "flex",
+					alignItems: "center",
+					gap: "2",
+					flexWrap: "wrap",
+					mt: "3"
+				}),
+				children
+			}) : null
+		]
+	});
+}
+/** The feed's search box, kept in step with a search param. */
+function FeedSearch({ value, onCommit, placeholder }) {
+	const [text, setText] = import_react.useState(value);
+	import_react.useEffect(() => setText(value), [value]);
+	import_react.useEffect(() => {
+		if (text === value) return;
+		const timer = window.setTimeout(() => onCommit(text), 180);
+		return () => window.clearTimeout(timer);
+	}, [
+		text,
+		value,
+		onCommit
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterInput, {
+		"data-page-filter": true,
+		placeholder,
+		shortcut: "/",
+		value: text,
+		onChange: (e) => setText(e.target.value),
+		className: css({
+			w: "320px",
+			maxW: "full"
+		})
+	});
+}
+/** A day heading spanning the table, sticking under the column headings. */
+function DayRow({ day, columns }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+		colSpan: columns,
+		className: css({
+			position: "sticky",
+			top: "29px",
+			bg: "canvas",
+			fontSize: "10.5px",
+			fontWeight: "600",
+			textTransform: "uppercase",
+			letterSpacing: "0.06em",
+			color: "faint",
+			pt: "3",
+			pb: "1"
+		}),
+		children: day
+	}) });
+}
+function FeedFooter({ shown, limit }) {
+	if (shown < limit) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+		className: css({
+			color: "faint",
+			fontSize: "12px",
+			px: "5",
+			py: "3",
+			m: "0"
+		}),
+		children: [
+			"Showing the newest ",
+			limit,
+			". Narrow the filters, or the SQL console reaches the rest."
+		]
+	});
+}
+//#endregion
+export { DayRow, FeedFooter, FeedHeader, FeedSearch };

package/dist/server/_ssr/history-CbfbTHg9.mjs

@@ -0,0 +1,195 @@
+import { __toESM } from "../_runtime.mjs";
+import { getRouteApi, require_jsx_runtime, require_react, useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
+import { Empty, IconHistory, MethodBadge, Segmented, StatusBadge, Toggle, css, cx, formatBytes, formatClock, formatMs, groupByDay, mono, scrollPane, tabKey, table, truncate, useNow, usePrefs, useTab, useUnreadable } from "./prefs-iPvYd_Vz.mjs";
+import { DayRow, FeedFooter, FeedHeader, FeedSearch } from "./feed-BgweoqQ4.mjs";
+import { Route$4, getHistory } from "./router-BpH2DFcQ.mjs";
+import { useEnvScoped } from "./scoped-CNX8KOhL.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/history-CbfbTHg9.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var root = getRouteApi("__root__");
+function HistoryPage() {
+	useTab({
+		key: tabKey.history(),
+		title: "History",
+		icon: "history"
+	});
+	const unreadable = useUnreadable();
+	const ws = root.useLoaderData();
+	const now = useNow(ws.now, 6e4);
+	const { prefs } = usePrefs();
+	const search = Route$4.useSearch();
+	const { data: rows } = useEnvScoped(Route$4.useLoaderData(), (env) => getHistory({ data: {
+		...search,
+		env,
+		limit: 500
+	} }));
+	const navigate = useNavigate({ from: Route$4.fullPath });
+	const filter = import_react.useCallback((next) => void navigate({
+		search: (s) => ({
+			...s,
+			...next
+		}),
+		replace: true
+	}), [navigate]);
+	const commitQ = import_react.useCallback((q) => filter({ q: q || void 0 }), [filter]);
+	if (unreadable) return unreadable;
+	const kind = search.kind ?? "all";
+	const filtered = Boolean(search.q || search.kind || search.failed);
+	const envName = prefs.env === "*" ? null : prefs.env === "" ? "No environment" : prefs.env;
+	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)(FeedHeader, {
+			title: "History",
+			subtitle: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: ["Every request across every run, newest first.", envName ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+				" ",
+				"Scoped to ",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: envName }),
+				"."
+			] }) : null] }),
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedSearch, {
+					value: search.q ?? "",
+					onCommit: commitQ,
+					placeholder: search.bodies ? "Search URLs and payloads" : "Search URL, method or status"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Segmented, {
+					items: [
+						{
+							id: "all",
+							label: "All"
+						},
+						{
+							id: "http",
+							label: "HTTP"
+						},
+						{
+							id: "stream",
+							label: "WS/SSE"
+						}
+					],
+					value: kind,
+					onSelect: (next) => filter({ kind: next === "all" ? void 0 : next })
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
+					checked: Boolean(search.failed),
+					onChange: (on) => filter({ failed: on || void 0 }),
+					label: "Failed"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
+					checked: Boolean(search.bodies),
+					onChange: (on) => filter({ bodies: on || void 0 }),
+					label: "In payloads"
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: scrollPane,
+			children: rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
+				title: "No requests",
+				icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconHistory, { size: 20 }),
+				children: filtered ? "Nothing matches these filters." : "Nothing recorded in this environment yet."
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { 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", {
+						className: "num",
+						style: { width: 80 },
+						children: "Time"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Request" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Status" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "Session" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+						className: "num",
+						children: "Size"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+						className: "num",
+						children: "Duration"
+					})
+				] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: groupByDay(rows, now, (row) => row.ts).map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DayRow, {
+					day: group.day,
+					columns: 6
+				}), group.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+					"data-link": true,
+					title: `${row.method} ${row.host}${row.path}${row.query ? `?${row.query}` : ""}`,
+					onClick: () => void navigate({
+						to: "/requests/$requestId",
+						params: { requestId: String(row.id) }
+					}),
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+							className: cx("num", mono, css({ color: "muted" })),
+							children: formatClock(row.ts)
+						}),
+						/* @__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),
+									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.status,
+							error: row.error_name
+						}) }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+							className: css({ maxW: "220px" }),
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: css({
+									display: "flex",
+									gap: "1.5",
+									minW: "0"
+								}),
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: truncate,
+									title: row.rel,
+									children: row.file
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: cx(mono, css({ color: "faint" })),
+									children: ["#", row.run_id]
+								})]
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+							className: cx("num", mono, css({ color: "muted" })),
+							children: formatBytes(row.response_bytes)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+							className: cx("num", mono),
+							children: formatMs(row.duration_ms)
+						})
+					]
+				}, row.id))] }, group.day)) })]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedFooter, {
+				shown: rows.length,
+				limit: 500
+			})] })
+		})]
+	});
+}
+//#endregion
+export { HistoryPage as component };

package/dist/server/_ssr/{kv-table-DQUkoItO.mjs → kv-table-BONnSOLb.mjs}

@@ -1,7 +1,7 @@
 import { __toESM } from "../_runtime.mjs";
 import { require_jsx_runtime, require_react } from "../_libs/@tanstack/react-router+[...].mjs";
-import { Button, Callout, CopyButton, Empty, FilterInput, IconAlert, IconChevronDown, IconChevronRight, IconFile, Segmented, bodyRaw, bodyText, css, cx, faintText, formatBytes, mono, table, truncate } from "./router-CPcgc_kh.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/kv-table-DQUkoItO.js
+import { Button, Callout, CopyButton, Empty, FilterInput, IconAlert, IconChevronDown, IconChevronRight, IconFile, Segmented, bodyRaw, bodyText, css, cx, faintText, formatBytes, mono, table, truncate } from "./prefs-iPvYd_Vz.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/kv-table-BONnSOLb.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var syn = {