Sign in

flagon-io/g1t

public

g1t/apps/web/app/routes/repo/layout.tsx

121 lines3,765 bytesCodeBlame

Pick any line to see why it is the way it is: the commit, the pull request and issue it came from, and what the agent was thinking.

Issues and pull requests replace intents and attempts1import { BookMarked, CircleDot, Code2, GitPullRequest, History, Lock } from "lucide-react";
API and MCP server, Rust identity service, registration, site redesign2import type { ReactNode } from "react";
Issues and pull requests replace intents and attempts3import { Link, NavLink, Outlet, useLocation } from "react-router";
Initial g1t: services, event bus, intents and attempts4
5import type { Route } from "./+types/layout";
API and MCP server, Rust identity service, registration, site redesign6import { Pill } from "../../components/ui";
Work service in Rust, with RFC 3339 timestamps7import { repos, work } from "../../lib/services.server";
Initial g1t: services, event bus, intents and attempts8import { getViewer, unwrap } from "../../lib/session.server";
9
10export function meta({ params }: Route.MetaArgs) {
11 return [{ title: `${params.owner}/${params.repo} · g1t` }];
12}
13
14export async function loader({ params, context }: Route.LoaderArgs) {
15 const viewer = getViewer(context);
16 const path = { namespace: params.owner, name: params.repo };
Issues and pull requests replace intents and attempts17 const [repo, counts] = await Promise.all([
Rust repos service with shipping; pull requests kept in the model18 repos.get(path, viewer),
Issues and pull requests replace intents and attempts19 work.counts(path, viewer),
Initial g1t: services, event bus, intents and attempts20 ]);
21 return {
22 repo: unwrap(repo),
Issues and pull requests replace intents and attempts23 open: counts.ok ? counts.value : { issues: 0, pulls: 0 },
Initial g1t: services, event bus, intents and attempts24 };
25}
26
API and MCP server, Rust identity service, registration, site redesign27function Tab({
28 to,
Issues and pull requests replace intents and attempts29 also,
API and MCP server, Rust identity service, registration, site redesign30 end,
31 icon,
32 count,
33 children,
34}: {
35 to: string;
Issues and pull requests replace intents and attempts36 /** Another path prefix under which this tab is the current one. */
37 also?: string;
API and MCP server, Rust identity service, registration, site redesign38 end?: boolean;
39 icon: ReactNode;
40 count?: number;
41 children: ReactNode;
42}) {
Issues and pull requests replace intents and attempts43 const { pathname } = useLocation();
Initial g1t: services, event bus, intents and attempts44 return (
45 <NavLink
46 to={to}
47 end={end}
48 className={({ isActive }) =>
API and MCP server, Rust identity service, registration, site redesign49 `-mb-px flex items-center gap-2 border-b-2 px-1 pb-3 text-sm transition-colors ${
Issues and pull requests replace intents and attempts50 isActive || (also && pathname.startsWith(also + "/"))
API and MCP server, Rust identity service, registration, site redesign51 ? "border-accent font-medium text-fg"
Initial g1t: services, event bus, intents and attempts52 : "border-transparent text-muted hover:text-fg"
53 }`
54 }
55 >
API and MCP server, Rust identity service, registration, site redesign56 {icon}
Initial g1t: services, event bus, intents and attempts57 {children}
API and MCP server, Rust identity service, registration, site redesign58 {count != null && count > 0 && (
59 <span className="rounded-full bg-raised px-1.5 py-px text-xs text-muted">
60 {count}
61 </span>
62 )}
Initial g1t: services, event bus, intents and attempts63 </NavLink>
64 );
65}
66
67export default function RepoLayout({ loaderData }: Route.ComponentProps) {
Issues and pull requests replace intents and attempts68 const { repo, open } = loaderData;
Initial g1t: services, event bus, intents and attempts69 const base = `/${repo.namespace}/${repo.name}`;
70 return (
API and MCP server, Rust identity service, registration, site redesign71 <>
72 {/* The repository's own header band, under the site header. */}
73 <div className="border-b border-line bg-surface/60">
74 <div className="mx-auto max-w-6xl px-4 pt-6">
75 <div className="flex flex-wrap items-center gap-2.5">
76 {repo.isPrivate ? (
77 <Lock size={17} className="text-faint" />
78 ) : (
79 <BookMarked size={17} className="text-faint" />
80 )}
81 <h1 className="font-mono text-lg">
82 <Link to={`/${repo.namespace}`} className="text-muted hover:text-fg">
83 {repo.namespace}
84 </Link>
85 <span className="mx-1 text-faint">/</span>
86 <Link to={base} className="font-semibold hover:underline">
87 {repo.name}
88 </Link>
89 </h1>
90 <Pill>{repo.isPrivate ? "private" : "public"}</Pill>
91 </div>
92 {repo.description && (
93 <p className="mt-2 max-w-2xl text-sm text-muted">{repo.description}</p>
Initial g1t: services, event bus, intents and attempts94 )}
API and MCP server, Rust identity service, registration, site redesign95 <nav className="mt-5 flex gap-6">
96 <Tab to={base} end icon={<Code2 size={15} />}>
97 Code
98 </Tab>
Issues and pull requests replace intents and attempts99 <Tab to={`${base}/issues`} icon={<CircleDot size={15} />} count={open.issues}>
100 Issues
101 </Tab>
102 <Tab
103 to={`${base}/pulls`}
104 also={`${base}/pull`}
105 icon={<GitPullRequest size={15} />}
106 count={open.pulls}
107 >
108 Pull requests
API and MCP server, Rust identity service, registration, site redesign109 </Tab>
110 <Tab to={`${base}/commits`} icon={<History size={15} />}>
111 Commits
112 </Tab>
113 </nav>
114 </div>
115 </div>
116 <div className="mx-auto max-w-6xl px-4 py-6">
117 <Outlet />
118 </div>
119 </>
Initial g1t: services, event bus, intents and attempts120 );
121}