Repository overview: the heads strip lines up with the main column, clone moves behind a button beside search, Contributors and Languages boxes, and a public, internal or private badge by the name 83d5052bf76c

    pub contributors: Vec<Contributor>,

    pub languages: Vec<LanguageShare>,

}

/// Someone who authored changes in a state (hub spec §6.4).

#[derive(Clone, Debug, PartialEq, Eq)]

pub struct Contributor {

    pub name: String,

    /// The identity key (hex), empty for authors imported from Git.

    pub key: String,

    pub changes: usize,

    /// The hub account the key is linked to, filled by the web layer.

    pub account: Option<String>,

}

/// One language's share of a state's code, by bytes.

#[derive(Clone, Debug, PartialEq)]

pub struct LanguageShare {

    pub name: String,

    pub bytes: u64,

    pub percent: f64,

    pub colour: String,

}

/// Authors of the changes of a state, most changes first.

pub fn contributors(repo: &Repo, state: &oxy_core::state::State) -> Vec<Contributor> {

    let mut by: HashMap<String, Contributor> = HashMap::new();

    for (_, meta) in state.changes() {

        let a = author(repo, &meta.author, &meta.message);

        let id = if a.key.is_empty() { format!("git:{}", a.email.to_lowercase()) } else { a.key.clone() };

        by.entry(id).or_insert_with(|| Contributor { name: a.name.clone(), key: a.key.clone(), changes: 0, account: None }).changes += 1;

    }

    let mut out: Vec<Contributor> = by.into_values().collect();

    out.sort_by(|a, b| b.changes.cmp(&a.changes).then(a.name.cmp(&b.name)));

    out

}

/// The language of a path for the languages bar: an extension table for

/// what syntect lacks, then syntect; `None` for prose, data, lock files and

/// vendored or generated paths, which Linguist leaves out too.

pub fn language_of(path: &str) -> Option<&'static str> {

    let lower = path.to_ascii_lowercase();

    let name = lower.rsplit('/').next().unwrap_or(&lower);

    let skip_dirs = ["vendor/", "node_modules/", "target/", "dist/", "third_party/", ".git/"];

    if skip_dirs.iter().any(|d| lower.starts_with(d) || lower.contains(&format!("/{d}"))) {

        return None;

    }

    if name.ends_with(".lock")

        || name == "package-lock.json"

        || name.ends_with(".min.js")

        || name.ends_with(".min.css")

        || name.ends_with(".d.ts")

    {

        return None;

    }

    let ext = name.rsplit_once('.').map(|(_, e)| e).unwrap_or("");

    let by_ext = match ext {

        "s" | "asm" | "a65" | "a80" | "z80" | "inc" | "65s" => Some("Assembly"),

        "toml" => Some("TOML"),

        "ts" | "tsx" | "mts" | "cts" => Some("TypeScript"),

        "kdl" => Some("KDL"),

        "sh" | "bash" | "zsh" => Some("Shell"),

        "h" => Some("C"),

        "hpp" | "hh" | "cc" | "cxx" => Some("C++"),

        "vue" => Some("Vue"),

        "svelte" => Some("Svelte"),

        "zig" => Some("Zig"),

        "nix" => Some("Nix"),

        "md" | "markdown" | "txt" | "rst" | "adoc" | "json" | "csv" | "svg" | "xml" => return None,

        _ => None,

    };

    if by_ext.is_some() {

        return by_ext;

    }

    let lang = crate::render::highlight::language(path)?;

    Some(match lang {

        "Bourne Again Shell (bash)" | "Shell-Unix-Generic" => "Shell",

        "Plain Text" | "Markdown" | "MultiMarkdown" | "JSON" | "Git Ignore" | "Git Attributes" | "Git Config" => return None,

        l => l,

    })

}

/// Linguist's colours for common languages; a stable colour otherwise.

