tenseleyflow/shithub / 3b9caa6

+

+/* ========== Commits + Commit + Blame (S18) ========== */

+.shithub-avatar-sm {

+  display: inline-block;

+  width: 20px;

+  height: 20px;

+  border-radius: 50%;

+  vertical-align: middle;

+  margin-right: 0.4rem;

+}

+.shithub-identicon {

+  background: linear-gradient(135deg, #cce, #ecc);

+}

+.shithub-commits-filter {

+  display: flex;

+  gap: 0.5rem;

+  align-items: end;

+  flex-wrap: wrap;

+  margin: 1rem 0;

+}

+.shithub-commits-filter input {

+  padding: 0.3rem 0.5rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  font: inherit;

+}

+.shithub-commits-list { list-style: none; padding: 0; margin: 0; }

+.shithub-commits-row {

+  display: grid;

+  grid-template-columns: 220px 1fr;

+  gap: 0.75rem;

+  padding: 0.6rem 0.5rem;

+  border-bottom: 1px solid var(--border-default);

+  align-items: start;

+}

+.shithub-commits-author { color: var(--fg-muted); font-size: 0.875rem; }

+.shithub-commits-meta { display: flex; flex-direction: column; gap: 0.2rem; }

+.shithub-commits-subject { color: var(--fg-default); font-weight: 500; }

+.shithub-commits-sha { color: var(--fg-muted); font-size: 0.8rem; }

+.shithub-pager { display: flex; gap: 1rem; padding: 1rem 0; }

+

+.shithub-commit-view { max-width: 64rem; margin: 1.5rem auto; padding: 0 1rem; }

+.shithub-commit-meta {

+  margin-top: 1rem;

+  padding: 1rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  background: var(--canvas-subtle);

+}

+.shithub-commit-subject { margin: 0 0 0.5rem; font-size: 1.2rem; }

+.shithub-commit-body { margin: 0.75rem 0; font-family: monospace; font-size: 0.9rem; line-height: 1.4; }

+.shithub-commit-people { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 0.75rem 0; font-size: 0.875rem; }

+.shithub-commit-actor { display: inline-flex; align-items: center; gap: 0.4rem; }

+.shithub-commit-role { color: var(--fg-muted); font-weight: 500; }

+.shithub-commit-refs { display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1rem; font-size: 0.875rem; }

+.shithub-commit-refs dt { color: var(--fg-muted); }

+.shithub-commit-refs dd { margin: 0; font-family: monospace; }

+

+.shithub-commit-files { margin-top: 1.5rem; }

+.shithub-commit-files-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }

+.shithub-commit-files-table th, .shithub-commit-files-table td {

+  padding: 0.4rem 0.6rem;

+  border-bottom: 1px solid var(--border-default);

+  text-align: left;

+}

+.shithub-num-col { width: 80px; text-align: right; font-variant-numeric: tabular-nums; }

