chadtmiller.com/knotless

<script lang="ts">
	import { repoHref, urlPath } from '#lib/format.ts';
	import Icon from '#lib/atoms/Icon.svelte';
	import Crumbs from '#lib/molecules/Crumbs.svelte';
	/** The revision shown, and the way up the path. */
	let { authority, name, rev, path }: { authority: string; name: string; rev: string; path: string } = $props();
	const pinned = $derived(/^([0-9a-f]{40}|[0-9a-f]{64})$/i.test(rev));
</script>

<div class="toolbar">
	<span class="branch" title={rev}><Icon name="branch" /><span>{pinned ? rev.slice(0, 7) : rev}</span></span>
	<Crumbs {name} root={repoHref(authority, name, `/tree/${urlPath(rev)}`)} {path} />
</div>