pub fn language_colour(name: &str) -> String {

    let known = match name {

        "Rust" => "#dea584",

        "Python" => "#3572a5",

        "Shell" => "#89e051",

        "Makefile" => "#427819",

        "C" => "#555555",

        "C++" => "#f34b7d",

        "C#" => "#178600",

        "Assembly" => "#6e4c13",

        "JavaScript" => "#f1e05a",

        "TypeScript" => "#3178c6",

        "HTML" => "#e34c26",

        "CSS" => "#663399",

        "Go" => "#00add8",

        "Java" => "#b07219",

        "TOML" => "#9c4221",

        "YAML" => "#cb171e",

        "SQL" => "#e38c00",

        "Lua" => "#000080",

        "Ruby" => "#701516",

        "PHP" => "#4f5d95",

        "Haskell" => "#5e5086",

        "KDL" => "#ffb3b3",

        "Dockerfile" => "#384d54",

        "Vue" => "#41b883",

        "Zig" => "#ec915c",

        "Nix" => "#7e7eff",

        _ => "",

    };

    if !known.is_empty() {

        return known.to_string();

    }

    let h = blake3::hash(name.as_bytes());

    let b = h.as_bytes();

    format!("#{:02x}{:02x}{:02x}", 64 + b[0] / 2, 64 + b[1] / 2, 64 + b[2] / 2)

/// Languages of a state's files by bytes, largest first; under 1% folds into "Other".

pub fn languages(snapshot: &Snapshot) -> Vec<LanguageShare> {

    let mut by: HashMap<&'static str, u64> = HashMap::new();

    for (path, f) in &snapshot.files {

        if let FileContent::Text { bytes, .. } = &f.content {

            if let Some(l) = language_of(path) {

                *by.entry(l).or_default() += bytes.len() as u64;

            }

        }

    }

    let total: u64 = by.values().sum();

    if total == 0 {

        return vec![];

    }

    let mut list: Vec<(&str, u64)> = by.into_iter().collect();

    list.sort_by(|a, b| b.1.cmp(&a.1).then(a.0.cmp(b.0)));

    let mut out: Vec<LanguageShare> = Vec::new();

    let mut other = 0u64;

    for (name, bytes) in list {

        if (bytes as f64) * 100.0 / (total as f64) < 1.0 || out.len() >= 8 {

            other += bytes;

        } else {

            out.push(LanguageShare {

                name: name.to_string(),

                bytes,

                percent: bytes as f64 * 100.0 / total as f64,

                colour: language_colour(name),

            });

        }

    }

    if other > 0 {

        out.push(LanguageShare {

            name: "Other".into(),

            bytes: other,

            percent: other as f64 * 100.0 / total as f64,

            colour: "#8592ad".into(),

        });

    }

    out

}

        contributors: contributors(repo, state),

        languages: languages(snapshot),

}

#[cfg(test)]

mod language_tests {

    use super::*;

    #[test]

    fn languages_are_detected_and_prose_is_left_out() {

        assert_eq!(language_of("src/main.rs"), Some("Rust"));

        assert_eq!(language_of("boot/start.s"), Some("Assembly"));

        assert_eq!(language_of("build.sh"), Some("Shell"));

        assert_eq!(language_of("Makefile"), Some("Makefile"));

        assert_eq!(language_of("Cargo.toml"), Some("TOML"));

        assert_eq!(language_of("README.md"), None);

        assert_eq!(language_of("Cargo.lock"), None);

        assert_eq!(language_of("web/node_modules/x/index.js"), None);

        assert_eq!(language_of("vendor/lib.c"), None);

        assert_eq!(language_colour("Rust"), "#dea584");

        assert_eq!(language_colour("Befunge"), language_colour("Befunge"), "stable");

    }

use std::collections::HashMap;

    let mut o =

    // Contributors link to the hub accounts their keys are linked to.

    let linked: HashMap<String, String> = crate::db::accounts::identity_accounts(&app.db).await.unwrap_or_default().into_iter().collect();

    for c in &mut o.contributors {

        c.account = linked.get(&c.key).cloned();

    }

    // Overview: clone popover, contributors, languages, visibility badge.

    assert!(o.contains("class=\"clone-pop\"") && o.contains("value=\"oxy clone "), "clone behind a button");

    assert!(o.contains("<h3>Contributors") && o.contains("<h3>Languages</h3>") && o.contains("<strong>Rust</strong>"), "{o}");

    assert!(o.contains("class=\"vis vis-public\""));

    {% if o.heads > 1 %}<div class="strip warn">{{ repo.default_bookmark }} has {{ o.heads }} heads; the tree below is their union. <a href="{{ repo.url }}/bookmarks">Bookmarks</a></div>{% endif %}

    {% if o.conflicted %}<div class="strip bad">This state carries conflicts. <a href="{{ repo.url }}/conflicts">See them</a></div>{% endif %}

      <details class="clone-pop">

        <summary class="go small">⤓ clone</summary>

        <div class="clone-panel" role="group" aria-label="Clone this repository">

          <label for="clone-cmd" class="small mute">Clone with oxy</label>

