@gjermundgaraba/pixel-paper 0.0.0-stage → 0.1.0

package/dist/line-diff/index.js

@@ -0,0 +1,10 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { describePatch } from "./patch.js";
+import { patchView } from "./line-diff.js";
+// src/line-diff/index.ts
+var line_diff_exports = /* @__PURE__ */ __exportAll({
+	describePatch: () => __foldkitBrandViewResult((describePatch), "@gjermundgaraba/pixel-paper/line-diff/index.js#describePatch"),
+	patchView: () => __foldkitBrandViewResult((patchView), "@gjermundgaraba/pixel-paper/line-diff/index.js#patchView")
+});
+export { describePatch, line_diff_exports, patchView };

package/dist/line-diff/line-diff.d.ts

@@ -0,0 +1,21 @@
+import { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a unified diff with `patchView`. */
+export type PatchViewConfig = Readonly<{
+  /** One file's unified diff, as `diff -u` or `git diff -- <path>` writes it, its git header
+   *  included. */
+  patch: string;
+  /** Names the two sides for screen readers: `"Version 3 against version 4"`. */
+  label: string;
+}>;
+/** A unified diff the caller already has (from a server, or `git diff -- <path>`) as a ruled
+ *  table: the old and new numbers, a sign, the line. Added lines sit on the head tint behind an
+ *  ink +; removed lines go muted behind a red −, and each sign is named for screen readers. Its
+ *  hunks' lines are numbered from their headers, and the unchanged lines between hunks
+ *  folded into a counted row. Lines past the last hunk are not in the patch, so nothing counts
+ *  them. What git's header says beyond the lines prints as a note line above the table, or in
+ *  its place: a rename, a mode change, an empty or binary file (`describePatch` has the
+ *  sentences). A file whose type changed (a file that became a symlink) is two sections, each
+ *  its own table under one note, named for its side (`"<label>, as it was"`). An empty patch
+ *  says there is no difference; text that is not a diff, or holds several
+ *  files, says it cannot be shown as lines. */
+export declare const patchView: <Message>(config: PatchViewConfig, h: HtmlBuilder<Message>) => Html;

package/dist/line-diff/line-diff.js

@@ -0,0 +1,75 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { LOCALE } from "../locale/locale.js";
+import { DiffRow } from "./diff.js";
+import { SAME_NOTE, readPatch } from "./patch.js";
+import { Array, Option } from "effect";
+// src/line-diff/line-diff.ts
+const COLUMN_COUNT = 4;
+const KIND = {
+	Same: {
+		className: "same",
+		sign: "",
+		said: "unchanged"
+	},
+	Added: {
+		className: "add",
+		sign: "+",
+		said: "added"
+	},
+	Removed: {
+		className: "del",
+		sign: "−",
+		said: "removed"
+	}
+};
+const lineView = (kind, numbers, text, h) => {
+	const { className, sign, said } = KIND[kind];
+	return __foldkitBrandViewResult((h.keyed("tr")(`${numbers.old}:${numbers.new}`, [h.Class(className)], [
+		h.td([h.Class("ln")], [numbers.old]),
+		h.td([h.Class("ln")], [numbers.new]),
+		h.td([h.Class("sign"), h.AriaLabel(said)], [sign]),
+		h.td([h.Class("line")], [text === "" ? " " : text])
+	])), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#lineView");
+};
+const foldView = (count, firstOldNumber, h) => __foldkitBrandViewResult((h.keyed("tr")(`fold-${firstOldNumber}`, [h.Class("fold")], [h.td([h.Colspan(COLUMN_COUNT)], [`${count.toLocaleString(LOCALE)} unchanged ${count === 1 ? "line" : "lines"}`])])), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#foldView");
+const rowView = (row, h) => __foldkitBrandViewResult((DiffRow.match(row, {
+	Same: ({ text, oldNumber, newNumber }) => __foldkitBrandViewResult((lineView("Same", {
+		old: `${oldNumber}`,
+		new: `${newNumber}`
+	}, text, h)), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#Same"),
+	Added: ({ text, newNumber }) => __foldkitBrandViewResult((lineView("Added", {
+		old: "",
+		new: `${newNumber}`
+	}, text, h)), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#Added"),
+	Removed: ({ text, oldNumber }) => __foldkitBrandViewResult((lineView("Removed", {
+		old: `${oldNumber}`,
+		new: ""
+	}, text, h)), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#Removed"),
+	Fold: ({ count, firstOldNumber }) => __foldkitBrandViewResult((foldView(count, firstOldNumber, h)), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#Fold")
+})), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#rowView");
+const noteView = (note, h) => __foldkitBrandViewResult((h.p([h.Class("note-line")], [note])), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#noteView");
+const tableView = (rows, label, h) => __foldkitBrandViewResult((h.div([h.Class("diff-wrap")], [h.table([h.AriaLabel(label), h.Class("diff")], [h.tbody([], Array.map(rows, (row) => __foldkitBrandViewResult((rowView(row, h)), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#anonymous")))])])), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#tableView");
+/** A unified diff the caller already has (from a server, or `git diff -- <path>`) as a ruled
+*  table: the old and new numbers, a sign, the line. Added lines sit on the head tint behind an
+*  ink +; removed lines go muted behind a red −, and each sign is named for screen readers. Its
+*  hunks' lines are numbered from their headers, and the unchanged lines between hunks
+*  folded into a counted row. Lines past the last hunk are not in the patch, so nothing counts
+*  them. What git's header says beyond the lines prints as a note line above the table, or in
+*  its place: a rename, a mode change, an empty or binary file (`describePatch` has the
+*  sentences). A file whose type changed (a file that became a symlink) is two sections, each
+*  its own table under one note, named for its side (`"<label>, as it was"`). An empty patch
+*  says there is no difference; text that is not a diff, or holds several
+*  files, says it cannot be shown as lines. */
+const patchView = (config, h) => {
+	const { patch, label } = config;
+	const { notes, tables } = readPatch(patch);
+	const parts = [...Array.isReadonlyArrayNonEmpty(notes) ? [noteView(Array.join(notes, " "), h)] : [], ...Array.map(tables, ({ rows, maybeSide }) => __foldkitBrandViewResult((tableView(rows, Option.match(maybeSide, {
+		onNone: () => __foldkitBrandViewResult((label), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#onNone"),
+		onSome: (side) => __foldkitBrandViewResult((`${label}, ${side}`), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#onSome")
+	}), h)), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#anonymous~2"))];
+	return __foldkitBrandViewResult((Array.match(parts, {
+		onEmpty: () => __foldkitBrandViewResult((noteView(SAME_NOTE, h)), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#onEmpty"),
+		onNonEmpty: ([part, ...others]) => __foldkitBrandViewResult((Array.isArrayEmpty(others) ? part : h.div([h.Class("stack gap-s")], parts)), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#onNonEmpty")
+	})), "@gjermundgaraba/pixel-paper/line-diff/line-diff.js#patchView");
+};
+export { patchView };

package/dist/line-diff/patch.d.ts

@@ -0,0 +1,15 @@
+import "./diff.js";
+import { Option } from "effect";
+/** What a patch says beyond its lines, as `patchView` prints it. */
+export type PatchDescription = Readonly<{
+  /** The path a rename left, unquoted: for a heading such as `old.txt → new.txt`. */
+  maybeRenamedFrom: Option.Option<string>;
+  /** The sentences `patchView` prints above the patch's lines, or in their place: a rename,
+   *  a mode change, a type change, an empty or binary file, no difference, or a patch it
+   *  cannot show as lines. */
+  notes: readonly string[];
+}>;
+/** What `patchView` says about a patch from `git diff`, read from its header: the notes it
+ *  prints (`["Renamed from old.txt."]`), for a caller that prints them itself, and the path a
+ *  rename left. */
+export declare const describePatch: (patch: string) => PatchDescription;

package/dist/line-diff/patch.js

@@ -0,0 +1,120 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { diffRowsOfPatch, hunksOfPatch } from "./diff.js";
+import { Array, Option, Record, String, pipe } from "effect";
+// src/line-diff/patch.ts
+const ESCAPED_BYTES = {
+	a: 7,
+	b: 8,
+	t: 9,
+	n: 10,
+	v: 11,
+	f: 12,
+	r: 13
+};
+const QUOTED_PART = /\\(?<octal>[0-7]{3})|\\(?<escaped>.)|[^\\]+/gu;
+const bytesOf = (text) => __foldkitBrandViewResult(([...new TextEncoder().encode(text)]), "@gjermundgaraba/pixel-paper/line-diff/patch.js#bytesOf");
+const bytesOfPart = (match) => {
+	const [part] = match;
+	const octal = match.groups?.["octal"];
+	const escaped = match.groups?.["escaped"];
+	if (octal !== void 0) return __foldkitBrandViewResult(([Number.parseInt(octal, 8)]), "@gjermundgaraba/pixel-paper/line-diff/patch.js#bytesOfPart");
+	else if (escaped === void 0) return __foldkitBrandViewResult((bytesOf(part)), "@gjermundgaraba/pixel-paper/line-diff/patch.js#bytesOfPart");
+	return __foldkitBrandViewResult((Option.match(Record.get(ESCAPED_BYTES, escaped), {
+		onNone: () => __foldkitBrandViewResult((bytesOf(escaped)), "@gjermundgaraba/pixel-paper/line-diff/patch.js#onNone"),
+		onSome: (byte) => __foldkitBrandViewResult(([byte]), "@gjermundgaraba/pixel-paper/line-diff/patch.js#onSome")
+	})), "@gjermundgaraba/pixel-paper/line-diff/patch.js#bytesOfPart");
+};
+/** The name a path in git's header stands for: git C-quotes a name with unusual bytes
+*  (`"caf\303\251.txt"`), and leaves any other as it is. */
+const unquoted = (path) => __foldkitBrandViewResult((path.length >= 2 && path.startsWith("\"") && path.endsWith("\"") ? new TextDecoder().decode(Uint8Array.from(Array.flatMap(Array.fromIterable(path.slice(1, -1).matchAll(QUOTED_PART)), bytesOfPart))) : path), "@gjermundgaraba/pixel-paper/line-diff/patch.js#unquoted");
+const GIT_SECTION = "diff --git ";
+const headOf = (section) => __foldkitBrandViewResult((Array.takeWhile(section.split("\n"), (line) => __foldkitBrandViewResult((!line.startsWith("@@") && !line.startsWith("--- ")), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous"))), "@gjermundgaraba/pixel-paper/line-diff/patch.js#headOf");
+const valueAfter = (head, prefix) => __foldkitBrandViewResult((pipe(Array.findFirst(head, String.startsWith(prefix)), Option.map((line) => __foldkitBrandViewResult((line.slice(prefix.length)), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~2")))), "@gjermundgaraba/pixel-paper/line-diff/patch.js#valueAfter");
+const hasLine = (head, prefix) => __foldkitBrandViewResult((Option.isSome(valueAfter(head, prefix))), "@gjermundgaraba/pixel-paper/line-diff/patch.js#hasLine");
+const hasHunk = (section) => __foldkitBrandViewResult((Array.some(section.split("\n"), String.startsWith("@@ "))), "@gjermundgaraba/pixel-paper/line-diff/patch.js#hasHunk");
+const sectionsOf = (patch) => {
+	const [first = "", ...others] = patch.split(/(?=^diff --git )/mu);
+	return __foldkitBrandViewResult((Array.isArrayNonEmpty(others) && !first.startsWith(GIT_SECTION) ? others : [first, ...others]), "@gjermundgaraba/pixel-paper/line-diff/patch.js#sectionsOf");
+};
+const SAME_NOTE = "No difference: both sides hold the same text.";
+const UNREADABLE_NOTE = "This diff cannot be shown as lines.";
+const BINARY_NOTE = "A binary file: its change has no lines.";
+const unreadable = {
+	maybeRenamedFrom: Option.none(),
+	notes: [UNREADABLE_NOTE],
+	tables: []
+};
+const lineNote = (head, hasRows) => {
+	if (hasLine(head, "Binary files ") || hasLine(head, "GIT binary patch")) return __foldkitBrandViewResult((Option.some(BINARY_NOTE)), "@gjermundgaraba/pixel-paper/line-diff/patch.js#lineNote");
+	else if (hasRows) return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba/pixel-paper/line-diff/patch.js#lineNote");
+	else if (hasLine(head, "new file mode ")) return __foldkitBrandViewResult((Option.some("New empty file.")), "@gjermundgaraba/pixel-paper/line-diff/patch.js#lineNote");
+	else if (hasLine(head, "deleted file mode ")) return __foldkitBrandViewResult((Option.some("Deleted empty file.")), "@gjermundgaraba/pixel-paper/line-diff/patch.js#lineNote");
+	return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba/pixel-paper/line-diff/patch.js#lineNote");
+};
+const readSection = (section, rowsOf) => {
+	const head = headOf(section);
+	const maybeRows = rowsOf(section);
+	const maybeRenamedFrom = Option.map(valueAfter(head, "rename from "), unquoted);
+	const notes = [
+		...Option.toArray(Option.map(maybeRenamedFrom, (from) => __foldkitBrandViewResult((`Renamed from ${from}.`), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~3"))),
+		...Option.toArray(Option.map(Option.all({
+			before: valueAfter(head, "old mode "),
+			after: valueAfter(head, "new mode ")
+		}), ({ before, after }) => __foldkitBrandViewResult((`Mode ${before} → ${after}.`), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~4"))),
+		...Option.toArray(lineNote(head, Option.isSome(maybeRows)))
+	];
+	return __foldkitBrandViewResult((Option.isNone(maybeRows) && (hasHunk(section) || Array.isArrayEmpty(notes)) ? unreadable : {
+		maybeRenamedFrom,
+		notes,
+		tables: Option.toArray(Option.map(maybeRows, (rows) => (__foldkitBrandViewResult(({
+			rows,
+			maybeSide: Option.none()
+		}), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~5"))))
+	}), "@gjermundgaraba/pixel-paper/line-diff/patch.js#readSection");
+};
+const KINDS = {
+	"100644": "a file",
+	"100755": "an executable file",
+	"120000": "a symlink",
+	"160000": "a submodule"
+};
+const kindOf = (mode) => __foldkitBrandViewResult((Option.getOrElse(Record.get(KINDS, mode), () => __foldkitBrandViewResult((`mode ${mode}`), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~6"))), "@gjermundgaraba/pixel-paper/line-diff/patch.js#kindOf");
+const sideTable = (section, side, rowsOf) => __foldkitBrandViewResult((Option.toArray(Option.map(rowsOf(section), (rows) => (__foldkitBrandViewResult(({
+	rows,
+	maybeSide: Option.some(side)
+}), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~7"))))), "@gjermundgaraba/pixel-paper/line-diff/patch.js#sideTable");
+const readTypeChange = (gone, added, rowsOf) => {
+	const [goneHead, addedHead] = [headOf(gone), headOf(added)];
+	return __foldkitBrandViewResult((Option.flatMap(Option.all({
+		before: valueAfter(goneHead, "deleted file mode "),
+		after: valueAfter(addedHead, "new file mode ")
+	}), ({ before, after }) => __foldkitBrandViewResult((goneHead[0] === addedHead[0] ? Option.some({
+		maybeRenamedFrom: Option.none(),
+		notes: [`It was ${kindOf(before)} and is now ${kindOf(after)}.`],
+		tables: [...sideTable(gone, "as it was", rowsOf), ...sideTable(added, "as it is", rowsOf)]
+	}) : Option.none()), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~8"))), "@gjermundgaraba/pixel-paper/line-diff/patch.js#readTypeChange");
+};
+const readPatchWith = (patch, rowsOf) => {
+	const text = patch.replaceAll("\r\n", "\n");
+	if (String.isEmpty(String.trim(text))) return __foldkitBrandViewResult(({
+		maybeRenamedFrom: Option.none(),
+		notes: [SAME_NOTE],
+		tables: []
+	}), "@gjermundgaraba/pixel-paper/line-diff/patch.js#readPatchWith");
+	const [first, second, ...rest] = sectionsOf(text);
+	if (first !== void 0 && second === void 0) return __foldkitBrandViewResult((readSection(first, rowsOf)), "@gjermundgaraba/pixel-paper/line-diff/patch.js#readPatchWith");
+	else if (first !== void 0 && second !== void 0 && Array.isArrayEmpty(rest)) return __foldkitBrandViewResult((Option.getOrElse(readTypeChange(first, second, rowsOf), () => __foldkitBrandViewResult((unreadable), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~9"))), "@gjermundgaraba/pixel-paper/line-diff/patch.js#readPatchWith");
+	return __foldkitBrandViewResult((unreadable), "@gjermundgaraba/pixel-paper/line-diff/patch.js#readPatchWith");
+};
+const readPatch = (patch) => __foldkitBrandViewResult((readPatchWith(patch, diffRowsOfPatch)), "@gjermundgaraba/pixel-paper/line-diff/patch.js#readPatch");
+/** What `patchView` says about a patch from `git diff`, read from its header: the notes it
+*  prints (`["Renamed from old.txt."]`), for a caller that prints them itself, and the path a
+*  rename left. */
+const describePatch = (patch) => {
+	const { maybeRenamedFrom, notes } = readPatchWith(patch, (section) => __foldkitBrandViewResult((Option.as(hunksOfPatch(section), [])), "@gjermundgaraba/pixel-paper/line-diff/patch.js#anonymous~10"));
+	return __foldkitBrandViewResult(({
+		maybeRenamedFrom,
+		notes
+	}), "@gjermundgaraba/pixel-paper/line-diff/patch.js#describePatch");
+};
+export { SAME_NOTE, describePatch, readPatch, unquoted };

package/dist/link-button/index.d.ts

@@ -0,0 +1,5 @@
+import { ViewConfig, view } from "./link-button.js";
+declare namespace index_d_exports {
+  export { ViewConfig, view };
+}
+export { type ViewConfig, index_d_exports, view };

package/dist/link-button/index.js

@@ -0,0 +1,6 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { view } from "./link-button.js";
+// src/link-button/index.ts
+var link_button_exports = /* @__PURE__ */ __exportAll({ view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/link-button/index.js#view") });
+export { link_button_exports, view };

package/dist/link-button/link-button.d.ts

@@ -0,0 +1,11 @@
+import { GlyphName } from "../glyph/glyphs.js";
+import { Look } from "../button/button.js";
+import { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a link button with `view`. */
+export type ViewConfig = Look & Readonly<{
+  label: string;
+  href: string;
+  glyph?: GlyphName;
+}>;
+/** A `Button` that goes somewhere instead of doing something: a link printed the same. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;

package/dist/link-button/link-button.js

@@ -0,0 +1,10 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { view as view$1 } from "../glyph/glyph.js";
+import { lookClassName } from "../button/button.js";
+// src/link-button/link-button.ts
+/** A `Button` that goes somewhere instead of doing something: a link printed the same. */
+const view = (config, h) => {
+	const { label, href, glyph } = config;
+	return __foldkitBrandViewResult((h.a([h.Href(href), h.Class(lookClassName(config))], [...glyph === void 0 ? [] : [view$1({ name: glyph }, h)], label])), "@gjermundgaraba/pixel-paper/link-button/link-button.js#view");
+};
+export { view };

package/dist/link-state/index.d.ts

@@ -0,0 +1,5 @@
+import { State, ViewConfig, view } from "./link-state.js";
+declare namespace index_d_exports {
+  export { State, ViewConfig, view };
+}
+export { type State, type ViewConfig, index_d_exports, view };

package/dist/link-state/index.js

@@ -0,0 +1,6 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { view } from "./link-state.js";
+// src/link-state/index.ts
+var link_state_exports = /* @__PURE__ */ __exportAll({ view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/link-state/index.js#view") });
+export { link_state_exports, view };

package/dist/link-state/link-state.d.ts

@@ -0,0 +1,15 @@
+import { Schema } from "effect";
+import { Html, HtmlBuilder } from "foldkit/html";
+/** `Connecting`: the first reach, muted and working. `Reconnecting`: the link dropped and is
+ *  coming back, on amber. `Offline`: given up, on red. Both stay visible on a phone. */
+export declare const State: Schema.Literals<readonly ["Online", "Connecting", "Reconnecting", "Offline"]>;
+export type State = typeof State.Type;
+/** Configuration for rendering a connection word with `view`. */
+export type ViewConfig = Readonly<{
+  state: State;
+  /** The words; the state's name by default. */
+  label?: string;
+}>;
+/** The connection word, in a top bar or a status bar. It is a status (`role="status"`), so a
+ *  change of state is read out; while it connects it prints the working cursor. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;

package/dist/link-state/link-state.js

@@ -0,0 +1,17 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Match, Schema } from "effect";
+Schema.Literals([
+	"Online",
+	"Connecting",
+	"Reconnecting",
+	"Offline"
+]);
+const stateWord = (state) => __foldkitBrandViewResult((Match.value(state).pipe(Match.withReturnType(), Match.when("Online", () => __foldkitBrandViewResult(("online"), "@gjermundgaraba/pixel-paper/link-state/link-state.js#anonymous")), Match.when("Connecting", () => __foldkitBrandViewResult(("connecting"), "@gjermundgaraba/pixel-paper/link-state/link-state.js#anonymous~2")), Match.when("Reconnecting", () => __foldkitBrandViewResult(("reconnecting"), "@gjermundgaraba/pixel-paper/link-state/link-state.js#anonymous~3")), Match.when("Offline", () => __foldkitBrandViewResult(("offline"), "@gjermundgaraba/pixel-paper/link-state/link-state.js#anonymous~4")), Match.exhaustive)), "@gjermundgaraba/pixel-paper/link-state/link-state.js#stateWord");
+/** The connection word, in a top bar or a status bar. It is a status (`role="status"`), so a
+*  change of state is read out; while it connects it prints the working cursor. */
+const view = (config, h) => {
+	const { state, label = stateWord(state) } = config;
+	const isWorking = state === "Connecting" || state === "Reconnecting";
+	return __foldkitBrandViewResult((h.span([h.Role("status"), h.Class(`link-state${state === "Online" ? "" : ` ${stateWord(state)}`}`)], [label, ...isWorking ? [h.span([h.Class("cursor"), h.AriaHidden(true)])] : []])), "@gjermundgaraba/pixel-paper/link-state/link-state.js#view");
+};
+export { view };

package/dist/live-region/index.d.ts

@@ -0,0 +1,5 @@
+import { DialogEntry, Placement, ViewConfig, place, view } from "./live-region.js";
+declare namespace index_d_exports {
+  export { DialogEntry, Placement, ViewConfig, place, view };
+}
+export { type DialogEntry, type Placement, type ViewConfig, index_d_exports, place, view };

package/dist/live-region/index.js

@@ -0,0 +1,9 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { place, view } from "./live-region.js";
+// src/live-region/index.ts
+var live_region_exports = /* @__PURE__ */ __exportAll({
+	place: () => __foldkitBrandViewResult((place), "@gjermundgaraba/pixel-paper/live-region/index.js#place"),
+	view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/live-region/index.js#view")
+});
+export { live_region_exports, place, view };

package/dist/live-region/live-region.d.ts

@@ -0,0 +1,39 @@
+import { Html, HtmlBuilder } from "foldkit/html";
+/** A dialog that can host the page's live parts: its name in the application, and whether it
+ *  is open now. */
+export type DialogEntry<Host extends string> = readonly [host: Host, isOpen: boolean];
+/** Where the page's live parts go on this render. */
+export type Placement<Host extends string> = Readonly<{
+  /** The `toLiveRegionView` to give the dialog `host`: the parts while it is the topmost open
+   *  dialog, `undefined` while it is not. */
+  toDialogView: (host: Host) => (() => Html) | undefined;
+  /** The parts for the end of the body while no dialog is open, nothing while one is. */
+  toPageView: () => readonly Html[];
+}>;
+/**
+ * Places the page's live parts by the hosting rule: an open Dialog makes the page outside it
+ * inert and hidden from screen readers, so they render inside the topmost open dialog, and at
+ * the end of the body while none is open, exactly once either way. Neither renders them
+ * until called, so a Submodel among the parts (the toast stack) is built once. `dialogs` lists every dialog
+ * that can host them from the bottom of the stack to the top: one that opens from another
+ * (a confirm from a form) comes after it, so of the open ones the last is the topmost. Call it
+ * on every render, from the application's Model, so the parts move as dialogs open and close.
+ *
+ * ```ts
+ * const placement = LiveRegion.place([
+ *   ["Rename", Dialog.isOpen(model.rename)],
+ *   ["Delete", ConfirmDialog.isOpen(model.deleteConfirm)],
+ * ], () => LiveRegion.view({ toasts: toastsView(model, h) }, h));
+ * // the rename dialog's view inputs: toLiveRegionView: placement.toDialogView("Rename")
+ * // the body: [...content, ...placement.toPageView()]
+ * ```
+ */
+export declare const place: <Host extends string>(dialogs: ReadonlyArray<DialogEntry<Host>>, toView: () => Html) => Placement<Host>;
+/** Configuration for rendering the page's live parts with `view`. */
+export type ViewConfig = Readonly<{
+  /** The page's Toast stack (its `h.submodel`), when it has one. */
+  toasts?: Html;
+}>;
+/** The page's live parts together, for `place`: the Announcer's region, then the toast stack
+ *  the application gives. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;

package/dist/live-region/live-region.js

@@ -0,0 +1,33 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { view as view$1 } from "../announcer/announcer.js";
+import { Array, Option, pipe } from "effect";
+// src/live-region/live-region.ts
+/**
+* Places the page's live parts by the hosting rule: an open Dialog makes the page outside it
+* inert and hidden from screen readers, so they render inside the topmost open dialog, and at
+* the end of the body while none is open, exactly once either way. Neither renders them
+* until called, so a Submodel among the parts (the toast stack) is built once. `dialogs` lists every dialog
+* that can host them from the bottom of the stack to the top: one that opens from another
+* (a confirm from a form) comes after it, so of the open ones the last is the topmost. Call it
+* on every render, from the application's Model, so the parts move as dialogs open and close.
+*
+* ```ts
+* const placement = LiveRegion.place([
+*   ["Rename", Dialog.isOpen(model.rename)],
+*   ["Delete", ConfirmDialog.isOpen(model.deleteConfirm)],
+* ], () => LiveRegion.view({ toasts: toastsView(model, h) }, h));
+* // the rename dialog's view inputs: toLiveRegionView: placement.toDialogView("Rename")
+* // the body: [...content, ...placement.toPageView()]
+* ```
+*/
+const place = (dialogs, toView) => {
+	const maybeTopmost = pipe(Array.findLast(dialogs, ([, isOpen]) => __foldkitBrandViewResult((isOpen), "@gjermundgaraba/pixel-paper/live-region/live-region.js#anonymous")), Option.map(([host]) => __foldkitBrandViewResult((host), "@gjermundgaraba/pixel-paper/live-region/live-region.js#anonymous~2")));
+	return __foldkitBrandViewResult(({
+		toDialogView: (host) => __foldkitBrandViewResult((Option.exists(maybeTopmost, (topmost) => __foldkitBrandViewResult((topmost === host), "@gjermundgaraba/pixel-paper/live-region/live-region.js#anonymous~3")) ? toView : void 0), "@gjermundgaraba/pixel-paper/live-region/live-region.js#toDialogView"),
+		toPageView: () => __foldkitBrandViewResult((Option.isNone(maybeTopmost) ? [toView()] : []), "@gjermundgaraba/pixel-paper/live-region/live-region.js#toPageView")
+	}), "@gjermundgaraba/pixel-paper/live-region/live-region.js#place");
+};
+/** The page's live parts together, for `place`: the Announcer's region, then the toast stack
+*  the application gives. */
+const view = (config, h) => __foldkitBrandViewResult((h.div([], [view$1(h), ...config.toasts === void 0 ? [] : [config.toasts]])), "@gjermundgaraba/pixel-paper/live-region/live-region.js#view");
+export { place, view };

package/dist/loading/index.d.ts

@@ -0,0 +1,5 @@
+import { ViewConfig, view } from "./loading.js";
+declare namespace index_d_exports {
+  export { ViewConfig, view };
+}
+export { type ViewConfig, index_d_exports, view };

package/dist/loading/index.js

@@ -0,0 +1,6 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { view } from "./loading.js";
+// src/loading/index.ts
+var loading_exports = /* @__PURE__ */ __exportAll({ view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/loading/index.js#view") });
+export { loading_exports, view };

package/dist/loading/loading.d.ts

@@ -0,0 +1,19 @@
+import { Attributes } from "../attributes/attributes.js";
+import { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a loading line with `view`. */
+export type ViewConfig<Message> = Readonly<{
+  /** Whether the content is on its way. Done, the line empties and leaves the flow, so it
+   *  takes no room and no gap, but stays in place, so the next wait is heard. */
+  isLoading: boolean;
+  /** What is on its way, in pixel caps (`"loading the items"`). `"loading"` by default. */
+  label?: string;
+  /** Attributes for the line, such as the id and `tabindex="-1"` that make it a place to
+   *  send focus. */
+  attributes?: Attributes<Message>;
+}>;
+/** What a panel says while its content is on the way, centred where the content will be, with
+ *  the working cursor. A polite status that stays in place with its words swapped, as a live
+ *  region must be for a screen reader to hear it: render it before the content, from before
+ *  the wait starts, and set `isLoading`. It is not the page's live region (the Announcer's,
+ *  marked `data-pixel-paper-announcer`), so a test that counts live regions counts that. */
+export declare const view: <Message>(config: ViewConfig<Message>, h: HtmlBuilder<Message>) => Html;

package/dist/loading/loading.js

@@ -0,0 +1,16 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+// src/loading/loading.ts
+/** What a panel says while its content is on the way, centred where the content will be, with
+*  the working cursor. A polite status that stays in place with its words swapped, as a live
+*  region must be for a screen reader to hear it: render it before the content, from before
+*  the wait starts, and set `isLoading`. It is not the page's live region (the Announcer's,
+*  marked `data-pixel-paper-announcer`), so a test that counts live regions counts that. */
+const view = (config, h) => {
+	const { isLoading, label = "loading", attributes = [] } = config;
+	return __foldkitBrandViewResult((h.div([
+		...attributes,
+		h.Role("status"),
+		h.Class(isLoading ? "loading" : "loading-idle")
+	], isLoading ? [label, h.span([h.Class("cursor"), h.AriaHidden(true)])] : [])), "@gjermundgaraba/pixel-paper/loading/loading.js#view");
+};
+export { view };

package/dist/locale/locale.d.ts

@@ -0,0 +1,3 @@
+/** The locale every number and date in the system is written in, so the server and every
+ *  browser print the same. */
+export declare const LOCALE = "en-GB";

package/dist/locale/locale.js

@@ -0,0 +1,5 @@
+// src/locale/locale.ts
+/** The locale every number and date in the system is written in, so the server and every
+*  browser print the same. */
+const LOCALE = "en-GB";
+export { LOCALE };

package/dist/mark/index.d.ts

@@ -0,0 +1,5 @@
+import { ViewConfig, view } from "./mark.js";
+declare namespace index_d_exports {
+  export { ViewConfig, view };
+}
+export { type ViewConfig, index_d_exports, view };

package/dist/mark/index.js

@@ -0,0 +1,6 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { view } from "./mark.js";
+// src/mark/index.ts
+var mark_exports = /* @__PURE__ */ __exportAll({ view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/mark/index.js#view") });
+export { mark_exports, view };

package/dist/mark/mark.d.ts

@@ -0,0 +1,15 @@
+import { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a mark with `view`. */
+export type ViewConfig<Message> = Readonly<{
+  /** Says what the mark means: its accessible name and its tip. */
+  label: string;
+  /** Where every row is marked, the mark prints plain: amber is for the one among many. */
+  isPlain?: boolean;
+  /** Makes the mark a toggle button, `aria-pressed` by `isPressed`. */
+  onToggle?: Message;
+  isPressed?: boolean;
+}>;
+/** The viewfinder glyph on amber: this one needs attention. Still, it is an image
+ *  (`role="img"`) named by its label; with `onToggle`, a toggle button built on
+ *  `@foldkit/ui`'s Button. */
+export declare const view: <Message>(config: ViewConfig<Message>, h: HtmlBuilder<Message>) => Html;

package/dist/mark/mark.js

@@ -0,0 +1,30 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { view as view$1 } from "../glyph/glyph.js";
+import { pressedAttribute } from "../button/button.js";
+import { Button } from "@foldkit/ui";
+// src/mark/mark.ts
+/** The viewfinder glyph on amber: this one needs attention. Still, it is an image
+*  (`role="img"`) named by its label; with `onToggle`, a toggle button built on
+*  `@foldkit/ui`'s Button. */
+const view = (config, h) => {
+	const { label, isPlain = false, onToggle, isPressed = false } = config;
+	const markClass = isPlain ? "mark plain" : "mark";
+	const glyph = view$1({ name: "mark" }, h);
+	return __foldkitBrandViewResult((onToggle === void 0 ? h.span([
+		h.Role("img"),
+		h.AriaLabel(label),
+		h.DataAttribute("tip", label),
+		h.Class(markClass)
+	], [glyph]) : Button.view({
+		onClick: onToggle,
+		toView: (groups) => __foldkitBrandViewResult((h.button([
+			...groups.button,
+			h.AriaLabel(label),
+			pressedAttribute(isPressed, h),
+			h.DataAttribute("tip", label),
+			h.Class(markClass)
+		], [glyph])), "@gjermundgaraba/pixel-paper/mark/mark.js#toView")
+	}, h)), "@gjermundgaraba/pixel-paper/mark/mark.js#view");
+};
+const readingView = (config, h) => __foldkitBrandViewResult((h.span([h.Class("mark reading")], [config.label])), "@gjermundgaraba/pixel-paper/mark/mark.js#readingView");
+export { readingView, view };

package/dist/menu/index.d.ts

@@ -0,0 +1,7 @@
+import { Focus } from "../focus/focus.js";
+import { Item, action, check, group, link, radio } from "./item.js";
+import { BindSlip, BindToggleKeys, InitConfig, Message, Model, OutMessage, ViewInputs, id, init, isOpen, update, view } from "./menu.js";
+declare namespace index_d_exports {
+  export { BindSlip, BindToggleKeys, Focus, InitConfig, Item, Message, Model, OutMessage, ViewInputs, action, check, group, id, init, isOpen, link, radio, update, view };
+}
+export { BindSlip, BindToggleKeys, Focus, type InitConfig, type Item, Message, Model, OutMessage, type ViewInputs, action, check, group, id, index_d_exports, init, isOpen, link, radio, update, view };

package/dist/menu/index.js

@@ -0,0 +1,25 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { Focus } from "../focus/focus.js";
+import { action, check, group, link, radio } from "./item.js";
+import { BindSlip, BindToggleKeys, Message, Model, OutMessage, id, init, isOpen, update, view } from "./menu.js";
+// src/menu/index.ts
+var menu_exports = /* @__PURE__ */ __exportAll({
+	BindSlip: () => __foldkitBrandViewResult((BindSlip), "@gjermundgaraba/pixel-paper/menu/index.js#BindSlip"),
+	BindToggleKeys: () => __foldkitBrandViewResult((BindToggleKeys), "@gjermundgaraba/pixel-paper/menu/index.js#BindToggleKeys"),
+	Focus: () => __foldkitBrandViewResult((Focus), "@gjermundgaraba/pixel-paper/menu/index.js#Focus"),
+	Message: () => __foldkitBrandViewResult((Message), "@gjermundgaraba/pixel-paper/menu/index.js#Message"),
+	Model: () => __foldkitBrandViewResult((Model), "@gjermundgaraba/pixel-paper/menu/index.js#Model"),
+	OutMessage: () => __foldkitBrandViewResult((OutMessage), "@gjermundgaraba/pixel-paper/menu/index.js#OutMessage"),
+	action: () => __foldkitBrandViewResult((action), "@gjermundgaraba/pixel-paper/menu/index.js#action"),
+	check: () => __foldkitBrandViewResult((check), "@gjermundgaraba/pixel-paper/menu/index.js#check"),
+	group: () => __foldkitBrandViewResult((group), "@gjermundgaraba/pixel-paper/menu/index.js#group"),
+	id: () => __foldkitBrandViewResult((id), "@gjermundgaraba/pixel-paper/menu/index.js#id"),
+	init: () => __foldkitBrandViewResult((init), "@gjermundgaraba/pixel-paper/menu/index.js#init"),
+	isOpen: () => __foldkitBrandViewResult((isOpen), "@gjermundgaraba/pixel-paper/menu/index.js#isOpen"),
+	link: () => __foldkitBrandViewResult((link), "@gjermundgaraba/pixel-paper/menu/index.js#link"),
+	radio: () => __foldkitBrandViewResult((radio), "@gjermundgaraba/pixel-paper/menu/index.js#radio"),
+	update: () => __foldkitBrandViewResult((update), "@gjermundgaraba/pixel-paper/menu/index.js#update"),
+	view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/menu/index.js#view")
+});
+export { BindSlip, BindToggleKeys, Focus, Message, Model, OutMessage, action, check, group, id, init, isOpen, link, menu_exports, radio, update, view };