#!/usr/bin/env python3

"""Emits every static mockup page. Run: python3 build.py"""

import os

OUT = os.path.dirname(os.path.abspath(__file__))

SHELL = '''<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>barerepo{title}</title>

<link rel="stylesheet" href="tokens.css">

</head>

<body>

<div class="wrap">

<div style="font-family: var(--font-mono); font-size: 13px; line-height: 1.6; color: var(--text-primary); background: #ffffff; border: 0.5px solid var(--border); border-radius: 12px; min-height: calc(100vh - 26px); display: flex; flex-direction: column;">

<h2 class="sr-only">{sr}</h2>

{body}

<div style="position:sticky; bottom:0; margin-top:auto; background:#ffffff; border-top:0.5px solid var(--border); border-radius:0 0 12px 12px; padding:9px 18px; display:flex; justify-content:space-between; color:var(--text-muted); font-size:12px;">

<span>{fl}</span><span>{fr}</span>

</div>

</div>

</div>

</body>

</html>

'''

def topbar(user='john', right_extra=''):

return ('<div style="display:flex; align-items:center; justify-content:space-between; padding:9px 18px; '

'border-bottom:0.5px solid var(--border);">\n'

' <div style="display:flex; gap:20px; align-items:center;">\n'

' <span style="letter-spacing:-0.5px; text-decoration:underline;">barerepo</span>\n'

' <span style="color:var(--text-secondary); text-decoration:underline;">new</span>\n'

' </div>\n'

' <div style="display:flex; gap:16px; align-items:center; color:var(--text-secondary);">\n'

' <span style="border:0.5px solid var(--border); border-radius:8px; padding:3px 10px; '

'color:var(--text-muted);">search /</span>\n'

f' <span>{user}</span>{right_extra}\n'

' </div>\n'

'</div>\n')

def crumb(path, right):

return ('<div style="display:flex; align-items:center; justify-content:space-between; padding:9px 18px; '

'border-bottom:0.5px solid var(--border);">\n'

f' <div style="color:var(--text-secondary);">{path}</div>\n'

f' <div style="color:var(--text-muted); font-size:12px;">{right}</div>\n'

'</div>\n')

def repotabs(active, extra_right='jump to file <span style="border:0.5px solid var(--border); border-radius:4px; padding:0 5px;">t</span>'):

tabs = ['log', 'files', 'threads 3', 'runs', 'config']

out = ('<div style="display:flex; gap:22px; padding:8px 18px; border-bottom:0.5px solid var(--border); '

'color:var(--text-secondary); font-size:12px;">\n')

for t in tabs:

if t.split()[0] == active:

out += (f' <span style="color:var(--text-primary); border-bottom:1.5px solid var(--text-primary); '

f'padding-bottom:4px;">{t}</span>\n')

else:

out += f' <span style="text-decoration:underline;">{t}</span>\n'

out += f' <span style="margin-left:auto; color:var(--text-muted);">{extra_right}</span>\n</div>\n'

return out

def lnk(t):

return f'<span style="text-decoration:underline;">{t}</span>'

def row(inner, muted=False, tall=False):

c = ' color:var(--text-muted);' if muted else ''

pad = '13px 18px' if tall else '12px 18px'

return f'<div style="padding:{pad}; border-bottom:0.5px solid var(--border);{c}">\n{inner}\n</div>\n'

def between(a, b):

return (f'<div style="display:flex; justify-content:space-between;">'

f'<span>{a}</span><span style="color:var(--text-muted); font-size:12px;">{b}</span></div>')

def sub(t):

return f'<div style="color:var(--text-muted); font-size:12px;">{t}</div>'

def box(t, mono_muted=True):

c = 'var(--text-secondary)' if mono_muted else 'var(--text-primary)'

return (f'<div style="background:var(--surface-1); border:0.5px solid var(--border); border-radius:8px; '

f'padding:9px 12px; color:{c}; font-size:12px; word-break:break-all;">{t}</div>')

def field(label, value, hint=''):

h = f'\n <div style="color:var(--text-muted); font-size:12px; margin-top:4px;">{hint}</div>' if hint else ''

return (f'<div style="margin-bottom:16px;">\n'

f' <div style="color:var(--text-muted); font-size:12px; margin-bottom:5px;">{label}</div>\n'

f' <div style="border:0.5px solid var(--border-strong); border-radius:8px; padding:7px 11px; '

f'word-break:break-all;">{value}</div>{h}\n</div>')

def btn(t):

return (f'<div style="border:0.5px solid var(--text-primary); border-radius:8px; padding:7px 16px; '

f'display:inline-block;">{t}</div>')

def hunk_start(header):

"""Reads the new-side start line out of an @@ header."""

import re

m = re.search(r'\+(\d+)', header)

return int(m.group(1)) if m else 1

def diff(header, lines):

"""A diff box. Lines carry their number, because 35.3 says to press it."""