          <div class="clone"><input id="clone-cmd" type="text" readonly value="oxy clone {{ repo.clone_url }}" onfocus="this.select()" onclick="this.select()"><button type="button" class="small" data-copy="oxy clone {{ repo.clone_url }}">copy</button></div>

          <p class="small mute">The URL alone: <code>{{ repo.clone_url }}</code></p>

        </div>

      </details>

    {% if !o.contributors.is_empty() %}

    <h3>Contributors <span class="count-chip">{{ o.contributors.len() }}</span></h3>

    <ul class="plain contributors">{% for c in o.contributors.iter().take(10) %}

      <li>{% if let Some(u) = c.account %}<a href="/{{ u }}"><img class="avatar sm" src="/avatar/{{ u }}" alt="" width="20" height="20"> {{ u }}</a> <span class="mute small">{{ c.name }}</span>{% else %}<span class="avatar-none" aria-hidden="true">○</span> {{ c.name }}{% endif %} <span class="mute small" title="changes">· {{ c.changes }}</span></li>

    {% endfor %}</ul>

    {% if o.contributors.len() > 10 %}<p class="small mute">and {{ o.contributors.len() - 10 }} more</p>{% endif %}

    {% endif %}

    {% if !o.languages.is_empty() %}

    <h3>Languages</h3>

    <div class="lang-bar" role="img" aria-label="{% for l in o.languages %}{{ l.name }} {{ "{:.1}"|format(l.percent) }}%{% if !loop.last %}, {% endif %}{% endfor %}">{% for l in o.languages %}<span style="width: {{ "{:.3}"|format(l.percent) }}%; background: {{ l.colour }}" title="{{ l.name }} {{ "{:.1}"|format(l.percent) }}%"></span>{% endfor %}</div>

    <ul class="plain langs">{% for l in o.languages %}<li><span class="lang-dot" style="background: {{ l.colour }}" aria-hidden="true"></span> <strong>{{ l.name }}</strong> <span class="mute">{{ "{:.1}"|format(l.percent) }}%</span></li>{% endfor %}</ul>

    {% endif %}

    <span class="crumb"><a href="/{{ repo.owner }}">{{ repo.owner }}</a> / <a href="{{ repo.url }}"><strong>{{ repo.name }}</strong></a> <span class="vis vis-{{ repo.visibility }}" title="{% if repo.visibility == "public" %}Anyone can see this repository{% else if repo.visibility == "internal" %}Anyone signed in to this hub can see this repository{% else %}Only people given access can see this repository{% endif %}"><span aria-hidden="true">{% if repo.visibility == "public" %}◯{% else if repo.visibility == "internal" %}◐{% else %}●{% endif %}</span> {{ repo.visibility }}</span></span>

/* Repository overview: clone popover, contributors, languages, visibility. */

.clone-pop { position: relative; }

.clone-pop > summary { list-style: none; cursor: pointer; }

.clone-pop > summary::-webkit-details-marker { display: none; }

.clone-pop[open] > summary { background: var(--soft); }

.clone-panel { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; width: min(440px, 88vw); background: var(--panel); border: 1px solid var(--line); box-shadow: 0 6px 24px rgba(0,0,0,.25); padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }

.clone-panel .clone input { flex: 1; min-width: 0; margin: 0; font-family: var(--mono, monospace); font-size: 12px; }

.clone-panel p { margin: 0; overflow-wrap: anywhere; }

.bar .inline-find { flex: 1 1 200px; }

ul.contributors li { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 4px 0; }

ul.contributors img.avatar.sm { width: 20px; height: 20px; vertical-align: middle; }

.avatar-none { display: inline-block; width: 20px; text-align: center; color: var(--mute); }

.lang-bar { display: flex; height: 8px; overflow: hidden; background: var(--soft); margin: 6px 0 8px; }

.lang-bar > span { display: block; height: 100%; }

.lang-bar > span + span { margin-left: 1px; }

ul.langs { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; }

ul.langs li { margin: 0; }

.lang-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; vertical-align: middle; }

.vis { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; padding: 1px 8px; border: 1px solid var(--line); border-radius: 10px; margin-left: 8px; vertical-align: middle; }

.vis-public { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 45%, transparent); }

.vis-internal { color: var(--warn); border-color: color-mix(in srgb, var(--warn) 45%, transparent); }

.vis-private { color: var(--bad); border-color: color-mix(in srgb, var(--bad) 45%, transparent); }