Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
at icy/tmrrpn
123456789101112131415161718192021222324252627282930313233343536373839404142<script lang="ts"> import RefChip from "./RefChip.svelte"; import RepoCrumbs from "./RepoCrumbs.svelte"; import type { TreeEntrySummary } from "./types";
interface Props { ownerHandle: string; repoName: string; ref: string; path: string; entries: TreeEntrySummary[]; }
let { ownerHandle, repoName, ref, path, entries }: Props = $props();
const folders = $derived( entries.filter((entry) => entry.kind === "directory" || entry.kind === "submodule").length ); const files = $derived(entries.length - folders); const plural = (count: number, noun: string) => `${count} ${noun}${count === 1 ? "" : "s"}`;</script>
<div class="mb-2 flex items-center justify-between gap-2 typography-paragraph-regular"> <div class="flex min-w-0 items-center gap-3"> <RepoCrumbs {ownerHandle} {repoName} {ref} {path} />
<div class="flex items-center gap-2 text-foreground-muted"> {#if folders > 0} <span>{plural(folders, "folder")}</span> {/if} {#if folders > 0 && files > 0} <span aria-hidden="true">·</span> {/if} {#if files > 0} <span>{plural(files, "file")}</span> {/if} </div> </div>
<RefChip {ownerHandle} {repoName} {ref} class="hidden md:flex" /></div>