out = ('<div style="border:0.5px solid var(--border); border-radius:8px; overflow:hidden; font-size:12px; '

'margin-top:8px;">\n'

f' <div style="padding:3px 11px; color:var(--text-muted); background:var(--surface-1); '

f'border-bottom:0.5px solid var(--border);">{header}</div>\n')

n = hunk_start(header)

num = ('display:inline-block; width:30px; margin-right:9px; text-align:right; '

'color:var(--text-muted); text-decoration:underline;')

for kind, txt in lines:

if kind == '+':

st = 'background:var(--bg-success); color:var(--text-success);'

gutter = f'<span style="{num}">{n}</span>'

txt = gutter + '+&nbsp;' + txt

n += 1

elif kind == '-':

st = 'background:var(--bg-danger); color:var(--text-danger);'

plain = num.replace('text-decoration:underline;', '')

gutter = f'<span style="{plain}">&nbsp;</span>'

txt = gutter + '-&nbsp;' + txt

elif kind == 'note':

st = 'color:var(--text-muted); text-align:center;'

else:

st = 'color:var(--text-secondary);'

gutter = f'<span style="{num}">{n}</span>'

txt = gutter + '&nbsp;&nbsp;' + txt

n += 1

out += f' <div style="padding:2px 11px; {st}">{txt}</div>\n'

return out + '</div>\n'

PAGES = {}

# ---------------------------------------------------------------- identity

PAGES['signin.html'] = dict(

title=' · sign in', fl='barerepo', fr='barerepo 0.1.0',

sr='Sign in page where the server challenges an ssh key instead of asking for a password.',

body=('<div style="display:flex; align-items:center; justify-content:space-between; padding:9px 18px; '

'border-bottom:0.5px solid var(--border);"><span style="letter-spacing:-0.5px;">barerepo</span>'

'<span style="color:var(--text-secondary);">new account</span></div>\n'

'<div style="padding:26px 18px; max-width:430px;">\n'

' <div style="margin-bottom:20px;">sign in</div>\n'

+ field('name', 'john<span style="color:var(--text-muted);">|</span>') +

' <div style="margin-bottom:18px;">' + btn('send challenge') + '</div>\n'

' <div style="color:var(--text-muted); font-size:12px; line-height:1.9;">\n'

' <div>we give you a nonce. you sign it with the key you already have.</div>\n'

' <div style="color:var(--text-secondary);">'

'printf \'%s\' \'&lt;nonce&gt;\' | ssh-keygen -Y sign -f ~/.ssh/id_ed25519 -n barerepo-auth -</div>\n'

' <div>that is stock openssh. nothing to install.</div>\n'

' <div>or <span style="color:var(--text-secondary);">br auth john</span>, '

'which does the same thing in one step.</div>\n'

' </div>\n</div>\n'))

PAGES['keys.html'] = dict(

title=' · keys', fl='john / keys', fr='barerepo 0.1.0',

sr='Page listing ssh keys, runner tokens and feed tokens, each with a revoke control.',

body=(topbar() +

crumb('john / <span style="color:var(--text-primary);">keys</span>',

'the only state the server owns') +

row('<div style="color:var(--text-muted); font-size:12px;">ssh keys</div>') +

row(between('ed25519 SHA256:8fK2q0mR4vXeN1pLzT9wBcJdSgYo3Ea7kVnQxMuP2r', 'added mar 2026') +

sub('laptop · last used 2h · <span style="color:var(--text-secondary); text-decoration:underline;">revoke</span>')) +

row(between('ed25519 SHA256:Qw3rTy7uIoP0aSdFgHjKlZxCvBnM4eR8tYu1IoP2aSd', 'added apr 2026') +

sub('uproar · last used 4d · <span style="color:var(--text-secondary); text-decoration:underline;">revoke</span>')) +

row('<div style="color:var(--text-muted); font-size:12px;">runner tokens</div>') +

row(between('uproar.local', 'created 3d') +

sub('john/johnbot · labels build, test · last seen 40m · '

'<span style="color:var(--text-secondary); text-decoration:underline;">revoke</span>')) +

row('<div style="color:var(--text-muted); font-size:12px;">feed tokens</div>') +

row(between('inbox', 'created 3d') +

sub('read only · last read 20m · '

'<span style="color:var(--text-secondary); text-decoration:underline;">revoke</span>')) +

row(btn('new key') + '&nbsp;&nbsp;' + btn('new runner token') +

'&nbsp;&nbsp;' + btn('new feed token')) +

row(sub('a token is shown once, inside the command that uses it. only its hash is kept, '

'so it cannot be shown again. lost one? revoke it and make another.')) +

row(sub('a key signs you in and pushes. a runner token attaches one machine to one '

'repository. a feed token reads one feed and can write nothing.')) +

row(sub('everything else is in .barerepo/config, in the repository it belongs to.'))))

# ---------------------------------------------------------------- repo start

PAGES['new-repo.html'] = dict(

title=' · new repo', fl='barerepo', fr='barerepo 0.1.0',

sr='Form for creating a new repository with a choice of default branch name.',