anvilsign in

collin/anvil

1//! Server-rendered web UI (Maud): repo list, repo overview, tree browsing, and
2//! blob viewing. Pages are plain SSR and work without JavaScript; htmx-based
3//! progressive enhancement is a follow-up.
4
5use std::{
6 collections::{
7 BTreeMap,
8 HashMap,
9 },
10 path::PathBuf,
11 sync::{
12 Arc,
13 Mutex,
14 OnceLock,
15 },
16};
17
18use anvil_core::{
19 ApiToken,
20 App,
21 CiRun,
22 Repository,
23 SshKey,
24 User,
25 access,
26 api_tokens,
27 ci,
28 repos,
29 ssh_keys,
30 users,
31};
32use anvil_git::browse::{
33 self,
34 ChangeKind,
35 FileChange,
36};
37use axum::{
38 Form,
39 Router,
40 extract::{
41 Path,
42 Query,
43 State,
44 },
45 http::{
46 StatusCode,
47 header,
48 },
49 response::{
50 IntoResponse,
51 Redirect,
52 Response,
53 },
54 routing::{
55 get,
56 post,
57 },
58};
59use maud::{
60 DOCTYPE,
61 Markup,
62 PreEscaped,
63 html,
64};
65use similar::{
66 ChangeTag,
67 TextDiff,
68};
69use syntect::{
70 easy::HighlightLines,
71 highlighting::{
72 Theme,
73 ThemeSet,
74 },
75 html::{
76 IncludeBackground,
77 styled_line_to_highlighted_html,
78 },
79 parsing::SyntaxSet,
80};
81use time::OffsetDateTime;
82
83use crate::{
84 auth::{
85 CSRF_FIELD,
86 Csrf,
87 CurrentUser,
88 verify_csrf,
89 },
90 todomd,
91};
92
93const STYLE: &str = r#"
94:root { color-scheme:light; --fg:#1f2328; --muted:#656d76; --bg:#fff; --border:#d0d7de; --accent:#0969da; --code-bg:#f6f8fa; --success:#1a7f37; --success-bg:#dafbe1; --error:#cf222e; --error-bg:#ffebe9; --warning:#7d4e00; --warning-bg:#fff8c5; --info:#8250df; --info-bg:#fbefff; --dir-icon:#54aeff; --diff-ins-bg:#e6ffec; --diff-del-bg:#ffebe9; }
95@media (prefers-color-scheme: dark) {
96 :root { color-scheme:dark; --fg:#e6edf3; --muted:#8b949e; --bg:#0d1117; --border:#30363d; --accent:#58a6ff; --code-bg:#161b22; --success:#3fb950; --success-bg:#1a3a1a; --error:#f85149; --error-bg:#3d1f1a; --warning:#d29922; --warning-bg:#3a2a1a; --info:#a371f7; --info-bg:#2a1e4e; --dir-icon:#79c0ff; --diff-ins-bg:#0d2818; --diff-del-bg:#2d1519; }
97}
98* { box-sizing:border-box; }
99body { margin:0; font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; color:var(--fg); background:var(--bg); }
100a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
101header.top { border-bottom:1px solid var(--border); padding:12px 0; background:var(--code-bg); }
102.container { max-width:980px; margin:0 auto; padding:0 16px; }
103header.top .container { display:flex; align-items:center; gap:12px; }
104.brand { font-weight:700; font-size:16px; color:var(--fg); }
105main { padding:12px 0 24px; }
106h1,h2 { font-weight:600; } h1 { font-size:20px; } h2 { font-size:15px; margin:20px 0 8px; }
107.muted { color:var(--muted); }
108.error-msg { color:var(--error); }
109.repo-list { list-style:none; padding:0; margin:0; }
110.repo-list li { padding:12px 0; border-bottom:1px solid var(--border); }
111.repo-list .name { font-size:16px; font-weight:600; }
112.box { border:1px solid var(--border); border-radius:6px; overflow:hidden; }
113.box .row { display:flex; gap:12px; justify-content:space-between; padding:8px 16px; border-top:1px solid var(--border); }
114.box .row:first-child { border-top:0; }
115.box .row a.entry { display:flex; gap:8px; align-items:center; white-space:nowrap; }
116.box .row a.fc-msg { flex:1; margin-left:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; color:var(--muted); font-size:13px; }
117.box .row a.fc-msg:hover { color:var(--accent); }
118.box .row .fc-time { margin-left:16px; white-space:nowrap; color:var(--muted); font-size:13px; }
119.icon { width:1em; height:1em; flex:none; fill:currentColor; color:var(--muted); vertical-align:-0.125em; }
120.icon.dir { color:var(--dir-icon); }
121.file-actions .btn .icon { color:inherit; }
122table.code { border-collapse:collapse; width:100%; font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
123table.code td { padding:0 10px; vertical-align:top; white-space:pre; }
124table.code td.ln { text-align:right; color:var(--muted); user-select:none; width:1%; border-right:1px solid var(--border); background:var(--code-bg); }
125.cmds { background:var(--code-bg); border:1px solid var(--border); border-radius:6px; padding:12px 14px; margin:8px 0; font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; overflow-x:auto; }
126.clone { border:1px solid var(--border); border-radius:6px; padding:12px 16px; margin:16px 0; }
127.clone-head { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
128.clone-tabs { display:flex; margin-left:auto; }
129.clone-tab { font-size:12px; padding:2px 10px; border:1px solid var(--border); border-radius:0; margin-left:-1px; position:relative; background:var(--bg); color:var(--muted); cursor:pointer; }
130.clone-tab:first-child { border-radius:2em 0 0 2em; margin-left:0; }
131.clone-tab:last-child { border-radius:0 2em 2em 0; }
132.clone-tab:first-child:last-child { border-radius:2em; }
133.clone-tab.active { background:var(--accent); color:#fff; border-color:var(--accent); z-index:1; }
134.clone-cmd { display:flex; align-items:center; gap:8px; background:var(--code-bg); border:1px solid var(--border); border-radius:6px; padding:6px 10px; }
135.clone-cmd code { flex:1; font:12px ui-monospace,monospace; user-select:all; overflow-x:auto; white-space:nowrap; }
136.copy-btn { display:inline-flex; align-items:center; background:none; border:0; color:var(--muted); cursor:pointer; padding:2px; }
137.copy-btn:hover { color:var(--fg); }
138.copied-msg { display:none; color:var(--success); font-size:12px; }
139.clone.copied .copied-msg { display:inline; }
140.clone.copied .copy-btn { color:var(--success); }
141.crumbs { margin:12px 0; font:13px ui-monospace,monospace; }
142.pill { display:inline-block; background:var(--code-bg); border:1px solid var(--border); border-radius:2em; padding:1px 8px; font-size:12px; color:var(--muted); }
143.pill.active { background:var(--accent); border-color:var(--accent); color:#fff; }
144.view-toggle { margin:8px 0; }
145a.pill:hover { text-decoration:none; border-color:var(--accent); color:var(--accent); }
146.md-body { padding:8px 24px 16px; line-height:1.6; overflow-wrap:break-word; }
147.md-body h1, .md-body h2 { border-bottom:1px solid var(--border); padding-bottom:6px; }
148.md-body pre { background:var(--code-bg); border-radius:6px; padding:12px 14px; overflow-x:auto; font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
149.md-body code { background:var(--code-bg); border-radius:4px; padding:1px 4px; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:0.9em; }
150.md-body pre code { background:none; padding:0; font-size:inherit; }
151.md-body blockquote { border-left:4px solid var(--border); margin:0 0 12px; padding:0 14px; color:var(--muted); }
152.md-body table { border-collapse:collapse; margin:12px 0; } .md-body th, .md-body td { border:1px solid var(--border); padding:5px 10px; }
153.md-body img { max-width:100%; }
154.linkbtn { background:none; border:0; color:var(--accent); cursor:pointer; font:inherit; padding:0; }
155.linkbtn:hover { text-decoration:underline; }
156.btn { display:inline-block; background:var(--accent); color:#fff; border:1px solid var(--accent); border-radius:6px; padding:5px 12px; font-size:13px; cursor:pointer; }
157.btn:hover { text-decoration:none; opacity:.92; }
158/* Repo header: title (+ visibility badge) on the left, quick-nav on the right;
159 wraps cleanly to its own line on narrow viewports instead of floating. */
160.repo-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 16px; margin:24px 0 4px; }
161.repo-title { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; min-width:0; }
162.repo-title h1 { margin:0; }
163.repo-title .pill { font-size:11px; text-transform:uppercase; letter-spacing:.04em; align-self:center; }
164.repo-nav { font-size:13px; display:flex; align-items:baseline; gap:8px; color:var(--muted); }
165.repo-nav a { color:var(--muted); }
166.repo-nav a:hover { color:var(--accent); text-decoration:none; }
167.repo-nav .sep { color:var(--border); }
168.repo-meta { display:flex; gap:8px; margin:8px 0; color:var(--muted); font-size:13px; }
169.repo-meta b { font-weight:600; color:var(--fg); }
170.pill-group { display:inline-flex; }
171.pill-group > .pill { border-radius:0; margin-left:-1px; position:relative; }
172.pill-group > .pill:first-child { border-radius:2em 0 0 2em; margin-left:0; }
173.pill-group > .pill:last-child { border-radius:0 2em 2em 0; }
174.stack p { margin:10px 0; } .stack label { font-size:13px; color:var(--muted); }
175/* Explicit colours, not just borders: a control left to the browser's defaults
176 renders white-on-white in dark mode. `color-scheme` above covers the rest. */
177.stack input[type=text], .stack input[type=password], .stack textarea, .stack select { background:var(--bg); color:var(--fg); }
178.stack input[type=text], .stack input[type=password], .stack textarea { width:100%; max-width:480px; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font:inherit; }
179.stack .check { display:flex; gap:8px; align-items:flex-start; max-width:480px; }
180.stack select { padding:6px 8px; border:1px solid var(--border); border-radius:6px; font:inherit; }
181.stack textarea.editor { max-width:none; font:13px/1.5 ui-monospace,monospace; tab-size:4; resize:vertical; }
182p.file-actions { margin:10px 0; display:flex; gap:6px; align-items:center; }
183.file-actions .btn { padding:3px 11px; font-size:12px; font-weight:500; border-radius:6px; display:inline-flex; align-items:center; gap:5px; }
184table.usage { border-collapse:collapse; width:100%; max-width:680px; margin-top:12px; }
185table.usage th, table.usage td { padding:6px 10px; border-bottom:1px solid var(--border); text-align:left; }
186table.usage .num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
187table.usage tfoot td { font-weight:600; border-top:2px solid var(--border); border-bottom:none; }
188.issue-dot { width:10px; height:10px; border-radius:50%; flex:none; }
189.issue-dot.open { background:var(--success); }
190.issue-dot.closed { background:var(--info); }
191.st.issue-open { background:var(--success-bg); color:var(--success); }
192.st.issue-closed { background:var(--info-bg); color:var(--info); }
193.issue-post { margin:12px 0; }
194.issue-head { padding:8px 16px; border-bottom:1px solid var(--border); background:var(--code-bg); font-size:13px; color:var(--muted); }
195.btn.btn-secondary { background:var(--bg); color:var(--fg); border-color:var(--border); }
196.readme { margin-top:16px; }
197.readme-head { padding:8px 16px; border-bottom:1px solid var(--border); background:var(--code-bg); font-size:13px; font-weight:600; }
198/* Kanban: cards are the only boxes. Columns are headers + whitespace, no
199 nested frames. */
200.kanban { display:flex; gap:20px; align-items:flex-start; overflow-x:auto; padding:4px 2px 8px; }
201.kanban .col { flex:1 1 0; min-width:240px; }
202.kanban .col h3 { margin:0 0 12px; padding:0 2px 8px; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); display:flex; align-items:baseline; gap:8px; border-bottom:1px solid var(--border); }
203.kanban .col h3 .count { font-weight:400; letter-spacing:0; text-transform:none; font-size:12px; margin-left:auto; }
204.kanban .card { position:relative; background:var(--bg); border:1px solid var(--border); border-radius:6px; padding:9px 12px; margin-bottom:8px; font-size:13px; line-height:1.45; box-shadow:0 1px 2px rgba(27,31,36,.05); }
205.kanban .card-del { position:absolute; top:3px; right:4px; margin:0; }
206.kanban .card-del-btn { border:0; background:none; color:var(--muted); cursor:pointer; font-size:16px; line-height:1; padding:1px 5px; border-radius:4px; opacity:0; transition:opacity .1s,background .1s; }
207.kanban .card:hover .card-del-btn, .card-del-btn:focus { opacity:1; }
208.kanban .card-del-btn:hover { color:var(--error); background:var(--code-bg); }
209.kanban .card .title { padding-right:14px; }
210.kanban .card:has(.card-grip) { padding-left:28px; }
211.kanban .card-grip { position:absolute; left:2px; top:5px; color:var(--muted); cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; line-height:0; padding:4px 5px; border-radius:4px; }
212/* The touch must land on the grip (touch-action:none), not the icon inside it,
213 or the browser claims the gesture for scrolling and never drags. */
214.kanban .card-grip svg { pointer-events:none; }
215.kanban .card-grip:hover { color:var(--fg); background:var(--code-bg); }
216.kanban .card.dragging { opacity:.4; pointer-events:none; }
217.kanban .card.dragging .card-grip { pointer-events:auto; cursor:grabbing; }
218.kanban .card .title p { margin:0; font-weight:500; }
219.kanban .card.done .title { color:var(--muted); text-decoration:line-through; font-weight:400; }
220.kanban .card details { margin-top:7px; }
221.kanban .card summary { cursor:pointer; font-size:11px; font-weight:500; letter-spacing:.03em; text-transform:uppercase; color:var(--muted); list-style:none; display:inline-flex; align-items:center; gap:5px; user-select:none; }
222.kanban .card summary:hover { color:var(--accent); }
223.kanban .card summary::-webkit-details-marker { display:none; }
224.kanban .card summary::before { content:"\25B8"; font-size:9px; transition:transform .15s ease; }
225.kanban .card details[open] summary { margin-bottom:5px; }
226.kanban .card details[open] summary::before { transform:rotate(90deg); }
227.kanban .card .card-details { font-size:13px; color:var(--fg); line-height:1.5; }
228.kanban .card .card-details p { margin:0 0 6px; }
229.kanban .card .card-details ul { margin:4px 0; padding-left:16px; }
230.kanban .card .card-details img { max-width:100%; height:auto; border-radius:4px; margin:2px 0; }
231.kanban .card .card-details > :last-child { margin-bottom:0; }
232.kanban .card .title img { max-width:100%; height:auto; border-radius:4px; }
233/* Repo secrets (docs/secrets.md): sealed values, plus the CI unlock banner. */
234.secret-unlocked { background:var(--success-bg); color:var(--success); border-radius:6px; padding:8px 12px; font-size:13px; }
235.secret-warn { background:var(--warning-bg); color:var(--warning); border-radius:6px; padding:8px 12px; font-size:13px; }
236.secret-stale { margin-left:10px; font-size:12px; color:var(--warning); }
237#secrets-form textarea { width:100%; font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
238.todo-board-head { font-size:13px; font-weight:600; margin:20px 0 10px; }
239/* Repo home: the board leads the page, clipped to a fixed-height teaser that
240 expands in place. A checkbox drives it, not <details>, because a closed
241 <details> hides its content outright — there'd be no preview to clip.
242 `.fits` is set by script when the board is short enough to need neither. */
243.todo-preview { margin:4px 0 16px; }
244.todo-preview .todo-board-head { margin-top:0; }
245.todo-expand { position:absolute; width:1px; height:1px; opacity:0; }
246.todo-preview-body { position:relative; max-height:300px; overflow:hidden; }
247.todo-preview-body::after { content:""; position:absolute; left:0; right:0; bottom:0; height:80px; background:linear-gradient(to bottom, transparent, var(--bg)); pointer-events:none; }
248.todo-expand:checked ~ .todo-preview-body { max-height:none; }
249.todo-expand:checked ~ .todo-preview-body::after { display:none; }
250.todo-more { display:inline-block; cursor:pointer; font-size:12px; color:var(--muted); padding:2px 0 6px; user-select:none; }
251.todo-more:hover { color:var(--accent); }
252.todo-more::after { content:"Show more \25BE"; }
253.todo-expand:checked ~ .todo-more::after { content:"Show less \25B4"; }
254.todo-expand:focus-visible ~ .todo-more { outline:2px solid var(--accent); outline-offset:2px; border-radius:3px; }
255.todo-preview.fits .todo-preview-body { max-height:none; }
256.todo-preview.fits .todo-preview-body::after { display:none; }
257.todo-preview.fits .todo-more { display:none; }
258.todo-notes { margin:8px 2px; }
259.todo-notes > summary { cursor:pointer; font-size:13px; color:var(--muted); }
260.latest-commit { display:flex; gap:10px; align-items:baseline; background:var(--code-bg); border:1px solid var(--border); border-radius:6px 6px 0 0; border-bottom:0; padding:8px 16px; }
261.latest-commit + .box { border-radius:0 0 6px 6px; }
262.commit-list { list-style:none; padding:0; margin:0; }
263.commit-list li { padding:8px 0; border-top:1px solid var(--border); display:flex; gap:12px; align-items:baseline; }
264.commit-list li:first-child { border-top:0; }
265.sha { font:12px ui-monospace,monospace; color:var(--muted); }
266.file-diff { margin:16px 0; }
267.file-diff summary.head { background:var(--code-bg); border:1px solid var(--border); border-radius:6px; padding:6px 12px; font:12px ui-monospace,monospace; cursor:pointer; display:flex; align-items:center; gap:8px; list-style:none; }
268.file-diff summary.head::-webkit-details-marker { display:none; }
269.file-diff summary.head::before { content:"\25B8"; color:var(--muted); }
270.file-diff[open] summary.head::before { content:"\25BE"; }
271.file-diff[open] summary.head { border-bottom:0; border-radius:6px 6px 0 0; }
272.file-diff .stat { margin-left:auto; white-space:nowrap; }
273.stat .plus { color:var(--success); } .stat .minus { color:var(--error); }
274table.diff { border:1px solid var(--border); border-radius:0 0 6px 6px; }
275table.diff td.sign { width:1%; text-align:center; color:var(--muted); user-select:none; }
276table.diff tr.ins { background:var(--diff-ins-bg); } table.diff tr.ins td.sign { color:var(--success); }
277table.diff tr.del { background:var(--diff-del-bg); } table.diff tr.del td.sign { color:var(--error); }
278table.diff tr.gap td { background:var(--code-bg); color:var(--muted); text-align:center; padding:3px 10px; user-select:none; font-size:11px; }
279.badge { font-size:11px; border-radius:3px; padding:1px 6px; }
280.badge.add { background:var(--success-bg); color:var(--success); } .badge.del { background:var(--error-bg); color:var(--error); } .badge.mod { background:var(--warning-bg); color:var(--warning); }
281.st { font-size:11px; border-radius:2em; padding:1px 9px; font-weight:600; text-transform:capitalize; }
282.st.queued { background:var(--code-bg); color:var(--muted); } .st.running { background:var(--warning-bg); color:var(--warning); }
283.st.success { background:var(--success-bg); color:var(--success); } .st.failure, .st.error { background:var(--error-bg); color:var(--error); }
284.log { background:var(--code-bg); color:var(--fg); border-radius:6px; padding:14px 16px; overflow-x:auto; font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; white-space:pre-wrap; word-break:break-word; margin:0; border:1px solid var(--border); }
285@media (prefers-color-scheme: dark) {
286 .log { background:#0d1117; color:#e6edf3; border:0; }
287}
288footer { color:var(--muted); font-size:12px; padding:24px 0; border-top:1px solid var(--border); margin-top:32px; }
289details.nav-menu { position:relative; }
290details.nav-menu > summary { list-style:none; cursor:pointer; color:var(--accent); font-size:14px; }
291details.nav-menu > summary::-webkit-details-marker { display:none; }
292details.nav-menu > summary::after { content:""; display:inline-block; width:0; height:0; margin-left:6px; vertical-align:middle; border:4px solid transparent; border-top:5px solid var(--muted); border-bottom:0; transition:transform .15s ease; }
293details.nav-menu > summary:hover::after { border-top-color:var(--accent); }
294details.nav-menu[open] > summary::after { transform:rotate(180deg); }
295.nav-dropdown { position:absolute; right:0; top:calc(100% + 6px); background:var(--bg); border:1px solid var(--border); border-radius:6px; min-width:130px; box-shadow:0 4px 14px rgba(0,0,0,.1); z-index:200; padding:4px 0; }
296.nav-dropdown a, .nav-dropdown button { display:block; width:100%; padding:6px 14px; font-size:13px; color:var(--fg); text-align:left; background:none; border:0; cursor:pointer; font:inherit; text-decoration:none; }
297.nav-dropdown a:hover, .nav-dropdown button:hover { background:var(--code-bg); color:var(--fg); }
298.nav-dropdown.left { left:0; right:auto; max-height:320px; overflow-y:auto; }
299.nav-dropdown .dd-head { padding:6px 14px 2px; font-size:11px; text-transform:uppercase; letter-spacing:.03em; color:var(--muted); }
300.nav-dropdown a.current { font-weight:600; }
301details.rev-menu { display:inline-block; }
302details.rev-menu > summary .pill { cursor:pointer; }
303@media (max-width:720px) {
304 .kanban { flex-direction:column; gap:14px; overflow-x:visible; }
305 .kanban .col { min-width:0; width:100%; }
306}
307"#;
308
309/// Icon set as an SVG sprite (a hidden `<svg>` of `<symbol id="i-…">`s),
310/// authored in `assets/icons.svg` and embedded at compile time. The layout
311/// emits it once per page; [`icon`] references a symbol via `<use>`, so the
312/// path data is never duplicated in the rendered HTML.
313const ICON_SPRITE: &str = include_str!("../assets/icons.svg");
314
315/// The icons defined in the sprite. Each maps to a `<symbol id="i-…">` in
316/// `assets/icons.svg` — keep the two in sync.
317#[derive(Clone, Copy)]
318pub(crate) enum Icon {
319 Clipboard,
320 Pencil,
321 Plus,
322 Folder,
323 File,
324 Grip,
325}
326
327impl Icon {
328 /// The sprite symbol id (`<symbol id="…">`).
329 fn id(self) -> &'static str {
330 match self {
331 Icon::Clipboard => "i-clipboard",
332 Icon::Pencil => "i-pencil",
333 Icon::Plus => "i-plus",
334 Icon::Folder => "i-folder",
335 Icon::File => "i-file",
336 Icon::Grip => "i-grip",
337 }
338 }
339}
340
341/// Reference a sprite symbol as an inline `<svg>`, sized/colored by the `.icon`
342/// CSS (1em, `currentColor`).
343pub(crate) fn icon(i: Icon) -> Markup {
344 icon_with(i, "icon")
345}
346
347/// Like [`icon`] but with custom classes (e.g. `"icon dir"` to tint a folder).
348fn icon_with(i: Icon, class: &str) -> Markup {
349 PreEscaped(format!(
350 r##"<svg class="{class}" aria-hidden="true"><use href="#{}"></use></svg>"##,
351 i.id()
352 ))
353}
354
355/// Delegated handlers for the clone widget: protocol toggle + copy-to-clipboard.
356/// Registered once on `document`, so it survives htmx body swaps.
357/// Make htmx render error responses instead of discarding them.
358///
359/// Handlers answer a rejected form with the page *and* the reason — a bad
360/// password, an unparseable ssh key — under a 4xx status. htmx's default
361/// `responseHandling` swaps only 2xx, so with `hx-boost` on the body every one
362/// of those pages was silently dropped and the button looked broken. Without
363/// JavaScript the same responses always rendered fine, which is why this hid.
364const HTMX_CONFIG_JS: &str = r#"
365htmx.config.responseHandling = [
366 { code: "204", swap: false },
367 { code: "[23]..", swap: true },
368 { code: "[45]..", swap: true, error: true },
369];
370"#;
371
372const CLONE_JS: &str = r#"
373(function(){
374 function copyText(t){
375 if (navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(t);
376 var ta=document.createElement('textarea'); ta.value=t; ta.style.position='fixed'; ta.style.opacity='0';
377 document.body.appendChild(ta); ta.focus(); ta.select();
378 try{document.execCommand('copy')}catch(e){}
379 document.body.removeChild(ta); return Promise.resolve();
380 }
381 document.addEventListener('click', function(e){
382 var nm=e.target.closest('details.nav-menu');
383 document.querySelectorAll('details.nav-menu').forEach(function(d){ if(d!==nm) d.removeAttribute('open'); });
384 var tab=e.target.closest('.clone-tab');
385 if(tab){
386 var box=tab.closest('.clone'), cmd=box.dataset[tab.dataset.proto];
387 if(cmd){ box.querySelector('.clone-cmd code').textContent=cmd; }
388 box.querySelectorAll('.clone-tab').forEach(function(t){ t.classList.toggle('active', t===tab); });
389 return;
390 }
391 var copy=e.target.closest('.copy-btn');
392 if(copy){
393 var box=copy.closest('.clone');
394 copyText(box.querySelector('.clone-cmd code').textContent).then(function(){
395 box.classList.add('copied');
396 setTimeout(function(){ box.classList.remove('copied'); }, 1300);
397 });
398 }
399 });
400})();
401"#;
402
403/// Mount the web UI routes.
404pub fn routes(router: Router<App>) -> Router<App> {
405 router
406 .route("/", get(home))
407 .route("/-/settings", get(account_settings))
408 .route("/-/settings/keys", post(add_ssh_key))
409 .route("/-/settings/keys/{id}/delete", post(delete_ssh_key))
410 .route("/-/settings/tokens", post(create_token))
411 .route("/-/settings/tokens/{id}/delete", post(revoke_token))
412 .route("/-/new", get(new_repo_form).post(new_repo_submit))
413 .route("/{username}", get(user_profile))
414 .route(
415 "/{owner}/{repo}/settings",
416 get(repo_settings).post(repo_settings_submit),
417 )
418 .route("/{owner}/{repo}", get(repo_index))
419 .route("/{owner}/{repo}/tree/{rev}", get(tree_root))
420 .route("/{owner}/{repo}/tree/{rev}/{*path}", get(tree_path))
421 .route("/{owner}/{repo}/blob/{rev}/{*path}", get(blob))
422 .route(
423 "/{owner}/{repo}/edit/{rev}/{*path}",
424 get(edit_form).post(edit_submit),
425 )
426 .route(
427 "/{owner}/{repo}/add-task/{rev}/{*path}",
428 get(add_task_form).post(add_task_submit),
429 )
430 .route(
431 "/{owner}/{repo}/delete-task/{rev}/{*path}",
432 post(delete_task),
433 )
434 .route("/{owner}/{repo}/move-task/{rev}/{*path}", post(move_task))
435 .route("/{owner}/{repo}/commits/{rev}", get(commits))
436 .route("/{owner}/{repo}/commit/{id}", get(commit))
437 .route("/{owner}/{repo}/ci", get(ci_runs))
438 .route("/{owner}/{repo}/ci/{id}", get(ci_run))
439 .route("/-/static/htmx.min.js", get(htmx_js))
440}
441
442/// Serve the vendored htmx script (embedded in the binary).
443async fn htmx_js() -> Response {
444 (
445 [(
446 header::CONTENT_TYPE,
447 "application/javascript; charset=utf-8",
448 )],
449 include_str!("../assets/htmx.min.js"),
450 )
451 .into_response()
452}
453
454pub(crate) fn layout(title: &str, user: Option<&User>, body: Markup) -> Markup {
455 // Attach the session's CSRF token to every htmx request as a header, so any
456 // JS-driven action carries it without a hidden field. Omitted (no attribute)
457 // when unauthenticated. The token is hex, so it needs no JSON escaping.
458 let csrf = crate::auth::current_csrf();
459 let hx_headers = (!csrf.is_empty()).then(|| format!(r#"{{"{CSRF_FIELD}": "{csrf}"}}"#));
460 html! {
461 (DOCTYPE)
462 html lang="en" {
463 head {
464 meta charset="utf-8";
465 meta name="viewport" content="width=device-width, initial-scale=1";
466 title { (title) " · anvil" }
467 style { (PreEscaped(STYLE)) }
468 }
469 body hx-boost="true" hx-headers=[hx_headers] {
470 (PreEscaped(ICON_SPRITE))
471 header.top { div.container {
472 a.brand href="/" { "anvil" }
473 span style="margin-left:auto" {
474 @match user {
475 Some(u) => {
476 details.nav-menu {
477 summary { (u.username) }
478 div.nav-dropdown {
479 a href="/-/settings" { "Settings" }
480 @if u.is_admin { a href="/-/admin/usage" { "Disk usage" } }
481 // Unboosted for the same reason as the
482 // SSO sign-in button: signing out of a
483 // provider-linked account redirects to
484 // the provider, and a boosted form
485 // would follow that by XHR into a CORS
486 // wall instead of navigating there.
487 form method="post" action="/-/logout" hx-boost="false" {
488 button type="submit" { "Sign out" }
489 }
490 }
491 }
492 }
493 None => { a href="/-/login" { "sign in" } }
494 }
495 }
496 } }
497 main { div.container { (body) } }
498 footer { div.container { "anvil — a git forge" } }
499 script src="/-/static/htmx.min.js" {}
500 script { (PreEscaped(HTMX_CONFIG_JS)) }
501 script { (PreEscaped(CLONE_JS)) }
502 }
503 }
504 }
505}
506
507/// Hidden CSRF token field for embedding inside a mutating `<form>`.
508pub(crate) fn csrf_input(token: &str) -> Markup {
509 html! { input type="hidden" name=(CSRF_FIELD) value=(token); }
510}
511
512pub(crate) fn not_found(message: &str) -> Response {
513 (
514 StatusCode::NOT_FOUND,
515 layout(
516 "Not found",
517 None,
518 html! { h1 { "Not found" } p.muted { (message) } },
519 ),
520 )
521 .into_response()
522}
523
524pub(crate) fn server_error(err: impl std::fmt::Display) -> Response {
525 tracing::error!("ui error: {err}");
526 (
527 StatusCode::INTERNAL_SERVER_ERROR,
528 layout("Error", None, html! { h1 { "Something went wrong" } }),
529 )
530 .into_response()
531}
532
533/// Resolve `<owner>/<repo>` to its on-disk path and metadata row, enforcing read
534/// access for `viewer`. Private repos 404 for non-owners (no existence leak).
535pub(crate) async fn resolve_repo(
536 app: &App,
537 viewer: Option<&User>,
538 owner: &str,
539 name: &str,
540) -> Result<(PathBuf, Repository), Response> {
541 let owner_user = users::find_by_username(&app.db, owner)
542 .await
543 .map_err(server_error)?
544 .ok_or_else(|| not_found("no such user"))?;
545 let repo = repos::find(&app.db, owner_user.id, name)
546 .await
547 .map_err(server_error)?
548 .ok_or_else(|| not_found("no such repository"))?;
549 if !access::can_read(&repo, viewer) {
550 return Err(not_found("no such repository"));
551 }
552 let path = anvil_core::storage::repo_path(&app.config.repositories_dir(), owner, name);
553 if !path.exists() {
554 return Err(not_found("repository not found on disk"));
555 }
556 Ok((path, repo))
557}
558
559/// `GET /` — list repositories visible to the current user.
560async fn home(State(app): State<App>, CurrentUser(user): CurrentUser) -> Result<Markup, Response> {
561 let all = repos::list_all_with_owner(&app.db)
562 .await
563 .map_err(server_error)?;
564 let repos: Vec<_> = all
565 .into_iter()
566 .filter(|r| {
567 !r.is_private
568 || user
569 .as_ref()
570 .is_some_and(|u| u.id == r.owner_id || u.is_admin)
571 })
572 .collect();
573 Ok(layout(
574 "Repositories",
575 user.as_ref(),
576 html! {
577 div style="display:flex;align-items:center" {
578 h1 style="margin-right:auto" { "Repositories" }
579 @if user.is_some() { a.btn href="/-/new" { "New repository" } }
580 }
581 @if repos.is_empty() {
582 p.muted {
583 "No repositories yet. "
584 @if user.is_some() { a href="/-/new" { "Create one" } "." }
585 @else { "Sign in to create one." }
586 }
587 } @else {
588 ul.repo-list {
589 @for r in &repos {
590 @let path = anvil_core::storage::repo_path(&app.config.repositories_dir(), &r.owner, &r.name);
591 @let updated = browse::last_commit_time(&path).ok().flatten();
592 li {
593 div.name {
594 a href=(format!("/{}", r.owner)) { (r.owner) }
595 "/"
596 a href=(format!("/{}/{}", r.owner, r.name)) { (r.name) }
597 @if r.is_private { " " span.pill { "private" } }
598 @if !r.primary_language.is_empty() { " " span.pill.language { (r.primary_language) } }
599 }
600 @if !r.description.is_empty() { div.muted { (r.description) } }
601 @if let Some(t) = updated {
602 div.muted { "Updated " span title=(fmt_time(t)) { (fmt_relative(t)) } }
603 }
604 }
605 }
606 }
607 }
608 },
609 ))
610}
611
612/// `GET /{username}` — a user's profile: their repositories (public to all;
613/// private only to themselves or an admin).
614async fn user_profile(
615 State(app): State<App>,
616 CurrentUser(viewer): CurrentUser,
617 Path(username): Path<String>,
618) -> Result<Markup, Response> {
619 let owner = users::find_by_username(&app.db, &username)
620 .await
621 .map_err(server_error)?
622 .ok_or_else(|| not_found("no such user"))?;
623 let visible: Vec<_> = repos::list_by_owner(&app.db, owner.id)
624 .await
625 .map_err(server_error)?
626 .into_iter()
627 .filter(|r| access::can_read(r, viewer.as_ref()))
628 .collect();
629 let is_self = viewer.as_ref().is_some_and(|u| u.id == owner.id);
630
631 Ok(layout(
632 &owner.username,
633 viewer.as_ref(),
634 html! {
635 div style="display:flex;align-items:center" {
636 h1 style="margin-right:auto" { (owner.username) }
637 @if is_self { a.btn href="/-/new" { "New repository" } }
638 }
639 h2 { "Repositories" }
640 @if visible.is_empty() {
641 p.muted { "No repositories." }
642 } @else {
643 ul.repo-list {
644 @for r in &visible {
645 @let path = anvil_core::storage::repo_path(&app.config.repositories_dir(), &owner.username, &r.name);
646 @let updated = browse::last_commit_time(&path).ok().flatten();
647 li {
648 div.name {
649 a href=(format!("/{}/{}", owner.username, r.name)) { (r.name) }
650 @if r.is_private { " " span.pill { "private" } }
651 @if !r.primary_language.is_empty() { " " span.pill.language { (r.primary_language) } }
652 }
653 @if !r.description.is_empty() { div.muted { (r.description) } }
654 @if let Some(t) = updated {
655 div.muted { "Updated " span title=(fmt_time(t)) { (fmt_relative(t)) } }
656 }
657 }
658 }
659 }
660 }
661 },
662 ))
663}
664
665#[derive(serde::Deserialize)]
666struct AddKeyForm {
667 #[serde(default)]
668 title: String,
669 key: String,
670 #[serde(default)]
671 csrf: String,
672}
673
674/// `GET /settings` — account settings: profile + SSH keys.
675async fn account_settings(
676 State(app): State<App>,
677 CurrentUser(user): CurrentUser,
678 csrf: Csrf,
679) -> Response {
680 let Some(user) = user else {
681 return Redirect::to("/-/login").into_response();
682 };
683 let keys = match ssh_keys::list_by_user(&app.db, user.id).await {
684 Ok(keys) => keys,
685 Err(e) => return server_error(e),
686 };
687 let tokens = api_tokens::list(&app.db, user.id).await.unwrap_or_default();
688 account_page(&user, &keys, &tokens, None, None, &csrf.0).into_response()
689}
690
691/// `POST /settings/keys` — register an SSH public key for the current user.
692async fn add_ssh_key(
693 State(app): State<App>,
694 CurrentUser(user): CurrentUser,
695 csrf: Csrf,
696 Form(form): Form<AddKeyForm>,
697) -> Response {
698 let Some(user) = user else {
699 return Redirect::to("/-/login").into_response();
700 };
701 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
702 return resp;
703 }
704 let result = match ssh_keys::parse_public_key(&form.key) {
705 Ok((fingerprint, content)) => {
706 ssh_keys::add(&app.db, user.id, &form.title, &fingerprint, &content)
707 .await
708 .map(|_| ())
709 }
710 Err(e) => Err(e),
711 };
712 match result {
713 Ok(()) => Redirect::to("/-/settings").into_response(),
714 Err(e) => {
715 let keys = ssh_keys::list_by_user(&app.db, user.id)
716 .await
717 .unwrap_or_default();
718 let tokens = api_tokens::list(&app.db, user.id).await.unwrap_or_default();
719 (
720 StatusCode::BAD_REQUEST,
721 account_page(&user, &keys, &tokens, None, Some(&e.to_string()), &csrf.0),
722 )
723 .into_response()
724 }
725 }
726}
727
728#[derive(serde::Deserialize)]
729struct CreateTokenForm {
730 #[serde(default)]
731 name: String,
732 #[serde(default)]
733 csrf: String,
734}
735
736/// `POST /settings/tokens` — mint a read-only PAT for the current user and show
737/// the plaintext once (it's only stored hashed, so it can't be shown again).
738async fn create_token(
739 State(app): State<App>,
740 CurrentUser(user): CurrentUser,
741 csrf: Csrf,
742 Form(form): Form<CreateTokenForm>,
743) -> Response {
744 let Some(user) = user else {
745 return Redirect::to("/-/login").into_response();
746 };
747 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
748 return resp;
749 }
750 let name = match form.name.trim() {
751 "" => "api",
752 n => n,
753 };
754 let plaintext = match api_tokens::create(&app.db, user.id, name, api_tokens::READ).await {
755 Ok((_, plaintext)) => plaintext,
756 Err(e) => return server_error(e),
757 };
758 let keys = ssh_keys::list_by_user(&app.db, user.id)
759 .await
760 .unwrap_or_default();
761 let tokens = api_tokens::list(&app.db, user.id).await.unwrap_or_default();
762 account_page(&user, &keys, &tokens, Some(&plaintext), None, &csrf.0).into_response()
763}
764
765/// `POST /settings/tokens/{id}/delete` — revoke one of the current user's
766/// tokens (ownership enforced: a user can only revoke their own).
767async fn revoke_token(
768 State(app): State<App>,
769 CurrentUser(user): CurrentUser,
770 csrf: Csrf,
771 Path(id): Path<i64>,
772 Form(form): Form<crate::auth::CsrfForm>,
773) -> Response {
774 let Some(user) = user else {
775 return Redirect::to("/-/login").into_response();
776 };
777 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
778 return resp;
779 }
780 let owned = api_tokens::list(&app.db, user.id).await.unwrap_or_default();
781 if owned.iter().any(|t| t.id == id)
782 && let Err(e) = api_tokens::revoke(&app.db, id).await
783 {
784 return server_error(e);
785 }
786 Redirect::to("/-/settings").into_response()
787}
788
789/// `POST /settings/keys/{id}/delete` — remove one of the current user's keys.
790async fn delete_ssh_key(
791 State(app): State<App>,
792 CurrentUser(user): CurrentUser,
793 csrf: Csrf,
794 Path(id): Path<i64>,
795 Form(form): Form<crate::auth::CsrfForm>,
796) -> Response {
797 let Some(user) = user else {
798 return Redirect::to("/-/login").into_response();
799 };
800 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
801 return resp;
802 }
803 if let Err(e) = ssh_keys::delete(&app.db, id, user.id).await {
804 return server_error(e);
805 }
806 Redirect::to("/-/settings").into_response()
807}
808
809fn account_page(
810 user: &User,
811 keys: &[SshKey],
812 tokens: &[ApiToken],
813 new_token: Option<&str>,
814 error: Option<&str>,
815 csrf: &str,
816) -> Markup {
817 layout(
818 "Account settings",
819 Some(user),
820 html! {
821 h1 { "Account settings" }
822 p.muted {
823 "Signed in as " strong { (user.username) }
824 @if !user.email.is_empty() { " · " (user.email) }
825 @if !user.sso_sub.is_empty() { " · " span.pill { "single sign-on" } }
826 }
827
828 h2 { "SSH keys" }
829 p.muted { "Add a public key to clone and push over SSH." }
830 @if let Some(error) = error { p.error-msg { (error) } }
831 @if keys.is_empty() {
832 p.muted { "No SSH keys yet." }
833 } @else {
834 div.box {
835 @for k in keys {
836 div.row {
837 div {
838 @if !k.title.is_empty() { strong { (k.title) } " " }
839 span.sha { (k.fingerprint) }
840 div.muted style="font-size:12px" { "added " (fmt_time(k.created_at)) }
841 }
842 form method="post" action=(format!("/-/settings/keys/{}/delete", k.id)) {
843 (csrf_input(csrf))
844 button.linkbtn type="submit" { "delete" }
845 }
846 }
847 }
848 }
849 }
850
851 form.stack method="post" action="/-/settings/keys" style="margin-top:16px" {
852 (csrf_input(csrf))
853 p { label { "Title" br; input type="text" name="title" placeholder="laptop"; } }
854 p { label { "Public key" br; textarea name="key" rows="4" placeholder="ssh-ed25519 AAAA…" {} } }
855 p { button.btn type="submit" { "Add SSH key" } }
856 }
857
858 h2 style="margin-top:28px" { "Personal access tokens" }
859 p.muted { "Read-only API tokens for tooling (e.g. fetching attachments over HTTP). The secret is shown once, at creation." }
860 @if let Some(token) = new_token {
861 div.box style="border-color:var(--accent)" {
862 p style="margin-top:0" { strong { "New token — copy it now; it won't be shown again." } }
863 pre.cmds { (token) }
864 }
865 }
866 @if tokens.is_empty() {
867 p.muted { "No tokens yet." }
868 } @else {
869 div.box {
870 @for t in tokens {
871 div.row {
872 div {
873 strong { (t.name) } " " span.pill { (t.scopes) }
874 div.muted style="font-size:12px" { "added " (fmt_time(t.created_at)) }
875 }
876 form method="post" action=(format!("/-/settings/tokens/{}/delete", t.id)) {
877 (csrf_input(csrf))
878 button.linkbtn type="submit" { "revoke" }
879 }
880 }
881 }
882 }
883 }
884 form.stack method="post" action="/-/settings/tokens" style="margin-top:16px" {
885 (csrf_input(csrf))
886 p { label { "Name" br; input type="text" name="name" placeholder="claude"; } }
887 p { button.btn type="submit" { "Create token" } }
888 }
889 },
890 )
891}
892
893pub(crate) fn forbidden() -> Response {
894 (
895 StatusCode::FORBIDDEN,
896 layout(
897 "Forbidden",
898 None,
899 html! { h1 { "Forbidden" } p.muted { "You don't have access to this." } },
900 ),
901 )
902 .into_response()
903}
904
905#[derive(serde::Deserialize)]
906struct NewRepoForm {
907 name: String,
908 #[serde(default)]
909 description: String,
910 private: Option<String>,
911 #[serde(default)]
912 csrf: String,
913}
914
915#[derive(serde::Deserialize)]
916struct SettingsForm {
917 #[serde(default)]
918 description: String,
919 private: Option<String>,
920 #[serde(default)]
921 mirror_url: String,
922 #[serde(default)]
923 csrf: String,
924}
925
926/// `GET /new` — new-repository form (requires login).
927async fn new_repo_form(
928 State(app): State<App>,
929 CurrentUser(user): CurrentUser,
930 csrf: Csrf,
931) -> Response {
932 let Some(user) = user else {
933 return Redirect::to("/-/login").into_response();
934 };
935 let remote = push_remote_url(&app, &user.username, "");
936 new_repo_page(&user, None, "", "", false, &remote, &csrf.0).into_response()
937}
938
939/// The remote URL to suggest for push-to-create: SSH when enabled (pushes
940/// without a credential prompt), otherwise HTTP. `name` may be empty, in which
941/// case a `<name>` placeholder is used.
942fn push_remote_url(app: &App, owner: &str, name: &str) -> String {
943 let name = if name.is_empty() { "<name>" } else { name };
944 if app.config.ssh.enabled {
945 app.config.ssh_clone_url(owner, name)
946 } else {
947 app.config.http_clone_url(owner, name)
948 }
949}
950
951/// `POST /new` — create a repository owned by the current user.
952async fn new_repo_submit(
953 State(app): State<App>,
954 CurrentUser(user): CurrentUser,
955 csrf: Csrf,
956 Form(form): Form<NewRepoForm>,
957) -> Response {
958 let Some(user) = user else {
959 return Redirect::to("/-/login").into_response();
960 };
961 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
962 return resp;
963 }
964 let private = form.private.is_some();
965 match repos::create(
966 &app.db,
967 &app.config.repositories_dir(),
968 &user,
969 &form.name,
970 &form.description,
971 private,
972 )
973 .await
974 {
975 Ok(repo) => Redirect::to(&format!("/{}/{}", user.username, repo.name)).into_response(),
976 Err(e) => {
977 let remote = push_remote_url(&app, &user.username, &form.name);
978 (
979 StatusCode::BAD_REQUEST,
980 new_repo_page(
981 &user,
982 Some(&e.to_string()),
983 &form.name,
984 &form.description,
985 private,
986 &remote,
987 &csrf.0,
988 ),
989 )
990 .into_response()
991 }
992 }
993}
994
995fn new_repo_page(
996 user: &User,
997 error: Option<&str>,
998 name: &str,
999 description: &str,
1000 private: bool,
1001 remote: &str,
1002 csrf: &str,
1003) -> Markup {
1004 layout(
1005 "New repository",
1006 Some(user),
1007 html! {
1008 h1 { "New repository" }
1009 @if let Some(error) = error { p.error-msg { (error) } }
1010 form.stack method="post" action="/-/new" {
1011 (csrf_input(csrf))
1012 p { label { "Name" br; input type="text" name="name" value=(name) placeholder="my-project" autofocus; } }
1013 p { label { "Description" br; input type="text" name="description" value=(description); } }
1014 p { label.check { input type="checkbox" name="private" value="on" checked[private]; span { "Private — only you can see and push to it" } } }
1015 p { button.btn type="submit" { "Create repository" } }
1016 }
1017 p.muted { "It will be created at " code { (user.username) "/" (if name.is_empty() { "<name>" } else { name }) } "." }
1018
1019 h2 { "…or push an existing repository" }
1020 p.muted { "Pushing to a name that doesn't exist yet creates the repository (private). No need for the form above." }
1021 pre.cmds { (format!("git remote add origin {remote}\ngit push -u origin main")) }
1022 },
1023 )
1024}
1025
1026/// Load a repo for an owner-only settings action, enforcing write access.
1027async fn resolve_for_settings(
1028 app: &App,
1029 viewer: Option<&User>,
1030 owner: &str,
1031 name: &str,
1032) -> Result<Repository, Response> {
1033 let owner_user = users::find_by_username(&app.db, owner)
1034 .await
1035 .map_err(server_error)?
1036 .ok_or_else(|| not_found("no such repository"))?;
1037 let repo = repos::find(&app.db, owner_user.id, name)
1038 .await
1039 .map_err(server_error)?
1040 .ok_or_else(|| not_found("no such repository"))?;
1041 if !access::can_read(&repo, viewer) {
1042 return Err(not_found("no such repository"));
1043 }
1044 if !access::can_write(&repo, viewer) {
1045 return Err(forbidden());
1046 }
1047 Ok(repo)
1048}
1049
1050/// `GET /{owner}/{repo}/settings` — owner-only repository settings.
1051async fn repo_settings(
1052 State(app): State<App>,
1053 CurrentUser(user): CurrentUser,
1054 csrf: Csrf,
1055 Path((owner, repo)): Path<(String, String)>,
1056) -> Response {
1057 let meta = match resolve_for_settings(&app, user.as_ref(), &owner, &repo).await {
1058 Ok(m) => m,
1059 Err(resp) => return resp,
1060 };
1061 let secrets = crate::secrets::settings_section(&app, &owner, &repo, &meta).await;
1062 settings_page(user.as_ref(), &owner, &repo, &meta, secrets, None, &csrf.0).into_response()
1063}
1064
1065/// `POST /{owner}/{repo}/settings` — update description / visibility.
1066async fn repo_settings_submit(
1067 State(app): State<App>,
1068 CurrentUser(user): CurrentUser,
1069 csrf: Csrf,
1070 Path((owner, repo)): Path<(String, String)>,
1071 Form(form): Form<SettingsForm>,
1072) -> Response {
1073 let meta = match resolve_for_settings(&app, user.as_ref(), &owner, &repo).await {
1074 Ok(m) => m,
1075 Err(resp) => return resp,
1076 };
1077 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
1078 return resp;
1079 }
1080 if let Err(e) = repos::update_settings(
1081 &app.db,
1082 meta.id,
1083 &form.description,
1084 form.private.is_some(),
1085 &form.mirror_url,
1086 )
1087 .await
1088 {
1089 return server_error(e);
1090 }
1091 Redirect::to(&format!("/{owner}/{repo}")).into_response()
1092}
1093
1094fn settings_page(
1095 user: Option<&User>,
1096 owner: &str,
1097 repo: &str,
1098 meta: &Repository,
1099 secrets: Markup,
1100 error: Option<&str>,
1101 csrf: &str,
1102) -> Markup {
1103 layout(
1104 &format!("{owner}/{repo}: settings"),
1105 user,
1106 html! {
1107 h1 { a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) } " · settings" }
1108 @if let Some(error) = error { p.error-msg { (error) } }
1109 form.stack method="post" action=(format!("/{owner}/{repo}/settings")) {
1110 (csrf_input(csrf))
1111 p { label { "Description" br; input type="text" name="description" value=(meta.description); } }
1112 p { label.check { input type="checkbox" name="private" value="on" checked[meta.is_private]; span { "Private — only you can see and push to it" } } }
1113 p {
1114 label {
1115 "Mirror push URL" br;
1116 input type="text" name="mirror_url" value=(meta.mirror_url)
1117 placeholder="https://x-access-token:<token>@github.com/you/repo.git";
1118 }
1119 br;
1120 span.muted style="font-size:12px" {
1121 "After every push here, all refs are mirrored to this remote ("
1122 code { "git push --mirror" }
1123 "). Stored as-is — use a scoped token. Empty disables it."
1124 }
1125 }
1126 p { button.btn type="submit" { "Save changes" } }
1127 }
1128 (secrets)
1129 },
1130 )
1131}
1132
1133fn clone_box(app: &App, owner: &str, name: &str) -> Markup {
1134 let http = app.config.http_clone_url(owner, name);
1135 let ssh = app
1136 .config
1137 .ssh
1138 .enabled
1139 .then(|| app.config.ssh_clone_url(owner, name));
1140 // SSH first and preselected when available — it's the protocol that can
1141 // push without a credential prompt.
1142 let default_cmd = format!("git clone {}", ssh.as_deref().unwrap_or(&http));
1143 html! {
1144 div.clone data-http=(format!("git clone {http}")) data-ssh=[ssh.as_ref().map(|s| format!("git clone {s}"))] {
1145 div.clone-head {
1146 span.muted { "Clone" }
1147 div.clone-tabs {
1148 @if ssh.is_some() {
1149 button.clone-tab.active type="button" data-proto="ssh" { "SSH" }
1150 button.clone-tab type="button" data-proto="http" { "HTTP" }
1151 } @else {
1152 button.clone-tab.active type="button" data-proto="http" { "HTTP" }
1153 }
1154 }
1155 }
1156 div.clone-cmd {
1157 code { (default_cmd) }
1158 button.copy-btn type="button" title="Copy to clipboard" aria-label="Copy" {
1159 (icon(Icon::Clipboard))
1160 }
1161 span.copied-msg { "Copied!" }
1162 }
1163 }
1164 }
1165}
1166
1167/// `GET /{owner}/{repo}` — repository overview with the root tree.
1168async fn repo_index(
1169 State(app): State<App>,
1170 CurrentUser(user): CurrentUser,
1171 Path((owner, repo)): Path<(String, String)>,
1172) -> Result<Markup, Response> {
1173 let (path, meta) = resolve_repo(&app, user.as_ref(), &owner, &repo).await?;
1174 let overview = browse::overview(&path).map_err(server_error)?;
1175
1176 let can_write = access::can_write(&meta, user.as_ref());
1177 let header = html! {
1178 div.repo-head {
1179 span.repo-title {
1180 h1 { a href=(format!("/{owner}")) { (owner) } " / " (repo) }
1181 @if meta.is_private { span.pill { "private" } }
1182 }
1183 nav.repo-nav {
1184 a href=(format!("/{owner}/{repo}/blob/{}/TODO.md", enc_ref(overview.default_branch.as_deref().unwrap_or("main")))) { "Todo" }
1185 span.sep { "·" }
1186 a href=(format!("/{owner}/{repo}/ci")) { "CI" }
1187 span.sep { "·" }
1188 a href=(format!("/{owner}/{repo}/pages")) { "Pages" }
1189 @if can_write {
1190 span.sep { "·" }
1191 a href=(format!("/{owner}/{repo}/settings")) { "Settings" }
1192 }
1193 }
1194 }
1195 @if !meta.description.is_empty() { p.muted { (meta.description) } }
1196 p.repo-meta {
1197 span { b { (overview.branches.len()) } " " (plural(overview.branches.len(), "branch", "branches")) }
1198 span { b { (overview.tags.len()) } " " (plural(overview.tags.len(), "tag", "tags")) }
1199 }
1200 (clone_box(&app, &owner, &repo))
1201 };
1202
1203 if overview.is_empty {
1204 return Ok(layout(
1205 &format!("{owner}/{repo}"),
1206 user.as_ref(),
1207 html! {
1208 (header)
1209 p.muted { "This repository is empty. Push to it to get started." }
1210 },
1211 ));
1212 }
1213
1214 let rev = overview
1215 .default_branch
1216 .clone()
1217 .unwrap_or_else(|| "HEAD".to_string());
1218 let entries = browse::list_tree(&path, &rev, "").map_err(server_error)?;
1219 let latest = browse::commit_log(&path, &rev, 1)
1220 .map_err(server_error)?
1221 .into_iter()
1222 .next();
1223 // Best-effort: a failed walk only costs the per-entry annotations.
1224 let entry_commits =
1225 browse::latest_entry_commits(&path, &rev, "", ENTRY_LOG_WALK).unwrap_or_default();
1226
1227 // A root README renders below the tree, GitHub-style. Best-effort: a
1228 // missing or unreadable file just omits the section.
1229 let readme = entries
1230 .iter()
1231 .find(|e| !e.is_dir && e.name.eq_ignore_ascii_case("readme.md"))
1232 .and_then(|e| {
1233 let bytes = browse::read_blob(&path, &rev, &e.name).ok().flatten()?;
1234 Some((
1235 render_markdown(&String::from_utf8_lossy(&bytes)),
1236 e.name.clone(),
1237 ))
1238 });
1239
1240 // A root TODO.md with tasks renders as a kanban board below the README.
1241 let todo_board = entries
1242 .iter()
1243 .find(|e| !e.is_dir && e.name.eq_ignore_ascii_case("todo.md"))
1244 .and_then(|e| {
1245 let bytes = browse::read_blob(&path, &rev, &e.name).ok().flatten()?;
1246 let board = todomd::render_board(&String::from_utf8_lossy(&bytes), None)?;
1247 Some((board, e.name.clone()))
1248 });
1249
1250 Ok(layout(
1251 &format!("{owner}/{repo}"),
1252 user.as_ref(),
1253 html! {
1254 (header)
1255 p {
1256 (rev_switcher(&owner, &repo, &rev, &overview))
1257 " · "
1258 a href=(format!("/{owner}/{repo}/commits/{}", enc_ref(&rev))) { "commits" }
1259 }
1260 @if let Some((board, name)) = &todo_board {
1261 section.todo-preview {
1262 p.todo-board-head {
1263 a href=(format!("/{owner}/{repo}/blob/{}/{name}", enc_ref(&rev))) { (name) }
1264 }
1265 input.todo-expand #todo-expand type="checkbox";
1266 div.todo-preview-body { (board) }
1267 label.todo-more for="todo-expand" {}
1268 }
1269 script { (maud::PreEscaped(TODO_PREVIEW_JS)) }
1270 }
1271 @if let Some(c) = &latest {
1272 div.latest-commit {
1273 a.sha href=(format!("/{owner}/{repo}/commit/{}", c.id)) { (c.short) }
1274 a href=(format!("/{owner}/{repo}/commit/{}", c.id)) { (c.summary) }
1275 span.muted style="margin-left:auto" {
1276 (c.author) " · "
1277 span title=(fmt_time(c.time)) { (fmt_relative(c.time)) }
1278 }
1279 }
1280 }
1281 (tree_table(&owner, &repo, &rev, "", &entries, &entry_commits))
1282 @if let Some(lang_bar) = render_languages_bar(&meta.languages_json) {
1283 div.box {
1284 div.readme-head { "Languages" }
1285 div style="padding:8px 16px;" { (lang_bar) }
1286 }
1287 }
1288 @if let Some((rendered, name)) = &readme {
1289 div.box.readme {
1290 div.readme-head {
1291 a href=(format!("/{owner}/{repo}/blob/{}/{name}", enc_ref(&rev))) { (name) }
1292 }
1293 div.md-body { (rendered) }
1294 }
1295 }
1296 },
1297 ))
1298}
1299
1300/// Drops the clip (and its "show more" toggle) when the preview isn't actually
1301/// taller than the cap, so a short board doesn't get a pointless teaser.
1302const TODO_PREVIEW_JS: &str = r#"
1303(function(){
1304 var d = document.querySelector('.todo-preview');
1305 if (!d) return;
1306 var body = d.querySelector('.todo-preview-body');
1307 if (body.scrollHeight <= body.clientHeight + 8) d.classList.add('fits');
1308})();
1309"#;
1310
1311async fn tree_root(
1312 State(app): State<App>,
1313 user: CurrentUser,
1314 Path((owner, repo, rev)): Path<(String, String, String)>,
1315) -> Result<Markup, Response> {
1316 render_tree(&app, user, &owner, &repo, &rev, "").await
1317}
1318
1319async fn tree_path(
1320 State(app): State<App>,
1321 user: CurrentUser,
1322 Path((owner, repo, rev, path)): Path<(String, String, String, String)>,
1323) -> Result<Markup, Response> {
1324 render_tree(&app, user, &owner, &repo, &rev, &path).await
1325}
1326
1327async fn render_tree(
1328 app: &App,
1329 CurrentUser(user): CurrentUser,
1330 owner: &str,
1331 repo: &str,
1332 rev: &str,
1333 path: &str,
1334) -> Result<Markup, Response> {
1335 let (repo_path, _) = resolve_repo(app, user.as_ref(), owner, repo).await?;
1336 let overview = browse::overview(&repo_path).map_err(server_error)?;
1337 let entries = browse::list_tree(&repo_path, rev, path).map_err(server_error)?;
1338 // Best-effort: a failed walk only costs the per-entry annotations.
1339 let entry_commits =
1340 browse::latest_entry_commits(&repo_path, rev, path, ENTRY_LOG_WALK).unwrap_or_default();
1341 Ok(layout(
1342 &format!("{owner}/{repo}: {path}"),
1343 user.as_ref(),
1344 html! {
1345 h1 { a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) } }
1346 p { (rev_switcher(owner, repo, rev, &overview)) }
1347 (breadcrumbs(owner, repo, rev, path, false))
1348 (tree_table(owner, repo, rev, path, &entries, &entry_commits))
1349 },
1350 ))
1351}
1352
1353/// `GET /{owner}/{repo}/blob/{rev}/{*path}` — view a file. Markdown renders
1354/// by default; `?plain=1` shows the raw source (toggle links on the page).
1355async fn blob(
1356 State(app): State<App>,
1357 CurrentUser(user): CurrentUser,
1358 csrf: Csrf,
1359 Path((owner, repo, rev, path)): Path<(String, String, String, String)>,
1360 Query(query): Query<HashMap<String, String>>,
1361) -> Result<Markup, Response> {
1362 let (repo_path, meta) = resolve_repo(&app, user.as_ref(), &owner, &repo).await?;
1363 let (oid, bytes) = browse::read_blob_with_id(&repo_path, &rev, &path)
1364 .map_err(server_error)?
1365 .ok_or_else(|| not_found("file not found"))?;
1366
1367 // Editing writes a commit onto a branch, so it's offered only to writers
1368 // viewing a text file at a branch tip (not a tag or detached commit). The
1369 // resolved tip is the compare-and-swap guard for board delete actions.
1370 let edit_tip = (!is_binary(&bytes) && access::can_write(&meta, user.as_ref()))
1371 .then(|| browse::resolve_commit(&repo_path, &format!("refs/heads/{rev}")).ok())
1372 .flatten();
1373 let can_edit = edit_tip.is_some();
1374
1375 let markdown = is_markdown(&path) && !is_binary(&bytes);
1376 // Custom renderers for well-known filenames (the plugin point — add new
1377 // filename → renderer pairs here). TODO.md defaults to a kanban board.
1378 let is_todo = todomd::is_todo_md(&path) && !is_binary(&bytes);
1379 let board_actions = edit_tip.as_ref().map(|tip| todomd::BoardActions {
1380 owner: &owner,
1381 repo: &repo,
1382 rev: &rev,
1383 path: &path,
1384 tip,
1385 csrf: &csrf.0,
1386 });
1387 let board = (is_todo && !query.contains_key("plain") && !query.contains_key("md"))
1388 .then(|| todomd::render_board(&String::from_utf8_lossy(&bytes), board_actions.as_ref()))
1389 .flatten();
1390 let rendered = markdown && !query.contains_key("plain") && board.is_none();
1391
1392 let body = if let Some(board) = &board {
1393 board.clone()
1394 } else if is_binary(&bytes) {
1395 html! { p.muted { "Binary file (" (bytes.len()) " bytes)" } }
1396 } else if rendered {
1397 let text = String::from_utf8_lossy(&bytes);
1398 html! { div.md-body { (render_markdown(&text)) } }
1399 } else {
1400 let text = String::from_utf8_lossy(&bytes);
1401 let budget = app.config.http.highlight_cache_mb.saturating_mul(1 << 20);
1402 let lines = cached_highlight(budget, &oid, &path, &text);
1403 html! {
1404 table.code {
1405 @for (i, line) in lines.iter().enumerate() {
1406 tr {
1407 td.ln { (i + 1) }
1408 td { (PreEscaped(line)) }
1409 }
1410 }
1411 }
1412 }
1413 };
1414
1415 let blob_url = format!("/{owner}/{repo}/blob/{}/{path}", enc_ref(&rev));
1416 Ok(layout(
1417 &format!("{owner}/{repo}: {path}"),
1418 user.as_ref(),
1419 html! {
1420 h1 { a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) } }
1421 (breadcrumbs(&owner, &repo, &rev, &path, true))
1422 @if can_edit {
1423 p.file-actions {
1424 a.btn.btn-secondary href=(format!("/{owner}/{repo}/edit/{}/{path}", enc_ref(&rev))) {
1425 (icon(Icon::Pencil)) "Edit"
1426 }
1427 @if is_todo {
1428 a.btn.btn-secondary href=(format!("/{owner}/{repo}/add-task/{}/{path}", enc_ref(&rev))) {
1429 (icon(Icon::Plus)) "Add task"
1430 }
1431 }
1432 }
1433 }
1434 @if markdown {
1435 p.view-toggle {
1436 span.pill-group {
1437 @if is_todo {
1438 @if board.is_some() { span.pill.active { "Board" } }
1439 @else { a.pill href=(&blob_url) { "Board" } }
1440 @if rendered { span.pill.active { "Rendered" } }
1441 @else { a.pill href=(format!("{blob_url}?md=1")) { "Rendered" } }
1442 } @else if rendered {
1443 span.pill.active { "Rendered" }
1444 } @else {
1445 a.pill href=(&blob_url) { "Rendered" }
1446 }
1447 @if rendered || board.is_some() {
1448 a.pill href=(format!("{blob_url}?plain=1")) { "Source" }
1449 } @else {
1450 span.pill.active { "Source" }
1451 }
1452 }
1453 }
1454 }
1455 @if board.is_some() {
1456 // The board supplies its own column structure; an enclosing
1457 // box would just nest frames.
1458 (body)
1459 } @else {
1460 div.box style="overflow-x:auto" { (body) }
1461 }
1462 },
1463 ))
1464}
1465
1466#[derive(serde::Deserialize)]
1467struct EditFileForm {
1468 csrf: String,
1469 /// Expected branch tip the editor saw — the compare-and-swap guard.
1470 expected_tip: String,
1471 message: String,
1472 content: String,
1473}
1474
1475/// Resolve a repo for a web edit, enforcing read+write access and that `rev`
1476/// names a branch (editing advances a branch ref). Returns the repo path and
1477/// the branch tip the editor is working from.
1478async fn resolve_for_edit(
1479 app: &App,
1480 user: Option<&User>,
1481 owner: &str,
1482 repo: &str,
1483 rev: &str,
1484) -> Result<(PathBuf, String), Response> {
1485 let (repo_path, meta) = resolve_repo(app, user, owner, repo).await?;
1486 if user.is_none() {
1487 return Err(Redirect::to("/-/login").into_response());
1488 }
1489 if !access::can_write(&meta, user) {
1490 return Err(forbidden());
1491 }
1492 let tip = browse::resolve_commit(&repo_path, &format!("refs/heads/{rev}"))
1493 .map_err(|_| not_found("not an editable branch"))?;
1494 Ok((repo_path, tip))
1495}
1496
1497/// `GET /{owner}/{repo}/edit/{rev}/{*path}` — textarea editor for an existing
1498/// text file on a branch.
1499async fn edit_form(
1500 State(app): State<App>,
1501 CurrentUser(user): CurrentUser,
1502 csrf: Csrf,
1503 Path((owner, repo, rev, path)): Path<(String, String, String, String)>,
1504) -> Response {
1505 let (repo_path, tip) = match resolve_for_edit(&app, user.as_ref(), &owner, &repo, &rev).await {
1506 Ok(v) => v,
1507 Err(resp) => return resp,
1508 };
1509 let bytes = match browse::read_blob(&repo_path, &rev, &path) {
1510 Ok(Some(b)) => b,
1511 Ok(None) => return not_found("file not found"),
1512 Err(e) => return server_error(e),
1513 };
1514 if is_binary(&bytes) {
1515 return bad_request_page(
1516 user.as_ref(),
1517 "Binary files can't be edited in the browser.",
1518 );
1519 }
1520 let content = String::from_utf8_lossy(&bytes).into_owned();
1521 edit_page(
1522 &owner,
1523 &repo,
1524 &rev,
1525 &path,
1526 &content,
1527 &format!("Update {path}"),
1528 &tip,
1529 None,
1530 user.as_ref(),
1531 &csrf.0,
1532 )
1533 .into_response()
1534}
1535
1536/// `POST /{owner}/{repo}/edit/{rev}/{*path}` — commit the edited content.
1537async fn edit_submit(
1538 State(app): State<App>,
1539 CurrentUser(user): CurrentUser,
1540 csrf: Csrf,
1541 Path((owner, repo, rev, path)): Path<(String, String, String, String)>,
1542 Form(form): Form<EditFileForm>,
1543) -> Response {
1544 let repo_path = match resolve_for_edit(&app, user.as_ref(), &owner, &repo, &rev).await {
1545 Ok((p, _)) => p,
1546 Err(resp) => return resp,
1547 };
1548 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
1549 return resp;
1550 }
1551 let user = user.expect("resolve_for_edit requires a logged-in user");
1552
1553 // Browsers serialize textarea newlines as CRLF; normalize so an edit
1554 // doesn't rewrite every line ending.
1555 let content = form.content.replace("\r\n", "\n");
1556 let message = if form.message.trim().is_empty() {
1557 format!("Update {path}")
1558 } else {
1559 form.message.clone()
1560 };
1561
1562 match anvil_git::edit::commit_file_change(
1563 &repo_path,
1564 &rev,
1565 &form.expected_tip,
1566 &path,
1567 content.as_bytes(),
1568 &user.username,
1569 &user.email,
1570 &message,
1571 ) {
1572 Ok(_) => {
1573 Redirect::to(&format!("/{owner}/{repo}/blob/{}/{path}", enc_ref(&rev))).into_response()
1574 }
1575 Err(e) => edit_page(
1576 &owner,
1577 &repo,
1578 &rev,
1579 &path,
1580 &content,
1581 &message,
1582 &form.expected_tip,
1583 Some(&e.to_string()),
1584 Some(&user),
1585 &csrf.0,
1586 )
1587 .into_response(),
1588 }
1589}
1590
1591/// The file-editor page: a textarea, a commit-message field, and the
1592/// compare-and-swap tip carried in a hidden field.
1593#[allow(clippy::too_many_arguments)]
1594fn edit_page(
1595 owner: &str,
1596 repo: &str,
1597 rev: &str,
1598 path: &str,
1599 content: &str,
1600 message: &str,
1601 expected_tip: &str,
1602 error: Option<&str>,
1603 user: Option<&User>,
1604 csrf: &str,
1605) -> Markup {
1606 let action = format!("/{owner}/{repo}/edit/{}/{path}", enc_ref(rev));
1607 let cancel = format!("/{owner}/{repo}/blob/{}/{path}", enc_ref(rev));
1608 let upload_url = format!("/{owner}/{repo}/-/attachments");
1609 layout(
1610 &format!("Edit {path}"),
1611 user,
1612 html! {
1613 h1 { a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) } }
1614 (breadcrumbs(owner, repo, rev, path, true))
1615 p.muted { "Editing on branch " code { (rev) } " — commits as you." }
1616 @if let Some(error) = error { p.error-msg { (error) } }
1617 form.stack method="post" action=(action) {
1618 (csrf_input(csrf))
1619 input type="hidden" name="expected_tip" value=(expected_tip);
1620 p {
1621 textarea.editor name="content" rows="24" spellcheck="false" autofocus
1622 data-upload-url=(upload_url) data-csrf=(csrf) { (content) }
1623 }
1624 p.upload-hint {
1625 label.btn.btn-secondary.attach-btn {
1626 "Attach image"
1627 input.attach-input type="file" accept="image/*" multiple hidden;
1628 }
1629 " "
1630 span.muted { "or paste/drop one — it's stored outside git and a Markdown link is inserted." }
1631 }
1632 p { label { "Commit message" br; input type="text" name="message" value=(message); } }
1633 p {
1634 button.btn type="submit" { "Commit changes" }
1635 " "
1636 a.btn.btn-secondary href=(cancel) { "Cancel" }
1637 }
1638 }
1639 script { (PreEscaped(EDITOR_JS)) }
1640 },
1641 )
1642}
1643
1644/// Paste/drop-to-upload for the file editor: image clipboard items and dropped
1645/// image files are POSTed to the repo's attachment endpoint as a raw body, and
1646/// the returned Markdown is spliced into the textarea at the cursor. The blob
1647/// is stored outside git; only the URL lands in the file.
1648const EDITOR_JS: &str = r#"
1649(function(){
1650 var ta = document.querySelector('textarea.editor');
1651 if (!ta || !ta.dataset.uploadUrl) return;
1652 var url = ta.dataset.uploadUrl, csrf = ta.dataset.csrf;
1653 function insertAtCursor(text){
1654 var s = ta.selectionStart, e = ta.selectionEnd;
1655 ta.value = ta.value.slice(0, s) + text + ta.value.slice(e);
1656 ta.selectionStart = ta.selectionEnd = s + text.length;
1657 ta.focus();
1658 }
1659 function replaceFirst(find, repl){
1660 var i = ta.value.indexOf(find);
1661 if (i >= 0) ta.value = ta.value.slice(0, i) + repl + ta.value.slice(i + find.length);
1662 }
1663 function upload(file){
1664 var token = '![uploading ' + (file.name || 'image') + '…]()';
1665 insertAtCursor(token + '\n');
1666 fetch(url, {
1667 method: 'POST',
1668 headers: {'X-CSRF-Token': csrf, 'Content-Type': file.type || 'application/octet-stream'},
1669 body: file
1670 }).then(function(r){
1671 if (!r.ok) throw new Error('upload failed (' + r.status + ')');
1672 return r.json();
1673 }).then(function(d){
1674 replaceFirst(token, d.markdown);
1675 }).catch(function(err){
1676 replaceFirst(token, '![upload failed]()');
1677 console.error(err);
1678 });
1679 }
1680 ta.addEventListener('paste', function(ev){
1681 var items = (ev.clipboardData || {}).items || [];
1682 for (var i = 0; i < items.length; i++){
1683 if (items[i].kind === 'file' && items[i].type.indexOf('image/') === 0){
1684 ev.preventDefault();
1685 upload(items[i].getAsFile());
1686 }
1687 }
1688 });
1689 ta.addEventListener('dragover', function(ev){ ev.preventDefault(); });
1690 ta.addEventListener('drop', function(ev){
1691 var files = (ev.dataTransfer || {}).files || [], imgs = [];
1692 for (var i = 0; i < files.length; i++){
1693 if (files[i].type.indexOf('image/') === 0) imgs.push(files[i]);
1694 }
1695 if (imgs.length){ ev.preventDefault(); imgs.forEach(upload); }
1696 });
1697 // The "Attach image" button (works where paste/drop don't, e.g. mobile):
1698 // a file picker that uploads each chosen image.
1699 var picker = document.querySelector('input.attach-input');
1700 if (picker) picker.addEventListener('change', function(){
1701 var files = picker.files || [];
1702 for (var i = 0; i < files.length; i++){
1703 if (files[i].type.indexOf('image/') === 0) upload(files[i]);
1704 }
1705 picker.value = ''; // let the same file be re-picked
1706 });
1707})();
1708"#;
1709
1710#[derive(serde::Deserialize)]
1711struct AddTaskForm {
1712 csrf: String,
1713 expected_tip: String,
1714 section: String,
1715 title: String,
1716 #[serde(default)]
1717 body: String,
1718}
1719
1720/// `GET /{owner}/{repo}/add-task/{rev}/{*path}` — structured "add a task" form
1721/// for a `TODO.md`, appending a `- [ ]` item per the todo-md round-trip rules.
1722async fn add_task_form(
1723 State(app): State<App>,
1724 CurrentUser(user): CurrentUser,
1725 csrf: Csrf,
1726 Path((owner, repo, rev, path)): Path<(String, String, String, String)>,
1727) -> Response {
1728 let (repo_path, tip) = match resolve_for_edit(&app, user.as_ref(), &owner, &repo, &rev).await {
1729 Ok(v) => v,
1730 Err(resp) => return resp,
1731 };
1732 if !todomd::is_todo_md(&path) {
1733 return not_found("not a TODO.md");
1734 }
1735 let bytes = match browse::read_blob(&repo_path, &rev, &path) {
1736 Ok(Some(b)) => b,
1737 Ok(None) => return not_found("file not found"),
1738 Err(e) => return server_error(e),
1739 };
1740 let sections = todomd::task_sections(&String::from_utf8_lossy(&bytes));
1741 if sections.is_empty() {
1742 return bad_request_page(user.as_ref(), "This TODO.md has no sections to add to.");
1743 }
1744 add_task_page(
1745 &owner,
1746 &repo,
1747 &rev,
1748 &path,
1749 &sections,
1750 "",
1751 "",
1752 &tip,
1753 None,
1754 user.as_ref(),
1755 &csrf.0,
1756 )
1757 .into_response()
1758}
1759
1760/// `POST /{owner}/{repo}/add-task/{rev}/{*path}` — append the task and commit.
1761async fn add_task_submit(
1762 State(app): State<App>,
1763 CurrentUser(user): CurrentUser,
1764 csrf: Csrf,
1765 Path((owner, repo, rev, path)): Path<(String, String, String, String)>,
1766 Form(form): Form<AddTaskForm>,
1767) -> Response {
1768 let repo_path = match resolve_for_edit(&app, user.as_ref(), &owner, &repo, &rev).await {
1769 Ok((p, _)) => p,
1770 Err(resp) => return resp,
1771 };
1772 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
1773 return resp;
1774 }
1775 let user = user.expect("resolve_for_edit requires a logged-in user");
1776 if !todomd::is_todo_md(&path) {
1777 return not_found("not a TODO.md");
1778 }
1779 let bytes = match browse::read_blob(&repo_path, &rev, &path) {
1780 Ok(Some(b)) => b,
1781 Ok(None) => return not_found("file not found"),
1782 Err(e) => return server_error(e),
1783 };
1784 let text = String::from_utf8_lossy(&bytes);
1785 let sections = todomd::task_sections(&text);
1786
1787 // Browsers serialize textarea newlines as CRLF; store LF.
1788 let body = form.body.replace("\r\n", "\n");
1789
1790 let render_err = |msg: &str, csrf: &Csrf| {
1791 add_task_page(
1792 &owner,
1793 &repo,
1794 &rev,
1795 &path,
1796 &sections,
1797 &form.title,
1798 &body,
1799 &form.expected_tip,
1800 Some(msg),
1801 Some(&user),
1802 &csrf.0,
1803 )
1804 .into_response()
1805 };
1806
1807 let Some(updated) = todomd::add_task(&text, &form.section, &form.title, &body) else {
1808 return render_err(
1809 "Couldn't add the task — check the title isn't empty and the section exists.",
1810 &csrf,
1811 );
1812 };
1813
1814 let message = format!("Add task to {}", form.section);
1815 match anvil_git::edit::commit_file_change(
1816 &repo_path,
1817 &rev,
1818 &form.expected_tip,
1819 &path,
1820 updated.as_bytes(),
1821 &user.username,
1822 &user.email,
1823 &message,
1824 ) {
1825 Ok(_) => {
1826 Redirect::to(&format!("/{owner}/{repo}/blob/{}/{path}", enc_ref(&rev))).into_response()
1827 }
1828 Err(e) => render_err(&e.to_string(), &csrf),
1829 }
1830}
1831
1832#[derive(serde::Deserialize)]
1833struct DeleteTaskForm {
1834 #[serde(default)]
1835 csrf: String,
1836 expected_tip: String,
1837 section: String,
1838 title: String,
1839}
1840
1841/// `POST /{owner}/{repo}/delete-task/{rev}/{*path}` — remove a task/ticket from
1842/// a `TODO.md` (the ✕ on a board card) and commit. Compare-and-swap guarded by
1843/// `expected_tip`, so a concurrent change is rejected rather than clobbered.
1844async fn delete_task(
1845 State(app): State<App>,
1846 CurrentUser(user): CurrentUser,
1847 csrf: Csrf,
1848 Path((owner, repo, rev, path)): Path<(String, String, String, String)>,
1849 Form(form): Form<DeleteTaskForm>,
1850) -> Response {
1851 let repo_path = match resolve_for_edit(&app, user.as_ref(), &owner, &repo, &rev).await {
1852 Ok((p, _)) => p,
1853 Err(resp) => return resp,
1854 };
1855 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
1856 return resp;
1857 }
1858 let user = user.expect("resolve_for_edit requires a logged-in user");
1859 if !todomd::is_todo_md(&path) {
1860 return not_found("not a TODO.md");
1861 }
1862 let bytes = match browse::read_blob(&repo_path, &rev, &path) {
1863 Ok(Some(b)) => b,
1864 Ok(None) => return not_found("file not found"),
1865 Err(e) => return server_error(e),
1866 };
1867 let text = String::from_utf8_lossy(&bytes);
1868
1869 let Some(updated) = todomd::remove_task(&text, &form.section, &form.title) else {
1870 // Already gone (e.g. a double submit) — just show the current board.
1871 return Redirect::to(&format!("/{owner}/{repo}/blob/{}/{path}", enc_ref(&rev)))
1872 .into_response();
1873 };
1874
1875 let message = format!("Delete task: {}", form.title);
1876 match anvil_git::edit::commit_file_change(
1877 &repo_path,
1878 &rev,
1879 &form.expected_tip,
1880 &path,
1881 updated.as_bytes(),
1882 &user.username,
1883 &user.email,
1884 &message,
1885 ) {
1886 Ok(_) => {
1887 Redirect::to(&format!("/{owner}/{repo}/blob/{}/{path}", enc_ref(&rev))).into_response()
1888 }
1889 Err(e) => bad_request_page(Some(&user), &format!("Couldn't delete the task: {e}")),
1890 }
1891}
1892
1893#[derive(serde::Deserialize)]
1894struct MoveTaskForm {
1895 #[serde(default)]
1896 csrf: String,
1897 expected_tip: String,
1898 title: String,
1899 from_section: String,
1900 to_section: String,
1901 to_index: usize,
1902}
1903
1904/// `POST /{owner}/{repo}/move-task/{rev}/{*path}` — reorder/move a task on the
1905/// board (drag-and-drop). Write-gated, CSRF-checked, compare-and-swap on the
1906/// branch tip. Driven by `fetch`, so it returns bare status codes.
1907async fn move_task(
1908 State(app): State<App>,
1909 CurrentUser(user): CurrentUser,
1910 csrf: Csrf,
1911 Path((owner, repo, rev, path)): Path<(String, String, String, String)>,
1912 Form(form): Form<MoveTaskForm>,
1913) -> Response {
1914 let repo_path = match resolve_for_edit(&app, user.as_ref(), &owner, &repo, &rev).await {
1915 Ok((p, _)) => p,
1916 Err(resp) => return resp,
1917 };
1918 if let Err(resp) = verify_csrf(&csrf, &form.csrf) {
1919 return resp;
1920 }
1921 let user = user.expect("resolve_for_edit requires a logged-in user");
1922 if !todomd::is_todo_md(&path) {
1923 return not_found("not a TODO.md");
1924 }
1925 let bytes = match browse::read_blob(&repo_path, &rev, &path) {
1926 Ok(Some(b)) => b,
1927 Ok(None) => return not_found("file not found"),
1928 Err(e) => return server_error(e),
1929 };
1930 let text = String::from_utf8_lossy(&bytes);
1931
1932 let Some(updated) = todomd::move_task(
1933 &text,
1934 &form.title,
1935 &form.from_section,
1936 &form.to_section,
1937 form.to_index,
1938 ) else {
1939 return (StatusCode::BAD_REQUEST, "could not move task").into_response();
1940 };
1941
1942 let message = if form.from_section == form.to_section {
1943 format!("Reorder {} in {}", form.title, form.to_section)
1944 } else {
1945 format!("Move {} to {}", form.title, form.to_section)
1946 };
1947 match anvil_git::edit::commit_file_change(
1948 &repo_path,
1949 &rev,
1950 &form.expected_tip,
1951 &path,
1952 updated.as_bytes(),
1953 &user.username,
1954 &user.email,
1955 &message,
1956 ) {
1957 // A no-op drop (dropped back in place) is success, not an error.
1958 Ok(_) | Err(anvil_git::edit::EditError::NoChanges) => StatusCode::OK.into_response(),
1959 Err(anvil_git::edit::EditError::BranchMoved { .. }) => {
1960 (StatusCode::CONFLICT, "branch moved — reload").into_response()
1961 }
1962 Err(e) => (StatusCode::INTERNAL_SERVER_ERROR, e.to_string()).into_response(),
1963 }
1964}
1965
1966/// The add-task form: a section dropdown, a title field, and a Markdown
1967/// description (which supports paste/drop image upload, like the file editor).
1968#[allow(clippy::too_many_arguments)]
1969fn add_task_page(
1970 owner: &str,
1971 repo: &str,
1972 rev: &str,
1973 path: &str,
1974 sections: &[String],
1975 title: &str,
1976 body: &str,
1977 expected_tip: &str,
1978 error: Option<&str>,
1979 user: Option<&User>,
1980 csrf: &str,
1981) -> Markup {
1982 let action = format!("/{owner}/{repo}/add-task/{}/{path}", enc_ref(rev));
1983 let cancel = format!("/{owner}/{repo}/blob/{}/{path}", enc_ref(rev));
1984 let upload_url = format!("/{owner}/{repo}/-/attachments");
1985 layout(
1986 &format!("Add task · {path}"),
1987 user,
1988 html! {
1989 h1 { a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) } }
1990 (breadcrumbs(owner, repo, rev, path, true))
1991 h2 { "Add a task" }
1992 @if let Some(error) = error { p.error-msg { (error) } }
1993 form.stack method="post" action=(action) {
1994 (csrf_input(csrf))
1995 input type="hidden" name="expected_tip" value=(expected_tip);
1996 p { label { "Section" br;
1997 select name="section" {
1998 @for s in sections { option value=(s) { (s) } }
1999 }
2000 } }
2001 p { label { "Title" br;
2002 input type="text" name="title" value=(title) placeholder="Short ticket title" autofocus;
2003 } }
2004 p { label { "Description" br;
2005 textarea.editor name="body" rows="10" spellcheck="false"
2006 placeholder="Markdown — attach an image with the button below, or paste/drop one"
2007 data-upload-url=(upload_url) data-csrf=(csrf) { (body) }
2008 } }
2009 p.upload-hint {
2010 label.btn.btn-secondary.attach-btn {
2011 "Attach image"
2012 input.attach-input type="file" accept="image/*" multiple hidden;
2013 }
2014 " "
2015 span.muted { "stored outside git; a Markdown link is inserted into the description." }
2016 }
2017 p {
2018 button.btn type="submit" { "Add task" }
2019 " "
2020 a.btn.btn-secondary href=(cancel) { "Cancel" }
2021 }
2022 }
2023 script { (PreEscaped(EDITOR_JS)) }
2024 },
2025 )
2026}
2027
2028/// A 400 page for malformed edit requests (binary file, no sections, …).
2029fn bad_request_page(user: Option<&User>, message: &str) -> Response {
2030 (
2031 StatusCode::BAD_REQUEST,
2032 layout(
2033 "Can't edit",
2034 user,
2035 html! { h1 { "Can't edit" } p.muted { (message) } },
2036 ),
2037 )
2038 .into_response()
2039}
2040
2041/// Pick the singular or plural noun for a count (`1 branch` / `2 branches`).
2042fn plural<'a>(n: usize, one: &'a str, many: &'a str) -> &'a str {
2043 if n == 1 { one } else { many }
2044}
2045
2046/// Whether a path should be treated as markdown (by extension).
2047fn is_markdown(path: &str) -> bool {
2048 std::path::Path::new(path)
2049 .extension()
2050 .and_then(|e| e.to_str())
2051 .is_some_and(|e| e.eq_ignore_ascii_case("md") || e.eq_ignore_ascii_case("markdown"))
2052}
2053
2054/// Render markdown to HTML (tables, strikethrough, task lists, footnotes).
2055///
2056/// Repo content is untrusted, so this is a stored-XSS surface: raw HTML in the
2057/// source is emitted as escaped literal text, and `javascript:`/`data:`-style
2058/// link and image destinations are dropped.
2059pub(crate) fn render_markdown(text: &str) -> Markup {
2060 use pulldown_cmark::{
2061 Event,
2062 Options,
2063 Parser,
2064 Tag,
2065 html,
2066 };
2067
2068 fn safe_url(dest: &str) -> bool {
2069 let d = dest.trim().to_ascii_lowercase();
2070 !(d.starts_with("javascript:") || d.starts_with("data:") || d.starts_with("vbscript:"))
2071 }
2072
2073 let opts = Options::ENABLE_TABLES
2074 | Options::ENABLE_STRIKETHROUGH
2075 | Options::ENABLE_TASKLISTS
2076 | Options::ENABLE_FOOTNOTES;
2077 let events = Parser::new_ext(text, opts).map(|ev| match ev {
2078 Event::Html(h) => Event::Text(h),
2079 Event::InlineHtml(h) => Event::Text(h),
2080 Event::Start(Tag::Link {
2081 link_type,
2082 dest_url,
2083 title,
2084 id,
2085 }) if !safe_url(&dest_url) => Event::Start(Tag::Link {
2086 link_type,
2087 dest_url: "".into(),
2088 title,
2089 id,
2090 }),
2091 Event::Start(Tag::Image {
2092 link_type,
2093 dest_url,
2094 title,
2095 id,
2096 }) if !safe_url(&dest_url) => Event::Start(Tag::Image {
2097 link_type,
2098 dest_url: "".into(),
2099 title,
2100 id,
2101 }),
2102 e => e,
2103 });
2104 let mut out = String::new();
2105 html::push_html(&mut out, events);
2106 PreEscaped(out)
2107}
2108
2109/// Render a language breakdown bar showing percentages of each detected language.
2110/// Displays as a horizontal bar with each language's proportion.
2111pub(crate) fn render_languages_bar(languages_json: &str) -> Option<Markup> {
2112 if languages_json.is_empty() || languages_json == "[]" {
2113 return None;
2114 }
2115
2116 // Parse the JSON array
2117 let langs: Vec<serde_json::Value> = serde_json::from_str(languages_json).ok()?;
2118 if langs.is_empty() {
2119 return None;
2120 }
2121
2122 // Color palette for languages (simple heuristic)
2123 let color_for_lang = |lang: &str| -> &'static str {
2124 match lang {
2125 "Rust" => "#CE422B",
2126 "Python" => "#3776AB",
2127 "JavaScript" => "#F7DF1E",
2128 "TypeScript" => "#3178C6",
2129 "Go" => "#00ADD8",
2130 "Java" => "#007396",
2131 "C++" => "#00599C",
2132 "C#" => "#239120",
2133 "Ruby" => "#CC342D",
2134 "PHP" => "#777BB4",
2135 "Markdown" => "#083FA1",
2136 "HTML" => "#E34C26",
2137 "CSS" => "#563D7C",
2138 "SQL" => "#336791",
2139 _ => "#999999",
2140 }
2141 };
2142
2143 let mut html = String::from(
2144 r#"<div class="language-bar" style="display:flex;border-radius:4px;overflow:hidden;height:20px;background:var(--code-bg);">"#,
2145 );
2146 for lang_obj in langs {
2147 if let (Some(lang), Some(percent)) = (
2148 lang_obj.get("lang").and_then(|v| v.as_str()),
2149 lang_obj.get("percent").and_then(|v| v.as_f64()),
2150 ) {
2151 let color = color_for_lang(lang);
2152 html.push_str(&format!(
2153 r#"<div style="width:{:.1}%;background-color:{};tooltip:'{}';height:100%" title="{}"></div>"#,
2154 percent, color, lang, lang
2155 ));
2156 }
2157 }
2158 html.push_str("</div>");
2159
2160 Some(PreEscaped(html))
2161}
2162
2163/// How far back the per-entry "latest commit" walk looks. Entries last touched
2164/// beyond this many commits just lose the annotation.
2165const ENTRY_LOG_WALK: usize = 400;
2166
2167/// Folder or file icon for an entry row (tree listings, pages, artifacts).
2168pub(crate) fn entry_icon(is_dir: bool) -> Markup {
2169 if is_dir {
2170 icon_with(Icon::Folder, "icon dir")
2171 } else {
2172 icon(Icon::File)
2173 }
2174}
2175
2176/// Human-readable byte size (`482 B`, `1.2 KiB`, `34.0 MiB`).
2177pub(crate) fn fmt_size(bytes: i64) -> String {
2178 let b = bytes.max(0) as f64;
2179 match b {
2180 b if b < 1024.0 => format!("{bytes} B"),
2181 b if b < 1024.0 * 1024.0 => format!("{:.1} KiB", b / 1024.0),
2182 b if b < 1024.0 * 1024.0 * 1024.0 => format!("{:.1} MiB", b / (1024.0 * 1024.0)),
2183 b => format!("{:.1} GiB", b / (1024.0 * 1024.0 * 1024.0)),
2184 }
2185}
2186
2187/// Percent-encode a ref name for use as one path segment in a URL. Axum
2188/// matches routes before decoding, so an encoded `/` keeps a branch like
2189/// `feat/x` inside the single `{rev}` segment.
2190pub(crate) fn enc_ref(name: &str) -> String {
2191 name.replace('%', "%25")
2192 .replace('/', "%2F")
2193 .replace('?', "%3F")
2194 .replace('#', "%23")
2195}
2196
2197/// Branch/tag switcher: a dropdown over the current rev linking each ref to
2198/// its tree view. Branch names, tag names, and commit ids all work as `rev`.
2199fn rev_switcher(owner: &str, repo: &str, rev: &str, overview: &browse::Overview) -> Markup {
2200 html! {
2201 details.nav-menu.rev-menu {
2202 summary { span.pill { (rev) } }
2203 div.nav-dropdown.left {
2204 @if !overview.branches.is_empty() {
2205 div.dd-head { "Branches" }
2206 @for b in &overview.branches {
2207 a.current[b == rev] href=(format!("/{owner}/{repo}/tree/{}", enc_ref(b))) { (b) }
2208 }
2209 }
2210 @if !overview.tags.is_empty() {
2211 div.dd-head { "Tags" }
2212 @for t in &overview.tags {
2213 a.current[t == rev] href=(format!("/{owner}/{repo}/tree/{}", enc_ref(t))) { (t) }
2214 }
2215 }
2216 }
2217 }
2218 }
2219}
2220
2221/// Render a tree listing as a box of rows; directories link to `tree`, files to
2222/// `blob`. Each entry also shows the subject of (and links to) the latest
2223/// commit that touched it, when `latest` has one for it.
2224fn tree_table(
2225 owner: &str,
2226 repo: &str,
2227 rev: &str,
2228 path: &str,
2229 entries: &[browse::TreeEntry],
2230 latest: &BTreeMap<String, browse::CommitInfo>,
2231) -> Markup {
2232 let join = |name: &str| {
2233 if path.is_empty() {
2234 name.to_string()
2235 } else {
2236 format!("{path}/{name}")
2237 }
2238 };
2239 html! {
2240 div.box {
2241 @if !path.is_empty() {
2242 div.row {
2243 a.entry href=(parent_link(owner, repo, rev, path)) { span.icon { ".." } "up" }
2244 }
2245 }
2246 @for e in entries {
2247 @let child = join(&e.name);
2248 @let kind = if e.is_dir { "tree" } else { "blob" };
2249 div.row {
2250 a.entry href=(format!("/{owner}/{repo}/{kind}/{}/{child}", enc_ref(rev))) {
2251 (entry_icon(e.is_dir))
2252 (e.name) @if e.is_dir { "/" }
2253 }
2254 @if let Some(c) = latest.get(&e.name) {
2255 a.fc-msg href=(format!("/{owner}/{repo}/commit/{}", c.id)) title=(c.summary) { (c.summary) }
2256 span.fc-time title=(fmt_time(c.time)) { (fmt_relative(c.time)) }
2257 }
2258 }
2259 }
2260 }
2261 }
2262}
2263
2264fn parent_link(owner: &str, repo: &str, rev: &str, path: &str) -> String {
2265 match path.rsplit_once('/') {
2266 Some((parent, _)) => format!("/{owner}/{repo}/tree/{}/{parent}", enc_ref(rev)),
2267 None => format!("/{owner}/{repo}/tree/{}", enc_ref(rev)),
2268 }
2269}
2270
2271/// Path breadcrumbs. `is_blob` marks the final component as a file.
2272fn breadcrumbs(owner: &str, repo: &str, rev: &str, path: &str, is_blob: bool) -> Markup {
2273 // Precompute (label, cumulative_path) for each path component.
2274 let mut crumbs: Vec<(String, String)> = Vec::new();
2275 let mut acc = String::new();
2276 for part in path.split('/').filter(|p| !p.is_empty()) {
2277 if !acc.is_empty() {
2278 acc.push('/');
2279 }
2280 acc.push_str(part);
2281 crumbs.push((part.to_string(), acc.clone()));
2282 }
2283 let last = crumbs.len();
2284 html! {
2285 div.crumbs {
2286 a href=(format!("/{owner}/{repo}/tree/{}", enc_ref(rev))) { (rev) }
2287 @for (i, (label, cum)) in crumbs.iter().enumerate() {
2288 " / "
2289 @if i + 1 == last && is_blob {
2290 span { (label) }
2291 } @else {
2292 a href=(format!("/{owner}/{repo}/tree/{}/{cum}", enc_ref(rev))) { (label) }
2293 }
2294 }
2295 }
2296 }
2297}
2298
2299/// `GET /{owner}/{repo}/commits/{rev}` — commit history.
2300async fn commits(
2301 State(app): State<App>,
2302 CurrentUser(user): CurrentUser,
2303 Path((owner, repo, rev)): Path<(String, String, String)>,
2304) -> Result<Markup, Response> {
2305 let (path, meta) = resolve_repo(&app, user.as_ref(), &owner, &repo).await?;
2306 let log = browse::commit_log(&path, &rev, 100).map_err(server_error)?;
2307
2308 // Map each commit oid to its latest run status, for inline badges. One query
2309 // for the repo's recent runs; first match wins (list is newest-first).
2310 let runs = ci::list_by_repo(&app.db, meta.id, 200)
2311 .await
2312 .unwrap_or_default();
2313 let mut status_of: HashMap<&str, &str> = HashMap::new();
2314 for r in &runs {
2315 status_of
2316 .entry(r.commit.as_str())
2317 .or_insert(r.status.as_str());
2318 }
2319
2320 Ok(layout(
2321 &format!("{owner}/{repo}: commits"),
2322 user.as_ref(),
2323 html! {
2324 h1 { a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) } " · commits" }
2325 ul.commit-list {
2326 @for c in &log {
2327 li {
2328 a.sha href=(format!("/{owner}/{repo}/commit/{}", c.id)) { (c.short) }
2329 @if let Some(st) = status_of.get(c.id.as_str()) {
2330 a href=(format!("/{owner}/{repo}/ci")) { (status_badge(st)) }
2331 }
2332 span { (c.summary) }
2333 span.muted style="margin-left:auto" {
2334 (c.author) " · "
2335 span title=(fmt_time(c.time)) { (fmt_relative(c.time)) }
2336 }
2337 }
2338 }
2339 }
2340 },
2341 ))
2342}
2343
2344/// `GET /{owner}/{repo}/commit/{id}` — a commit with its diff.
2345async fn commit(
2346 State(app): State<App>,
2347 CurrentUser(user): CurrentUser,
2348 Path((owner, repo, id)): Path<(String, String, String)>,
2349) -> Result<Markup, Response> {
2350 let (path, _) = resolve_repo(&app, user.as_ref(), &owner, &repo).await?;
2351 let detail = browse::commit_detail(&path, &id).map_err(server_error)?;
2352 Ok(layout(
2353 &format!("{owner}/{repo}: {}", detail.info.short),
2354 user.as_ref(),
2355 html! {
2356 h1 { a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) } " · " span.sha { (detail.info.short) } }
2357 p { (detail.info.summary) }
2358 p.muted {
2359 (detail.info.author) " · " (fmt_time(detail.info.time)) " · "
2360 span.sha { (detail.info.id) }
2361 @if let Some(parent) = &detail.parent {
2362 " · parent " a.sha href=(format!("/{owner}/{repo}/commit/{parent}")) { (&parent[..parent.len().min(8)]) }
2363 }
2364 " · "
2365 a href=(format!("/{owner}/{repo}/tree/{}", detail.info.id)) { "browse files" }
2366 }
2367 @if detail.changes.is_empty() {
2368 p.muted { "No file changes." }
2369 }
2370 @for change in &detail.changes {
2371 (render_file_diff(change))
2372 }
2373 },
2374 ))
2375}
2376
2377/// `GET /{owner}/{repo}/ci` — recent CI runs for the repository.
2378async fn ci_runs(
2379 State(app): State<App>,
2380 CurrentUser(user): CurrentUser,
2381 Path((owner, repo)): Path<(String, String)>,
2382) -> Result<Markup, Response> {
2383 let (_, meta) = resolve_repo(&app, user.as_ref(), &owner, &repo).await?;
2384 let runs = ci::list_by_repo(&app.db, meta.id, 100)
2385 .await
2386 .map_err(server_error)?;
2387 Ok(layout(
2388 &format!("{owner}/{repo}: CI"),
2389 user.as_ref(),
2390 html! {
2391 h1 { a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) } " · CI" }
2392 @if runs.is_empty() {
2393 p.muted {
2394 "No CI runs yet. Add a " code { ".anvil/ci.yml" }
2395 " pipeline and push to trigger one."
2396 }
2397 } @else {
2398 div.box {
2399 @for r in &runs {
2400 div.row {
2401 a.entry href=(format!("/{owner}/{repo}/ci/{}", r.id)) {
2402 (status_badge(&r.status))
2403 span.sha { (short_commit(&r.commit)) }
2404 span { (r.ref_name) }
2405 }
2406 span.muted { (fmt_time(r.created_at)) }
2407 }
2408 }
2409 }
2410 }
2411 },
2412 ))
2413}
2414
2415/// `GET /{owner}/{repo}/ci/{id}` — one run's status, timing, and log output.
2416async fn ci_run(
2417 State(app): State<App>,
2418 CurrentUser(user): CurrentUser,
2419 Path((owner, repo, id)): Path<(String, String, i64)>,
2420) -> Result<Markup, Response> {
2421 let (_, meta) = resolve_repo(&app, user.as_ref(), &owner, &repo).await?;
2422 let run = ci::get(&app.db, id)
2423 .await
2424 .map_err(server_error)?
2425 .filter(|r| r.repo_id == meta.id)
2426 .ok_or_else(|| not_found("no such CI run"))?;
2427 let artifacts = ci::artifacts_for_run(&app.db, run.id)
2428 .await
2429 .map_err(server_error)?;
2430 Ok(layout(
2431 &format!("{owner}/{repo}: CI #{}", run.id),
2432 user.as_ref(),
2433 html! {
2434 h1 {
2435 a href=(format!("/{owner}/{repo}")) { (owner) "/" (repo) }
2436 " · " a href=(format!("/{owner}/{repo}/ci")) { "CI" }
2437 " · #" (run.id)
2438 }
2439 p {
2440 (status_badge(&run.status))
2441 " "
2442 a.sha href=(format!("/{owner}/{repo}/commit/{}", run.commit)) { (short_commit(&run.commit)) }
2443 " " span.muted { (run.ref_name) }
2444 }
2445 p.muted {
2446 "queued " (fmt_time(run.created_at))
2447 @if run.started_at > 0 { " · started " (fmt_time(run.started_at)) }
2448 @if run.finished_at > 0 { " · finished " (fmt_time(run.finished_at)) }
2449 @if let Some(d) = run_duration(&run) { " · took " (d) }
2450 }
2451 @if !artifacts.is_empty() {
2452 h2 { "Artifacts" }
2453 div.box {
2454 @for a in &artifacts {
2455 div.row {
2456 a.entry href=(format!("/{owner}/{repo}/ci/{}/artifacts/{}", run.id, a.name)) {
2457 (entry_icon(a.is_dir))
2458 (a.name)
2459 @if a.browse { " " span.pill { "site" } }
2460 @else if a.is_dir { ".tar.gz" }
2461 }
2462 span.muted {
2463 (artifact_meta_chips(&a.meta))
2464 (fmt_size(a.size))
2465 }
2466 }
2467 }
2468 }
2469 }
2470 @if run.log.is_empty() {
2471 p.muted { "No output yet." }
2472 } @else {
2473 pre.log { (run.log) }
2474 }
2475 },
2476 ))
2477}
2478
2479/// Render an artifact's extractor metadata (a JSON object of key → value) as
2480/// inline `key: value` chips before the size.
2481fn artifact_meta_chips(meta: &str) -> Markup {
2482 let map: BTreeMap<String, String> = serde_json::from_str(meta).unwrap_or_default();
2483 html! {
2484 @for (k, v) in &map {
2485 span.pill title=(k) { (k) ": " (v) }
2486 " "
2487 }
2488 }
2489}
2490
2491/// A coloured status pill for a CI run status string.
2492fn status_badge(status: &str) -> Markup {
2493 html! { span class=(format!("st {status}")) { (status) } }
2494}
2495
2496/// First 8 hex chars of a commit oid (for compact display).
2497fn short_commit(commit: &str) -> &str {
2498 &commit[..commit.len().min(8)]
2499}
2500
2501/// Wall-clock run duration (`started`→`finished`) as a short string, if known.
2502fn run_duration(run: &CiRun) -> Option<String> {
2503 if run.started_at > 0 && run.finished_at >= run.started_at {
2504 Some(format!("{}s", run.finished_at - run.started_at))
2505 } else {
2506 None
2507 }
2508}
2509
2510/// Render one file's diff (added/deleted/modified) as a unified line diff.
2511/// A file diff bigger than this many rows starts collapsed (its header still
2512/// shows the +/− counts; clicking expands it — native `details`, no JS).
2513const DIFF_COLLAPSE_ROWS: usize = 400;
2514
2515fn render_file_diff(change: &FileChange) -> Markup {
2516 let (badge_cls, badge) = match change.kind {
2517 ChangeKind::Added => ("add", "added"),
2518 ChangeKind::Deleted => ("del", "deleted"),
2519 ChangeKind::Modified => ("mod", "modified"),
2520 };
2521 let head = |stat: Markup| {
2522 html! {
2523 summary.head {
2524 span class=(format!("badge {badge_cls}")) { (badge) }
2525 span { (change.path) }
2526 span.stat { (stat) }
2527 }
2528 }
2529 };
2530
2531 let binary = change.old.as_deref().is_some_and(is_binary)
2532 || change.new.as_deref().is_some_and(is_binary);
2533 if binary {
2534 return html! {
2535 details.file-diff open {
2536 (head(html! { span.muted { "binary" } }))
2537 div.box { div.row { span.muted { "Binary file" } } }
2538 }
2539 };
2540 }
2541
2542 let old = change
2543 .old
2544 .as_deref()
2545 .map(|b| String::from_utf8_lossy(b).into_owned())
2546 .unwrap_or_default();
2547 let new = change
2548 .new
2549 .as_deref()
2550 .map(|b| String::from_utf8_lossy(b).into_owned())
2551 .unwrap_or_default();
2552 let diff = TextDiff::from_lines(&old, &new);
2553 let (mut adds, mut dels) = (0usize, 0usize);
2554 for c in diff.iter_all_changes() {
2555 match c.tag() {
2556 ChangeTag::Insert => adds += 1,
2557 ChangeTag::Delete => dels += 1,
2558 ChangeTag::Equal => {}
2559 }
2560 }
2561 // Hunks: changed lines plus 3 lines of context, not the whole file.
2562 let groups = diff.grouped_ops(3);
2563 let rendered_rows: usize = groups
2564 .iter()
2565 .flatten()
2566 .map(|op| diff.iter_changes(op).count())
2567 .sum();
2568
2569 html! {
2570 details.file-diff open[rendered_rows <= DIFF_COLLAPSE_ROWS] {
2571 (head(html! { span.plus { "+" (adds) } " " span.minus { "−" (dels) } }))
2572 (diff_table(&diff, &groups, old.lines().count()))
2573 }
2574 }
2575}
2576
2577/// Render grouped diff hunks as a table: old/new line numbers, a +/- sign
2578/// column, and the line. Elided stretches show a "⋯ N unchanged lines" row
2579/// (including before the first hunk and after the last).
2580fn diff_table<'a>(
2581 diff: &TextDiff<'a, 'a, '_, str>,
2582 groups: &[Vec<similar::DiffOp>],
2583 old_total: usize,
2584) -> Markup {
2585 let gap_row = |n: usize| {
2586 html! {
2587 @if n > 0 {
2588 tr.gap { td colspan="4" { "⋯ " (n) " unchanged line" @if n != 1 { "s" } } }
2589 }
2590 }
2591 };
2592 // Unchanged-line gap before each group, and after the last one.
2593 let mut prev_end = 0usize; // end of the previous group, in old-file lines
2594 let mut with_gaps = Vec::with_capacity(groups.len());
2595 for group in groups {
2596 let start = group.first().map_or(prev_end, |op| op.old_range().start);
2597 with_gaps.push((start.saturating_sub(prev_end), group));
2598 prev_end = group.last().map_or(prev_end, |op| op.old_range().end);
2599 }
2600 let trailing = old_total.saturating_sub(prev_end);
2601
2602 html! {
2603 table.code.diff {
2604 @for (gap, group) in &with_gaps {
2605 (gap_row(*gap))
2606 @for op in group.iter() {
2607 @for change in diff.iter_changes(op) {
2608 @let (sign, cls) = match change.tag() {
2609 ChangeTag::Delete => ("-", "del"),
2610 ChangeTag::Insert => ("+", "ins"),
2611 ChangeTag::Equal => (" ", ""),
2612 };
2613 tr class=(cls) {
2614 td.ln { @if let Some(i) = change.old_index() { (i + 1) } }
2615 td.ln { @if let Some(i) = change.new_index() { (i + 1) } }
2616 td.sign { (sign) }
2617 td { (change.value().trim_end_matches('\n')) }
2618 }
2619 }
2620 }
2621 }
2622 (gap_row(trailing))
2623 }
2624 }
2625}
2626
2627/// Lazily-loaded syntax set and theme (pure-Rust fancy-regex backend).
2628fn highlighter() -> &'static (SyntaxSet, Theme) {
2629 static HL: OnceLock<(SyntaxSet, Theme)> = OnceLock::new();
2630 HL.get_or_init(|| {
2631 let syntaxes = SyntaxSet::load_defaults_newlines();
2632 let themes = ThemeSet::load_defaults();
2633 let theme = themes
2634 .themes
2635 .get("Monokai Extended")
2636 .or_else(|| themes.themes.get("Solarized (dark)"))
2637 .or_else(|| themes.themes.values().next())
2638 .cloned()
2639 .expect("at least one default theme");
2640 (syntaxes, theme)
2641 })
2642}
2643
2644/// [`highlight`] through a byte-budgeted LRU keyed by blob oid + extension: a
2645/// blob's rendered HTML is immutable for its object id (the extension is part
2646/// of the key because it picks the syntax), so each file is highlighted once
2647/// rather than once per request — highlighting large files is by far the most
2648/// expensive thing a page view can do. The budget is
2649/// `http.highlight_cache_mb`; `0` bypasses the cache entirely (for
2650/// RAM-constrained hosts). Concurrent misses may both compute and the last
2651/// insert wins; that's benign.
2652fn cached_highlight(budget_bytes: usize, oid: &str, path: &str, text: &str) -> Arc<Vec<String>> {
2653 if budget_bytes == 0 {
2654 return Arc::new(highlight(path, text));
2655 }
2656 struct Cache {
2657 lru: lru::LruCache<String, Arc<Vec<String>>>,
2658 bytes: usize,
2659 }
2660 fn cost(key: &str, lines: &[String]) -> usize {
2661 key.len() + lines.iter().map(String::len).sum::<usize>()
2662 }
2663 static CACHE: OnceLock<Mutex<Cache>> = OnceLock::new();
2664 let cache = CACHE.get_or_init(|| {
2665 Mutex::new(Cache {
2666 lru: lru::LruCache::unbounded(),
2667 bytes: 0,
2668 })
2669 });
2670
2671 let ext = std::path::Path::new(path)
2672 .extension()
2673 .and_then(|e| e.to_str())
2674 .unwrap_or("");
2675 let key = format!("{oid}\x00{ext}");
2676 if let Some(hit) = cache.lock().expect("cache lock").lru.get(&key) {
2677 return hit.clone();
2678 }
2679
2680 let lines = Arc::new(highlight(path, text));
2681 let mut c = cache.lock().expect("cache lock");
2682 c.bytes += cost(&key, &lines);
2683 if let Some(old) = c.lru.put(key.clone(), Arc::clone(&lines)) {
2684 c.bytes -= cost(&key, &old); // concurrent miss inserted it first
2685 }
2686 // Evict oldest entries until we're back under budget. An entry larger than
2687 // the whole budget evicts itself — memory stays bounded, it just never caches.
2688 while c.bytes > budget_bytes {
2689 let Some((k, v)) = c.lru.pop_lru() else { break };
2690 c.bytes -= cost(&k, &v);
2691 }
2692 lines
2693}
2694
2695/// Syntax-highlight `text` (chosen by file extension), returning per-line HTML.
2696/// Falls back to escaped plain text for large files or on any failure.
2697fn highlight(path: &str, text: &str) -> Vec<String> {
2698 if text.len() > 512 * 1024 {
2699 return text.lines().map(escape).collect();
2700 }
2701 let (syntaxes, theme) = highlighter();
2702 let syntax = std::path::Path::new(path)
2703 .extension()
2704 .and_then(|e| e.to_str())
2705 .and_then(|ext| syntaxes.find_syntax_by_extension(ext))
2706 .or_else(|| syntaxes.find_syntax_by_first_line(text.lines().next().unwrap_or("")))
2707 .unwrap_or_else(|| syntaxes.find_syntax_plain_text());
2708
2709 let mut h = HighlightLines::new(syntax, theme);
2710 text.lines()
2711 .map(|line| match h.highlight_line(line, syntaxes) {
2712 Ok(ranges) => styled_line_to_highlighted_html(&ranges, IncludeBackground::No)
2713 .unwrap_or_else(|_| escape(line)),
2714 Err(_) => escape(line),
2715 })
2716 .collect()
2717}
2718
2719fn escape(s: &str) -> String {
2720 s.replace('&', "&amp;")
2721 .replace('<', "&lt;")
2722 .replace('>', "&gt;")
2723}
2724
2725/// Format a Unix timestamp as `YYYY-MM-DD HH:MM UTC`.
2726pub(crate) fn fmt_time(secs: i64) -> String {
2727 match OffsetDateTime::from_unix_timestamp(secs) {
2728 Ok(t) => format!(
2729 "{:04}-{:02}-{:02} {:02}:{:02} UTC",
2730 t.year(),
2731 u8::from(t.month()),
2732 t.day(),
2733 t.hour(),
2734 t.minute()
2735 ),
2736 Err(_) => secs.to_string(),
2737 }
2738}
2739
2740/// Format a Unix timestamp relative to now (`2 hours ago`, `last month`).
2741pub(crate) fn fmt_relative(secs: i64) -> String {
2742 relative_to(secs, OffsetDateTime::now_utc().unix_timestamp())
2743}
2744
2745fn relative_to(secs: i64, now: i64) -> String {
2746 fn ago(n: i64, one: &str, unit: &str) -> String {
2747 if n == 1 {
2748 one.to_string()
2749 } else {
2750 format!("{n} {unit}s ago")
2751 }
2752 }
2753 let delta = now - secs;
2754 if delta < 60 {
2755 return "just now".to_string();
2756 }
2757 let minutes = delta / 60;
2758 if minutes < 60 {
2759 return ago(minutes, "1 minute ago", "minute");
2760 }
2761 let hours = delta / 3600;
2762 if hours < 24 {
2763 return ago(hours, "1 hour ago", "hour");
2764 }
2765 let days = delta / 86_400;
2766 if days < 7 {
2767 return ago(days, "yesterday", "day");
2768 }
2769 let weeks = days / 7;
2770 if weeks < 5 {
2771 return ago(weeks, "last week", "week");
2772 }
2773 let months = days / 30;
2774 if months < 12 {
2775 return ago(months, "last month", "month");
2776 }
2777 ago(days / 365, "last year", "year")
2778}
2779
2780/// Heuristic: treat content with a NUL in the first 8 KiB as binary.
2781fn is_binary(bytes: &[u8]) -> bool {
2782 bytes.iter().take(8192).any(|&b| b == 0)
2783}
2784
2785#[cfg(test)]
2786mod tests {
2787 use super::*;
2788
2789 #[test]
2790 fn markdown_by_extension_only() {
2791 assert!(is_markdown("README.md"));
2792 assert!(is_markdown("docs/guide.MarkDown"));
2793 assert!(!is_markdown("main.rs"));
2794 assert!(!is_markdown("md")); // no extension
2795 }
2796
2797 // Repo content is untrusted; rendered markdown must not become stored XSS.
2798 #[test]
2799 fn rendered_markdown_neutralizes_html_and_script_urls() {
2800 let out = render_markdown(
2801 "# title\n\n<script>alert(1)</script>\n\n[x](javascript:alert(1))\n\n![y](data:text/html,evil)\n\n[ok](https://example.com)\n",
2802 )
2803 .into_string();
2804 assert!(out.contains("<h1>title</h1>"), "markdown renders: {out}");
2805 assert!(!out.contains("<script>"), "raw HTML escaped: {out}");
2806 assert!(
2807 out.contains("&lt;script&gt;"),
2808 "raw HTML kept as text: {out}"
2809 );
2810 assert!(!out.contains("javascript:"), "script URL dropped: {out}");
2811 assert!(!out.contains("data:"), "data URL dropped: {out}");
2812 assert!(
2813 out.contains(r#"href="https://example.com""#),
2814 "normal links survive: {out}"
2815 );
2816 }
2817
2818 #[test]
2819 fn relative_time_buckets() {
2820 const NOW: i64 = 1_000_000_000;
2821 let at = |delta: i64| relative_to(NOW - delta, NOW);
2822 assert_eq!(at(0), "just now");
2823 assert_eq!(at(59), "just now");
2824 assert_eq!(at(60), "1 minute ago");
2825 assert_eq!(at(45 * 60), "45 minutes ago");
2826 assert_eq!(at(3600), "1 hour ago");
2827 assert_eq!(at(23 * 3600), "23 hours ago");
2828 assert_eq!(at(86_400), "yesterday");
2829 assert_eq!(at(3 * 86_400), "3 days ago");
2830 assert_eq!(at(8 * 86_400), "last week");
2831 assert_eq!(at(20 * 86_400), "2 weeks ago");
2832 assert_eq!(at(40 * 86_400), "last month");
2833 assert_eq!(at(200 * 86_400), "6 months ago");
2834 assert_eq!(at(400 * 86_400), "last year");
2835 assert_eq!(at(900 * 86_400), "2 years ago");
2836 }
2837}