+.shithub-add { color: #22863a; }

+.shithub-del { color: #cb2431; }

+.shithub-status-A { color: #22863a; font-weight: 600; }

+.shithub-status-M { color: #b08800; font-weight: 600; }

+.shithub-status-D { color: #cb2431; font-weight: 600; }

+.shithub-status-R { color: #6f42c1; font-weight: 600; }

+.shithub-status-C { color: #0366d6; font-weight: 600; }

+

+.shithub-blame-table { width: 100%; border-collapse: collapse; font-family: monospace; font-size: 0.85rem; }

+.shithub-blame-chunk-header td {

+  padding: 0.4rem 0.6rem;

+  background: var(--canvas-subtle);

+  border-top: 1px solid var(--border-default);

+  font-family: var(--shithub-font-default, sans-serif);

+  font-size: 0.8rem;

+  color: var(--fg-muted);

+  display: flex;

+  gap: 0.4rem;

+  align-items: center;

+}

+.shithub-blame-lineno { width: 50px; text-align: right; padding-right: 0.5rem; color: var(--fg-muted); }

+.shithub-blame-lineno a { color: inherit; }

+.shithub-blame-content pre { margin: 0; white-space: pre; }

+.shithub-blame-too-large {

+  padding: 1rem;

+  border: 1px dashed var(--border-default);

+  border-radius: 6px;

+  text-align: center;

+  color: var(--fg-muted);

+}

+{{ define "page" -}}

+<section class="shithub-blame">

+  <header class="shithub-code-head">

+    <nav class="shithub-code-crumbs" aria-label="Breadcrumb">

+      {{ range $i, $c := .Crumbs }}

+        {{ if $i }}<span class="shithub-code-sep">/</span>{{ end }}

+        <a href="{{ $c.URL }}">{{ $c.Name }}</a>

+      {{ end }}

+    </nav>

+    <div class="shithub-code-actions">

+      <a href="/{{ .Owner }}/{{ .Repo.Name }}/blob/{{ .Ref }}/{{ .Path }}" class="shithub-button">View source</a>

+      <a href="/{{ .Owner }}/{{ .Repo.Name }}/commits/{{ .Ref }}?path={{ .Path }}" class="shithub-button">History</a>

+    </div>

+  </header>

+

+  {{ if .TooLarge }}

+  <div class="shithub-blame-too-large">

+    Blame is too expensive for this file. <a href="/{{ .Owner }}/{{ .Repo.Name }}/blob/{{ .Ref }}/{{ .Path }}">View source</a> instead.

+  </div>

+  {{ else if .NotBlob }}

+  <div class="shithub-blame-too-large">Blame requires a regular file.</div>

+  {{ else }}

+  <table class="shithub-blame-table">

+    <tbody>

+      {{ range .Chunks }}

+      <tr class="shithub-blame-chunk-header">

+        <td colspan="3">

+          {{ if .Author.User }}

+          <a href="/{{ .Author.Username }}">{{ .Author.DisplayName }}</a>

+          {{ else }}

+          <span>{{ .Chunk.AuthorName }}</span>

+          {{ end }}

+          <a href="/{{ $.Owner }}/{{ $.Repo.Name }}/commit/{{ .Chunk.OID }}"><code>{{ .Chunk.ShortOID }}</code></a>

+          <time datetime="{{ .Chunk.AuthorWhen.Format "2006-01-02T15:04:05Z" }}">{{ relativeTime .Chunk.AuthorWhen }}</time>

+        </td>

+      </tr>

+      {{ range .Chunk.Lines }}

+      <tr id="L{{ .FinalLineNo }}">

+        <td class="shithub-blame-lineno"><a href="#L{{ .FinalLineNo }}">{{ .FinalLineNo }}</a></td>

+        <td class="shithub-blame-content"><pre>{{ .Content }}</pre></td>

+      </tr>

+      {{ end }}

+      {{ end }}

+    </tbody>

+  </table>

+  {{ end }}

+</section>

+{{- end }}

+{{ define "page" -}}

+<section class="shithub-commit-view">

+  <header class="shithub-code-head">

+    <h1>

+      <a href="/{{ .Owner }}/{{ .Repo.Name }}/tree/{{ .Detail.OID }}">{{ .Owner }}/{{ .Repo.Name }}</a>

+      <span class="shithub-code-sep">/</span>

+      <code>{{ .Detail.ShortOID }}</code>

+    </h1>

+    <a href="/{{ .Owner }}/{{ .Repo.Name }}/tree/{{ .Detail.TreeOID }}" class="shithub-button">Browse files</a>

+  </header>

+

+  <article class="shithub-commit-meta">

+    <h2 class="shithub-commit-subject">{{ .Detail.Subject }}</h2>

+    {{ if .Detail.Body }}<div class="shithub-commit-body">{{ .BodyHTML }}</div>{{ end }}

+

+    <div class="shithub-commit-people">

+      <div class="shithub-commit-actor">

+        <span class="shithub-commit-role">Authored by</span>

+        {{ if .Author.User }}

+        <a href="/{{ .Author.Username }}"><img src="{{ .Author.AvatarURL }}" alt="" class="shithub-avatar-sm"></a>

+        <a href="/{{ .Author.Username }}">{{ .Author.DisplayName }}</a>

+        {{ else }}

+        <span class="shithub-avatar-sm shithub-identicon" data-seed="{{ .Author.IdenticonSeed }}" aria-hidden="true"></span>

+        <span>{{ .Detail.AuthorName }} &lt;{{ .Detail.AuthorEmail }}&gt;</span>

+        {{ end }}

+        <time datetime="{{ .Detail.AuthorWhen.Format "2006-01-02T15:04:05Z" }}">{{ relativeTime .Detail.AuthorWhen }}</time>

+      </div>

+      {{ if ne .Detail.CommitterEmail .Detail.AuthorEmail }}

+      <div class="shithub-commit-actor">

+        <span class="shithub-commit-role">Committed by</span>

+        {{ if .Committer.User }}

+        <a href="/{{ .Committer.Username }}">{{ .Committer.DisplayName }}</a>

+        {{ else }}

+        <span>{{ .Detail.CommitterName }}</span>

+        {{ end }}

+      </div>

+      {{ end }}

+    </div>

+

+    <dl class="shithub-commit-refs">

+      <dt>SHA</dt><dd><code>{{ .Detail.OID }}</code></dd>

+      {{ if .Detail.Parents }}

+      <dt>Parents</dt>

+      <dd>

+        {{ range .Detail.Parents }}

+        <a href="/{{ $.Owner }}/{{ $.Repo.Name }}/commit/{{ . }}"><code>{{ slice . 0 7 }}</code></a>

+        {{ end }}

+      </dd>

+      {{ end }}

+      <dt>Tree</dt>

+      <dd><a href="/{{ .Owner }}/{{ .Repo.Name }}/tree/{{ .Detail.OID }}"><code>{{ slice .Detail.TreeOID 0 7 }}</code></a></dd>

+    </dl>

+  </article>

+

+  <section class="shithub-commit-files">

+    <h3>{{ len .Detail.Files }} changed file{{ if ne (len .Detail.Files) 1 }}s{{ end }}</h3>

+    <table class="shithub-commit-files-table">

+      <thead>

+        <tr><th>Status</th><th>File</th><th class="shithub-num-col">+</th><th class="shithub-num-col">-</th></tr>

+      </thead>

+      <tbody>

+        {{ range .Detail.Files }}

+        <tr>

+          <td><span class="shithub-status-{{ .Status }}">{{ .Status }}</span></td>

+          <td>

+            {{ if eq .Status "R" }}<code>{{ .OldPath }}</code> → {{ end }}

+            <a href="/{{ $.Owner }}/{{ $.Repo.Name }}/blob/{{ $.Detail.OID }}/{{ .Path }}"><code>{{ .Path }}</code></a>

+          </td>

+          <td class="shithub-num-col shithub-add">{{ if .Binary }}bin{{ else }}{{ .Insert }}{{ end }}</td>

+          <td class="shithub-num-col shithub-del">{{ if .Binary }}{{ else }}{{ .Delete }}{{ end }}</td>

+        </tr>

+        {{ end }}

+      </tbody>

+    </table>

+    <p class="shithub-hint">Per-file diff bodies render once S19 ships.</p>

+  </section>

+</section>

+{{- end }}

+{{ define "page" -}}

+<section class="shithub-commits">

+  <header class="shithub-code-head">

+    <h1>

+      <a href="/{{ .Owner }}/{{ .Repo.Name }}/tree/{{ .Ref }}">{{ .Owner }}/{{ .Repo.Name }}</a>

+      <span class="shithub-code-sep">/</span>

+      Commits on <code>{{ .Ref }}</code>

+    </h1>

+    <details class="shithub-ref-switcher">

+      <summary>{{ .Ref }}</summary>

+      <div class="shithub-ref-panel">

+        {{ if .Branches }}<strong>Branches</strong>

+        {{ range .Branches }}<a href="/{{ $.Owner }}/{{ $.Repo.Name }}/commits/{{ .Name }}">{{ .Name }}</a>{{ end }}{{ end }}

+        {{ if .Tags }}<strong>Tags</strong>

+        {{ range .Tags }}<a href="/{{ $.Owner }}/{{ $.Repo.Name }}/commits/{{ .Name }}">{{ .Name }}</a>{{ end }}{{ end }}

+      </div>

+    </details>

+  </header>

+

+  <form class="shithub-commits-filter" method="GET" action="/{{ .Owner }}/{{ .Repo.Name }}/commits/{{ .Ref }}">

+    <label>Path <input type="text" name="path" value="{{ .PathFilter }}" placeholder="path/to/file"></label>

+    <label>Author <input type="text" name="author" value="{{ .Author }}" placeholder="name or email"></label>

+    <label>Since <input type="date" name="since" value="{{ .Since }}"></label>

+    <label>Until <input type="date" name="until" value="{{ .Until }}"></label>

+    <button type="submit" class="shithub-button">Filter</button>

+  </form>

+

+  <ul class="shithub-commits-list">

+    {{ range .Rows }}

+    <li class="shithub-commits-row">

+      <div class="shithub-commits-author">

+        {{ if .Author.User }}

+        <a href="/{{ .Author.Username }}"><img src="{{ .Author.AvatarURL }}" alt="" class="shithub-avatar-sm"></a>

+        <a href="/{{ .Author.Username }}">{{ .Author.DisplayName }}</a>

+        {{ else }}

+        <span class="shithub-avatar-sm shithub-identicon" data-seed="{{ .Author.IdenticonSeed }}" aria-hidden="true"></span>

+        <span>{{ .Commit.AuthorName }}</span>

+        {{ end }}

+      </div>

+      <div class="shithub-commits-meta">

+        <a class="shithub-commits-subject" href="/{{ $.Owner }}/{{ $.Repo.Name }}/commit/{{ .Commit.OID }}">{{ .Commit.Subject }}</a>

+        <code class="shithub-commits-sha">{{ .Commit.ShortOID }}</code>

+        <time datetime="{{ .Commit.AuthorWhen.Format "2006-01-02T15:04:05Z" }}">{{ relativeTime .Commit.AuthorWhen }}</time>

+      </div>

+    </li>

+    {{ end }}

+  </ul>

+

+  <nav class="shithub-pager" aria-label="Pagination">

+    {{ if gt .PrevPage 0 }}<a href="?page={{ .PrevPage }}{{ if .PathFilter }}&path={{ .PathFilter }}{{ end }}{{ if .Author }}&author={{ .Author }}{{ end }}{{ if .Since }}&since={{ .Since }}{{ end }}{{ if .Until }}&until={{ .Until }}{{ end }}">Newer</a>{{ end }}

+    {{ if .HasMore }}<a href="?page={{ .NextPage }}{{ if .PathFilter }}&path={{ .PathFilter }}{{ end }}{{ if .Author }}&author={{ .Author }}{{ end }}{{ if .Since }}&since={{ .Since }}{{ end }}{{ if .Until }}&until={{ .Until }}{{ end }}">Older</a>{{ end }}

+  </nav>

+</section>

+{{- end }}