Sign in

flagon-io/g1t

public

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

109 lines3,330 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.

Initial g1t: services, event bus, intents and attempts1import { env } from "cloudflare:workers";
API and MCP server, Rust identity service, registration, site redesign2import { BookMarked, Code2, History, Lock, Target } from "lucide-react";
3import type { ReactNode } from "react";
Initial g1t: services, event bus, intents and attempts4import { Link, NavLink, Outlet } from "react-router";
5
6import type { Route } from "./+types/layout";
API and MCP server, Rust identity service, registration, site redesign7import { Pill } from "../../components/ui";
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 };
17 const [repo, intents] = await Promise.all([
18 env.REPOS.get(path, viewer),
19 env.WORK.listIntents(path, viewer, "open"),
20 ]);
21 return {
22 repo: unwrap(repo),
23 openIntents: intents.ok ? intents.value.length : 0,
24 };
25}
26
API and MCP server, Rust identity service, registration, site redesign27function Tab({
28 to,
29 end,
30 icon,
31 count,
32 children,
33}: {
34 to: string;
35 end?: boolean;
36 icon: ReactNode;
37 count?: number;
38 children: ReactNode;
39}) {
Initial g1t: services, event bus, intents and attempts40 return (
41 <NavLink
42 to={to}
43 end={end}
44 className={({ isActive }) =>
API and MCP server, Rust identity service, registration, site redesign45 `-mb-px flex items-center gap-2 border-b-2 px-1 pb-3 text-sm transition-colors ${
Initial g1t: services, event bus, intents and attempts46 isActive
API and MCP server, Rust identity service, registration, site redesign47 ? "border-accent font-medium text-fg"
Initial g1t: services, event bus, intents and attempts48 : "border-transparent text-muted hover:text-fg"
49 }`
50 }
51 >
API and MCP server, Rust identity service, registration, site redesign52 {icon}
Initial g1t: services, event bus, intents and attempts53 {children}
API and MCP server, Rust identity service, registration, site redesign54 {count != null && count > 0 && (
55 <span className="rounded-full bg-raised px-1.5 py-px text-xs text-muted">
56 {count}
57 </span>
58 )}
Initial g1t: services, event bus, intents and attempts59 </NavLink>
60 );
61}
62
63export default function RepoLayout({ loaderData }: Route.ComponentProps) {
64 const { repo, openIntents } = loaderData;
65 const base = `/${repo.namespace}/${repo.name}`;
66 return (
API and MCP server, Rust identity service, registration, site redesign67 <>
68 {/* The repository's own header band, under the site header. */}
69 <div className="border-b border-line bg-surface/60">
70 <div className="mx-auto max-w-6xl px-4 pt-6">
71 <div className="flex flex-wrap items-center gap-2.5">
72 {repo.isPrivate ? (
73 <Lock size={17} className="text-faint" />
74 ) : (
75 <BookMarked size={17} className="text-faint" />
76 )}
77 <h1 className="font-mono text-lg">
78 <Link to={`/${repo.namespace}`} className="text-muted hover:text-fg">
79 {repo.namespace}
80 </Link>
81 <span className="mx-1 text-faint">/</span>
82 <Link to={base} className="font-semibold hover:underline">
83 {repo.name}
84 </Link>
85 </h1>
86 <Pill>{repo.isPrivate ? "private" : "public"}</Pill>
87 </div>
88 {repo.description && (
89 <p className="mt-2 max-w-2xl text-sm text-muted">{repo.description}</p>
Initial g1t: services, event bus, intents and attempts90 )}
API and MCP server, Rust identity service, registration, site redesign91 <nav className="mt-5 flex gap-6">
92 <Tab to={base} end icon={<Code2 size={15} />}>
93 Code
94 </Tab>
95 <Tab to={`${base}/intents`} icon={<Target size={15} />} count={openIntents}>
96 Intents
97 </Tab>
98 <Tab to={`${base}/commits`} icon={<History size={15} />}>
99 Commits
100 </Tab>
101 </nav>
102 </div>
103 </div>
104 <div className="mx-auto max-w-6xl px-4 py-6">
105 <Outlet />
106 </div>
107 </>
Initial g1t: services, event bus, intents and attempts108 );
109}