proctolog 0.1.0

data/public/pick.css

@@ -0,0 +1,99 @@
+/* The open pull requests: every line says its facts, and its button stands
+   at the right of it, so a long list reads as one column of titles. */
+
+.pick .lines li {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto;
+	column-gap: 2ch;
+	align-items: baseline;
+	cursor: default;
+}
+
+.pick .lines .what {
+	grid-column: 1;
+	grid-template-columns: 6ch minmax(0, 1fr);
+}
+
+.pick .lines .what:has(input) {
+	grid-template-columns: 2ch 6ch minmax(0, 1fr);
+}
+
+/* A burst of your own has a name and no number. */
+.pick .lines .what:not(:has(.number)) {
+	grid-template-columns: minmax(0, 1fr);
+}
+
+.pick .lines li:not(:has(.number)) .facts {
+	padding-left: 0;
+}
+
+.pick .lines .facts {
+	display: block;
+	grid-column: 1;
+	padding-left: 7ch;
+}
+
+.pick .lines li:has(input) .facts {
+	padding-left: 10ch;
+}
+
+.pick .lines li > form,
+.pick .lines li > button,
+.pick .lines li > .actions {
+	grid-column: 2;
+	grid-row: 1 / span 2;
+	align-self: center;
+}
+
+/* One not opened yet may be reviewed alone or with the chain under it. */
+.pick .lines .actions {
+	display: flex;
+	gap: 1ch;
+}
+
+.pick .lines label.title {
+	cursor: pointer;
+}
+
+.pick > .button_to {
+	margin: 0 0 8px;
+}
+
+.pick .together {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1ch;
+	align-items: baseline;
+	margin: 16px 0 4px;
+}
+
+.pick .together input[type="text"] {
+	width: 40ch;
+	max-width: 100%;
+}
+
+.pick .hint {
+	color: var(--quiet);
+	font-size: 0.867rem;
+}
+
+@media (max-width: 40rem) {
+	.pick .lines li {
+		grid-template-columns: minmax(0, 1fr);
+		row-gap: 4px;
+		padding-block: 12px;
+	}
+
+	.pick .lines li > form,
+	.pick .lines li > button,
+	.pick .lines li > .actions {
+		grid-column: 1;
+		grid-row: auto;
+		justify-self: start;
+		margin-left: 7ch;
+	}
+
+	.pick .lines li:has(input) > button {
+		margin-left: 10ch;
+	}
+}

data/public/pr-number.js

@@ -0,0 +1,11 @@
+// A pull request's number as a page writes it. GitHub's is a number; one
+// nobody has opened yet the desk numbers with a leading zero, 01, which
+// GitHub never writes, and it stays as written.
+const UNOPENED = /^0\d+$/;
+
+export const prNumber = (text) =>
+	UNOPENED.test(String(text)) ? String(text) : Number(text);
+
+export const isPrNumber = (value) =>
+	Number.isInteger(value) ||
+	(typeof value === "string" && UNOPENED.test(value));

data/public/prompt.css

@@ -0,0 +1,46 @@
+.taken-in,
+.unreadable {
+	max-width: 70ch;
+	margin: 1.2rem 0;
+	padding: 0.7rem 1rem;
+	border-left: 3px solid var(--chalk);
+	background: var(--rest);
+}
+
+.unreadable {
+	border-left-color: var(--pin);
+}
+
+.quiet {
+	color: var(--quiet);
+	font-size: 0.87rem;
+}
+
+.action,
+form.button_to button {
+	display: inline-block;
+	margin: 0.4rem 0.8rem 0.4rem 0;
+	padding: 0.45rem 0.9rem;
+	border: 1px solid var(--ink);
+	border-radius: 4px;
+	background: var(--ink);
+	color: var(--paper);
+	font: inherit;
+	text-decoration: none;
+	cursor: pointer;
+}
+
+.handover {
+	max-width: 100%;
+	margin-top: 1.2rem;
+	padding: 1.2rem 1.4rem;
+	overflow-x: auto;
+	border: 1px solid var(--rule);
+	border-radius: 4px;
+	font:
+		0.82rem / 1.55 ui-monospace,
+		Menlo,
+		monospace;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+}

data/public/prompt.js

@@ -0,0 +1,16 @@
+import { previewHandover } from "./review-drafts.js";
+import "./review-rounds.js";
+
+// What e would hand over now, file by file, as the choices stand.
+const preview = document.querySelector("[data-combined-handover]");
+const render = async () => {
+	preview.textContent = await previewHandover().catch(
+		(error) => `The desk could not preview the handover: ${error.message}`,
+	);
+};
+document.addEventListener("drafts-changed", render);
+render();
+for (const button of document.querySelectorAll(
+	"[data-pending-view], [data-reviewed-view]",
+))
+	button.hidden = true;