@wular/coder 0.4.7 → 0.4.9

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/back-cookie.942c0904e944d8d6.js

@@ -0,0 +1,12 @@
+/** Where Settings links back to, kept out of the address; Settings forgets it once shown. */
+export const BACK_COOKIE = "coder-back";
+/** The remembered page from a cookie header, when it is a dashboard page. */
+export function rememberedBack(cookies) {
+	const value = new RegExp(`(?:^|; )${BACK_COOKIE}=([^;]*)`).exec(cookies)?.[1];
+	try {
+		const back = value && JSON.parse(decodeURIComponent(value));
+		return back && typeof back.path === "string" && back.path.startsWith("/dash/") ? back : null;
+	} catch {
+		return null;
+	}
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/back.5681714d0cf45454.js

@@ -0,0 +1,42 @@
+"use client";
+import { useEffect } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { Back } from "../frame/page-head.bd54e52ac4a7a89c.js";
+import { LinkButton } from "../ui/button.983daea9e687fc5d.js";
+import { useOrg } from "./org.4d84ad0ac340fbe2.js";
+import { BACK_COOKIE, rememberedBack } from "./back-cookie.942c0904e944d8d6.js";
+import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** Settings' credentials tab; it links back to this page, named `label` where its section name is not enough. */
+export function CredentialsLink({ label, children, ...look }) {
+	const remember = () => {
+		const value = encodeURIComponent(JSON.stringify({
+			path: location.pathname,
+			label
+		}));
+		document.cookie = `${BACK_COOKIE}=${value}; path=/dash; max-age=600; samesite=lax`;
+	};
+	return /* @__PURE__ */ _jsx(LinkButton, {
+		...look,
+		href: "/dash/[org]/settings/[tab]",
+		params: {
+			org: useOrg(),
+			tab: "credentials"
+		},
+		onClick: remember,
+		children
+	});
+}
+/** The back link Settings shows for the page a link remembered; leaving Settings forgets it, so a later visit has none. */
+export function RememberedBack({ initial }) {
+	const org = useOrg();
+	const back = typeof document === "undefined" ? initial : rememberedBack(document.cookie);
+	useEffect(() => () => void setTimeout(() => {
+		if (location.pathname.split("/")[3] !== "settings") document.cookie = `${BACK_COOKIE}=; path=/dash; max-age=0`;
+	}), []);
+	return back ? /* @__PURE__ */ _jsx(Back, {
+		href: "/dash/[org]",
+		params: { org },
+		label: "Back",
+		back: back.path,
+		named: back.label
+	}) : null;
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{current-link.844899810531977f.js → current-link.727b350a40b9ca13.js}

@@ -2,7 +2,7 @@
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { useLayoutEffect, useRef } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { useLinkStatus, usePathname } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { pathOf } from "./to.0116bedfbe5f1133.js";
+import { pathOf } from "./to.a2c840c09bd4bf4a.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** A link marked current when the address is its path, or under `within`. */
 export function CurrentLink({ within, children, onClick, ...link }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/org.4d84ad0ac340fbe2.js

@@ -0,0 +1,29 @@
+"use client";
+import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { useParams } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { Back } from "../frame/page-head.bd54e52ac4a7a89c.js";
+import { linkOf } from "./to.a2c840c09bd4bf4a.js";
+import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** The organization in the address, `/dash/<org>/…`. */
+export const useOrg = () => useParams().org;
+/** A link to a page of the address's organization, for frames that render without route params; `params` adds the rest. */
+export function OrgLink({ href, params, ...anchor }) {
+	return /* @__PURE__ */ _jsx(Link, {
+		...anchor,
+		...linkOf({
+			href,
+			params: {
+				...params,
+				org: useOrg()
+			}
+		})
+	});
+}
+/** `Back` to a section of the address's organization, for frames that render without route params. */
+export function OrgBack({ href, label }) {
+	return /* @__PURE__ */ _jsx(Back, {
+		href,
+		params: { org: useOrg() },
+		label
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{side-toggle.55d3e6c43ca5e1f9.js → side-toggle.249400957d6a7527.js}

@@ -1,7 +1,7 @@
 "use client";
 import { useEffect, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { iLeft, iRight } from "../ui/icons.1777c0350d5d215e.js";
-import { Icon } from "../ui/icon.0874ca2f58f7db14.js";
+import { iLeft, iRight } from "../ui/icons.a34176f37808cd66.js";
+import { IconButton } from "../ui/button.983daea9e687fc5d.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const COOKIE = "side";
 /** Collapses the sidebar to its icons; a click is saved in a cookie so the next page renders that way at once. */
@@ -25,12 +25,12 @@ export function SideToggle({ collapsed: initial }) {
 		document.querySelector(".app")?.classList.toggle("side-min", next);
 		document.cookie = `${COOKIE}=${next ? "min" : "max"}; path=/; max-age=31536000; samesite=lax`;
 	};
-	return /* @__PURE__ */ _jsx("button", {
-		type: "button",
-		class: "icon-btn side-toggle",
-		"aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-		"data-tip": collapsed ? "Expand sidebar" : "Collapse sidebar",
-		onClick: toggle,
-		children: /* @__PURE__ */ _jsx(Icon, { d: collapsed ? iRight : iLeft })
+	const label = collapsed ? "Expand sidebar" : "Collapse sidebar";
+	return /* @__PURE__ */ _jsx(IconButton, {
+		icon: collapsed ? iRight : iLeft,
+		label,
+		tip: label,
+		class: "side-toggle",
+		onClick: toggle
 	});
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{to.0116bedfbe5f1133.js → to.a2c840c09bd4bf4a.js}

@@ -1,3 +1,5 @@
+/** A target as `Link` props; each target was checked against its own route. */
+export const linkOf = (to) => to;
 /** The path a target resolves to, to compare with the address. */
 export const pathOf = (to) => {
 	const params = to.params ?? {};

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/badge.0851f234f300c694.js

@@ -0,0 +1,83 @@
+import "./badge.0cb1513f8b077560.css.pnext-asset.js";
+import { MoreList } from "./menu.a41edd5cde1c90cf.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** From this many chips on, the first few show and +n opens every one. */
+export const COLLAPSE_FROM = 5;
+export const COLLAPSED = 3;
+/** A tag; with `onClick` a button, with `href` a link, `external` in a new tab. */
+export function Badge({ tone, title, onClick, href, external, class: cls, children }) {
+	const className = [
+		"badge",
+		tone,
+		cls
+	].filter(Boolean).join(" ");
+	if (href) return /* @__PURE__ */ _jsx("a", {
+		class: className,
+		href,
+		title,
+		...external ? {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : {},
+		children
+	});
+	if (onClick) return /* @__PURE__ */ _jsx("button", {
+		type: "button",
+		class: className,
+		title,
+		onClick,
+		children
+	});
+	return /* @__PURE__ */ _jsx("span", {
+		class: className,
+		title,
+		children
+	});
+}
+/** A small tag in a row of them; with `onClick` a button, `aria-pressed` for a toggle. */
+export function Chip({ onClick, children, ...rest }) {
+	return onClick ? /* @__PURE__ */ _jsx("button", {
+		...rest,
+		type: "button",
+		class: "chip",
+		onClick,
+		children
+	}) : /* @__PURE__ */ _jsx("span", {
+		class: "chip",
+		children
+	});
+}
+/** A row of chips; `values` shows text, fewer past `COLLAPSE_FROM`, or `children` holds ready ones. */
+export function Chips({ values, label, children }) {
+	if (children) return /* @__PURE__ */ _jsx("span", {
+		class: "chips",
+		role: "group",
+		"aria-label": label,
+		children
+	});
+	const all = (values ?? []).filter((value) => Boolean(value));
+	if (!all.length) return /* @__PURE__ */ _jsx("span", {
+		class: "muted",
+		children: "None"
+	});
+	const chip = (value) => /* @__PURE__ */ _jsx(Chip, { children: value }, value);
+	const collapsed = all.length >= COLLAPSE_FROM;
+	return /* @__PURE__ */ _jsxs("span", {
+		class: "chips",
+		children: [(collapsed ? all.slice(0, COLLAPSED) : all).map(chip), collapsed ? /* @__PURE__ */ _jsx(MoreList, {
+			label: `+${all.length - COLLAPSED}`,
+			children: /* @__PURE__ */ _jsx("span", {
+				class: "chips",
+				children: all.map(chip)
+			})
+		}) : null]
+	});
+}
+/** A record's id: secondary, never a page's or row's label; the line it sits on clips it when space runs out. */
+export function Id({ value, title }) {
+	return /* @__PURE__ */ _jsx("span", {
+		class: "id",
+		title: title ?? value,
+		children: value
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/button.983daea9e687fc5d.js

@@ -0,0 +1,91 @@
+import "./button.d7f4433f4e7faa80.css.pnext-asset.js";
+import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { iExternal } from "./icons.a34176f37808cd66.js";
+import { Icon } from "./icon.0874ca2f58f7db14.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const classOf = ({ variant, danger, size, wide, class: cls }) => [
+	"btn",
+	variant !== "primary" && variant,
+	danger && "danger",
+	size,
+	wide && "wide",
+	cls
+].filter(Boolean).join(" ");
+/** The label between its icons; a spinner takes the left icon's place, else the right one's, else sits over the label. */
+function Content({ leftIcon, rightIcon, loading, children }) {
+	const spin = /* @__PURE__ */ _jsx("i", { class: "btn-spin" });
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		leftIcon ? loading ? spin : /* @__PURE__ */ _jsx(Icon, { d: leftIcon }) : null,
+		children,
+		rightIcon ? loading && !leftIcon ? spin : /* @__PURE__ */ _jsx(Icon, { d: rightIcon }) : null
+	] });
+}
+/** A button, or a plain link to `href` while it is enabled; `loading` disables it and shows a spinner. */
+export function Button({ variant, danger, size, wide, leftIcon, rightIcon, loading, disabled, href, external, as, type = "button", class: cls, children, ...rest }) {
+	const className = classOf({
+		variant,
+		danger,
+		size,
+		wide,
+		class: cls
+	});
+	const content = /* @__PURE__ */ _jsx(Content, {
+		leftIcon,
+		rightIcon: rightIcon ?? (external ? iExternal : undefined),
+		loading,
+		children
+	});
+	if (as === "span") return /* @__PURE__ */ _jsx("span", {
+		class: className,
+		"aria-hidden": "true",
+		children: content
+	});
+	if (href && !disabled && !loading) return /* @__PURE__ */ _jsx("a", {
+		...rest,
+		class: className,
+		href,
+		...external ? {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : {},
+		children: content
+	});
+	return /* @__PURE__ */ _jsx("button", {
+		"aria-busy": loading || undefined,
+		...rest,
+		type,
+		class: className,
+		disabled: disabled || loading,
+		children: content
+	});
+}
+/** A `Button` that links to an in-app page, with `Link`'s typed route and params. */
+export function LinkButton({ variant, danger, size, wide, leftIcon, rightIcon, class: cls, children, ...link }) {
+	return /* @__PURE__ */ _jsx(Link, {
+		...link,
+		class: classOf({
+			variant,
+			danger,
+			size,
+			wide,
+			class: cls
+		}),
+		children: /* @__PURE__ */ _jsx(Content, {
+			leftIcon,
+			rightIcon,
+			children
+		})
+	});
+}
+/** A square button that shows only an icon, named by `label`. */
+export function IconButton({ icon, label, tip, type = "button", class: cls, children, ...rest }) {
+	return /* @__PURE__ */ _jsx("button", {
+		...rest,
+		type,
+		class: cls ? `icon-btn ${cls}` : "icon-btn",
+		"aria-label": label,
+		title: tip ? undefined : label,
+		"data-tip": tip,
+		children: icon ? /* @__PURE__ */ _jsx(Icon, { d: icon }) : children
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{card.b0873d38765c9d20.js → card.c08471eaa0bc1cec.js}

@@ -1,7 +1,10 @@
-import "./card.146f70c7049b5b31.css.pnext-asset.js";
+import "./card.15f7435f202831c3.css.pnext-asset.js";
+import { Button } from "./button.983daea9e687fc5d.js";
+import { iPlus } from "./icons.a34176f37808cd66.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-export function Card({ title, count, actions, tone, children }) {
+export function Card({ id, title, count, actions, tone, children }) {
 	return /* @__PURE__ */ _jsxs("section", {
+		id,
 		class: tone ? `card frame ${tone}` : "card frame",
 		children: [title ? /* @__PURE__ */ _jsxs("div", {
 			class: "bar",
@@ -15,6 +18,42 @@ export function Card({ title, count, actions, tone, children }) {
 		}) : null, children]
 	});
 }
+/** A card that starts folded: its bar shows the title and a one-line note, and a click opens it. */
+export function FoldCard({ title, note, actions, open = "Add", opened, children }) {
+	return /* @__PURE__ */ _jsxs("details", {
+		class: "card frame fold",
+		open: opened,
+		children: [/* @__PURE__ */ _jsxs("summary", {
+			class: "bar",
+			children: [
+				/* @__PURE__ */ _jsx("h2", { children: title }),
+				/* @__PURE__ */ _jsx("span", {
+					class: "fold-note",
+					children: note
+				}),
+				actions ? /* @__PURE__ */ _jsx("span", {
+					class: "bar-r",
+					children: actions
+				}) : null,
+				/* @__PURE__ */ _jsx(Button, {
+					as: "span",
+					variant: "outline",
+					size: "sm",
+					class: "fold-open",
+					leftIcon: open === "Add" ? iPlus : undefined,
+					children: open
+				}),
+				/* @__PURE__ */ _jsx(Button, {
+					as: "span",
+					variant: "ghost",
+					size: "sm",
+					class: "fold-close",
+					children: "Close"
+				})
+			]
+		}), children]
+	});
+}
 export function Empty({ title, children }) {
 	return /* @__PURE__ */ _jsxs("div", {
 		class: "empty",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{collapse.dab7f208cbbe6a33.js → collapse.762eba56417214ca.js}

@@ -1,6 +1,7 @@
 "use client";
 import "./collapse.fb687b120ea60247.css.pnext-asset.js";
 import { useLayoutEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { Button } from "./button.983daea9e687fc5d.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Long content cut to its first `lines` lines under a fade, with a Show more toggle. */
 export function Collapse({ lines = 10, class: cls, children }) {
@@ -22,9 +23,10 @@ export function Collapse({ lines = 10, class: cls, children }) {
 			class: cls ? `collapse-box ${cls}` : "collapse-box",
 			ref: box,
 			children
-		}), long ? /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn ghost sm more-toggle",
+		}), long ? /* @__PURE__ */ _jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			class: "more-toggle",
 			"aria-expanded": open,
 			onClick: () => setOpen(!open),
 			children: open ? "Show less" : "Show more"

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{combo.ca0efacf2ce15578.js → combo.efb84f0cca771948.js}

@@ -1,7 +1,7 @@
 import { useId, useLayoutEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { Icon } from "./icon.0874ca2f58f7db14.js";
-import { iCheck } from "./icons.1777c0350d5d215e.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { MenuOption } from "./menu-items.a8e580a0c90631ff.js";
+import { SelectList } from "./select.36c6f21ce6aa720f.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const SHOWN = 50;
 /** A text input with suggestions under it, filtered as you type; any text is still a value. */
 export function Combo({ label, name, class: className, options, placeholder, value, onChange, onOpen }) {
@@ -89,27 +89,20 @@ export function Combo({ label, name, class: className, options, placeholder, val
 			else return;
 			event.preventDefault();
 		}
-	}), listed ? /* @__PURE__ */ _jsx("div", {
-		ref: list,
-		id: `${id}-list`,
-		class: "pop select-pop",
-		popover: "manual",
-		role: "listbox",
-		"aria-label": label,
-		style: place || "visibility:hidden",
-		onMouseDown: (event) => event.preventDefault(),
-		children: shown.map((option, index) => /* @__PURE__ */ _jsxs("div", {
+	}), listed ? /* @__PURE__ */ _jsx(SelectList, {
+		id,
+		label,
+		listRef: list,
+		place,
+		children: shown.map((option, index) => /* @__PURE__ */ _jsx(MenuOption, {
 			id: `${id}-${index}`,
 			"data-index": index,
-			role: "option",
-			"aria-selected": option === value,
-			class: index === active ? "pop-item on" : "pop-item",
+			active: index === active,
+			selected: option === value,
+			check: true,
 			onPointerMove: () => index !== active && setActive(index),
 			onClick: () => pick(index),
-			children: [/* @__PURE__ */ _jsx("span", {
-				class: "grow",
-				children: option
-			}), /* @__PURE__ */ _jsx(Icon, { d: iCheck })]
+			children: option
 		}, option))
 	}) : null] });
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/confirm.53edc755945b0563.js

@@ -0,0 +1,27 @@
+"use client";
+import { Button } from "./button.983daea9e687fc5d.js";
+import { iTrash } from "./icons.a34176f37808cd66.js";
+import { Modal } from "./modal.b5f74ebf59590fa6.js";
+import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** A modal question before a destructive step. */
+export function ConfirmDialog({ open, title, body, confirmLabel, onConfirm, onClose, busy }) {
+	return /* @__PURE__ */ _jsx(Modal, {
+		open,
+		class: "confirm",
+		title,
+		busy,
+		onSubmit: (event) => {
+			event.preventDefault();
+			onConfirm();
+		},
+		onClose,
+		actions: /* @__PURE__ */ _jsx(Button, {
+			type: "submit",
+			danger: true,
+			leftIcon: iTrash,
+			loading: busy,
+			children: confirmLabel
+		}),
+		children: body ? /* @__PURE__ */ _jsx("p", { children: body }) : null
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/copy.0b23d7dc05757df5.js

@@ -0,0 +1,31 @@
+"use client";
+import "./copy.fb3240de6c9479cd.css.pnext-asset.js";
+import { useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { iCheck, iCopy } from "./icons.a34176f37808cd66.js";
+import { IconButton } from "./button.983daea9e687fc5d.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** An icon button that copies `value` and shows a check once it did. */
+export function CopyButton({ value, label = "Copy" }) {
+	const [copied, setCopied] = useState(false);
+	return /* @__PURE__ */ _jsx(IconButton, {
+		icon: copied ? iCheck : iCopy,
+		label: copied ? "Copied" : label,
+		class: copied ? "copied" : undefined,
+		onClick: () => void navigator.clipboard.writeText(value).then(() => setCopied(true))
+	});
+}
+/** One value to copy, such as a command or an address; `link` also opens it in a new tab. */
+export function CopyLine({ value, label = "Copy command", link }) {
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "copy-line",
+		children: [link ? /* @__PURE__ */ _jsx("a", {
+			href: value,
+			target: "_blank",
+			rel: "noreferrer",
+			children: /* @__PURE__ */ _jsx("code", { children: value })
+		}) : /* @__PURE__ */ _jsx("code", { children: value }), /* @__PURE__ */ _jsx(CopyButton, {
+			value,
+			label
+		})]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{field.7b2a2075ee8c6e29.js → field.75588c33b72824a7.js}

@@ -7,10 +7,3 @@ export function Field({ label, hint, group, children }) {
 		children: [/* @__PURE__ */ _jsxs("span", { children: [label, hint ? /* @__PURE__ */ _jsx("small", { children: hint }) : null] }), children]
 	});
 }
-export function ErrorText({ value }) {
-	return value ? /* @__PURE__ */ _jsx("p", {
-		class: "flash err",
-		role: "alert",
-		children: value
-	}) : null;
-}