@bunnyland/ui-web 0.2.0

package/dist/preact.js

@@ -0,0 +1,488 @@
+import { ApiError as e, authMe as t, login as n, logout as r, rotateAuth as i, setPlayerAuth as a, subscribePlayerAuth as o } from "./api.js";
+import { DEFAULT_THEME as s, THEME_CHANGE_EVENT as c, initTheme as l, setTheme as u, themeOptions as d } from "./theme.js";
+import { useCallback as f, useContext as p, useEffect as m, useId as h, useMemo as g, useRef as _, useState as v } from "preact/hooks";
+import { Fragment as y, jsx as b, jsxs as x } from "preact/jsx-runtime";
+import { createContext as S } from "preact";
+//#region src/preact/components.tsx
+function C(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function w({ class: e, variant: t, type: n = "button", ...r }) {
+	return /* @__PURE__ */ b("button", {
+		...r,
+		type: n,
+		class: C(e, t && `bl-button-${t}`)
+	});
+}
+function T({ children: e, class: t, tone: n = "muted", ...r }) {
+	return /* @__PURE__ */ b("span", {
+		...r,
+		class: C(t, "bl-status", `bl-status-${n}`),
+		children: e
+	});
+}
+function E({ children: e, class: t, ...n }) {
+	return /* @__PURE__ */ b("header", {
+		...n,
+		class: C(t, "bl-toolbar"),
+		children: e
+	});
+}
+function D({ children: e, class: t, ...n }) {
+	return /* @__PURE__ */ b("div", {
+		...n,
+		class: C(t, "toolbar-row"),
+		children: e
+	});
+}
+function O({ children: e, class: t, icon: n = "🐰", ...r }) {
+	return /* @__PURE__ */ x("span", {
+		...r,
+		class: C(t, "toolbar-brand"),
+		children: [n, e]
+	});
+}
+function k({ children: e, class: t, title: n, tools: r, ...i }) {
+	return /* @__PURE__ */ x("section", {
+		...i,
+		class: C(t, "pane"),
+		children: [(n || r) && /* @__PURE__ */ x("header", {
+			class: "pane-header",
+			children: [n && /* @__PURE__ */ b("span", {
+				class: "pane-title",
+				children: n
+			}), r && /* @__PURE__ */ b("span", {
+				class: "pane-tools",
+				children: r
+			})]
+		}), e]
+	});
+}
+function A({ children: e, class: t, description: n, label: r, wide: i, ...a }) {
+	return /* @__PURE__ */ x("label", {
+		...a,
+		class: C(t, "field", i && "wide"),
+		children: [
+			/* @__PURE__ */ b("span", {
+				class: "field-label",
+				children: r
+			}),
+			e,
+			n && /* @__PURE__ */ b("span", {
+				class: "hint",
+				children: n
+			})
+		]
+	});
+}
+function j({ children: e, class: t, ...n }) {
+	return /* @__PURE__ */ b("span", {
+		...n,
+		class: C(t, "pill"),
+		children: e
+	});
+}
+function M({ children: e, class: t, ...n }) {
+	return /* @__PURE__ */ b("div", {
+		...n,
+		class: C(t, "empty"),
+		children: e
+	});
+}
+function N({ disabled: e = !1, emptyLabel: t = "No matches", id: n, label: r, onChange: i, options: a, placeholder: o = "search...", value: s = "" }) {
+	let c = h(), l = n || c, u = `${l}-listbox`, d = a.find((e) => e.value === s) || null, [f, p] = v(d?.label || ""), [_, y] = v(!1), [S, w] = v(0), T = g(() => {
+		let e = f.trim().toLowerCase();
+		return e ? a.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : a;
+	}, [a, f]), E = d?.label || "";
+	m(() => p(E), [E, s]);
+	let D = (e) => {
+		p(e.label), y(!1), i(e.value, e);
+	};
+	return /* @__PURE__ */ x("span", {
+		class: "search-dropdown",
+		children: [
+			r && /* @__PURE__ */ b("label", {
+				for: l,
+				children: r
+			}),
+			/* @__PURE__ */ b("input", {
+				id: l,
+				class: "search-dropdown-input",
+				type: "text",
+				value: f,
+				placeholder: o,
+				disabled: e,
+				autocomplete: "off",
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-controls": u,
+				"aria-expanded": _,
+				onFocus: () => y(!0),
+				onBlur: () => y(!1),
+				onInput: (e) => {
+					p(e.currentTarget.value), w(0), y(!0), e.currentTarget.value || i("", null);
+				},
+				onKeyDown: (e) => {
+					e.key === "ArrowDown" ? (e.preventDefault(), w((e) => Math.min(e + 1, T.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), w((e) => Math.max(e - 1, 0))) : e.key === "Enter" && T[S] ? (e.preventDefault(), D(T[S])) : e.key === "Escape" && y(!1);
+				}
+			}),
+			_ && /* @__PURE__ */ b("div", {
+				id: u,
+				class: "search-dropdown-menu",
+				role: "listbox",
+				children: T.length ? T.map((e, t) => /* @__PURE__ */ b("button", {
+					type: "button",
+					class: C("search-dropdown-option", t === S && "active"),
+					role: "option",
+					"aria-selected": e.value === s,
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => D(e),
+					children: e.label
+				}, e.value)) : /* @__PURE__ */ b("div", {
+					class: "search-dropdown-empty",
+					children: t
+				})
+			})
+		]
+	});
+}
+function P({ addLabel: e = "Add Tag", disabled: t = !1, emptyLabel: n = "No tags.", onChange: r, placeholder: i = "add tag...", value: a }) {
+	let [o, s] = v(""), c = () => {
+		let e = o.trim();
+		e && (a.includes(e) || r([...a, e]), s(""));
+	};
+	return /* @__PURE__ */ x("div", {
+		class: "tag-editor",
+		children: [/* @__PURE__ */ b("div", {
+			class: "tag-list",
+			children: a.length ? a.map((e) => /* @__PURE__ */ x("span", {
+				class: "tag-pill",
+				children: [/* @__PURE__ */ b("span", { children: e }), /* @__PURE__ */ b(w, {
+					disabled: t,
+					"aria-label": `Remove tag ${e}`,
+					onClick: () => r(a.filter((t) => t !== e)),
+					children: "x"
+				})]
+			}, e)) : /* @__PURE__ */ b("span", {
+				class: "tiny",
+				children: n
+			})
+		}), /* @__PURE__ */ x("div", {
+			class: "tag-entry",
+			children: [/* @__PURE__ */ b("input", {
+				type: "text",
+				value: o,
+				placeholder: i,
+				disabled: t,
+				onInput: (e) => s(e.currentTarget.value),
+				onKeyDown: (e) => {
+					e.key === "Enter" && (e.preventDefault(), c());
+				}
+			}), /* @__PURE__ */ b(w, {
+				disabled: t,
+				onClick: c,
+				children: e
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/preact/auth.tsx
+var F = [
+	"character:profile",
+	"character:chat",
+	"world:play",
+	"world:admin"
+], I = {
+	"character:profile": "Character profile",
+	"character:chat": "Character chat",
+	"world:play": "World play",
+	"world:admin": "World administration"
+}, L = S(null);
+function R(e) {
+	return typeof e == "string" && F.includes(e);
+}
+function z(e) {
+	if (!e || typeof e != "object") throw Error("Invalid authentication response");
+	let t = e;
+	if (typeof t.subject != "string" || !Array.isArray(t.scopes)) throw Error("Invalid authentication response");
+	return {
+		subject: t.subject,
+		scopes: t.scopes.filter(R),
+		expires_at: Number(t.expires_at || 0),
+		rotate_after: t.rotate_after == null ? null : Number(t.rotate_after),
+		rotation_eligible: !!t.rotation_eligible
+	};
+}
+function B(e) {
+	let t = new Set(e);
+	return t.has("world:admin") && t.add("world:play"), t.has("world:play") && (t.add("character:profile"), t.add("character:chat")), t;
+}
+function V(e, t) {
+	let n = B(e);
+	return t.every((e) => n.has(e));
+}
+function H(e) {
+	return e instanceof Error ? e.message : String(e);
+}
+function U({ close: e, login: t, scopes: n }) {
+	let r = _(null), [i, a] = v(""), [o, s] = v(""), [c, l] = v(""), [u, d] = v(!1);
+	m(() => {
+		let e = r.current;
+		if (e) return typeof e.showModal == "function" ? e.showModal() : e.setAttribute("open", ""), () => {
+			typeof e.close == "function" && e.open && e.close();
+		};
+	}, []);
+	let f = async (n) => {
+		if (n.preventDefault(), !(!i.trim() || !o || u)) {
+			d(!0), l("");
+			try {
+				await t(i.trim(), o), e();
+			} catch (e) {
+				l(H(e));
+			} finally {
+				d(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ b("dialog", {
+		"aria-labelledby": "bl-auth-title",
+		class: "bl-auth-dialog",
+		onCancel: (t) => {
+			t.preventDefault(), e();
+		},
+		ref: r,
+		children: /* @__PURE__ */ x("form", {
+			class: "bl-auth-form",
+			onSubmit: (e) => {
+				f(e);
+			},
+			children: [
+				/* @__PURE__ */ b("h2", {
+					id: "bl-auth-title",
+					children: "Sign in to Bunnyland"
+				}),
+				/* @__PURE__ */ x("label", { children: [/* @__PURE__ */ b("span", { children: "Username" }), /* @__PURE__ */ b("input", {
+					autocomplete: "username",
+					autofocus: !0,
+					disabled: u,
+					onInput: (e) => a(e.currentTarget.value),
+					required: !0,
+					value: i
+				})] }),
+				/* @__PURE__ */ x("label", { children: [/* @__PURE__ */ b("span", { children: "Password" }), /* @__PURE__ */ b("input", {
+					autocomplete: "current-password",
+					disabled: u,
+					onInput: (e) => s(e.currentTarget.value),
+					required: !0,
+					type: "password",
+					value: o
+				})] }),
+				c && /* @__PURE__ */ b(T, {
+					role: "alert",
+					tone: "error",
+					children: c
+				}),
+				/* @__PURE__ */ x("p", {
+					class: "bl-auth-scopes",
+					children: [
+						"Requested access: ",
+						n.map((e) => `${I[e]} (${e})`).join(", "),
+						". Your account determines the access granted."
+					]
+				}),
+				/* @__PURE__ */ x("div", {
+					class: "bl-auth-actions",
+					children: [/* @__PURE__ */ b(w, {
+						disabled: u,
+						onClick: e,
+						children: "Cancel"
+					}), /* @__PURE__ */ b(w, {
+						disabled: u || !i.trim() || !o,
+						type: "submit",
+						variant: "primary",
+						children: u ? "Signing in…" : "Sign in"
+					})]
+				})
+			]
+		})
+	});
+}
+function W({ base: s, children: c }) {
+	let [l, u] = v(s ? "checking" : "idle"), [d, p] = v(null), [h, y] = v(""), [S, C] = v(null), w = _(0), T = _(""), E = f(async () => {
+		let n = ++w.current;
+		if (!s) {
+			p(null), y(""), u("idle");
+			return;
+		}
+		u("checking"), y("");
+		try {
+			let e = z(await t(s));
+			if (n !== w.current) return;
+			p(e), u("authenticated");
+		} catch (t) {
+			if (n !== w.current) return;
+			p(null), t instanceof e && t.status === 401 ? u("anonymous") : (y(H(t)), u("error"));
+		}
+	}, [s]);
+	m(() => (E(), o(() => {
+		E();
+	})), [E]);
+	let D = f(async (e, t) => {
+		let r = z(await n(s, e, t));
+		a(""), w.current += 1, p(r), y(""), u("authenticated");
+	}, [s]), O = f(async () => {
+		await r(s), a(""), w.current += 1, p(null), y(""), u("anonymous");
+	}, [s]);
+	m(() => {
+		if (l !== "authenticated" || !d) return;
+		let e = Date.now(), t = Math.max(0, d.expires_at * 1e3 - e), n = d.rotate_after == null ? Infinity : Math.max(0, d.rotate_after * 1e3 - e), r = Math.min(t, n, 2147483647), a = window.setTimeout(() => {
+			if (n <= t && d.rotate_after != null) {
+				let e = `${s}:${d.subject}:${d.rotate_after}`;
+				if (T.current === e) return;
+				T.current = e, i(s).then((e) => {
+					let t = z(e);
+					p(t), u("authenticated");
+				}).catch(() => {
+					E();
+				});
+			} else E();
+		}, r);
+		return () => window.clearTimeout(a);
+	}, [
+		s,
+		E,
+		d,
+		l
+	]);
+	let k = f((e) => !!(d && V(d.scopes, e)), [d]), A = f((e) => C([...e]), []), j = f(() => C(null), []), M = g(() => ({
+		closeLogin: j,
+		error: h,
+		hasScopes: k,
+		login: D,
+		logout: O,
+		openLogin: A,
+		refresh: E,
+		session: d,
+		status: l
+	}), [
+		j,
+		h,
+		k,
+		D,
+		O,
+		A,
+		E,
+		d,
+		l
+	]);
+	return /* @__PURE__ */ x(L.Provider, {
+		value: M,
+		children: [c, S && /* @__PURE__ */ b(U, {
+			close: j,
+			login: D,
+			scopes: S
+		})]
+	});
+}
+function G() {
+	let e = p(L);
+	if (!e) throw Error("useAuth must be used within an AuthProvider");
+	return e;
+}
+function K({ children: e, scopes: t }) {
+	let n = G();
+	if (n.status === "authenticated" && n.hasScopes(t)) return /* @__PURE__ */ b(y, { children: e });
+	if (n.status === "checking") return /* @__PURE__ */ b(M, {
+		class: "bl-auth-gate",
+		children: "Checking access…"
+	});
+	if (n.status === "idle") return /* @__PURE__ */ b(M, {
+		class: "bl-auth-gate",
+		children: "Choose a server to continue."
+	});
+	if (n.status === "error") return /* @__PURE__ */ x(M, {
+		class: "bl-auth-gate",
+		children: [/* @__PURE__ */ x(T, {
+			tone: "error",
+			children: ["Authentication check failed: ", n.error]
+		}), /* @__PURE__ */ b(w, {
+			onClick: () => {
+				n.refresh();
+			},
+			children: "Retry"
+		})]
+	});
+	if (n.status === "authenticated") {
+		let e = t.filter((e) => !B(n.session?.scopes || []).has(e));
+		return /* @__PURE__ */ x(M, {
+			class: "bl-auth-gate",
+			children: [
+				/* @__PURE__ */ x(T, {
+					tone: "error",
+					children: [
+						"Insufficient access for ",
+						n.session?.subject || "this account",
+						"."
+					]
+				}),
+				/* @__PURE__ */ x("small", { children: [
+					"Missing: ",
+					e.map((e) => `${I[e]} (${e})`).join(", "),
+					"."
+				] }),
+				/* @__PURE__ */ b(w, {
+					onClick: () => n.openLogin(t),
+					children: "Sign in as another user"
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ x(M, {
+		class: "bl-auth-gate",
+		children: [/* @__PURE__ */ b("span", { children: "Sign in to continue." }), /* @__PURE__ */ b(w, {
+			onClick: () => n.openLogin(t),
+			variant: "primary",
+			children: "Login"
+		})]
+	});
+}
+//#endregion
+//#region src/preact/theme.tsx
+function q(e = document.documentElement, t = s) {
+	let [n, r] = v(() => l(e, t));
+	m(() => {
+		let t = (e) => {
+			let t = e.detail;
+			t?.theme && r(t.theme);
+		};
+		return e.addEventListener(c, t), () => e.removeEventListener(c, t);
+	}, [e]);
+	let i = f((t) => {
+		r(u(t, e));
+	}, [e]);
+	return {
+		options: d(),
+		setTheme: i,
+		theme: n
+	};
+}
+function J({ controller: e, defaultTheme: t = s, onChange: n, root: r, ...i }) {
+	let a = q(r || document.documentElement, t), o = e || a;
+	return /* @__PURE__ */ b("select", {
+		...i,
+		value: o.theme,
+		onChange: (e) => {
+			let t = e.currentTarget.value;
+			o.setTheme(t), n?.(t);
+		},
+		children: o.options.map((e) => /* @__PURE__ */ b("option", {
+			value: e.value,
+			children: e.label
+		}, e.value))
+	});
+}
+//#endregion
+export { F as AUTH_SCOPES, K as AuthGate, W as AuthProvider, w as Button, M as EmptyState, A as Field, k as Pane, j as Pill, N as SearchSelect, T as StatusText, P as TagEditor, J as ThemeSelect, E as Toolbar, O as ToolbarBrand, D as ToolbarRow, B as effectiveAuthScopes, V as hasAuthScopes, G as useAuth, q as useTheme };
+
+//# sourceMappingURL=preact.js.map

package/dist/preact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preact.js","names":[],"sources":["../src/preact/components.tsx","../src/preact/auth.tsx","../src/preact/theme.tsx"],"sourcesContent":["import type { ComponentChildren, JSX } from 'preact';\nimport { useEffect, useId, useMemo, useState } from 'preact/hooks';\n\nexport type Tone = 'error' | 'info' | 'muted' | 'ok' | 'warn';\nexport type ButtonVariant = 'danger' | 'primary' | 'quiet' | 'secondary';\n\nfunction classNames(...values: Array<string | false | null | undefined>): string {\n  return values.filter(Boolean).join(' ');\n}\n\nexport interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n}\n\nexport function Button({ class: className, variant, type = 'button', ...props }: ButtonProps): JSX.Element {\n  return <button {...props} type={type} class={classNames(className as string, variant && `bl-button-${variant}`)} />;\n}\n\nexport interface StatusTextProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  children: ComponentChildren;\n  tone?: Tone;\n}\n\nexport function StatusText({ children, class: className, tone = 'muted', ...props }: StatusTextProps): JSX.Element {\n  return <span {...props} class={classNames(className as string, 'bl-status', `bl-status-${tone}`)}>{children}</span>;\n}\n\nexport function Toolbar({ children, class: className, ...props }: JSX.HTMLAttributes<HTMLElement>): JSX.Element {\n  return <header {...props} class={classNames(className as string, 'bl-toolbar')}>{children}</header>;\n}\n\nexport function ToolbarRow({ children, class: className, ...props }: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element {\n  return <div {...props} class={classNames(className as string, 'toolbar-row')}>{children}</div>;\n}\n\nexport interface ToolbarBrandProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  icon?: ComponentChildren;\n}\n\nexport function ToolbarBrand({ children, class: className, icon = '🐰', ...props }: ToolbarBrandProps): JSX.Element {\n  return <span {...props} class={classNames(className as string, 'toolbar-brand')}>{icon}{children}</span>;\n}\n\nexport interface PaneProps extends Omit<JSX.HTMLAttributes<HTMLElement>, 'title'> {\n  children: ComponentChildren;\n  title?: ComponentChildren;\n  tools?: ComponentChildren;\n}\n\nexport function Pane({ children, class: className, title, tools, ...props }: PaneProps): JSX.Element {\n  return (\n    <section {...props} class={classNames(className as string, 'pane')}>\n      {(title || tools) && (\n        <header class=\"pane-header\">\n          {title && <span class=\"pane-title\">{title}</span>}\n          {tools && <span class=\"pane-tools\">{tools}</span>}\n        </header>\n      )}\n      {children}\n    </section>\n  );\n}\n\nexport interface FieldProps extends JSX.HTMLAttributes<HTMLLabelElement> {\n  children: ComponentChildren;\n  description?: ComponentChildren;\n  label: ComponentChildren;\n  wide?: boolean;\n}\n\nexport function Field({ children, class: className, description, label, wide, ...props }: FieldProps): JSX.Element {\n  return (\n    <label {...props} class={classNames(className as string, 'field', wide && 'wide')}>\n      <span class=\"field-label\">{label}</span>\n      {children}\n      {description && <span class=\"hint\">{description}</span>}\n    </label>\n  );\n}\n\nexport function Pill({ children, class: className, ...props }: JSX.HTMLAttributes<HTMLSpanElement>): JSX.Element {\n  return <span {...props} class={classNames(className as string, 'pill')}>{children}</span>;\n}\n\nexport function EmptyState({ children, class: className, ...props }: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element {\n  return <div {...props} class={classNames(className as string, 'empty')}>{children}</div>;\n}\n\nexport interface SearchOption {\n  label: string;\n  value: string;\n}\n\nexport interface SearchSelectProps {\n  disabled?: boolean;\n  emptyLabel?: string;\n  id?: string;\n  label?: string;\n  onChange: (value: string, option: SearchOption | null) => void;\n  options: SearchOption[];\n  placeholder?: string;\n  value?: string;\n}\n\nexport function SearchSelect({\n  disabled = false,\n  emptyLabel = 'No matches',\n  id,\n  label,\n  onChange,\n  options,\n  placeholder = 'search...',\n  value = '',\n}: SearchSelectProps): JSX.Element {\n  const generatedId = useId();\n  const inputId = id || generatedId;\n  const listboxId = `${inputId}-listbox`;\n  const selected = options.find(option => option.value === value) || null;\n  const [query, setQuery] = useState(selected?.label || '');\n  const [open, setOpen] = useState(false);\n  const [active, setActive] = useState(0);\n  const filtered = useMemo(() => {\n    const needle = query.trim().toLowerCase();\n    if (!needle) return options;\n    return options.filter(option => option.label.toLowerCase().includes(needle) || option.value.toLowerCase().includes(needle));\n  }, [options, query]);\n  const selectedLabel = selected?.label || '';\n  useEffect(() => setQuery(selectedLabel), [selectedLabel, value]);\n  const choose = (option: SearchOption): void => {\n    setQuery(option.label);\n    setOpen(false);\n    onChange(option.value, option);\n  };\n\n  return (\n    <span class=\"search-dropdown\">\n      {label && <label for={inputId}>{label}</label>}\n      <input\n        id={inputId}\n        class=\"search-dropdown-input\"\n        type=\"text\"\n        value={query}\n        placeholder={placeholder}\n        disabled={disabled}\n        autocomplete=\"off\"\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-controls={listboxId}\n        aria-expanded={open}\n        onFocus={(): void => setOpen(true)}\n        onBlur={(): void => setOpen(false)}\n        onInput={(event): void => {\n          setQuery(event.currentTarget.value);\n          setActive(0);\n          setOpen(true);\n          if (!event.currentTarget.value) onChange('', null);\n        }}\n        onKeyDown={(event): void => {\n          if (event.key === 'ArrowDown') {\n            event.preventDefault();\n            setActive(index => Math.min(index + 1, filtered.length - 1));\n          } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            setActive(index => Math.max(index - 1, 0));\n          } else if (event.key === 'Enter' && filtered[active]) {\n            event.preventDefault();\n            choose(filtered[active]);\n          } else if (event.key === 'Escape') {\n            setOpen(false);\n          }\n        }}\n      />\n      {open && (\n        <div id={listboxId} class=\"search-dropdown-menu\" role=\"listbox\">\n          {filtered.length ? filtered.map((option, index) => (\n            <button\n              key={option.value}\n              type=\"button\"\n              class={classNames('search-dropdown-option', index === active && 'active')}\n              role=\"option\"\n              aria-selected={option.value === value}\n              onMouseDown={(event): void => event.preventDefault()}\n              onClick={(): void => choose(option)}\n            >\n              {option.label}\n            </button>\n          )) : <div class=\"search-dropdown-empty\">{emptyLabel}</div>}\n        </div>\n      )}\n    </span>\n  );\n}\n\nexport interface TagEditorProps {\n  addLabel?: string;\n  disabled?: boolean;\n  emptyLabel?: string;\n  onChange: (tags: string[]) => void;\n  placeholder?: string;\n  value: string[];\n}\n\nexport function TagEditor({\n  addLabel = 'Add Tag',\n  disabled = false,\n  emptyLabel = 'No tags.',\n  onChange,\n  placeholder = 'add tag...',\n  value,\n}: TagEditorProps): JSX.Element {\n  const [draft, setDraft] = useState('');\n  const add = (): void => {\n    const tag = draft.trim();\n    if (!tag) return;\n    if (!value.includes(tag)) onChange([...value, tag]);\n    setDraft('');\n  };\n  return (\n    <div class=\"tag-editor\">\n      <div class=\"tag-list\">\n        {value.length ? value.map(tag => (\n          <span class=\"tag-pill\" key={tag}>\n            <span>{tag}</span>\n            <Button\n              disabled={disabled}\n              aria-label={`Remove tag ${tag}`}\n              onClick={(): void => onChange(value.filter(item => item !== tag))}\n            >x</Button>\n          </span>\n        )) : <span class=\"tiny\">{emptyLabel}</span>}\n      </div>\n      <div class=\"tag-entry\">\n        <input\n          type=\"text\"\n          value={draft}\n          placeholder={placeholder}\n          disabled={disabled}\n          onInput={(event): void => setDraft(event.currentTarget.value)}\n          onKeyDown={(event): void => {\n            if (event.key !== 'Enter') return;\n            event.preventDefault();\n            add();\n          }}\n        />\n        <Button disabled={disabled} onClick={add}>{addLabel}</Button>\n      </div>\n    </div>\n  );\n}\n","import type { ComponentChildren, JSX } from 'preact';\nimport { createContext } from 'preact';\nimport { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'preact/hooks';\n\nimport {\n  ApiError,\n  authMe,\n  login as createSession,\n  logout as deleteSession,\n  rotateAuth,\n  setPlayerAuth,\n  subscribePlayerAuth,\n} from '../api';\nimport { Button, EmptyState, StatusText } from './components';\n\nexport const AUTH_SCOPES = [\n  'character:profile',\n  'character:chat',\n  'world:play',\n  'world:admin',\n] as const;\n\nexport type AuthScope = typeof AUTH_SCOPES[number];\nexport type AuthStatus = 'anonymous' | 'authenticated' | 'checking' | 'error' | 'idle';\n\nexport interface AuthSession {\n  expires_at: number;\n  rotate_after: number | null;\n  rotation_eligible: boolean;\n  scopes: AuthScope[];\n  subject: string;\n}\n\nexport interface AuthContextValue {\n  closeLogin: () => void;\n  error: string;\n  hasScopes: (scopes: readonly AuthScope[]) => boolean;\n  login: (username: string, password: string) => Promise<void>;\n  logout: () => Promise<void>;\n  openLogin: (scopes: readonly AuthScope[]) => void;\n  refresh: () => Promise<void>;\n  session: AuthSession | null;\n  status: AuthStatus;\n}\n\ninterface AuthProviderProps {\n  base: string;\n  children: ComponentChildren;\n}\n\ninterface AuthGateProps {\n  children: ComponentChildren;\n  scopes: readonly AuthScope[];\n}\n\nconst SCOPE_LABELS: Record<AuthScope, string> = {\n  'character:profile': 'Character profile',\n  'character:chat': 'Character chat',\n  'world:play': 'World play',\n  'world:admin': 'World administration',\n};\n\nconst AuthContext = createContext<AuthContextValue | null>(null);\n\nfunction isAuthScope(value: unknown): value is AuthScope {\n  return typeof value === 'string' && (AUTH_SCOPES as readonly string[]).includes(value);\n}\n\nfunction parseSession(value: unknown): AuthSession {\n  if (!value || typeof value !== 'object') throw new Error('Invalid authentication response');\n  const record = value as Record<string, unknown>;\n  if (typeof record.subject !== 'string' || !Array.isArray(record.scopes)) {\n    throw new Error('Invalid authentication response');\n  }\n  return {\n    subject: record.subject,\n    scopes: record.scopes.filter(isAuthScope),\n    expires_at: Number(record.expires_at || 0),\n    rotate_after: record.rotate_after == null ? null : Number(record.rotate_after),\n    rotation_eligible: Boolean(record.rotation_eligible),\n  };\n}\n\nexport function effectiveAuthScopes(scopes: readonly AuthScope[]): ReadonlySet<AuthScope> {\n  const effective = new Set(scopes);\n  if (effective.has('world:admin')) effective.add('world:play');\n  if (effective.has('world:play')) {\n    effective.add('character:profile');\n    effective.add('character:chat');\n  }\n  return effective;\n}\n\nexport function hasAuthScopes(\n  granted: readonly AuthScope[],\n  required: readonly AuthScope[],\n): boolean {\n  const effective = effectiveAuthScopes(granted);\n  return required.every(scope => effective.has(scope));\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : String(error);\n}\n\nfunction LoginDialog({\n  close,\n  login,\n  scopes,\n}: {\n  close: () => void;\n  login: (username: string, password: string) => Promise<void>;\n  scopes: readonly AuthScope[];\n}): JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const [username, setUsername] = useState('');\n  const [password, setPassword] = useState('');\n  const [error, setError] = useState('');\n  const [submitting, setSubmitting] = useState(false);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    if (typeof dialog.showModal === 'function') dialog.showModal();\n    else dialog.setAttribute('open', '');\n    return () => {\n      if (typeof dialog.close === 'function' && dialog.open) dialog.close();\n    };\n  }, []);\n\n  const submit = async (event: JSX.TargetedSubmitEvent<HTMLFormElement>): Promise<void> => {\n    event.preventDefault();\n    if (!username.trim() || !password || submitting) return;\n    setSubmitting(true);\n    setError('');\n    try {\n      await login(username.trim(), password);\n      close();\n    } catch (loginError) {\n      setError(errorMessage(loginError));\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  return (\n    <dialog\n      aria-labelledby=\"bl-auth-title\"\n      class=\"bl-auth-dialog\"\n      onCancel={(event): void => { event.preventDefault(); close(); }}\n      ref={dialogRef}\n    >\n      <form class=\"bl-auth-form\" onSubmit={(event): void => { void submit(event); }}>\n        <h2 id=\"bl-auth-title\">Sign in to Bunnyland</h2>\n        <label>\n          <span>Username</span>\n          <input\n            autocomplete=\"username\"\n            autofocus\n            disabled={submitting}\n            onInput={(event): void => setUsername(event.currentTarget.value)}\n            required\n            value={username}\n          />\n        </label>\n        <label>\n          <span>Password</span>\n          <input\n            autocomplete=\"current-password\"\n            disabled={submitting}\n            onInput={(event): void => setPassword(event.currentTarget.value)}\n            required\n            type=\"password\"\n            value={password}\n          />\n        </label>\n        {error && <StatusText role=\"alert\" tone=\"error\">{error}</StatusText>}\n        <p class=\"bl-auth-scopes\">\n          Requested access: {scopes.map(scope => `${SCOPE_LABELS[scope]} (${scope})`).join(', ')}.\n          Your account determines the access granted.\n        </p>\n        <div class=\"bl-auth-actions\">\n          <Button disabled={submitting} onClick={close}>Cancel</Button>\n          <Button disabled={submitting || !username.trim() || !password} type=\"submit\" variant=\"primary\">\n            {submitting ? 'Signing in…' : 'Sign in'}\n          </Button>\n        </div>\n      </form>\n    </dialog>\n  );\n}\n\nexport function AuthProvider({ base, children }: AuthProviderProps): JSX.Element {\n  const [status, setStatus] = useState<AuthStatus>(base ? 'checking' : 'idle');\n  const [session, setSession] = useState<AuthSession | null>(null);\n  const [error, setError] = useState('');\n  const [loginScopes, setLoginScopes] = useState<readonly AuthScope[] | null>(null);\n  const requestGeneration = useRef(0);\n  const rotationAttempt = useRef('');\n\n  const refresh = useCallback(async (): Promise<void> => {\n    const generation = ++requestGeneration.current;\n    if (!base) {\n      setSession(null);\n      setError('');\n      setStatus('idle');\n      return;\n    }\n    setStatus('checking');\n    setError('');\n    try {\n      const next = parseSession(await authMe(base));\n      if (generation !== requestGeneration.current) return;\n      setSession(next);\n      setStatus('authenticated');\n    } catch (authError) {\n      if (generation !== requestGeneration.current) return;\n      setSession(null);\n      if (authError instanceof ApiError && authError.status === 401) {\n        setStatus('anonymous');\n      } else {\n        setError(errorMessage(authError));\n        setStatus('error');\n      }\n    }\n  }, [base]);\n\n  useEffect(() => {\n    void refresh();\n    return subscribePlayerAuth(() => { void refresh(); });\n  }, [refresh]);\n\n  const login = useCallback(async (username: string, password: string): Promise<void> => {\n    const next = parseSession(await createSession(base, username, password));\n    setPlayerAuth('');\n    requestGeneration.current += 1;\n    setSession(next);\n    setError('');\n    setStatus('authenticated');\n  }, [base]);\n\n  const logout = useCallback(async (): Promise<void> => {\n    await deleteSession(base);\n    setPlayerAuth('');\n    requestGeneration.current += 1;\n    setSession(null);\n    setError('');\n    setStatus('anonymous');\n  }, [base]);\n\n  useEffect(() => {\n    if (status !== 'authenticated' || !session) return;\n    const now = Date.now();\n    const expiresDelay = Math.max(0, session.expires_at * 1000 - now);\n    const rotateDelay = session.rotate_after == null\n      ? Number.POSITIVE_INFINITY\n      : Math.max(0, session.rotate_after * 1000 - now);\n    const delay = Math.min(expiresDelay, rotateDelay, 2147483647);\n    const timer = window.setTimeout(() => {\n      if (rotateDelay <= expiresDelay && session.rotate_after != null) {\n        const attempt = `${base}:${session.subject}:${session.rotate_after}`;\n        if (rotationAttempt.current === attempt) return;\n        rotationAttempt.current = attempt;\n        void rotateAuth(base)\n          .then(value => {\n            const next = parseSession(value);\n            setSession(next);\n            setStatus('authenticated');\n          })\n          .catch(() => { void refresh(); });\n      } else {\n        void refresh();\n      }\n    }, delay);\n    return () => window.clearTimeout(timer);\n  }, [base, refresh, session, status]);\n\n  const hasScopes = useCallback((scopes: readonly AuthScope[]): boolean => (\n    Boolean(session && hasAuthScopes(session.scopes, scopes))\n  ), [session]);\n  const openLogin = useCallback((scopes: readonly AuthScope[]): void => setLoginScopes([...scopes]), []);\n  const closeLogin = useCallback((): void => setLoginScopes(null), []);\n  const value = useMemo<AuthContextValue>(() => ({\n    closeLogin,\n    error,\n    hasScopes,\n    login,\n    logout,\n    openLogin,\n    refresh,\n    session,\n    status,\n  }), [closeLogin, error, hasScopes, login, logout, openLogin, refresh, session, status]);\n\n  return (\n    <AuthContext.Provider value={value}>\n      {children}\n      {loginScopes && <LoginDialog close={closeLogin} login={login} scopes={loginScopes} />}\n    </AuthContext.Provider>\n  );\n}\n\nexport function useAuth(): AuthContextValue {\n  const auth = useContext(AuthContext);\n  if (!auth) throw new Error('useAuth must be used within an AuthProvider');\n  return auth;\n}\n\nexport function AuthGate({ children, scopes }: AuthGateProps): JSX.Element {\n  const auth = useAuth();\n  if (auth.status === 'authenticated' && auth.hasScopes(scopes)) return <>{children}</>;\n  if (auth.status === 'checking') return <EmptyState class=\"bl-auth-gate\">Checking access…</EmptyState>;\n  if (auth.status === 'idle') return <EmptyState class=\"bl-auth-gate\">Choose a server to continue.</EmptyState>;\n  if (auth.status === 'error') {\n    return (\n      <EmptyState class=\"bl-auth-gate\">\n        <StatusText tone=\"error\">Authentication check failed: {auth.error}</StatusText>\n        <Button onClick={(): void => { void auth.refresh(); }}>Retry</Button>\n      </EmptyState>\n    );\n  }\n  if (auth.status === 'authenticated') {\n    const missing = scopes.filter(scope => !effectiveAuthScopes(auth.session?.scopes || []).has(scope));\n    return (\n      <EmptyState class=\"bl-auth-gate\">\n        <StatusText tone=\"error\">Insufficient access for {auth.session?.subject || 'this account'}.</StatusText>\n        <small>Missing: {missing.map(scope => `${SCOPE_LABELS[scope]} (${scope})`).join(', ')}.</small>\n        <Button onClick={(): void => auth.openLogin(scopes)}>Sign in as another user</Button>\n      </EmptyState>\n    );\n  }\n  return (\n    <EmptyState class=\"bl-auth-gate\">\n      <span>Sign in to continue.</span>\n      <Button onClick={(): void => auth.openLogin(scopes)} variant=\"primary\">Login</Button>\n    </EmptyState>\n  );\n}\n","import type { JSX } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nimport {\n  DEFAULT_THEME,\n  THEME_CHANGE_EVENT,\n  initTheme,\n  setTheme,\n  themeOptions,\n  type ThemeOption,\n} from '../theme';\n\nexport interface ThemeController {\n  options: ThemeOption[];\n  setTheme: (theme: string) => void;\n  theme: string;\n}\n\nexport function useTheme(\n  root: HTMLElement = document.documentElement,\n  defaultTheme = DEFAULT_THEME,\n): ThemeController {\n  const [theme, setCurrentTheme] = useState(() => initTheme(root, defaultTheme));\n\n  useEffect(() => {\n    const handleThemeChange = (event: Event): void => {\n      const detail = (event as CustomEvent<{ theme?: string }>).detail;\n      if (detail?.theme) setCurrentTheme(detail.theme);\n    };\n    root.addEventListener(THEME_CHANGE_EVENT, handleThemeChange);\n    return () => root.removeEventListener(THEME_CHANGE_EVENT, handleThemeChange);\n  }, [root]);\n\n  const updateTheme = useCallback((value: string): void => {\n    setCurrentTheme(setTheme(value, root));\n  }, [root]);\n\n  return { options: themeOptions(), setTheme: updateTheme, theme };\n}\n\nexport interface ThemeSelectProps extends Omit<JSX.HTMLAttributes<HTMLSelectElement>, 'onChange' | 'value'> {\n  controller?: ThemeController;\n  defaultTheme?: string;\n  onChange?: (theme: string) => void;\n  root?: HTMLElement;\n}\n\nexport function ThemeSelect({\n  controller,\n  defaultTheme = DEFAULT_THEME,\n  onChange,\n  root,\n  ...props\n}: ThemeSelectProps): JSX.Element {\n  const fallback = useTheme(root || document.documentElement, defaultTheme);\n  const themes = controller || fallback;\n  return (\n    <select\n      {...props}\n      value={themes.theme}\n      onChange={(event): void => {\n        const value = event.currentTarget.value;\n        themes.setTheme(value);\n        onChange?.(value);\n      }}\n    >\n      {themes.options.map(option => (\n        <option key={option.value} value={option.value}>{option.label}</option>\n      ))}\n    </select>\n  );\n}\n"],"mappings":"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"}

package/dist/theme.d.ts

@@ -0,0 +1,31 @@
+export declare const THEME_KEY = "bunnyland.theme";
+export declare const THEME_CLASS_PREFIX = "bl-theme-";
+export declare const COLOR_SCHEME_KEY = "bunnyland.color-scheme";
+export declare const COLOR_SCHEME_CLASS_PREFIX = "bl-color-scheme-";
+export declare const DEFAULT_THEME = "purple-blue";
+export declare const THEME_CHANGE_EVENT = "bunnyland:themechange";
+export interface ThemeOption {
+    value: string;
+    label: string;
+}
+export type ColorScheme = 'auto' | 'dark' | 'light';
+export declare const DEFAULT_THEME_OPTIONS: ThemeOption[];
+export declare const THEME_OPTIONS: ThemeOption[];
+export declare function themeFromSearch(search?: string): string | null;
+export declare function normalizeTheme(name: string | null | undefined): string;
+export declare function currentTheme(root?: HTMLElement): string;
+export declare function currentColorScheme(root?: HTMLElement): ColorScheme;
+export declare function setColorScheme(name: string, root?: HTMLElement): ColorScheme;
+export declare function setTheme(name: string, root?: HTMLElement): string;
+export declare function initTheme(root?: HTMLElement, defaultTheme?: string, search?: string): string;
+export declare function themeOptions(): ThemeOption[];
+export declare function colorSchemeOptions(): ThemeOption[];
+export declare function registerThemeOption(option: ThemeOption): ThemeOption | null;
+export declare function registerThemeOptions(options: ThemeOption[] | null | undefined): ThemeOption[];
+export declare function bindThemeSelect(select: HTMLSelectElement | null): {
+    setValue: (value: string) => void;
+} | null;
+export declare function bindColorSchemeSelect(select: HTMLSelectElement | null): {
+    setValue: (value: string) => void;
+} | null;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oBAAoB,CAAC;AAC3C,eAAO,MAAM,kBAAkB,cAAc,CAAC;AAC9C,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AACzD,eAAO,MAAM,yBAAyB,qBAAqB,CAAC;AAC5D,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAC3C,eAAO,MAAM,kBAAkB,0BAA0B,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,eAAO,MAAM,qBAAqB,EAAE,WAAW,EAO9C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAAW,EAAyD,CAAC;AAsEjG,wBAAgB,eAAe,CAAC,MAAM,SAAoC,GAAG,MAAM,GAAG,IAAI,CAKzF;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAGtE;AAED,wBAAgB,YAAY,CAAC,IAAI,GAAE,WAAsC,GAAG,MAAM,CAEjF;AAED,wBAAgB,kBAAkB,CAAC,IAAI,GAAE,WAAsC,GAAG,WAAW,CAE5F;AAkCD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,GAAE,WAAsC,GAAG,WAAW,CAEtG;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,GAAE,WAAsC,GAAG,MAAM,CAK3F;AAED,wBAAgB,SAAS,CACvB,IAAI,GAAE,WAAsC,EAC5C,YAAY,SAAgB,EAC5B,MAAM,SAAoC,GACzC,MAAM,CAUR;AAED,wBAAgB,YAAY,IAAI,WAAW,EAAE,CAE5C;AAED,wBAAgB,kBAAkB,IAAI,WAAW,EAAE,CAElD;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAQ3E;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,WAAW,EAAE,CAK7F;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,GAAG;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,GAAG,IAAI,CAY9G;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,GAAG;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,GAAG,IAAI,CAWpH"}