Something went wrong. Try again.
Monorepo for Tangled tangled.org
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778<script lang="ts"> import { resolve } from "$app/paths"; import GitBranch from "$icon/git-branch"; import GitCommitHorizontal from "$icon/git-commit-horizontal"; import SearchCode from "$icon/search-code"; import Tags from "$icon/tags"; import Input from "#lib/components/ui/Input.svelte"; import CloneDropdown from "#lib/components/repo/CloneDropdown.svelte"; import Separator from "#lib/components/ui/Separator.svelte"; import PanelHeader from "#lib/components/repo/PanelHeader.svelte"; import RefSelector from "#lib/components/repo/RefSelector.svelte"; import type { GitRepoInfo } from "#lib/components/repo/types.ts";
interface Props { repo: GitRepoInfo; ref: string; refs: { branches: string[]; tags: string[] }; totalCommits: number; totalBranches: number; totalTags: number; bobbinUrl: string; }
let { repo, ref, refs, totalCommits, totalBranches, totalTags, bobbinUrl }: Props = $props();
const base = $derived(`/${repo.ownerHandle}/${repo.name}`); const encodedRef = $derived(encodeURIComponent(ref));</script>
<div class="flex flex-wrap items-center justify-between gap-sm"> <RefSelector ownerHandle={repo.ownerHandle} repoName={repo.name} current={ref} branches={refs.branches} tags={refs.tags} defaultBranch={repo.git.defaultBranch} />
<Separator class="order-last md:hidden" />
<form class="order-last w-full md:order-0 md:w-64" method="GET" action={resolve(`${base}/search` as "/")} > <Input class="w-full" type="text" name="q" placeholder="Find files or code..." aria-label="Search this repository" iconLeft={SearchCode} /> </form>
<div class="flex w-full items-center justify-between gap-sm md:w-auto"> <div class="flex items-center gap-sm md:hidden"> <PanelHeader compact title="Commits" icon={GitCommitHorizontal} href={`${base}/commits/${encodedRef}`} count={totalCommits} /> <PanelHeader compact title="Branches" icon={GitBranch} href={`${base}/branches`} count={totalBranches} /> <PanelHeader compact title="Tags" icon={Tags} href={`${base}/tags`} count={totalTags} /> </div> <CloneDropdown {repo} {ref} {bobbinUrl} /> </div></div>