spb/spbgit Public MIT

1{#2  ─────────────────────────────────────────────3   SPB Git — Personal Git Platform4  ─────────────────────────────────────────────5   Author  : Simon-Pierre Boucher6   Contact : contact@spboucher.ai7   File    : src/web/views/blob.njk8   Purpose : File view — sticky header, shiki code, line anchors9   License : MIT © Simon-Pierre Boucher10  ─────────────────────────────────────────────11#}{% extends "layout.njk" %}12{% block content %}13{% include "partials/repo-header.njk" %}1415<div class="blob-card">16  <div class="blob-header">17    <nav class="path-breadcrumb" aria-label="Path">18      <a href="/{{ overview.name }}">{{ overview.name }}</a>19      {% for crumb in crumbs %}20      <span class="crumb-sep">/</span>{% if loop.last %}<strong>{{ crumb.name }}</strong>{% else %}<a href="{{ crumb.href | replace('/blame/', '/tree/') | replace('/blob/', '/tree/') }}">{{ crumb.name }}</a>{% endif %}21      {% endfor %}22    </nav>23    <div class="blob-meta">24      <span class="muted">{{ blobSize | bytes }}</span>25      {% if view.lines %}<span class="muted">· {{ view.lines | num }} lines</span>{% endif %}26      {% if view.lang %}<span class="chip">{{ view.lang }}</span>{% endif %}27    </div>28    <div class="blob-actions">29      {% if view.isMarkdown %}30        {% if view.kind == 'markdown' %}31        <a class="btn btn-sm" href="?plain=1" rel="nofollow">View source</a>32        {% else %}33        <a class="btn btn-sm" href="/{{ overview.name }}/blob/{{ currentRef }}/{{ path }}" rel="nofollow">Rendered</a>34        {% endif %}35      {% endif %}36      <a class="btn btn-sm" href="{{ rawUrl }}" rel="nofollow">Raw</a>37      <a class="btn btn-sm" href="/{{ overview.name }}/blame/{{ currentRef }}/{{ path }}" rel="nofollow">Blame</a>38      <a class="btn btn-sm" href="/{{ overview.name }}/commits/{{ currentRef }}?path={{ path | urlencode }}" rel="nofollow">History</a>39      <button class="btn btn-sm copy-btn" type="button"40              data-copy="{{ publicUrl }}/{{ overview.name }}/blob/{{ refSha }}/{{ path }}"41              title="Copy permalink (pinned to {{ refSha | truncate(7, true, '') }})">Permalink</button>42    </div>43  </div>4445  {% if view.notebookNote %}46  <p class="notice">Jupyter notebook shown as formatted JSON. Download the <a href="{{ rawUrl }}">raw file</a> to open it in Jupyter.</p>47  {% endif %}4849  {% if view.kind == 'binary' %}50    {% if view.isImage %}51    <div class="blob-image"><img src="{{ rawUrl }}" alt="{{ fileName }}"></div>52    {% else %}53    <div class="blob-binary">54      <p>Binary file — {{ blobSize | bytes }}.</p>55      <a class="btn btn-primary" href="{{ rawUrl }}" download>Download</a>56    </div>57    {% endif %}58  {% elif view.kind == 'toolarge' %}59  <div class="blob-binary">60    <p>This file is {{ blobSize | bytes }} — too large to display.</p>61    <a class="btn btn-primary" href="{{ rawUrl }}">View raw</a>62  </div>63  {% elif view.kind == 'markdown' %}64  <article class="markdown-body blob-markdown">{{ view.html | safe }}</article>65  {% else %}66  <div class="code-view" id="code-view">{{ view.html | safe }}</div>67  {% endif %}68</div>69{% endblock %}70