+107 -77

AGENTS.md

Reviewed

··· 1 1 # Agent Notes 2 2 3 3 + ## RTK Commands 4 4 + 5 5 + When running shell commands, prefix them with `rtk` by default. If `rtk` has no 6 6 + filter for a command, it passes through unchanged. 7 7 + 8 8 + Examples: 9 9 + 10 10 + ```bash 11 11 + rtk git status 12 12 + rtk git diff 13 13 + rtk rg "pattern" src 14 14 + rtk npm run build 15 15 + ``` 16 16 + 17 17 + Rules: 18 18 + 19 19 + - In command chains, prefix each segment: `rtk git add . && rtk git commit -m "msg"`. 20 20 + - Use `rtk rg` for searching, including TSX/JSX files. 21 21 + - Do not use `rtk sed`, `rtk proxy sed`, `rtk cat`, `rtk read`, or other RTK-filtered readers for `.tsx` or `.jsx` files; use raw `sed`, `cat`, or similar so JSX syntax is preserved. 22 22 + - For debugging, use a raw command without `rtk` if the filter hides needed detail. 23 23 + - Use `apply_patch` for manual edits. 24 24 + 3 25 ## Build 4 26 5 27 Use this as the main verification command: ··· 8 30 rtk npm run build 9 31 ``` 10 32 11 11 - The app is a Solid/Vite TypeScript frontend. The build runs `tsc -b && vite build`. 12 12 - 13 13 - Do not start the Vite dev server from agent sessions. Use the build command for verification. 33 33 + This is a Solid/Vite TypeScript frontend. The build runs `tsc -b && vite build`. 34 34 + Do not start the Vite dev server from agent sessions; use the build command for 35 35 + verification. 14 36 15 37 ## Architecture Map 16 38 17 17 - Do not start by reading every file. Start from the area you are changing: 39 39 + Do not start by reading every file. Start from the area you are changing. 18 40 19 19 - - `src/App.tsx`: app shell, routing, topbar, footer, home page, OAuth callback, not-found page. 41 41 + - `src/App.tsx`: provider wiring only. Keep this small. It should compose app-wide providers and render `AppRoutes`. 42 42 + - `src/routes.tsx`: the declarative route table. Repo routes are nested under `/:owner/:repo` and use `RepoLayout`. 43 43 + - `src/layout.tsx`: global shell and topbar. Preserve the `.untangled-shell` wrapper so app pages keep the intended width and padding. There is intentionally no footer. 44 44 + - `src/views/home.tsx`: home page and repository jump/recent/own-repo UI. 45 45 + - `src/views/oauth-callback.tsx`: OAuth callback completion page. 46 46 + - `src/views/not-found.tsx`: not-found page. 20 47 - `src/pages/repo.tsx`: barrel exports for repo routes only. 21 21 - - `src/pages/repo/shared.tsx`: shared repo frame/header/tabs, repo query hook, repo query keys. 48 48 + - `src/pages/repo/shared.tsx`: repo layout/context, shared repo frame/header/tabs, repo query keys, and `useRepoQuery`. 22 49 - `src/pages/repo/code.tsx`: repo overview/tree page and blob/file viewer. 23 23 - - `src/pages/repo/issues.tsx`: issue list, new issue, issue detail. 24 24 - - `src/pages/repo/pulls.tsx`: pull list, new pull, pull detail, patch/diff rendering calls. 25 25 - - `src/components/common.tsx`: generic UI primitives such as `Avatar`, `LoadingState`, `StateBadge`, form/button/card style helpers. 26 26 - - `src/components/repo.tsx`: repo presentation components such as tabs, file rows, README/comment cards, `CodeView`, `DiffView`, branch pills. 27 27 - - `src/lib/api.ts`: API/client calls and response types. 50 50 + - `src/pages/repo/code-helpers.ts`: pure code-route helpers such as ref/path resolution, language normalization, delayed loading, and navigation click checks. 51 51 + - `src/pages/repo/issues.tsx`: issue list, new issue, and issue detail. 52 52 + - `src/pages/repo/issues-helpers.ts`: issue-specific pure helpers such as comment thread building. 53 53 + - `src/pages/repo/pulls.tsx`: pull list, new pull, pull detail, and patch/diff rendering calls. 54 54 + - `src/pages/repo/pulls-helpers.ts`: pull-specific pure helpers such as state filter parsing. 55 55 + - `src/components/common.tsx`: generic UI primitives such as `Avatar`, `LoadingState`, `StateBadge`, and form/button/card style helpers. 56 56 + - `src/components/repo.tsx`: repo presentation components such as tabs, file rows, README/comment cards, `CodeView`, `DiffView`, branch pills, and repo skeletons. 57 57 + - `src/lib/api.ts`: compatibility facade that re-exports domain APIs. Do not add implementation here. 58 58 + - `src/lib/api/core.ts`: current low-level API implementation and shared private helpers. 59 59 + - `src/lib/api/constants.ts`: public service URLs and OAuth scope exports. 60 60 + - `src/lib/api/identity.ts`: auth RPC, identity resolver, actor resolution, avatar resolution. 61 61 + - `src/lib/api/repos.ts`: repo records, repo metadata, tree/blob/branch/tag/log/language APIs, compare APIs, and related response types. 62 62 + - `src/lib/api/issues.ts`: issue list/detail/create/comment/state APIs and issue types. 63 63 + - `src/lib/api/pulls.ts`: pull list/detail/create/comment/status/patch APIs and pull types. 64 64 + - `src/lib/api/stars.ts`: repo star summary/count/create/delete APIs and star types. 65 65 + - `src/lib/api/records.ts`: shared record utilities such as AT URI parsing and blob CID extraction. 28 66 - `src/lib/auth.tsx`: auth provider and OAuth session state. 29 67 - `src/lib/live-events.tsx`: live websocket event provider/hook. 30 30 - - `src/lib/repo-utils.ts`: repo URL/path helpers, file type checks, formatting, recent repo storage, language colors, tree sorting. 68 68 + - `src/lib/repo-utils.ts`: repo URL/path helpers, file type checks, formatting, recent repo storage, language colors, tree sorting, and shared pure repo helpers. 31 69 - `src/index.css`: global CSS plus explicit utility classes used to replace missing Tailwind arbitrary classes. 32 70 71 71 + ## Repo Route Pattern 72 72 + 73 73 + Repo pages live under `RepoLayout` in `src/pages/repo/shared.tsx`. 74 74 + 75 75 + - `RepoLayout` creates the shared repo query once for the `/:owner/:repo` route subtree. 76 76 + - Child routes must call `useRepoQuery()` instead of creating their own repo query. 77 77 + - `RepoFrame` owns the shared repo chrome, tab links, star control, recent-repo storage, and live event subscription. 78 78 + - New repo-route behavior should usually go in a focused `src/pages/repo/*.tsx` file or a small helper beside it, not in `src/App.tsx` or `src/routes.tsx`. 79 79 + - Keep route files from growing indefinitely. Move pure helpers into `*-helpers.ts` files and reusable display pieces into `src/components/repo.tsx`. 80 80 + 81 81 + ## API Module Pattern 82 82 + 83 83 + Use domain imports for new code: 84 84 + 85 85 + ```ts 86 86 + import { getRepoTree } from '../../lib/api/repos'; 87 87 + import { createIssue } from '../../lib/api/issues'; 88 88 + ``` 89 89 + 90 90 + The facade `src/lib/api.ts` remains for compatibility with existing imports, but new implementation should go into the relevant domain module or, if it truly must share private internals, into `src/lib/api/core.ts` and be re-exported through the domain module. 91 91 + 92 92 + Guidelines: 93 93 + 94 94 + - Do not add new implementation to `src/lib/api.ts`. 95 95 + - Prefer keeping public types next to the domain module that exposes the API. 96 96 + - Keep ATProto/PDS resolution rules centralized; repo UI record hydration should resolve the actor/PDS first and call the record endpoint against that PDS. 97 97 + - Do not use `public.api.bsky.app` for repo `listRecords` or record hydration. 98 98 + 33 99 ## Styling Source Of Truth 34 100 35 101 This frontend is intended to match the upstream Tangled app templates in: ··· 50 116 - `templates/repo/pulls/fragments/*` 51 117 - `static/tw.css` 52 118 53 53 - When matching visuals, compare against those templates before inventing new layout/styling. 119 119 + When matching visuals, compare against those templates before inventing new 120 120 + layout/styling. 54 121 55 122 ## Upstream Comparison Workflow 56 123 57 57 - For Tangled parity work, use upstream as the contract and compare details before changing local components: 124 124 + For Tangled parity work, use upstream as the contract and compare details before 125 125 + changing local components: 58 126 59 127 - Start from the matching upstream template in `../tangled-upstream/appview/pages/templates/...`, then check nearby Go/router files when behavior or icon names are data-driven. 60 128 - For repo chrome, `templates/layouts/repobase.html` is the main reference. Confirm header grouping, action buttons, tab icons, label spacing, font sizes, and vertical padding against that file before patching `src/pages/repo/shared.tsx`. 61 129 - For code/blob views, compare `templates/repo/index.html` and `templates/repo/blob.html` before changing `src/pages/repo/code.tsx`, `src/components/repo.tsx`, or file-view CSS. 62 62 - - Treat screenshots as prompts to inspect upstream source, not as the only source of truth. Small differences such as `gap-*`, `py-*`, icon choice, and short-rev styling matter. 63 63 - - Remove or hide upstream controls that are not implemented locally instead of shipping fake UI. Recent examples: fork action and topbar repo search/jump. 130 130 + - Treat screenshots as prompts to inspect upstream source, not as the only source of truth. 131 131 + - Small differences such as `gap-*`, `py-*`, icon choice, and short-rev styling matter. 132 132 + - Remove or hide upstream controls that are not implemented locally instead of shipping fake UI. 64 133 - External upstream-only affordances can link to `https://tangled.org`, such as repo stars and `/:owner/:repo/feed.atom`. 65 65 - - When fetching ATProto records for repo UI, resolve the actor/PDS first and call the record endpoint against that PDS. Do not use `public.api.bsky.app` for repo `listRecords`/record hydration. 66 66 - - If Vite HMR reports a removed handler or prop after a UI deletion, confirm with `rtk grep` and `rtk npm run build`; stale dev-server modules can survive until the server or page is restarted. 67 134 68 135 ## Tailwind/CSS Pitfall 69 136 70 70 - The checked-in `public/static/tw.css` does not include all arbitrary Tailwind classes. Avoid relying on classes such as: 137 137 + The checked-in `public/static/tw.css` does not include all arbitrary Tailwind 138 138 + classes. Avoid relying on classes such as: 71 139 72 140 - `grid-cols-[...]` 73 141 - `[overflow-wrap:anywhere]` 74 142 - `dark:[&_code]:...` 75 143 - arbitrary safe-area or min-height utilities 76 144 77 77 - If a class is not present in `public/static/tw.css`, add an explicit `.untangled-*` rule in `src/index.css` instead. Many previous visual bugs were caused by the browser dropping missing arbitrary classes. 145 145 + If a class is not present in `public/static/tw.css`, add an explicit 146 146 + `.untangled-*` rule in `src/index.css` instead. 78 147 79 148 ## Repo UI Notes 80 149 150 150 + - Preserve the `.untangled-shell` wrapper in `RootShell`; widening pages changes the app layout. 151 151 + - Do not add a footer unless explicitly requested. 81 152 - File/tree ordering should be folders first, then files alphabetically. This is implemented in `sortedTreeEntries` in `src/lib/repo-utils.ts`. 82 153 - File/blob rendering uses `CodeView` in `src/components/repo.tsx`. 83 154 - PR diffs use `DiffView`, which parses unified patches into collapsible per-file panels and reuses `CodeView`. 84 155 - Repo overview and blob pages should resolve `HEAD` to the default branch for user-facing links when possible. 85 156 - Keep unimplemented upstream features visually inert rather than adding fake behavior. 86 86 - 87 157 - Repo commit lists should show author avatars like upstream. Upstream maps verified commit author emails to DIDs server-side; the local app can render `Avatar` when the commit author email is already a DID, otherwise use `PlaceholderAvatar`. 88 158 - The upstream placeholder avatar is a rounded gray background with a centered `user-round` icon. Use `PlaceholderAvatar` from `src/components/common.tsx` instead of a plain empty circle. 89 159 - Do not show a verified-looking commit badge unless signature validity is actually checked. Use the neutral commit badge/icon for commit hashes. 90 160 - Repo stars must count backlinks for both `sh.tangled.feed.star:subject.did` and legacy/alternate `sh.tangled.feed.star:subjectDid`, then dedupe hydrated refs. 91 161 - Star and unstar should be optimistic. Unstar deletes the current user's `sh.tangled.feed.star` record and should update local state without refetching. 92 162 - While star summary is loading, make the star control unclickable and show the upstream-style `loader-circle` spinner (`LoaderCircle` with `animate-spin` locally). 93 93 - - Markdown rendering should not enable hard line breaks globally for README-style content; `marked` should use `breaks: false` to avoid mid-line wrapping artifacts. 163 163 + - Markdown rendering should not enable hard line breaks globally for README-style content; `marked` should use `breaks: false`. 94 164 95 165 ## Editing Guidance 96 166 97 97 - - Keep `src/App.tsx` small. New repo-route behavior should usually go into `src/pages/repo/*.tsx`. 167 167 + - Keep `src/App.tsx` small. 168 168 + - Keep route declarations in `src/routes.tsx`. 169 169 + - Keep global shell/topbar work in `src/layout.tsx`. 170 170 + - Keep top-level non-repo pages in `src/views`. 171 171 + - Keep repo-route behavior in `src/pages/repo/*.tsx`. 172 172 + - Keep repo-route pure helpers in nearby `src/pages/repo/*-helpers.ts` files. 98 173 - Keep generic display components in `src/components/common.tsx`. 99 174 - Keep repo-specific display components in `src/components/repo.tsx`. 100 100 - - Keep pure helpers in `src/lib/repo-utils.ts`. 175 175 + - Keep shared pure repo helpers in `src/lib/repo-utils.ts`. 101 176 - Do not add large page logic back into `src/App.tsx`. 102 102 - - Use `apply_patch` for manual edits. 103 103 - - Do not remove existing behavior while restructuring. Run `rtk npm run build` after meaningful changes. 177 177 + - Do not remove existing behavior while restructuring. 178 178 + - Run `rtk npm run build` after meaningful changes. 104 179 105 180 ## Current Size Guide 106 181 107 107 - Approximate current file sizes: 182 182 + Approximate current file roles: 108 183 109 109 - - `src/App.tsx`: small app shell and routing. 110 110 - - `src/pages/repo/code.tsx`: largest file; split further if code/blob logic grows. 184 184 + - `src/App.tsx`: tiny provider shell. 185 185 + - `src/layout.tsx`: global topbar/shell. 186 186 + - `src/routes.tsx`: route table. 187 187 + - `src/pages/repo/code.tsx`: largest repo route; split further if code/blob logic grows. 111 188 - `src/pages/repo/pulls.tsx`: pull routes and patch/diff UI. 112 189 - `src/pages/repo/issues.tsx`: issue routes. 113 113 - 114 114 - If a file grows substantially, prefer extracting focused components or helpers rather than continuing to grow the route file. 115 115 - 116 116 - 117 117 - <!-- headroom:rtk-instructions --> 118 118 - # RTK (Rust Token Killer) - Token-Optimized Commands 119 119 - 120 120 - When running shell commands, **always prefix with `rtk`**. This reduces context 121 121 - usage by 60-90% with zero behavior change. If rtk has no filter for a command, 122 122 - it passes through unchanged — so it is always safe to use. 123 123 - 124 124 - ## Key Commands 125 125 - ```bash 126 126 - # Git (59-80% savings) 127 127 - rtk git status rtk git diff rtk git log 128 128 - 129 129 - # Files & Search (60-75% savings) 130 130 - rtk ls <path> rtk read <file> rtk grep <pattern> 131 131 - rtk find <pattern> rtk diff <file> 132 132 - 133 133 - # Test (90-99% savings) — shows failures only 134 134 - rtk pytest tests/ rtk cargo test rtk test <cmd> 135 135 - 136 136 - # Build & Lint (80-90% savings) — shows errors only 137 137 - rtk tsc rtk lint rtk cargo build 138 138 - rtk prettier --check rtk mypy rtk ruff check 139 139 - 140 140 - # Analysis (70-90% savings) 141 141 - rtk err <cmd> rtk log <file> rtk json <file> 142 142 - rtk summary <cmd> rtk deps rtk env 143 143 - 144 144 - # GitHub (26-87% savings) 145 145 - rtk gh pr view <n> rtk gh run list rtk gh issue list 146 146 - 147 147 - # Infrastructure (85% savings) 148 148 - rtk docker ps rtk kubectl get rtk docker logs <c> 149 149 - 150 150 - # Package managers (70-90% savings) 151 151 - rtk pip list rtk pnpm install rtk npm run <script> 152 152 - ``` 153 153 - 154 154 - ## Rules 155 155 - - In command chains, prefix each segment: `rtk git add . && rtk git commit -m "msg"` 156 156 - - Use `rtk rg` for searching, including TSX/JSX files. 157 157 - - Do not use RTK for reading `.tsx` or `.jsx` files; use raw `sed`, `cat`, or similar so JSX syntax is preserved. 158 158 - - For debugging, use raw command without rtk prefix. 159 159 - - `rtk proxy <cmd>` runs command without filtering but tracks usage 160 160 - <!-- /headroom:rtk-instructions --> 190 190 + - `src/lib/api/core.ts`: compatibility implementation backend; prefer new domain modules for new API surfaces.

+7 -346

src/App.tsx

Reviewed

··· 1 1 - import clsx from 'clsx'; 2 2 - import { Bell, LogOut } from 'lucide-solid'; 3 3 - import { A, Route, Router, useNavigate } from '@solidjs/router'; 4 4 - import { QueryClient, QueryClientProvider, createQuery } from '@tanstack/solid-query'; 5 5 - import { For, Show, createMemo, createSignal, onMount, type Component, type JSX } from 'solid-js'; 6 6 - import { listRepoRecords, resolveActor } from './lib/api'; 7 7 - import { AuthProvider, useAuth } from './lib/auth'; 8 8 - import { Avatar, LoadingState, buttonStyles, cardStyles, inputStyles } from './components/common'; 9 9 - import { formatRelativeTime, loadRecentRepos, parseRepoJump } from './lib/repo-utils'; 10 10 - import { LiveEventsProvider, useLiveEvents, type LiveEvent } from './lib/live-events'; 11 11 - import { 12 12 - BlobPage, 13 13 - IssuePage, 14 14 - IssuesPage, 15 15 - NewIssuePage, 16 16 - NewPullPage, 17 17 - PullPage, 18 18 - PullsPage, 19 19 - RepoCodePage, 20 20 - } from './pages/repo'; 1 1 + import { QueryClient, QueryClientProvider } from '@tanstack/solid-query'; 2 2 + import type { Component } from 'solid-js'; 3 3 + 4 4 + import { AuthProvider } from './lib/auth'; 5 5 + import { LiveEventsProvider } from './lib/live-events'; 6 6 + import { AppRoutes } from './routes'; 21 7 22 8 const queryClient = new QueryClient({ 23 9 defaultOptions: { ··· 27 13 }, 28 14 }, 29 15 }); 30 30 - 31 31 - 32 32 - const SAMPLE_REPOS = [ 33 33 - { owner: 'mary.my.id', slug: 'atcute' }, 34 34 - { owner: 'mary.my.id', slug: 'boat' }, 35 35 - { owner: 'mary.my.id', slug: 'aglais' }, 36 36 - ]; 37 37 - 38 16 39 17 const App: Component = () => ( 40 18 <QueryClientProvider client={queryClient}> 41 19 <AuthProvider> 42 20 <LiveEventsProvider> 43 43 - <Router root={RootShell}> 44 44 - <Route path="/" component={HomePage} /> 45 45 - <Route path="/oauth/callback" component={OAuthCallbackPage} /> 46 46 - <Route path="/:owner/:repo/issues/new" component={NewIssuePage} /> 47 47 - <Route path="/:owner/:repo/issues/:issueRef" component={IssuePage} /> 48 48 - <Route path="/:owner/:repo/issues" component={IssuesPage} /> 49 49 - <Route path="/:owner/:repo/pulls/new" component={NewPullPage} /> 50 50 - <Route path="/:owner/:repo/pulls/:pullRef" component={PullPage} /> 51 51 - <Route path="/:owner/:repo/pulls" component={PullsPage} /> 52 52 - <Route path="/:owner/:repo/blob/:ref/*path" component={BlobPage} /> 53 53 - <Route path="/:owner/:repo/tree/:ref/*path" component={RepoCodePage} /> 54 54 - <Route path="/:owner/:repo" component={RepoCodePage} /> 55 55 - <Route path="*404" component={NotFoundPage} /> 56 56 - </Router> 21 21 + <AppRoutes /> 57 22 </LiveEventsProvider> 58 23 </AuthProvider> 59 24 </QueryClientProvider> 60 60 - ); 61 61 - 62 62 - const RootShell: Component<{ children?: JSX.Element }> = (props) => ( 63 63 - <div class="min-h-screen flex flex-col gap-4 bg-slate-100 dark:bg-gray-900 dark:text-white"> 64 64 - <header class="untangled-safe-header w-full shadow-sm dark:text-white bg-white dark:bg-gray-800" style="z-index: 20;"> 65 65 - <Topbar /> 66 66 - </header> 67 67 - 68 68 - <div class="flex-grow"> 69 69 - <div class="untangled-shell mx-auto flex flex-col gap-4">{props.children}</div> 70 70 - </div> 71 71 - </div> 72 72 - ); 73 73 - 74 74 - export const Footer: Component = () => { 75 75 - const linkStyle = 'hover:text-gray-900 hover:underline dark:hover:text-gray-100'; 76 76 - 77 77 - return ( 78 78 - <div class="w-full border-t border-gray-200 bg-white px-4 py-3 text-sm text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400"> 79 79 - <div class="untangled-footer-links untangled-shell mx-auto"> 80 80 - <img src="/static/logos/dolly.svg" alt="" class="size-5" /> 81 81 - <span>&copy; 2026 Tangled Labs Oy.</span> 82 82 - <a href="https://blog.tangled.org" class={linkStyle}>blog</a> 83 83 - <a href="https://docs.tangled.org" class={linkStyle}>docs</a> 84 84 - <a href="https://tangled.org/@tangled.org/core" class={linkStyle}>source</a> 85 85 - <a href="https://tangled.org/brand" class={linkStyle}>brand</a> 86 86 - <a href="https://chat.tangled.org" class={linkStyle}>discord</a> 87 87 - <a href="https://bsky.app/profile/tangled.org" class={linkStyle}>bluesky</a> 88 88 - <a href="https://x.com/tangled_org" class={linkStyle}>twitter (x)</a> 89 89 - <a href="/terms" class={linkStyle}>terms</a> 90 90 - <a href="/privacy" class={linkStyle}>privacy</a> 91 91 - </div> 92 92 - </div> 93 93 - ); 94 94 - }; 95 95 - 96 96 - 97 97 - const eventLabel = (event: LiveEvent): string => { 98 98 - if ( 99 99 - event.source === 'sh.tangled.repo.issue:repoDid' || 100 100 - event.source === 'sh.tangled.repo.issue:repo' 101 101 - ) { 102 102 - return `new issue on ${event.subject}`; 103 103 - } 104 104 - if (event.source === 'sh.tangled.repo.pull:target.repo') { 105 105 - return `new pull on ${event.subject}`; 106 106 - } 107 107 - return `${event.source} → ${event.subject}`; 108 108 - }; 109 109 - 110 110 - const Topbar: Component = () => { 111 111 - const auth = useAuth(); 112 112 - const live = useLiveEvents(); 113 113 - const [identifier, setIdentifier] = createSignal(''); 114 114 - 115 115 - const viewerQuery = createQuery(() => ({ 116 116 - queryKey: ['viewer', auth.currentDid()], 117 117 - enabled: Boolean(auth.currentDid()), 118 118 - queryFn: async () => resolveActor(auth.currentDid()!), 119 119 - })); 120 120 - 121 121 - const onSignIn = async (event: SubmitEvent) => { 122 122 - event.preventDefault(); 123 123 - await auth.signIn(identifier()); 124 124 - }; 125 125 - 126 126 - return ( 127 127 - <nav class="mx-auto space-x-4 px-6 py-2"> 128 128 - <div class="flex justify-between p-0 items-center"> 129 129 - <A href="/" class="text-2xl no-underline hover:no-underline flex items-center gap-2"> 130 130 - <img src="/static/logos/dolly.svg" alt="" class="size-8" /> 131 131 - <span class="font-bold text-xl">untangled</span> 132 132 - <span class="font-normal text-xs rounded bg-gray-100 dark:bg-gray-700 px-1">alpha</span> 133 133 - </A> 134 134 - 135 135 - <div class="flex items-center gap-4"> 136 136 - <Show 137 137 - when={auth.currentDid()} 138 138 - fallback={ 139 139 - <details class="relative"> 140 140 - <summary class={clsx(buttonStyles(), 'cursor-pointer list-none')}>login</summary> 141 141 - <div class="absolute right-0 mt-3 w-72 rounded border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-4 shadow-lg z-50"> 142 142 - <form onSubmit={onSignIn} class="flex flex-col gap-3"> 143 143 - <input 144 144 - value={identifier()} 145 145 - onInput={(event) => setIdentifier(event.currentTarget.value)} 146 146 - placeholder="handle or did" 147 147 - class={inputStyles()} 148 148 - /> 149 149 - <button type="submit" class={clsx(buttonStyles('primary'), 'justify-center')}> 150 150 - continue with OAuth 151 151 - </button> 152 152 - <Show when={auth.error()}> 153 153 - <p class="text-sm text-red-500">{auth.error()}</p> 154 154 - </Show> 155 155 - </form> 156 156 - </div> 157 157 - </details> 158 158 - } 159 159 - > 160 160 - <details class="relative"> 161 161 - <summary 162 162 - class="cursor-pointer list-none flex items-center gap-2" 163 163 - onClick={() => live.markRead()} 164 164 - > 165 165 - <div class="relative"> 166 166 - <Bell class="size-5 text-gray-500 dark:text-gray-400" /> 167 167 - <Show when={live.unread() > 0}> 168 168 - <span class="untangled-unread-badge absolute -top-2 -right-2 min-w-5 h-5 rounded-full bg-blue-600 text-white flex items-center justify-center px-1"> 169 169 - {Math.min(live.unread(), 99)} 170 170 - </span> 171 171 - </Show> 172 172 - </div> 173 173 - </summary> 174 174 - <div class="absolute right-0 mt-3 w-80 rounded border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-lg z-50 overflow-hidden"> 175 175 - <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 font-medium">live activity</div> 176 176 - <div class="max-h-96 overflow-auto"> 177 177 - <Show 178 178 - when={live.events().length > 0} 179 179 - fallback={<div class="px-4 py-6 text-sm text-gray-500 dark:text-gray-400">No live events yet.</div>} 180 180 - > 181 181 - <For each={live.events()}> 182 182 - {(event) => ( 183 183 - <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 text-sm"> 184 184 - <div class="font-medium break-all">{eventLabel(event)}</div> 185 185 - <div class="text-gray-500 dark:text-gray-400">{formatRelativeTime(event.receivedAt)}</div> 186 186 - </div> 187 187 - )} 188 188 - </For> 189 189 - </Show> 190 190 - </div> 191 191 - </div> 192 192 - </details> 193 193 - 194 194 - <details class="relative"> 195 195 - <summary class="cursor-pointer list-none flex items-center gap-2"> 196 196 - <Avatar did={auth.currentDid()!} size="size-8 md:size-6" /> 197 197 - <span class="hidden md:inline">{viewerQuery.data?.handle ?? auth.currentDid()}</span> 198 198 - </summary> 199 199 - <div class="absolute right-0 mt-4 rounded bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-lg z-50 text-sm w-56"> 200 200 - <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700"> 201 201 - <div class="font-medium truncate">{viewerQuery.data?.handle ?? auth.currentDid()}</div> 202 202 - <div class="text-gray-500 dark:text-gray-400 truncate">{auth.currentDid()}</div> 203 203 - </div> 204 204 - <button 205 205 - type="button" 206 206 - class="w-full px-4 py-3 flex items-center gap-2 text-left hover:bg-gray-50 hover:dark:bg-gray-700/50" 207 207 - onClick={() => void auth.signOut()} 208 208 - > 209 209 - <LogOut class="size-4" /> 210 210 - logout 211 211 - </button> 212 212 - </div> 213 213 - </details> 214 214 - </Show> 215 215 - </div> 216 216 - </div> 217 217 - </nav> 218 218 - ); 219 219 - }; 220 220 - 221 221 - const HomePage: Component = () => { 222 222 - const auth = useAuth(); 223 223 - const [jump, setJump] = createSignal(''); 224 224 - const recentRepos = createMemo(loadRecentRepos); 225 225 - const navigate = useNavigate(); 226 226 - 227 227 - const ownReposQuery = createQuery(() => ({ 228 228 - queryKey: ['own-repos', auth.currentDid()], 229 229 - enabled: Boolean(auth.currentDid()), 230 230 - queryFn: async () => { 231 231 - const actor = await resolveActor(auth.currentDid()!); 232 232 - return listRepoRecords(actor); 233 233 - }, 234 234 - })); 235 235 - 236 236 - const onSubmit = (event: SubmitEvent) => { 237 237 - event.preventDefault(); 238 238 - const parsed = parseRepoJump(jump()); 239 239 - if (!parsed) { 240 240 - return; 241 241 - } 242 242 - 243 243 - navigate(`/${parsed.owner}/${parsed.repo}`); 244 244 - }; 245 245 - 246 246 - return ( 247 247 - <section class="untangled-home-grid"> 248 248 - <div class={cardStyles('p-6')}> 249 249 - <div class="flex items-center gap-3 mb-6"> 250 250 - <img src="/static/logos/dolly.svg" alt="" class="size-10" /> 251 251 - <div> 252 252 - <h1 class="text-2xl font-bold m-0">untangled</h1> 253 253 - <p class="m-0 text-sm text-gray-500 dark:text-gray-400">tightly-knit social coding</p> 254 254 - </div> 255 255 - </div> 256 256 - 257 257 - <form onSubmit={onSubmit} class="flex flex-col gap-3"> 258 258 - <label class="text-sm font-medium">repository</label> 259 259 - <div class="flex gap-2"> 260 260 - <input 261 261 - value={jump()} 262 262 - onInput={(event) => setJump(event.currentTarget.value)} 263 263 - placeholder="mary.my.id/atcute" 264 264 - class={inputStyles()} 265 265 - /> 266 266 - <button type="submit" class={clsx(buttonStyles('primary'), 'shrink-0')}> 267 267 - open 268 268 - </button> 269 269 - </div> 270 270 - </form> 271 271 - 272 272 - <div class="mt-8"> 273 273 - <div class="text-sm font-medium mb-3">sample repositories</div> 274 274 - <div class="grid gap-2 sm:grid-cols-2"> 275 275 - <For each={SAMPLE_REPOS}> 276 276 - {(repo) => ( 277 277 - <A href={`/${repo.owner}/${repo.slug}`} class={cardStyles('p-4 hover:bg-gray-50 dark:hover:bg-gray-700/30 no-underline')}> 278 278 - <div class="font-medium"> 279 279 - {repo.owner}/{repo.slug} 280 280 - </div> 281 281 - </A> 282 282 - )} 283 283 - </For> 284 284 - </div> 285 285 - </div> 286 286 - </div> 287 287 - 288 288 - <div class="flex flex-col gap-4"> 289 289 - <div class={cardStyles('p-6')}> 290 290 - <div class="text-sm font-medium mb-3">recent</div> 291 291 - <Show 292 292 - when={recentRepos().length > 0} 293 293 - fallback={<div class="text-sm text-gray-500 dark:text-gray-400">No recent repositories.</div>} 294 294 - > 295 295 - <div class="flex flex-col gap-2"> 296 296 - <For each={recentRepos()}> 297 297 - {(repo) => ( 298 298 - <A href={`/${repo.owner}/${repo.slug}`} class="no-underline hover:no-underline rounded border border-gray-200 dark:border-gray-700 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700/30"> 299 299 - <div class="font-medium">{repo.title}</div> 300 300 - <div class="text-xs text-gray-500 dark:text-gray-400">{formatRelativeTime(repo.updatedAt)}</div> 301 301 - </A> 302 302 - )} 303 303 - </For> 304 304 - </div> 305 305 - </Show> 306 306 - </div> 307 307 - 308 308 - <Show when={auth.currentDid()}> 309 309 - <div class={cardStyles('p-6')}> 310 310 - <div class="text-sm font-medium mb-3">your repositories</div> 311 311 - <Show 312 312 - when={!ownReposQuery.isLoading} 313 313 - fallback={<LoadingState label="Loading repositories…" />} 314 314 - > 315 315 - <div class="flex flex-col gap-2"> 316 316 - <For each={ownReposQuery.data ?? []}> 317 317 - {(repo) => ( 318 318 - <A 319 319 - href={`/${auth.currentDid()}/${repo.value.name?.trim() || repo.rkey}`} 320 320 - class="no-underline hover:no-underline rounded border border-gray-200 dark:border-gray-700 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700/30" 321 321 - > 322 322 - <div class="font-medium">{repo.value.name?.trim() || repo.rkey}</div> 323 323 - <div class="text-xs text-gray-500 dark:text-gray-400"> 324 324 - {repo.value.description || repo.value.repoDid} 325 325 - </div> 326 326 - </A> 327 327 - )} 328 328 - </For> 329 329 - </div> 330 330 - </Show> 331 331 - </div> 332 332 - </Show> 333 333 - </div> 334 334 - </section> 335 335 - ); 336 336 - }; 337 337 - 338 338 - const OAuthCallbackPage: Component = () => { 339 339 - const auth = useAuth(); 340 340 - const navigate = useNavigate(); 341 341 - 342 342 - onMount(() => { 343 343 - void (async () => { 344 344 - try { 345 345 - const target = await auth.completeSignIn(); 346 346 - navigate(target, { replace: true }); 347 347 - } catch { 348 348 - // error already captured in auth state 349 349 - } 350 350 - })(); 351 351 - }); 352 352 - 353 353 - return ( 354 354 - <div class={cardStyles('p-10 text-center')}> 355 355 - <LoadingState label={auth.error() ?? 'Completing OAuth sign-in…'} /> 356 356 - </div> 357 357 - ); 358 358 - }; 359 359 - 360 360 - const NotFoundPage: Component = () => ( 361 361 - <div class={cardStyles('p-10 text-center')}> 362 362 - <h1 class="text-2xl font-bold m-0">not found</h1> 363 363 - </div> 364 25 ); 365 26 366 27 export default App;

+104 -26

src/components/repo.tsx

Reviewed

··· 592 592 { additions: 0, deletions: 0 }, 593 593 ); 594 594 595 595 - const fileTreeRows = (files: DiffFile[]) => 596 596 - files.map((file) => { 595 595 + type DiffFileTreeNode = { 596 596 + name: string; 597 597 + path: string; 598 598 + file?: DiffFile; 599 599 + children?: DiffFileTreeNode[]; 600 600 + }; 601 601 + 602 602 + const sortDiffFileTree = (nodes: DiffFileTreeNode[]): DiffFileTreeNode[] => 603 603 + nodes 604 604 + .sort((a, b) => a.name.localeCompare(b.name)) 605 605 + .map((node) => ({ 606 606 + ...node, 607 607 + children: node.children ? sortDiffFileTree(node.children) : undefined, 608 608 + })); 609 609 + 610 610 + const diffFileTree = (files: DiffFile[]) => { 611 611 + const roots: DiffFileTreeNode[] = []; 612 612 + 613 613 + for (const file of files) { 597 614 const parts = file.path.split('/').filter(Boolean); 598 598 - return { 599 599 - file, 600 600 - depth: Math.max(parts.length - 1, 0), 601 601 - name: parts.at(-1) ?? file.path, 602 602 - folder: parts.length > 1 ? parts.slice(0, -1).join('/') : '', 603 603 - }; 604 604 - }); 615 615 + const pathParts = parts.length > 0 ? parts : [file.path || 'patch']; 616 616 + let siblings = roots; 617 617 + let path = ''; 618 618 + 619 619 + for (const [index, part] of pathParts.entries()) { 620 620 + path = path ? `${path}/${part}` : part; 621 621 + const isFile = index === pathParts.length - 1; 622 622 + 623 623 + if (isFile) { 624 624 + siblings.push({ name: part, path: file.path, file }); 625 625 + continue; 626 626 + } 627 627 + 628 628 + let node = siblings.find((child) => !child.file && child.name === part); 629 629 + if (!node) { 630 630 + node = { name: part, path, children: [] }; 631 631 + siblings.push(node); 632 632 + } 633 633 + 634 634 + siblings = node.children!; 635 635 + } 636 636 + } 637 637 + 638 638 + return sortDiffFileTree(roots); 639 639 + }; 640 640 + 641 641 + const diffFileElementId = (path: string) => 642 642 + `diff-${Array.from(path, (char) => char.codePointAt(0)!.toString(16).padStart(4, '0')).join('-')}`; 643 643 + 644 644 + const scrollToDiffFile = (path: string, event: MouseEvent) => { 645 645 + if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return; 646 646 + 647 647 + const target = document.getElementById(diffFileElementId(path)); 648 648 + if (!target) return; 649 649 + 650 650 + event.preventDefault(); 651 651 + target.scrollIntoView({ behavior: 'smooth', block: 'start' }); 652 652 + 653 653 + const hash = `#${target.id}`; 654 654 + if (window.location.hash !== hash) { 655 655 + window.history.pushState(null, '', `${window.location.pathname}${window.location.search}${hash}`); 656 656 + } 657 657 + }; 658 658 + 659 659 + const DiffFileTreeNodes: Component<{ nodes: DiffFileTreeNode[] }> = (props) => ( 660 660 + <div class="untangled-pr-file-tree-list"> 661 661 + <For each={props.nodes}>{(node) => <DiffFileTreeNodeView node={node} />}</For> 662 662 + </div> 663 663 + ); 664 664 + 665 665 + const DiffFileTreeNodeView: Component<{ node: DiffFileTreeNode }> = (props) => ( 666 666 + <div class="untangled-pr-file-tree-node"> 667 667 + <Show 668 668 + when={props.node.file} 669 669 + fallback={ 670 670 + <> 671 671 + <div class="untangled-pr-file-tree-entry" title={props.node.path}> 672 672 + <Folder class="size-4 shrink-0" /> 673 673 + <span class="truncate">{props.node.name}</span> 674 674 + </div> 675 675 + <Show when={props.node.children?.length}> 676 676 + <div class="untangled-pr-file-tree-children"> 677 677 + <DiffFileTreeNodes nodes={props.node.children!} /> 678 678 + </div> 679 679 + </Show> 680 680 + </> 681 681 + } 682 682 + > 683 683 + {(file) => ( 684 684 + <a 685 685 + href={`#${diffFileElementId(file().path)}`} 686 686 + class="untangled-pr-file-tree-entry untangled-pr-file-tree-link" 687 687 + title={file().path} 688 688 + onClick={(event) => scrollToDiffFile(file().path, event)} 689 689 + > 690 690 + <FileText class="size-4 shrink-0" /> 691 691 + <span class="truncate">{props.node.name}</span> 692 692 + </a> 693 693 + )} 694 694 + </Show> 695 695 + </div> 696 696 + ); 605 697 606 698 const DiffStatPill: Component<{ additions: number; deletions: number }> = (props) => ( 607 699 <div class="untangled-diff-stat-pill"> ··· 617 709 export const PullDiffView: Component<{ patch: string; roundLabel: string; history: JSX.Element }> = (props) => { 618 710 const files = createMemo(() => parseDiffFiles(props.patch)); 619 711 const stats = createMemo(() => totalDiffStats(files())); 620 620 - const rows = createMemo(() => fileTreeRows(files())); 712 712 + const tree = createMemo(() => diffFileTree(files())); 621 713 const [expanded, setExpanded] = createSignal(true); 622 714 const [filesVisible, setFilesVisible] = createSignal(true); 623 715 const [historyVisible, setHistoryVisible] = createSignal(true); ··· 681 773 > 682 774 <Show when={filesVisible()}> 683 775 <aside class="untangled-pr-file-tree" aria-label="changed files"> 684 684 - <For each={rows()}> 685 685 - {(row) => ( 686 686 - <a 687 687 - href={`#diff-${encodeURIComponent(row.file.path)}`} 688 688 - class="untangled-pr-file-tree-row" 689 689 - style={{ 'padding-left': `${0.75 + row.depth * 0.85}rem` }} 690 690 - title={row.file.path} 691 691 - > 692 692 - <Show when={row.folder} fallback={<FileText class="size-4 shrink-0" />}> 693 693 - <Folder class="size-4 shrink-0" /> 694 694 - </Show> 695 695 - <span class="truncate">{row.name}</span> 696 696 - </a> 697 697 - )} 698 698 - </For> 776 776 + <DiffFileTreeNodes nodes={tree()} /> 699 777 </aside> 700 778 </Show> 701 779 702 780 <div class="untangled-pr-diff-files"> 703 781 <For each={files()}> 704 782 {(file) => ( 705 705 - <details id={`diff-${encodeURIComponent(file.path)}`} class="untangled-pr-diff-file" open={expanded()}> 783 783 + <details id={diffFileElementId(file.path)} class="untangled-pr-diff-file" open={expanded()}> 706 784 <summary class="untangled-pr-diff-file-header"> 707 785 <div class="flex min-w-0 items-center gap-2"> 708 786 <ChevronRight class="untangled-pr-diff-chevron size-4 shrink-0" />

+37 -11

src/index.css

Reviewed

··· 98 98 top: 0; 99 99 z-index: 30; 100 100 display: grid; 101 101 - grid-template-columns: 11.5rem minmax(0, 1fr) 29.5rem; 101 101 + grid-template-columns: 15.5rem minmax(0, 1fr) 29.5rem; 102 102 gap: 1rem; 103 103 align-items: center; 104 104 padding: 0.5rem; ··· 110 110 } 111 111 112 112 .untangled-pr-diff-toolbar-history-collapsed { 113 113 - grid-template-columns: 11.5rem minmax(0, 1fr) 2.125rem; 113 113 + grid-template-columns: 15.5rem minmax(0, 1fr) 2.125rem; 114 114 } 115 115 116 116 .untangled-pr-diff-toolbar-sidebar-collapsed.untangled-pr-diff-toolbar-history-collapsed { ··· 199 199 200 200 .untangled-pr-diff-grid { 201 201 display: grid; 202 202 - grid-template-columns: 11.5rem minmax(0, 1fr) 29.5rem; 202 202 + grid-template-columns: 15.5rem minmax(0, 1fr) 29.5rem; 203 203 gap: 1rem; 204 204 align-items: start; 205 205 } ··· 209 209 } 210 210 211 211 .untangled-pr-diff-grid-history-collapsed { 212 212 - grid-template-columns: 11.5rem minmax(0, 1fr); 212 212 + grid-template-columns: 15.5rem minmax(0, 1fr); 213 213 } 214 214 215 215 .untangled-pr-diff-grid-sidebar-collapsed.untangled-pr-diff-grid-history-collapsed { ··· 226 226 border-top: 0; 227 227 border-radius: 0 0 0.25rem 0.25rem; 228 228 background: rgb(255 255 255); 229 229 - padding: 0.625rem 0 1.5rem; 229 229 + padding: 0.75rem 0.75rem 1.5rem; 230 230 box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 231 231 } 232 232 233 233 - .untangled-pr-file-tree-row { 233 233 + .untangled-pr-file-tree-list { 234 234 + display: flex; 235 235 + min-width: 0; 236 236 + flex-direction: column; 237 237 + gap: 0.125rem; 238 238 + } 239 239 + 240 240 + .untangled-pr-file-tree-node { 241 241 + min-width: 0; 242 242 + } 243 243 + 244 244 + .untangled-pr-file-tree-children { 245 245 + margin-left: 1rem; 246 246 + border-left: 1px solid rgb(209 213 219); 247 247 + padding-left: 0.75rem; 248 248 + } 249 249 + 250 250 + .untangled-pr-file-tree-entry { 234 251 display: flex; 235 252 min-width: 0; 236 253 align-items: center; 237 254 gap: 0.375rem; 238 238 - padding-top: 0.25rem; 255 255 + min-height: 1.5rem; 256 256 + border-radius: 0.25rem; 257 257 + padding-top: 0.125rem; 239 258 padding-right: 0.5rem; 240 240 - padding-bottom: 0.25rem; 259 259 + padding-bottom: 0.125rem; 260 260 + padding-left: 0.25rem; 241 261 color: rgb(55 65 81); 242 262 font-size: 0.875rem; 243 263 text-decoration: none; 244 264 } 245 265 246 246 - .untangled-pr-file-tree-row:hover { 266 266 + .untangled-pr-file-tree-link:hover, 267 267 + .untangled-pr-file-tree-entry:hover { 247 268 background: rgb(243 244 246); 248 269 text-decoration: none; 249 270 } ··· 256 277 } 257 278 258 279 .untangled-pr-diff-file { 280 280 + scroll-margin-top: 4rem; 259 281 overflow: hidden; 260 282 border: 1px solid rgb(209 213 219); 261 283 border-radius: 0.25rem; ··· 436 458 color: rgb(248 113 113); 437 459 } 438 460 439 439 - .untangled-pr-file-tree-row { 461 461 + .untangled-pr-file-tree-entry { 440 462 color: rgb(229 231 235); 441 463 } 442 464 443 443 - .untangled-pr-file-tree-row:hover { 465 465 + .untangled-pr-file-tree-children { 466 466 + border-color: rgb(75 85 99); 467 467 + } 468 468 + 469 469 + .untangled-pr-file-tree-entry:hover { 444 470 background: rgb(31 41 55); 445 471 } 446 472

+146

src/layout.tsx

Reviewed

··· 1 1 + import clsx from 'clsx'; 2 2 + import { Bell, LogOut } from 'lucide-solid'; 3 3 + import { A } from '@solidjs/router'; 4 4 + import { createQuery } from '@tanstack/solid-query'; 5 5 + import { For, Show, createSignal, type Component, type JSX } from 'solid-js'; 6 6 + 7 7 + import { Avatar, buttonStyles, inputStyles } from './components/common'; 8 8 + import { resolveActor } from './lib/api'; 9 9 + import { useAuth } from './lib/auth'; 10 10 + import { useLiveEvents, type LiveEvent } from './lib/live-events'; 11 11 + import { formatRelativeTime } from './lib/repo-utils'; 12 12 + 13 13 + const eventLabel = (event: LiveEvent) => { 14 14 + if (event.source === 'sh.tangled.repo.issue:repo') { 15 15 + return `new issue on ${event.subject}`; 16 16 + } 17 17 + 18 18 + if (event.source === 'sh.tangled.repo.pull:target.repo') { 19 19 + return `new pull on ${event.subject}`; 20 20 + } 21 21 + 22 22 + return `${event.source} -> ${event.subject}`; 23 23 + }; 24 24 + 25 25 + const Topbar: Component = () => { 26 26 + const auth = useAuth(); 27 27 + const live = useLiveEvents(); 28 28 + const [identifier, setIdentifier] = createSignal(''); 29 29 + 30 30 + const viewerQuery = createQuery(() => ({ 31 31 + queryKey: ['viewer', auth.currentDid()], 32 32 + enabled: Boolean(auth.currentDid()), 33 33 + queryFn: async () => resolveActor(auth.currentDid()!), 34 34 + })); 35 35 + 36 36 + const onSignIn = async (event: SubmitEvent) => { 37 37 + event.preventDefault(); 38 38 + await auth.signIn(identifier()); 39 39 + }; 40 40 + 41 41 + return ( 42 42 + <nav class="mx-auto space-x-4 px-6 py-2"> 43 43 + <div class="flex justify-between p-0 items-center"> 44 44 + <A href="/" class="text-2xl no-underline hover:no-underline flex items-center gap-2"> 45 45 + <img src="/static/logos/dolly.svg" alt="" class="size-8" /> 46 46 + <span class="font-bold text-xl">untangled</span> 47 47 + <span class="font-normal text-xs rounded bg-gray-100 dark:bg-gray-700 px-1">alpha</span> 48 48 + </A> 49 49 + 50 50 + <div class="flex items-center gap-4"> 51 51 + <Show 52 52 + when={auth.currentDid()} 53 53 + fallback={ 54 54 + <details class="relative"> 55 55 + <summary class={clsx(buttonStyles(), 'cursor-pointer list-none')}>login</summary> 56 56 + <div class="absolute right-0 mt-3 w-72 rounded border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-4 shadow-lg z-50"> 57 57 + <form onSubmit={onSignIn} class="flex flex-col gap-3"> 58 58 + <input 59 59 + value={identifier()} 60 60 + onInput={(event) => setIdentifier(event.currentTarget.value)} 61 61 + placeholder="handle or did" 62 62 + class={inputStyles()} 63 63 + /> 64 64 + <button type="submit" class={clsx(buttonStyles('primary'), 'justify-center')}> 65 65 + continue with OAuth 66 66 + </button> 67 67 + <Show when={auth.error()}> 68 68 + <p class="text-sm text-red-500">{auth.error()}</p> 69 69 + </Show> 70 70 + </form> 71 71 + </div> 72 72 + </details> 73 73 + } 74 74 + > 75 75 + <details class="relative"> 76 76 + <summary 77 77 + class="cursor-pointer list-none flex items-center gap-2" 78 78 + onClick={() => live.markRead()} 79 79 + > 80 80 + <div class="relative"> 81 81 + <Bell class="size-5 text-gray-500 dark:text-gray-400" /> 82 82 + <Show when={live.unread() > 0}> 83 83 + <span class="untangled-unread-badge absolute -top-2 -right-2 min-w-5 h-5 rounded-full bg-blue-600 text-white flex items-center justify-center px-1"> 84 84 + {Math.min(live.unread(), 99)} 85 85 + </span> 86 86 + </Show> 87 87 + </div> 88 88 + </summary> 89 89 + <div class="absolute right-0 mt-3 w-80 rounded border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-lg z-50 overflow-hidden"> 90 90 + <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 font-medium">live activity</div> 91 91 + <div class="max-h-96 overflow-auto"> 92 92 + <Show 93 93 + when={live.events().length > 0} 94 94 + fallback={<div class="px-4 py-6 text-sm text-gray-500 dark:text-gray-400">No live events yet.</div>} 95 95 + > 96 96 + <For each={live.events()}> 97 97 + {(event) => ( 98 98 + <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 text-sm"> 99 99 + <div class="font-medium break-all">{eventLabel(event)}</div> 100 100 + <div class="text-gray-500 dark:text-gray-400">{formatRelativeTime(event.receivedAt)}</div> 101 101 + </div> 102 102 + )} 103 103 + </For> 104 104 + </Show> 105 105 + </div> 106 106 + </div> 107 107 + </details> 108 108 + 109 109 + <details class="relative"> 110 110 + <summary class="cursor-pointer list-none flex items-center gap-2"> 111 111 + <Avatar did={auth.currentDid()!} size="size-8 md:size-6" /> 112 112 + <span class="hidden md:inline">{viewerQuery.data?.handle ?? auth.currentDid()}</span> 113 113 + </summary> 114 114 + <div class="absolute right-0 mt-4 rounded bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-lg z-50 text-sm w-56"> 115 115 + <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700"> 116 116 + <div class="font-medium truncate">{viewerQuery.data?.handle ?? auth.currentDid()}</div> 117 117 + <div class="text-gray-500 dark:text-gray-400 truncate">{auth.currentDid()}</div> 118 118 + </div> 119 119 + <button 120 120 + type="button" 121 121 + class="w-full px-4 py-3 flex items-center gap-2 text-left hover:bg-gray-50 hover:dark:bg-gray-700/50" 122 122 + onClick={() => void auth.signOut()} 123 123 + > 124 124 + <LogOut class="size-4" /> 125 125 + logout 126 126 + </button> 127 127 + </div> 128 128 + </details> 129 129 + </Show> 130 130 + </div> 131 131 + </div> 132 132 + </nav> 133 133 + ); 134 134 + }; 135 135 + 136 136 + export const RootShell: Component<{ children?: JSX.Element }> = (props) => ( 137 137 + <div class="min-h-screen flex flex-col gap-4 bg-slate-100 dark:bg-gray-900 dark:text-white"> 138 138 + <header class="untangled-safe-header w-full shadow-sm dark:text-white bg-white dark:bg-gray-800" style="z-index: 20;"> 139 139 + <Topbar /> 140 140 + </header> 141 141 + 142 142 + <div class="flex-grow"> 143 143 + <div class="untangled-shell mx-auto flex flex-col gap-4">{props.children}</div> 144 144 + </div> 145 145 + </div> 146 146 + );

+90 -1415

src/lib/api.ts

Reviewed

··· 1 1 - import { Client, ClientResponseError, ok, simpleFetchHandler } from '@atcute/client'; 2 2 - import { 3 3 - type ActorResolver, 4 4 - type ResolveActorOptions, 5 5 - type ResolvedActor, 6 6 - } from '@atcute/identity-resolver'; 7 7 - import type { 8 8 - ActorIdentifier, 9 9 - Did, 10 10 - Nsid, 11 11 - ResourceUri, 12 12 - } from '@atcute/lexicons/syntax'; 13 13 - import type { GenericUri } from '@atcute/lexicons/syntax'; 14 14 - import type { OAuthUserAgent } from '@atcute/oauth-browser-client'; 15 15 - import { 16 16 - ShTangledActorProfile, 17 17 - ShTangledFeedStar, 18 18 - ShTangledRepo, 19 19 - ShTangledRepoIssue, 20 20 - ShTangledRepoIssueComment, 21 21 - ShTangledRepoIssueState, 22 22 - ShTangledRepoPull, 23 23 - ShTangledRepoPullComment, 24 24 - ShTangledRepoPullStatus, 25 25 - } from '@atcute/tangled'; 26 26 - import { gunzipSync, gzipSync, strFromU8, strToU8 } from 'fflate'; 1 1 + export { 2 2 + CONSTELLATION_SERVICE, 3 3 + PUBLIC_API_SERVICE, 4 4 + SLINGSHOT_SERVICE, 5 5 + SPACEDUST_SERVICE, 6 6 + TANGLED_OAUTH_SCOPE, 7 7 + } from './api/constants'; 8 8 + export { 9 9 + createAuthRpc, 10 10 + identityResolver, 11 11 + resolveActor, 12 12 + resolveAvatarUrl, 13 13 + } from './api/identity'; 14 14 + export { 15 15 + extractBlobCid, 16 16 + parseAtUri, 17 17 + } from './api/records'; 18 18 + export { 19 19 + buildBlobDataUrl, 20 20 + compareBranches, 21 21 + decodeBlobText, 22 22 + getRepo, 23 23 + getRepoBlob, 24 24 + getRepoBranches, 25 25 + getRepoDefaultBranch, 26 26 + getRepoLanguages, 27 27 + getRepoLog, 28 28 + getRepoTags, 29 29 + getRepoTree, 30 30 + listRepoRecords, 31 31 + } from './api/repos'; 32 32 + export { 33 33 + createRepoStar, 34 34 + deleteRepoStar, 35 35 + getRepoStarCount, 36 36 + getRepoStarSummary, 37 37 + } from './api/stars'; 38 38 + export { 39 39 + createIssue, 40 40 + createIssueComment, 41 41 + getIssue, 42 42 + listIssues, 43 43 + listIssuesPage, 44 44 + setIssueState, 45 45 + } from './api/issues'; 46 46 + export { 47 47 + createPull, 48 48 + createPullComment, 49 49 + fetchPullRoundPatch, 50 50 + getPull, 51 51 + listPulls, 52 52 + listPullsPage, 53 53 + setPullStatus, 54 54 + } from './api/pulls'; 27 55 28 28 - import type {} from '@atcute/atproto'; 29 29 - import type {} from '@atcute/microcosm'; 30 30 - import type {} from '@atcute/tangled'; 31 31 - 32 32 - export const PUBLIC_API_SERVICE = 'https://public.api.bsky.app'; 33 33 - export const CONSTELLATION_SERVICE = 'https://constellation.microcosm.blue'; 34 34 - export const SLINGSHOT_SERVICE = 'https://slingshot.microcosm.blue'; 35 35 - export const SPACEDUST_SERVICE = 'wss://spacedust.microcosm.blue/subscribe'; 36 36 - 37 37 - export const TANGLED_OAUTH_SCOPE = import.meta.env.VITE_OAUTH_SCOPE; 38 38 - 39 39 - const REPO_COLLECTION: Nsid = 'sh.tangled.repo'; 40 40 - const STAR_COLLECTION: Nsid = 'sh.tangled.feed.star'; 41 41 - const ACTOR_PROFILE_COLLECTION: Nsid = 'sh.tangled.actor.profile'; 42 42 - const APP_BSKY_PROFILE_COLLECTION: Nsid = 'app.bsky.actor.profile'; 43 43 - const ISSUE_COLLECTION: Nsid = 'sh.tangled.repo.issue'; 44 44 - const ISSUE_COMMENT_COLLECTION: Nsid = 'sh.tangled.repo.issue.comment'; 45 45 - const ISSUE_STATE_COLLECTION: Nsid = 'sh.tangled.repo.issue.state'; 46 46 - const PULL_COLLECTION: Nsid = 'sh.tangled.repo.pull'; 47 47 - const PULL_COMMENT_COLLECTION: Nsid = 'sh.tangled.repo.pull.comment'; 48 48 - const PULL_STATUS_COLLECTION: Nsid = 'sh.tangled.repo.pull.status'; 49 49 - 50 50 - class SlingshotActorResolver implements ActorResolver { 51 51 - async resolve(actor: ActorIdentifier, options?: ResolveActorOptions): Promise<ResolvedActor> { 52 52 - const resolved = await ok( 53 53 - getRpc(SLINGSHOT_SERVICE).get('blue.microcosm.identity.resolveMiniDoc', { 54 54 - params: { 55 55 - identifier: actor, 56 56 - }, 57 57 - signal: options?.signal, 58 58 - }), 59 59 - ); 60 60 - 61 61 - return { 62 62 - did: resolved.did, 63 63 - handle: resolved.handle, 64 64 - pds: normalizeServiceUrl(resolved.pds), 65 65 - }; 66 66 - } 67 67 - } 68 68 - 69 69 - export const identityResolver = new SlingshotActorResolver(); 70 70 - 71 71 - export interface RepoContext { 72 72 - owner: ResolvedActor; 73 73 - record: RepoRecord; 74 74 - repoDid: Did; 75 75 - slug: string; 76 76 - rkey: string; 77 77 - knot: string; 78 78 - } 79 79 - 80 80 - export interface RepoRecord { 81 81 - uri: ResourceUri; 82 82 - cid: string; 83 83 - rkey: string; 84 84 - value: ShTangledRepo.Main; 85 85 - } 86 86 - 87 87 - export interface HydratedRecord<T> { 88 88 - author: ResolvedActor; 89 89 - collection: Nsid; 90 90 - rkey: string; 91 91 - uri: ResourceUri; 92 92 - cid?: string; 93 93 - value: T; 94 94 - } 95 95 - 96 96 - export interface IssueSummary extends HydratedRecord<ShTangledRepoIssue.Main> { 97 97 - number: number; 98 98 - state: 'open' | 'closed'; 99 99 - } 100 100 - 101 101 - export interface PullSummary extends HydratedRecord<ShTangledRepoPull.Main> { 102 102 - number: number; 103 103 - state: 'open' | 'closed' | 'merged'; 104 104 - } 105 105 - 106 106 - export interface IssueComment extends HydratedRecord<ShTangledRepoIssueComment.Main> {} 107 107 - export interface PullComment extends HydratedRecord<ShTangledRepoPullComment.Main> {} 108 108 - 109 109 - export interface IssueDetail { 110 110 - issue: IssueSummary; 111 111 - comments: IssueComment[]; 112 112 - } 113 113 - 114 114 - export interface PullDetail { 115 115 - pull: PullSummary; 116 116 - comments: PullComment[]; 117 117 - } 118 118 - 119 119 - export interface PaginatedResult<T> { 120 120 - items: T[]; 121 121 - totalCount?: number; 122 122 - hasNext: boolean; 123 123 - } 124 124 - 125 125 - export interface TreeResponse { 126 126 - ref: string; 127 127 - parent?: string; 128 128 - dotdot?: string; 129 129 - lastCommit?: CommitHeadline; 130 130 - readme?: { 131 131 - contents: string; 132 132 - filename: string; 133 133 - }; 134 134 - files: TreeEntry[]; 135 135 - } 136 136 - 137 137 - export interface TreeEntry { 138 138 - name: string; 139 139 - mode: string; 140 140 - size: number; 141 141 - last_commit?: CommitHeadline; 142 142 - } 143 143 - 144 144 - export interface CommitHeadline { 145 145 - hash: string; 146 146 - message: string; 147 147 - when: string; 148 148 - author?: { 149 149 - email: string; 150 150 - name: string; 151 151 - when: string; 152 152 - }; 153 153 - } 154 154 - 155 155 - export interface BranchResponse { 156 156 - branches: BranchEntry[]; 157 157 - } 158 158 - 159 159 - export interface DefaultBranchResponse { 160 160 - name: string; 161 161 - hash?: string; 162 162 - when?: string; 163 163 - } 164 164 - 165 165 - export interface BranchEntry { 166 166 - reference: { 167 167 - name: string; 168 168 - hash: string; 169 169 - }; 170 170 - commit?: { 171 171 - Message: string; 172 172 - Author?: { 173 173 - Name: string; 174 174 - Email: string; 175 175 - When: string; 176 176 - }; 177 177 - Committer?: { 178 178 - Name: string; 179 179 - Email: string; 180 180 - When: string; 181 181 - }; 182 182 - }; 183 183 - is_default?: boolean; 184 184 - } 185 185 - 186 186 - export interface TagResponse { 187 187 - tags: Array<{ 188 188 - name: string; 189 189 - hash: string; 190 190 - message?: string; 191 191 - tag?: { 192 192 - Name: string; 193 193 - Message: string; 194 194 - Tagger?: { 195 195 - Name: string; 196 196 - Email: string; 197 197 - When: string; 198 198 - }; 199 199 - }; 200 200 - }>; 201 201 - } 202 202 - 203 203 - export interface LanguageResponse { 204 204 - ref: string; 205 205 - totalFiles?: number; 206 206 - totalSize?: number; 207 207 - languages: Array<{ 208 208 - name: string; 209 209 - percentage: number; 210 210 - size: number; 211 211 - color?: string; 212 212 - }>; 213 213 - } 214 214 - 215 215 - export interface LogResponse { 216 216 - ref: string; 217 217 - total: number; 218 218 - page: number; 219 219 - per_page: number; 220 220 - log: boolean; 221 221 - commits: Array<{ 222 222 - this: string; 223 223 - message: string; 224 224 - author?: { 225 225 - Name: string; 226 226 - Email: string; 227 227 - When: string; 228 228 - }; 229 229 - committer?: { 230 230 - Name: string; 231 231 - Email: string; 232 232 - When: string; 233 233 - }; 234 234 - pgp_signature?: string; 235 235 - parent?: string; 236 236 - parent_hashes?: number[][]; 237 237 - }>; 238 238 - } 239 239 - 240 240 - export interface BlobResponse { 241 241 - path: string; 242 242 - ref: string; 243 243 - content?: string; 244 244 - encoding?: 'base64' | 'utf-8'; 245 245 - fileTooLarge?: boolean; 246 246 - isBinary?: boolean; 247 247 - mimeType?: string; 248 248 - size?: number; 249 249 - lastCommit?: CommitHeadline; 250 250 - submodule?: { 251 251 - name: string; 252 252 - url: string; 253 253 - branch?: string; 254 254 - }; 255 255 - } 256 256 - 257 257 - export interface ComparePatch { 258 258 - Title: string; 259 259 - Body: string; 260 260 - Raw: string; 261 261 - SHA: string; 262 262 - Author?: string; 263 263 - Committer?: string; 264 264 - AuthorDate?: string; 265 265 - CommitterDate?: string; 266 266 - SubjectPrefix?: string; 267 267 - RawHeaders?: string; 268 268 - BodyAppendix?: string; 269 269 - } 270 270 - 271 271 - export interface CompareResponse { 272 272 - rev1: string; 273 273 - rev2: string; 274 274 - patch: string; 275 275 - format_patch: ComparePatch[]; 276 276 - } 277 277 - 278 278 - export interface CreateIssueInput { 279 279 - title: string; 280 280 - body: string; 281 281 - } 282 282 - 283 283 - export interface CreatePullInput { 284 284 - title: string; 285 285 - body: string; 286 286 - targetBranch: string; 287 287 - sourceBranch: string; 288 288 - patch: string; 289 289 - } 290 290 - 291 291 - export interface RecordCreationResult { 292 292 - uri: ResourceUri; 293 293 - rkey: string; 294 294 - } 295 295 - 296 296 - interface BacklinkRecordRef { 297 297 - did: Did; 298 298 - collection: Nsid; 299 299 - rkey: string; 300 300 - } 301 301 - 302 302 - interface ProfileWithAvatar { 303 303 - avatar?: unknown; 304 304 - } 305 305 - 306 306 - const actorCache = new Map<string, Promise<ResolvedActor>>(); 307 307 - const rpcCache = new Map<string, Client>(); 308 308 - 309 309 - const normalizeServiceUrl = (input: string): string => { 310 310 - if (input.startsWith('http://') || input.startsWith('https://')) { 311 311 - return input; 312 312 - } 313 313 - 314 314 - return `https://${input}`; 315 315 - }; 316 316 - 317 317 - const getRpc = (service: string): Client => { 318 318 - const normalized = normalizeServiceUrl(service); 319 319 - const existing = rpcCache.get(normalized); 320 320 - if (existing) { 321 321 - return existing; 322 322 - } 323 323 - 324 324 - const client = new Client({ 325 325 - handler: simpleFetchHandler({ 326 326 - service: normalized, 327 327 - }), 328 328 - }); 329 329 - 330 330 - rpcCache.set(normalized, client); 331 331 - return client; 332 332 - }; 333 333 - 334 334 - export const createAuthRpc = (agent: OAuthUserAgent): Client => 335 335 - new Client({ 336 336 - handler: agent, 337 337 - }); 338 338 - 339 339 - export const resolveActor = async (identifier: string): Promise<ResolvedActor> => { 340 340 - const key = identifier.toLowerCase(); 341 341 - const cached = actorCache.get(key); 342 342 - if (cached) { 343 343 - return cached; 344 344 - } 345 345 - 346 346 - const promise = identityResolver.resolve(asActorIdentifier(identifier)); 347 347 - actorCache.set(key, promise); 348 348 - return promise; 349 349 - }; 350 350 - 351 351 - const fetchAllRepoRecords = async ( 352 352 - actor: ResolvedActor, 353 353 - collection: Nsid, 354 354 - ): Promise<Array<{ uri: ResourceUri; cid: string; value: unknown }>> => { 355 355 - const rpc = getRpc(actor.pds); 356 356 - const records: Array<{ uri: ResourceUri; cid: string; value: unknown }> = []; 357 357 - let cursor: string | undefined; 358 358 - 359 359 - do { 360 360 - const page = await ok( 361 361 - rpc.get('com.atproto.repo.listRecords', { 362 362 - params: { 363 363 - repo: actor.did, 364 364 - collection, 365 365 - limit: 100, 366 366 - cursor, 367 367 - reverse: true, 368 368 - }, 369 369 - }), 370 370 - ); 371 371 - 372 372 - records.push(...page.records); 373 373 - cursor = page.cursor; 374 374 - } while (cursor); 375 375 - 376 376 - return records; 377 377 - }; 378 378 - 379 379 - export const listRepoRecords = async (owner: string | ResolvedActor): Promise<RepoRecord[]> => { 380 380 - const actor = typeof owner === 'string' ? await resolveActor(owner) : owner; 381 381 - const records = await fetchAllRepoRecords(actor, REPO_COLLECTION); 382 382 - 383 383 - return records.map((record) => ({ 384 384 - uri: record.uri, 385 385 - cid: record.cid, 386 386 - rkey: parseAtUri(record.uri).rkey, 387 387 - value: record.value as ShTangledRepo.Main, 388 388 - })); 389 389 - }; 390 390 - 391 391 - export interface RepoStarSummary { 392 392 - count: number; 393 393 - isStarred: boolean; 394 394 - currentUserStarRkey?: string; 395 395 - } 396 396 - 397 397 - const STAR_BACKLINK_SOURCES = [ 398 398 - 'sh.tangled.feed.star:subject.did', 399 399 - 'sh.tangled.feed.star:subjectDid', 400 400 - ]; 401 401 - 402 402 - export const getRepoStarSummary = async (repo: RepoContext, viewerDid?: Did | null): Promise<RepoStarSummary> => { 403 403 - const starrers = new Set<Did>(); 404 404 - const backlinkDidGroups = await Promise.all(STAR_BACKLINK_SOURCES.map((source) => getBacklinkDids(repo.repoDid, source))); 405 405 - 406 406 - for (const did of backlinkDidGroups.flat()) { 407 407 - starrers.add(did); 408 408 - } 409 409 - 410 410 - const currentUserStar = 411 411 - viewerDid && starrers.has(viewerDid) 412 412 - ? await findBacklinkRefByDid(repo.repoDid, STAR_BACKLINK_SOURCES, viewerDid) 413 413 - : undefined; 414 414 - 415 415 - return { 416 416 - count: starrers.size, 417 417 - isStarred: !!currentUserStar, 418 418 - currentUserStarRkey: currentUserStar?.rkey, 419 419 - }; 420 420 - }; 421 421 - 422 422 - export const getRepoStarCount = async (repo: RepoContext): Promise<number> => { 423 423 - const summary = await getRepoStarSummary(repo); 424 424 - return summary.count; 425 425 - }; 426 426 - 427 427 - export const createRepoStar = async (agent: OAuthUserAgent, repo: RepoContext): Promise<RecordCreationResult> => { 428 428 - const rpc = createAuthRpc(agent); 429 429 - const record: ShTangledFeedStar.Main = { 430 430 - $type: 'sh.tangled.feed.star', 431 431 - subject: { 432 432 - $type: 'sh.tangled.feed.star#repo', 433 433 - did: repo.repoDid, 434 434 - }, 435 435 - createdAt: new Date().toISOString(), 436 436 - }; 437 437 - const result = await ok( 438 438 - rpc.post('com.atproto.repo.createRecord', { 439 439 - input: { 440 440 - repo: agent.sub, 441 441 - collection: STAR_COLLECTION, 442 442 - record, 443 443 - }, 444 444 - }), 445 445 - ); 446 446 - 447 447 - return { 448 448 - uri: result.uri, 449 449 - rkey: parseAtUri(result.uri).rkey, 450 450 - }; 451 451 - }; 452 452 - 453 453 - export const deleteRepoStar = async (agent: OAuthUserAgent, rkey: string): Promise<void> => { 454 454 - const rpc = createAuthRpc(agent); 455 455 - await ok( 456 456 - rpc.post('com.atproto.repo.deleteRecord', { 457 457 - input: { 458 458 - repo: agent.sub, 459 459 - collection: STAR_COLLECTION, 460 460 - rkey, 461 461 - }, 462 462 - }), 463 463 - ); 464 464 - }; 465 465 - 466 466 - export const getRepo = async (ownerIdentifier: string, repoSlug: string): Promise<RepoContext> => { 467 467 - const owner = await resolveActor(ownerIdentifier); 468 468 - const all = await listRepoRecords(owner); 469 469 - const wanted = repoSlug.trim().toLowerCase(); 470 470 - const match = all.find((record) => { 471 471 - const name = record.value.name?.trim().toLowerCase(); 472 472 - return name === wanted || record.rkey.toLowerCase() === wanted; 473 473 - }); 474 474 - 475 475 - if (!match) { 476 476 - throw new Error(`Repository not found: ${ownerIdentifier}/${repoSlug}`); 477 477 - } 478 478 - 479 479 - if (!match.value.repoDid) { 480 480 - throw new Error(`Repository is missing repoDid metadata`); 481 481 - } 482 482 - 483 483 - const slug = match.value.name?.trim() || match.rkey; 484 484 - 485 485 - return { 486 486 - owner, 487 487 - record: match, 488 488 - repoDid: match.value.repoDid, 489 489 - slug, 490 490 - rkey: match.rkey, 491 491 - knot: normalizeServiceUrl(match.value.knot), 492 492 - }; 493 493 - }; 494 494 - 495 495 - export const getRepoTree = async ( 496 496 - repo: RepoContext, 497 497 - ref: string, 498 498 - path = '', 499 499 - ): Promise<TreeResponse> => 500 500 - (await ok( 501 501 - getRpc(repo.knot).get('sh.tangled.repo.tree', { 502 502 - params: { 503 503 - repo: repo.repoDid, 504 504 - ref, 505 505 - path, 506 506 - }, 507 507 - }), 508 508 - )) as TreeResponse; 509 509 - 510 510 - export const getRepoBranches = async (repo: RepoContext): Promise<BranchResponse> => 511 511 - (await ok( 512 512 - getRpc(repo.knot).get('sh.tangled.repo.branches', { 513 513 - params: { 514 514 - repo: repo.repoDid, 515 515 - }, 516 516 - as: 'json', 517 517 - }), 518 518 - )) as BranchResponse; 519 519 - 520 520 - export const getRepoDefaultBranch = async (repo: RepoContext): Promise<DefaultBranchResponse> => 521 521 - (await ok( 522 522 - getRpc(repo.knot).get('sh.tangled.repo.getDefaultBranch', { 523 523 - params: { 524 524 - repo: repo.repoDid, 525 525 - }, 526 526 - }), 527 527 - )) as DefaultBranchResponse; 528 528 - 529 529 - export const getRepoTags = async (repo: RepoContext): Promise<TagResponse> => 530 530 - (await ok( 531 531 - getRpc(repo.knot).get('sh.tangled.repo.tags', { 532 532 - params: { 533 533 - repo: repo.repoDid, 534 534 - }, 535 535 - as: 'json', 536 536 - }), 537 537 - )) as TagResponse; 538 538 - 539 539 - export const getRepoLanguages = async (repo: RepoContext, ref: string): Promise<LanguageResponse> => 540 540 - (await ok( 541 541 - getRpc(repo.knot).get('sh.tangled.repo.languages', { 542 542 - params: { 543 543 - repo: repo.repoDid, 544 544 - ref, 545 545 - }, 546 546 - }), 547 547 - )) as LanguageResponse; 548 548 - 549 549 - export const getRepoLog = async (repo: RepoContext, ref: string): Promise<LogResponse> => 550 550 - (await ok( 551 551 - getRpc(repo.knot).get('sh.tangled.repo.log', { 552 552 - params: { 553 553 - repo: repo.repoDid, 554 554 - ref, 555 555 - limit: 8, 556 556 - }, 557 557 - as: 'json', 558 558 - }), 559 559 - )) as LogResponse; 560 560 - 561 561 - export const getRepoBlob = async ( 562 562 - repo: RepoContext, 563 563 - ref: string, 564 564 - path: string, 565 565 - ): Promise<BlobResponse> => 566 566 - (await ok( 567 567 - getRpc(repo.knot).get('sh.tangled.repo.blob', { 568 568 - params: { 569 569 - repo: repo.repoDid, 570 570 - ref, 571 571 - path, 572 572 - }, 573 573 - }), 574 574 - )) as BlobResponse; 575 575 - 576 576 - export const compareBranches = async ( 577 577 - repo: RepoContext, 578 578 - rev1: string, 579 579 - rev2: string, 580 580 - ): Promise<CompareResponse> => 581 581 - (await ok( 582 582 - getRpc(repo.knot).get('sh.tangled.repo.compare', { 583 583 - params: { 584 584 - repo: repo.repoDid, 585 585 - rev1, 586 586 - rev2, 587 587 - }, 588 588 - as: 'json', 589 589 - }), 590 590 - )) as CompareResponse; 591 591 - 592 592 - const getBacklinksPage = async ( 593 593 - subject: GenericUri, 594 594 - source: string, 595 595 - limit: number, 596 596 - cursor?: string, 597 597 - ): Promise<{ records: BacklinkRecordRef[]; cursor?: string; total?: number }> => { 598 598 - const constellation = getRpc(CONSTELLATION_SERVICE); 599 599 - const page = await ok( 600 600 - constellation.get('blue.microcosm.links.getBacklinks', { 601 601 - params: { 602 602 - subject, 603 603 - source, 604 604 - limit, 605 605 - ...(cursor ? { cursor } : {}), 606 606 - }, 607 607 - }), 608 608 - ); 609 609 - 610 610 - return page as { records: BacklinkRecordRef[]; cursor?: string; total?: number }; 611 611 - }; 612 612 - 613 613 - const getBacklinkDidsPage = async ( 614 614 - subject: GenericUri, 615 615 - source: string, 616 616 - limit: number, 617 617 - cursor?: string, 618 618 - ): Promise<{ linking_dids: Did[]; cursor?: string | null; total?: number }> => { 619 619 - const constellation = getRpc(CONSTELLATION_SERVICE); 620 620 - const page = await ok( 621 621 - constellation.get('blue.microcosm.links.getBacklinkDids', { 622 622 - params: { 623 623 - subject, 624 624 - source, 625 625 - limit, 626 626 - ...(cursor ? { cursor } : {}), 627 627 - }, 628 628 - }), 629 629 - ); 630 630 - 631 631 - return page as { linking_dids: Did[]; cursor?: string | null; total?: number }; 632 632 - }; 633 633 - 634 634 - const getBacklinkDids = async (subject: GenericUri, source: string): Promise<Did[]> => { 635 635 - const dids: Did[] = []; 636 636 - let cursor: string | null = null; 637 637 - 638 638 - do { 639 639 - const page = await getBacklinkDidsPage(subject, source, 100, cursor ?? undefined); 640 640 - dids.push(...page.linking_dids); 641 641 - cursor = page.cursor ?? null; 642 642 - } while (cursor); 643 643 - 644 644 - return dids; 645 645 - }; 646 646 - 647 647 - const findBacklinkRefByDidForSource = async ( 648 648 - subject: GenericUri, 649 649 - source: string, 650 650 - did: Did, 651 651 - ): Promise<BacklinkRecordRef | undefined> => { 652 652 - let cursor: string | null = null; 653 653 - 654 654 - do { 655 655 - const page = await getBacklinksPage(subject, source, 100, cursor ?? undefined); 656 656 - const ref = page.records.find((record) => record.did === did && record.collection === STAR_COLLECTION); 657 657 - if (ref) { 658 658 - return ref; 659 659 - } 660 660 - cursor = page.cursor ?? null; 661 661 - } while (cursor); 662 662 - }; 663 663 - 664 664 - const findBacklinkRefByDid = async ( 665 665 - subject: GenericUri, 666 666 - sources: string[], 667 667 - did: Did, 668 668 - ): Promise<BacklinkRecordRef | undefined> => { 669 669 - const refs = await Promise.all(sources.map((source) => findBacklinkRefByDidForSource(subject, source, did))); 670 670 - return refs.find((ref) => ref); 671 671 - }; 672 672 - 673 673 - const getBacklinks = async (subject: GenericUri, source: string): Promise<BacklinkRecordRef[]> => { 674 674 - const records: BacklinkRecordRef[] = []; 675 675 - let cursor: string | null = null; 676 676 - const constellation = getRpc(CONSTELLATION_SERVICE); 677 677 - 678 678 - do { 679 679 - const page: { records: BacklinkRecordRef[]; cursor?: string | null } = await ok( 680 680 - constellation.get('blue.microcosm.links.getBacklinks', { 681 681 - params: { 682 682 - subject, 683 683 - source, 684 684 - limit: 100, 685 685 - ...(cursor ? { cursor } : {}), 686 686 - }, 687 687 - }), 688 688 - ); 689 689 - records.push(...page.records); 690 690 - cursor = page.cursor ?? null; 691 691 - } while (cursor); 692 692 - 693 693 - return records; 694 694 - }; 695 695 - 696 696 - const hydrateRecord = async <T>( 697 697 - ref: BacklinkRecordRef | { did: Did; collection: Nsid; rkey: string }, 698 698 - ): Promise<HydratedRecord<T>> => { 699 699 - const actor = await resolveActor(ref.did); 700 700 - const record = await ok( 701 701 - getRpc(SLINGSHOT_SERVICE).get('com.atproto.repo.getRecord', { 702 702 - params: { 703 703 - repo: ref.did, 704 704 - collection: ref.collection, 705 705 - rkey: ref.rkey, 706 706 - }, 707 707 - }), 708 708 - ); 709 709 - 710 710 - return { 711 711 - author: actor, 712 712 - collection: ref.collection, 713 713 - rkey: ref.rkey, 714 714 - uri: record.uri, 715 715 - cid: record.cid, 716 716 - value: record.value as T, 717 717 - }; 718 718 - }; 719 719 - 720 720 - const fetchRecordValue = async <T>( 721 721 - ref: BacklinkRecordRef | { did: Did; collection: Nsid; rkey: string }, 722 722 - ): Promise<T> => { 723 723 - const record = await ok( 724 724 - getRpc(SLINGSHOT_SERVICE).get('com.atproto.repo.getRecord', { 725 725 - params: { 726 726 - repo: ref.did, 727 727 - collection: ref.collection, 728 728 - rkey: ref.rkey, 729 729 - }, 730 730 - }), 731 731 - ); 732 732 - 733 733 - return record.value as T; 734 734 - }; 735 735 - 736 736 - const hydrateBacklinks = async <T>(refs: BacklinkRecordRef[]): Promise<Array<HydratedRecord<T>>> => 737 737 - Promise.all(refs.map((ref) => hydrateRecord<T>(ref))); 738 738 - 739 739 - const getOptionalRecord = async <T>( 740 740 - actor: ResolvedActor, 741 741 - collection: Nsid, 742 742 - rkey: string, 743 743 - ): Promise<T | null> => { 744 744 - try { 745 745 - const record = await ok( 746 746 - getRpc(SLINGSHOT_SERVICE).get('com.atproto.repo.getRecord', { 747 747 - params: { 748 748 - repo: actor.did, 749 749 - collection, 750 750 - rkey, 751 751 - }, 752 752 - }), 753 753 - ); 754 754 - 755 755 - return record.value as T; 756 756 - } catch (cause) { 757 757 - if ( 758 758 - cause instanceof ClientResponseError && 759 759 - (cause.status === 400 || cause.status === 404) 760 760 - ) { 761 761 - return null; 762 762 - } 763 763 - 764 764 - throw cause; 765 765 - } 766 766 - }; 767 767 - 768 768 - const toNumberMap = <T extends { uri: string; rkey: string; value: { createdAt?: string } }>( 769 769 - items: T[], 770 770 - ): Map<string, number> => { 771 771 - const ordered = [...items].sort((left, right) => { 772 772 - const leftTime = left.value.createdAt ? new Date(left.value.createdAt).getTime() : 0; 773 773 - const rightTime = right.value.createdAt ? new Date(right.value.createdAt).getTime() : 0; 774 774 - if (leftTime !== rightTime) { 775 775 - return leftTime - rightTime; 776 776 - } 777 777 - 778 778 - return left.rkey.localeCompare(right.rkey); 779 779 - }); 780 780 - 781 781 - return new Map(ordered.map((item, index) => [item.uri, index + 1])); 782 782 - }; 783 783 - 784 784 - const normalizeIssueState = (value?: string): 'open' | 'closed' => 785 785 - value?.endsWith('.closed') ? 'closed' : 'open'; 786 786 - 787 787 - const normalizePullStatus = (value?: string): 'open' | 'closed' | 'merged' => { 788 788 - if (value?.endsWith('.merged')) { 789 789 - return 'merged'; 790 790 - } 791 791 - 792 792 - if (value?.endsWith('.closed')) { 793 793 - return 'closed'; 794 794 - } 795 795 - 796 796 - return 'open'; 797 797 - }; 798 798 - 799 799 - const latestBacklinkRefByRkey = (refs: BacklinkRecordRef[]): BacklinkRecordRef | undefined => 800 800 - [...refs].sort((left, right) => left.rkey.localeCompare(right.rkey)).at(-1); 801 801 - 802 802 - const BACKLINK_BATCH_LIMIT = 50; 803 803 - 804 804 - const listBacklinkedRecordsPage = async <T extends { createdAt?: string }, State extends string>( 805 805 - subject: GenericUri, 806 806 - source: string | string[], 807 807 - options: { offset: number; limit: number; state: State }, 808 808 - getState: (uri: ResourceUri) => Promise<State>, 809 809 - ): Promise<PaginatedResult<HydratedRecord<T> & { number: number; state: State }>> => { 810 810 - const requestedEnd = options.offset + options.limit; 811 811 - const items: Array<HydratedRecord<T> & { number: number; state: State }> = []; 812 812 - const sources = Array.isArray(source) ? source : [source]; 813 813 - const batchLimit = Math.min(BACKLINK_BATCH_LIMIT, Math.max(options.limit + 1, 1)); 814 814 - const cursors = new Map(sources.map((entry) => [entry, undefined as string | undefined])); 815 815 - const exhausted = new Set<string>(); 816 816 - const seenRefs = new Set<string>(); 817 817 - let matchingSeen = 0; 818 818 - let scannedSeen = 0; 819 819 - let total: number | undefined; 820 820 - 821 821 - while (items.length <= options.limit) { 822 822 - const pages = await Promise.all( 823 823 - sources 824 824 - .filter((entry) => !exhausted.has(entry)) 825 825 - .map(async (entry) => ({ 826 826 - source: entry, 827 827 - page: await getBacklinksPage(subject, entry, batchLimit, cursors.get(entry)), 828 828 - })), 829 829 - ); 830 830 - 831 831 - if (pages.length === 0) { 832 832 - return { items, totalCount: matchingSeen, hasNext: false }; 833 833 - } 834 834 - 835 835 - const refs = pages 836 836 - .flatMap(({ source: entry, page }) => { 837 837 - total = sources.length === 1 ? page.total ?? total : undefined; 838 838 - cursors.set(entry, page.cursor); 839 839 - if (!page.cursor) { 840 840 - exhausted.add(entry); 841 841 - } 842 842 - return page.records; 843 843 - }) 844 844 - .filter((ref) => { 845 845 - const key = `${ref.did}/${ref.collection}/${ref.rkey}`; 846 846 - if (seenRefs.has(key)) { 847 847 - return false; 848 848 - } 849 849 - seenRefs.add(key); 850 850 - return true; 851 851 - }); 852 852 - 853 853 - if (refs.length === 0) { 854 854 - if (exhausted.size === sources.length) { 855 855 - return { items, totalCount: matchingSeen, hasNext: false }; 856 856 - } 857 857 - continue; 858 858 - } 859 859 - 860 860 - if (pages.every(({ page }) => page.records.length === 0)) { 861 861 - return { items, totalCount: matchingSeen, hasNext: false }; 862 862 - } 863 863 - 864 864 - const hydrated = await hydrateBacklinks<T>(refs); 865 865 - hydrated.sort(sortByCreatedAt).reverse(); 866 866 - const states = await Promise.all(hydrated.map((record) => getState(record.uri))); 867 867 - 868 868 - for (let index = 0; index < hydrated.length; index += 1) { 869 869 - const record = hydrated[index]; 870 870 - const state = states[index]; 871 871 - const number = total ? Math.max(total - scannedSeen, 1) : scannedSeen + 1; 872 872 - scannedSeen += 1; 873 873 - 874 874 - if (state !== options.state) { 875 875 - continue; 876 876 - } 877 877 - 878 878 - if (matchingSeen >= options.offset && matchingSeen < requestedEnd + 1) { 879 879 - items.push({ ...record, number, state }); 880 880 - } 881 881 - 882 882 - matchingSeen += 1; 883 883 - if (matchingSeen > requestedEnd) { 884 884 - return { items: items.slice(0, options.limit), hasNext: true }; 885 885 - } 886 886 - } 887 887 - 888 888 - if (exhausted.size === sources.length) { 889 889 - return { items, totalCount: matchingSeen, hasNext: false }; 890 890 - } 891 891 - } 892 892 - 893 893 - return { items: items.slice(0, options.limit), hasNext: true }; 894 894 - }; 895 895 - 896 896 - const getLatestIssueState = async (issueUri: ResourceUri): Promise<'open' | 'closed'> => { 897 897 - const refs = await getBacklinks(issueUri, 'sh.tangled.repo.issue.state:issue'); 898 898 - if (refs.length === 0) { 899 899 - return 'open'; 900 900 - } 901 901 - 902 902 - const state = await fetchRecordValue<ShTangledRepoIssueState.Main>(latestBacklinkRefByRkey(refs)!); 903 903 - return normalizeIssueState(state.state); 904 904 - }; 905 905 - 906 906 - const getLatestPullStatus = async (pullUri: ResourceUri): Promise<'open' | 'closed' | 'merged'> => { 907 907 - const refs = await getBacklinks(pullUri, 'sh.tangled.repo.pull.status:pull'); 908 908 - if (refs.length === 0) { 909 909 - return 'open'; 910 910 - } 911 911 - 912 912 - const status = await fetchRecordValue<ShTangledRepoPullStatus.Main>(latestBacklinkRefByRkey(refs)!); 913 913 - return normalizePullStatus(status.status); 914 914 - }; 915 915 - 916 916 - export const listIssues = async (repo: RepoContext): Promise<IssueSummary[]> => { 917 917 - const refs = Array.from( 918 918 - new Map( 919 919 - ( 920 920 - await Promise.all([ 921 921 - getBacklinks(repo.repoDid, 'sh.tangled.repo.issue:repoDid'), 922 922 - getBacklinks(repo.repoDid, 'sh.tangled.repo.issue:repo'), 923 923 - ]) 924 924 - ) 925 925 - .flat() 926 926 - .map((ref) => [`${ref.did}/${ref.collection}/${ref.rkey}`, ref] as const), 927 927 - ).values(), 928 928 - ); 929 929 - const issues = await hydrateBacklinks<ShTangledRepoIssue.Main>(refs); 930 930 - const numbers = toNumberMap(issues); 931 931 - const states = await Promise.all(issues.map((issue) => getLatestIssueState(issue.uri))); 932 932 - 933 933 - return issues 934 934 - .map((issue, index) => ({ 935 935 - ...issue, 936 936 - number: numbers.get(issue.uri) ?? index + 1, 937 937 - state: states[index], 938 938 - })) 939 939 - .sort((left, right) => right.number - left.number); 940 940 - }; 941 941 - 942 942 - export const listIssuesPage = async ( 943 943 - repo: RepoContext, 944 944 - options: { offset: number; limit: number; state: 'open' | 'closed' }, 945 945 - ): Promise<PaginatedResult<IssueSummary>> => 946 946 - listBacklinkedRecordsPage<ShTangledRepoIssue.Main, 'open' | 'closed'>( 947 947 - repo.repoDid, 948 948 - ['sh.tangled.repo.issue:repoDid', 'sh.tangled.repo.issue:repo'], 949 949 - options, 950 950 - getLatestIssueState, 951 951 - ); 952 952 - 953 953 - export const getIssue = async (repo: RepoContext, issueRef: string): Promise<IssueDetail> => { 954 954 - const issues = await listIssues(repo); 955 955 - const issue = findNumberedRecord(issues, issueRef); 956 956 - if (!issue) { 957 957 - throw new Error(`Issue not found`); 958 958 - } 959 959 - 960 960 - const commentRefs = await getBacklinks(issue.uri, 'sh.tangled.repo.issue.comment:issue'); 961 961 - const comments = await hydrateBacklinks<ShTangledRepoIssueComment.Main>(commentRefs); 962 962 - comments.sort(sortByCreatedAt); 963 963 - 964 964 - return { 965 965 - issue, 966 966 - comments, 967 967 - }; 968 968 - }; 969 969 - 970 970 - export const listPulls = async (repo: RepoContext): Promise<PullSummary[]> => { 971 971 - const refs = await getBacklinks(repo.repoDid, 'sh.tangled.repo.pull:target.repo'); 972 972 - const pulls = await hydrateBacklinks<ShTangledRepoPull.Main>(refs); 973 973 - const numbers = toNumberMap(pulls); 974 974 - const states = await Promise.all(pulls.map((pull) => getLatestPullStatus(pull.uri))); 975 975 - 976 976 - return pulls 977 977 - .map((pull, index) => ({ 978 978 - ...pull, 979 979 - number: numbers.get(pull.uri) ?? index + 1, 980 980 - state: states[index], 981 981 - })) 982 982 - .sort((left, right) => right.number - left.number); 983 983 - }; 984 984 - 985 985 - export const listPullsPage = async ( 986 986 - repo: RepoContext, 987 987 - options: { offset: number; limit: number; state: 'open' | 'closed' | 'merged' }, 988 988 - ): Promise<PaginatedResult<PullSummary>> => 989 989 - listBacklinkedRecordsPage<ShTangledRepoPull.Main, 'open' | 'closed' | 'merged'>( 990 990 - repo.repoDid, 991 991 - 'sh.tangled.repo.pull:target.repo', 992 992 - options, 993 993 - getLatestPullStatus, 994 994 - ); 995 995 - 996 996 - export const getPull = async (repo: RepoContext, pullRef: string): Promise<PullDetail> => { 997 997 - const pulls = await listPulls(repo); 998 998 - const pull = findNumberedRecord(pulls, pullRef); 999 999 - if (!pull) { 1000 1000 - throw new Error(`Pull request not found`); 1001 1001 - } 1002 1002 - 1003 1003 - const commentRefs = await getBacklinks(pull.uri, 'sh.tangled.repo.pull.comment:pull'); 1004 1004 - const comments = await hydrateBacklinks<ShTangledRepoPullComment.Main>(commentRefs); 1005 1005 - comments.sort(sortByCreatedAt); 1006 1006 - 1007 1007 - return { 1008 1008 - pull, 1009 1009 - comments, 1010 1010 - }; 1011 1011 - }; 1012 1012 - 1013 1013 - export const fetchPullRoundPatch = async ( 1014 1014 - pull: PullSummary, 1015 1015 - roundIndex: number, 1016 1016 - ): Promise<string> => { 1017 1017 - const round = pull.value.rounds[roundIndex]; 1018 1018 - if (!round) { 1019 1019 - throw new Error(`Round ${roundIndex + 1} not found`); 1020 1020 - } 1021 1021 - 1022 1022 - const cid = extractBlobCid(round.patchBlob); 1023 1023 - if (!cid) { 1024 1024 - throw new Error(`Missing patch blob CID`); 1025 1025 - } 1026 1026 - 1027 1027 - const rpc = getRpc(pull.author.pds); 1028 1028 - const bytes = await ok( 1029 1029 - rpc.get('com.atproto.sync.getBlob', { 1030 1030 - params: { 1031 1031 - did: pull.author.did, 1032 1032 - cid, 1033 1033 - }, 1034 1034 - as: 'bytes', 1035 1035 - }), 1036 1036 - ); 1037 1037 - 1038 1038 - return strFromU8(gunzipSync(bytes)); 1039 1039 - }; 1040 1040 - 1041 1041 - export const createIssue = async ( 1042 1042 - agent: OAuthUserAgent, 1043 1043 - repo: RepoContext, 1044 1044 - input: CreateIssueInput, 1045 1045 - ): Promise<RecordCreationResult> => { 1046 1046 - const rpc = createAuthRpc(agent); 1047 1047 - const record: ShTangledRepoIssue.Main = { 1048 1048 - $type: 'sh.tangled.repo.issue', 1049 1049 - repo: repo.repoDid, 1050 1050 - title: input.title.trim(), 1051 1051 - body: optionalString(input.body), 1052 1052 - createdAt: new Date().toISOString(), 1053 1053 - mentions: extractDids(input.body), 1054 1054 - references: extractAtUris(input.body), 1055 1055 - }; 1056 1056 - 1057 1057 - const result = await ok( 1058 1058 - rpc.post('com.atproto.repo.createRecord', { 1059 1059 - input: { 1060 1060 - repo: agent.sub, 1061 1061 - collection: ISSUE_COLLECTION, 1062 1062 - record, 1063 1063 - }, 1064 1064 - }), 1065 1065 - ); 1066 1066 - 1067 1067 - return { 1068 1068 - uri: result.uri, 1069 1069 - rkey: parseAtUri(result.uri).rkey, 1070 1070 - }; 1071 1071 - }; 1072 1072 - 1073 1073 - export const createIssueComment = async ( 1074 1074 - agent: OAuthUserAgent, 1075 1075 - issueUri: ResourceUri, 1076 1076 - body: string, 1077 1077 - replyTo?: ResourceUri, 1078 1078 - ): Promise<RecordCreationResult> => { 1079 1079 - const rpc = createAuthRpc(agent); 1080 1080 - const record: ShTangledRepoIssueComment.Main = { 1081 1081 - $type: 'sh.tangled.repo.issue.comment', 1082 1082 - issue: issueUri, 1083 1083 - body: body.trim(), 1084 1084 - createdAt: new Date().toISOString(), 1085 1085 - mentions: extractDids(body), 1086 1086 - references: extractAtUris(body), 1087 1087 - ...(replyTo ? { replyTo } : {}), 1088 1088 - }; 1089 1089 - 1090 1090 - const result = await ok( 1091 1091 - rpc.post('com.atproto.repo.createRecord', { 1092 1092 - input: { 1093 1093 - repo: agent.sub, 1094 1094 - collection: ISSUE_COMMENT_COLLECTION, 1095 1095 - record, 1096 1096 - }, 1097 1097 - }), 1098 1098 - ); 1099 1099 - 1100 1100 - return { 1101 1101 - uri: result.uri, 1102 1102 - rkey: parseAtUri(result.uri).rkey, 1103 1103 - }; 1104 1104 - }; 1105 1105 - 1106 1106 - export const setIssueState = async ( 1107 1107 - agent: OAuthUserAgent, 1108 1108 - issueUri: ResourceUri, 1109 1109 - state: 'open' | 'closed', 1110 1110 - ): Promise<RecordCreationResult> => { 1111 1111 - const rpc = createAuthRpc(agent); 1112 1112 - const record: ShTangledRepoIssueState.Main = { 1113 1113 - $type: 'sh.tangled.repo.issue.state', 1114 1114 - issue: issueUri, 1115 1115 - state: 1116 1116 - state === 'closed' 1117 1117 - ? 'sh.tangled.repo.issue.state.closed' 1118 1118 - : 'sh.tangled.repo.issue.state.open', 1119 1119 - }; 1120 1120 - 1121 1121 - const result = await ok( 1122 1122 - rpc.post('com.atproto.repo.createRecord', { 1123 1123 - input: { 1124 1124 - repo: agent.sub, 1125 1125 - collection: ISSUE_STATE_COLLECTION, 1126 1126 - record, 1127 1127 - }, 1128 1128 - }), 1129 1129 - ); 1130 1130 - 1131 1131 - return { 1132 1132 - uri: result.uri, 1133 1133 - rkey: parseAtUri(result.uri).rkey, 1134 1134 - }; 1135 1135 - }; 1136 1136 - 1137 1137 - export const createPull = async ( 1138 1138 - agent: OAuthUserAgent, 1139 1139 - repo: RepoContext, 1140 1140 - input: CreatePullInput, 1141 1141 - ): Promise<RecordCreationResult> => { 1142 1142 - const rpc = createAuthRpc(agent); 1143 1143 - const patchBytes = new Uint8Array(gzipSync(strToU8(input.patch))); 1144 1144 - const patchBlob = new Blob([patchBytes.buffer], { 1145 1145 - type: 'application/gzip', 1146 1146 - }); 1147 1147 - 1148 1148 - const uploaded = await ok( 1149 1149 - rpc.post('com.atproto.repo.uploadBlob', { 1150 1150 - input: patchBlob, 1151 1151 - }), 1152 1152 - ); 1153 1153 - 1154 1154 - const record: ShTangledRepoPull.Main = { 1155 1155 - $type: 'sh.tangled.repo.pull', 1156 1156 - title: input.title.trim(), 1157 1157 - body: optionalString(input.body), 1158 1158 - target: { 1159 1159 - repo: repo.repoDid, 1160 1160 - branch: input.targetBranch, 1161 1161 - }, 1162 1162 - source: { 1163 1163 - branch: input.sourceBranch, 1164 1164 - }, 1165 1165 - rounds: [ 1166 1166 - { 1167 1167 - createdAt: new Date().toISOString(), 1168 1168 - patchBlob: uploaded.blob, 1169 1169 - }, 1170 1170 - ], 1171 1171 - createdAt: new Date().toISOString(), 1172 1172 - mentions: extractDids(input.body), 1173 1173 - references: extractAtUris(input.body), 1174 1174 - }; 1175 1175 - 1176 1176 - const result = await ok( 1177 1177 - rpc.post('com.atproto.repo.createRecord', { 1178 1178 - input: { 1179 1179 - repo: agent.sub, 1180 1180 - collection: PULL_COLLECTION, 1181 1181 - record, 1182 1182 - }, 1183 1183 - }), 1184 1184 - ); 1185 1185 - 1186 1186 - return { 1187 1187 - uri: result.uri, 1188 1188 - rkey: parseAtUri(result.uri).rkey, 1189 1189 - }; 1190 1190 - }; 1191 1191 - 1192 1192 - export const createPullComment = async ( 1193 1193 - agent: OAuthUserAgent, 1194 1194 - pullUri: ResourceUri, 1195 1195 - body: string, 1196 1196 - ): Promise<RecordCreationResult> => { 1197 1197 - const rpc = createAuthRpc(agent); 1198 1198 - const record: ShTangledRepoPullComment.Main = { 1199 1199 - $type: 'sh.tangled.repo.pull.comment', 1200 1200 - pull: pullUri, 1201 1201 - body: body.trim(), 1202 1202 - createdAt: new Date().toISOString(), 1203 1203 - mentions: extractDids(body), 1204 1204 - references: extractAtUris(body), 1205 1205 - }; 1206 1206 - 1207 1207 - const result = await ok( 1208 1208 - rpc.post('com.atproto.repo.createRecord', { 1209 1209 - input: { 1210 1210 - repo: agent.sub, 1211 1211 - collection: PULL_COMMENT_COLLECTION, 1212 1212 - record, 1213 1213 - }, 1214 1214 - }), 1215 1215 - ); 1216 1216 - 1217 1217 - return { 1218 1218 - uri: result.uri, 1219 1219 - rkey: parseAtUri(result.uri).rkey, 1220 1220 - }; 1221 1221 - }; 1222 1222 - 1223 1223 - export const setPullStatus = async ( 1224 1224 - agent: OAuthUserAgent, 1225 1225 - pullUri: ResourceUri, 1226 1226 - status: 'open' | 'closed' | 'merged', 1227 1227 - ): Promise<RecordCreationResult> => { 1228 1228 - const rpc = createAuthRpc(agent); 1229 1229 - const record: ShTangledRepoPullStatus.Main = { 1230 1230 - $type: 'sh.tangled.repo.pull.status', 1231 1231 - pull: pullUri, 1232 1232 - status: 1233 1233 - status === 'merged' 1234 1234 - ? 'sh.tangled.repo.pull.status.merged' 1235 1235 - : status === 'closed' 1236 1236 - ? 'sh.tangled.repo.pull.status.closed' 1237 1237 - : 'sh.tangled.repo.pull.status.open', 1238 1238 - }; 1239 1239 - 1240 1240 - const result = await ok( 1241 1241 - rpc.post('com.atproto.repo.createRecord', { 1242 1242 - input: { 1243 1243 - repo: agent.sub, 1244 1244 - collection: PULL_STATUS_COLLECTION, 1245 1245 - record, 1246 1246 - }, 1247 1247 - }), 1248 1248 - ); 1249 1249 - 1250 1250 - return { 1251 1251 - uri: result.uri, 1252 1252 - rkey: parseAtUri(result.uri).rkey, 1253 1253 - }; 1254 1254 - }; 1255 1255 - 1256 1256 - export const decodeBlobText = (blob: BlobResponse): string => { 1257 1257 - if (!blob.content) { 1258 1258 - return ''; 1259 1259 - } 1260 1260 - 1261 1261 - if (blob.encoding === 'base64') { 1262 1262 - const buffer = Uint8Array.from(atob(blob.content), (char) => char.charCodeAt(0)); 1263 1263 - return new TextDecoder().decode(buffer); 1264 1264 - } 1265 1265 - 1266 1266 - return blob.content; 1267 1267 - }; 1268 1268 - 1269 1269 - export const buildBlobDataUrl = (blob: BlobResponse): string | null => { 1270 1270 - if (!blob.content || !blob.mimeType) { 1271 1271 - return null; 1272 1272 - } 1273 1273 - 1274 1274 - if (blob.encoding === 'base64') { 1275 1275 - return `data:${blob.mimeType};base64,${blob.content}`; 1276 1276 - } 1277 1277 - 1278 1278 - return `data:${blob.mimeType};charset=utf-8,${encodeURIComponent(blob.content)}`; 1279 1279 - }; 1280 1280 - 1281 1281 - export const resolveAvatarUrl = async (identifier: string): Promise<string | null> => { 1282 1282 - const actor = await resolveActor(identifier); 1283 1283 - const tangledProfile = await getOptionalRecord<ShTangledActorProfile.Main>( 1284 1284 - actor, 1285 1285 - ACTOR_PROFILE_COLLECTION, 1286 1286 - 'self', 1287 1287 - ); 1288 1288 - const tangledCid = extractBlobCid(tangledProfile?.avatar); 1289 1289 - if (tangledCid) { 1290 1290 - return buildPdsBlobUrl(actor.pds, actor.did, tangledCid); 1291 1291 - } 1292 1292 - 1293 1293 - const bskyProfile = await getOptionalRecord<ProfileWithAvatar>( 1294 1294 - actor, 1295 1295 - APP_BSKY_PROFILE_COLLECTION, 1296 1296 - 'self', 1297 1297 - ); 1298 1298 - const bskyCid = extractBlobCid(bskyProfile?.avatar); 1299 1299 - if (bskyCid) { 1300 1300 - return buildPdsBlobUrl(actor.pds, actor.did, bskyCid); 1301 1301 - } 1302 1302 - 1303 1303 - return null; 1304 1304 - }; 1305 1305 - 1306 1306 - export const parseAtUri = (uri: string): { did: Did; collection: Nsid; rkey: string } => { 1307 1307 - if (!uri.startsWith('at://')) { 1308 1308 - throw new Error(`Invalid at-uri: ${uri}`); 1309 1309 - } 1310 1310 - 1311 1311 - const parts = uri.slice(5).split('/'); 1312 1312 - const [did, collection, ...rkey] = parts; 1313 1313 - return { 1314 1314 - did: asDid(did), 1315 1315 - collection: asNsid(collection), 1316 1316 - rkey: rkey.join('/'), 1317 1317 - }; 1318 1318 - }; 1319 1319 - 1320 1320 - export const extractBlobCid = (blob: unknown): string | null => { 1321 1321 - if (!blob || typeof blob !== 'object') { 1322 1322 - return null; 1323 1323 - } 1324 1324 - 1325 1325 - const value = blob as Record<string, unknown>; 1326 1326 - const ref = value.ref; 1327 1327 - 1328 1328 - if (typeof ref === 'string') { 1329 1329 - return ref; 1330 1330 - } 1331 1331 - 1332 1332 - if (ref && typeof ref === 'object') { 1333 1333 - const maybeLink = (ref as Record<string, unknown>).$link; 1334 1334 - if (typeof maybeLink === 'string') { 1335 1335 - return maybeLink; 1336 1336 - } 1337 1337 - } 1338 1338 - 1339 1339 - const maybeCid = value.cid; 1340 1340 - return typeof maybeCid === 'string' ? maybeCid : null; 1341 1341 - }; 1342 1342 - 1343 1343 - const findNumberedRecord = <T extends { number: number; rkey: string; uri: string }>( 1344 1344 - records: T[], 1345 1345 - ref: string, 1346 1346 - ): T | undefined => { 1347 1347 - const trimmed = ref.trim(); 1348 1348 - if (/^\d+$/.test(trimmed)) { 1349 1349 - const number = Number(trimmed); 1350 1350 - return records.find((record) => record.number === number); 1351 1351 - } 1352 1352 - 1353 1353 - return records.find( 1354 1354 - (record) => 1355 1355 - record.rkey === trimmed || 1356 1356 - record.uri === trimmed || 1357 1357 - parseAtUri(record.uri).rkey === trimmed, 1358 1358 - ); 1359 1359 - }; 1360 1360 - 1361 1361 - const optionalString = (value: string): string | undefined => { 1362 1362 - const trimmed = value.trim(); 1363 1363 - return trimmed.length > 0 ? trimmed : undefined; 1364 1364 - }; 1365 1365 - 1366 1366 - const uniq = <T extends string>(values: T[]): T[] | undefined => { 1367 1367 - if (values.length === 0) { 1368 1368 - return undefined; 1369 1369 - } 1370 1370 - 1371 1371 - return [...new Set(values)]; 1372 1372 - }; 1373 1373 - 1374 1374 - const extractDids = (input: string): Did[] | undefined => 1375 1375 - uniq( 1376 1376 - Array.from( 1377 1377 - input.matchAll(/\bdid:[a-z0-9]+:[A-Za-z0-9._:%-]+\b/gi), 1378 1378 - (match) => match[0] as Did, 1379 1379 - ), 1380 1380 - ); 1381 1381 - 1382 1382 - const extractAtUris = (input: string): ResourceUri[] | undefined => 1383 1383 - uniq( 1384 1384 - Array.from( 1385 1385 - input.matchAll(/\bat:\/\/[^\s<>()]+/gi), 1386 1386 - (match) => match[0] as ResourceUri, 1387 1387 - ), 1388 1388 - ); 1389 1389 - 1390 1390 - const sortByCreatedAt = <T extends { value: { createdAt?: string } }>(left: T, right: T): number => 1391 1391 - new Date(left.value.createdAt ?? 0).getTime() - new Date(right.value.createdAt ?? 0).getTime(); 1392 1392 - 1393 1393 - const asActorIdentifier = (value: string): ActorIdentifier => value as ActorIdentifier; 1394 1394 - 1395 1395 - const asDid = (value: string): Did => { 1396 1396 - if (!value.startsWith('did:')) { 1397 1397 - throw new Error(`Invalid DID: ${value}`); 1398 1398 - } 1399 1399 - 1400 1400 - return value as Did; 1401 1401 - }; 1402 1402 - 1403 1403 - const asNsid = (value: string): Nsid => { 1404 1404 - if (value.split('.').length < 3) { 1405 1405 - throw new Error(`Invalid NSID: ${value}`); 1406 1406 - } 1407 1407 - 1408 1408 - return value as Nsid; 1409 1409 - }; 1410 1410 - 1411 1411 - const buildPdsBlobUrl = (pds: string, did: Did, cid: string): string => { 1412 1412 - const url = new URL('/xrpc/com.atproto.sync.getBlob', normalizeServiceUrl(pds)); 1413 1413 - url.searchParams.set('did', did); 1414 1414 - url.searchParams.set('cid', cid); 1415 1415 - return url.toString(); 1416 1416 - }; 56 56 + export type { 57 57 + HydratedRecord, 58 58 + PaginatedResult, 59 59 + RecordCreationResult, 60 60 + } from './api/records'; 61 61 + export type { 62 62 + BlobResponse, 63 63 + BranchEntry, 64 64 + BranchResponse, 65 65 + CommitHeadline, 66 66 + ComparePatch, 67 67 + CompareResponse, 68 68 + DefaultBranchResponse, 69 69 + LanguageResponse, 70 70 + LogResponse, 71 71 + RepoContext, 72 72 + RepoRecord, 73 73 + TagResponse, 74 74 + TreeEntry, 75 75 + TreeResponse, 76 76 + } from './api/repos'; 77 77 + export type { 78 78 + RepoStarSummary, 79 79 + } from './api/stars'; 80 80 + export type { 81 81 + CreateIssueInput, 82 82 + IssueComment, 83 83 + IssueDetail, 84 84 + IssueSummary, 85 85 + } from './api/issues'; 86 86 + export type { 87 87 + CreatePullInput, 88 88 + PullComment, 89 89 + PullDetail, 90 90 + PullSummary, 91 91 + } from './api/pulls';

+7

src/lib/api/constants.ts

Reviewed

··· 1 1 + export { 2 2 + CONSTELLATION_SERVICE, 3 3 + PUBLIC_API_SERVICE, 4 4 + SLINGSHOT_SERVICE, 5 5 + SPACEDUST_SERVICE, 6 6 + TANGLED_OAUTH_SCOPE, 7 7 + } from './core';

+1416

src/lib/api/core.ts

Reviewed

··· 1 1 + import { Client, ClientResponseError, ok, simpleFetchHandler } from '@atcute/client'; 2 2 + import { 3 3 + type ActorResolver, 4 4 + type ResolveActorOptions, 5 5 + type ResolvedActor, 6 6 + } from '@atcute/identity-resolver'; 7 7 + import type { 8 8 + ActorIdentifier, 9 9 + Did, 10 10 + Nsid, 11 11 + ResourceUri, 12 12 + } from '@atcute/lexicons/syntax'; 13 13 + import type { GenericUri } from '@atcute/lexicons/syntax'; 14 14 + import type { OAuthUserAgent } from '@atcute/oauth-browser-client'; 15 15 + import { 16 16 + ShTangledActorProfile, 17 17 + ShTangledFeedStar, 18 18 + ShTangledRepo, 19 19 + ShTangledRepoIssue, 20 20 + ShTangledRepoIssueComment, 21 21 + ShTangledRepoIssueState, 22 22 + ShTangledRepoPull, 23 23 + ShTangledRepoPullComment, 24 24 + ShTangledRepoPullStatus, 25 25 + } from '@atcute/tangled'; 26 26 + import { gunzipSync, gzipSync, strFromU8, strToU8 } from 'fflate'; 27 27 + 28 28 + import type {} from '@atcute/atproto'; 29 29 + import type {} from '@atcute/microcosm'; 30 30 + import type {} from '@atcute/tangled'; 31 31 + 32 32 + export const PUBLIC_API_SERVICE = 'https://public.api.bsky.app'; 33 33 + export const CONSTELLATION_SERVICE = 'https://constellation.microcosm.blue'; 34 34 + export const SLINGSHOT_SERVICE = 'https://slingshot.microcosm.blue'; 35 35 + export const SPACEDUST_SERVICE = 'wss://spacedust.microcosm.blue/subscribe'; 36 36 + 37 37 + export const TANGLED_OAUTH_SCOPE = import.meta.env.VITE_OAUTH_SCOPE; 38 38 + 39 39 + const REPO_COLLECTION: Nsid = 'sh.tangled.repo'; 40 40 + const STAR_COLLECTION: Nsid = 'sh.tangled.feed.star'; 41 41 + const ACTOR_PROFILE_COLLECTION: Nsid = 'sh.tangled.actor.profile'; 42 42 + const APP_BSKY_PROFILE_COLLECTION: Nsid = 'app.bsky.actor.profile'; 43 43 + const ISSUE_COLLECTION: Nsid = 'sh.tangled.repo.issue'; 44 44 + const ISSUE_COMMENT_COLLECTION: Nsid = 'sh.tangled.repo.issue.comment'; 45 45 + const ISSUE_STATE_COLLECTION: Nsid = 'sh.tangled.repo.issue.state'; 46 46 + const PULL_COLLECTION: Nsid = 'sh.tangled.repo.pull'; 47 47 + const PULL_COMMENT_COLLECTION: Nsid = 'sh.tangled.repo.pull.comment'; 48 48 + const PULL_STATUS_COLLECTION: Nsid = 'sh.tangled.repo.pull.status'; 49 49 + 50 50 + class SlingshotActorResolver implements ActorResolver { 51 51 + async resolve(actor: ActorIdentifier, options?: ResolveActorOptions): Promise<ResolvedActor> { 52 52 + const resolved = await ok( 53 53 + getRpc(SLINGSHOT_SERVICE).get('blue.microcosm.identity.resolveMiniDoc', { 54 54 + params: { 55 55 + identifier: actor, 56 56 + }, 57 57 + signal: options?.signal, 58 58 + }), 59 59 + ); 60 60 + 61 61 + return { 62 62 + did: resolved.did, 63 63 + handle: resolved.handle, 64 64 + pds: normalizeServiceUrl(resolved.pds), 65 65 + }; 66 66 + } 67 67 + } 68 68 + 69 69 + export const identityResolver = new SlingshotActorResolver(); 70 70 + 71 71 + export interface RepoContext { 72 72 + owner: ResolvedActor; 73 73 + record: RepoRecord; 74 74 + repoDid: Did; 75 75 + slug: string; 76 76 + rkey: string; 77 77 + knot: string; 78 78 + } 79 79 + 80 80 + export interface RepoRecord { 81 81 + uri: ResourceUri; 82 82 + cid: string; 83 83 + rkey: string; 84 84 + value: ShTangledRepo.Main; 85 85 + } 86 86 + 87 87 + export interface HydratedRecord<T> { 88 88 + author: ResolvedActor; 89 89 + collection: Nsid; 90 90 + rkey: string; 91 91 + uri: ResourceUri; 92 92 + cid?: string; 93 93 + value: T; 94 94 + } 95 95 + 96 96 + export interface IssueSummary extends HydratedRecord<ShTangledRepoIssue.Main> { 97 97 + number: number; 98 98 + state: 'open' | 'closed'; 99 99 + } 100 100 + 101 101 + export interface PullSummary extends HydratedRecord<ShTangledRepoPull.Main> { 102 102 + number: number; 103 103 + state: 'open' | 'closed' | 'merged'; 104 104 + } 105 105 + 106 106 + export interface IssueComment extends HydratedRecord<ShTangledRepoIssueComment.Main> {} 107 107 + export interface PullComment extends HydratedRecord<ShTangledRepoPullComment.Main> {} 108 108 + 109 109 + export interface IssueDetail { 110 110 + issue: IssueSummary; 111 111 + comments: IssueComment[]; 112 112 + } 113 113 + 114 114 + export interface PullDetail { 115 115 + pull: PullSummary; 116 116 + comments: PullComment[]; 117 117 + } 118 118 + 119 119 + export interface PaginatedResult<T> { 120 120 + items: T[]; 121 121 + totalCount?: number; 122 122 + hasNext: boolean; 123 123 + } 124 124 + 125 125 + export interface TreeResponse { 126 126 + ref: string; 127 127 + parent?: string; 128 128 + dotdot?: string; 129 129 + lastCommit?: CommitHeadline; 130 130 + readme?: { 131 131 + contents: string; 132 132 + filename: string; 133 133 + }; 134 134 + files: TreeEntry[]; 135 135 + } 136 136 + 137 137 + export interface TreeEntry { 138 138 + name: string; 139 139 + mode: string; 140 140 + size: number; 141 141 + last_commit?: CommitHeadline; 142 142 + } 143 143 + 144 144 + export interface CommitHeadline { 145 145 + hash: string; 146 146 + message: string; 147 147 + when: string; 148 148 + author?: { 149 149 + email: string; 150 150 + name: string; 151 151 + when: string; 152 152 + }; 153 153 + } 154 154 + 155 155 + export interface BranchResponse { 156 156 + branches: BranchEntry[]; 157 157 + } 158 158 + 159 159 + export interface DefaultBranchResponse { 160 160 + name: string; 161 161 + hash?: string; 162 162 + when?: string; 163 163 + } 164 164 + 165 165 + export interface BranchEntry { 166 166 + reference: { 167 167 + name: string; 168 168 + hash: string; 169 169 + }; 170 170 + commit?: { 171 171 + Message: string; 172 172 + Author?: { 173 173 + Name: string; 174 174 + Email: string; 175 175 + When: string; 176 176 + }; 177 177 + Committer?: { 178 178 + Name: string; 179 179 + Email: string; 180 180 + When: string; 181 181 + }; 182 182 + }; 183 183 + is_default?: boolean; 184 184 + } 185 185 + 186 186 + export interface TagResponse { 187 187 + tags: Array<{ 188 188 + name: string; 189 189 + hash: string; 190 190 + message?: string; 191 191 + tag?: { 192 192 + Name: string; 193 193 + Message: string; 194 194 + Tagger?: { 195 195 + Name: string; 196 196 + Email: string; 197 197 + When: string; 198 198 + }; 199 199 + }; 200 200 + }>; 201 201 + } 202 202 + 203 203 + export interface LanguageResponse { 204 204 + ref: string; 205 205 + totalFiles?: number; 206 206 + totalSize?: number; 207 207 + languages: Array<{ 208 208 + name: string; 209 209 + percentage: number; 210 210 + size: number; 211 211 + color?: string; 212 212 + }>; 213 213 + } 214 214 + 215 215 + export interface LogResponse { 216 216 + ref: string; 217 217 + total: number; 218 218 + page: number; 219 219 + per_page: number; 220 220 + log: boolean; 221 221 + commits: Array<{ 222 222 + this: string; 223 223 + message: string; 224 224 + author?: { 225 225 + Name: string; 226 226 + Email: string; 227 227 + When: string; 228 228 + }; 229 229 + committer?: { 230 230 + Name: string; 231 231 + Email: string; 232 232 + When: string; 233 233 + }; 234 234 + pgp_signature?: string; 235 235 + parent?: string; 236 236 + parent_hashes?: number[][]; 237 237 + }>; 238 238 + } 239 239 + 240 240 + export interface BlobResponse { 241 241 + path: string; 242 242 + ref: string; 243 243 + content?: string; 244 244 + encoding?: 'base64' | 'utf-8'; 245 245 + fileTooLarge?: boolean; 246 246 + isBinary?: boolean; 247 247 + mimeType?: string; 248 248 + size?: number; 249 249 + lastCommit?: CommitHeadline; 250 250 + submodule?: { 251 251 + name: string; 252 252 + url: string; 253 253 + branch?: string; 254 254 + }; 255 255 + } 256 256 + 257 257 + export interface ComparePatch { 258 258 + Title: string; 259 259 + Body: string; 260 260 + Raw: string; 261 261 + SHA: string; 262 262 + Author?: string; 263 263 + Committer?: string; 264 264 + AuthorDate?: string; 265 265 + CommitterDate?: string; 266 266 + SubjectPrefix?: string; 267 267 + RawHeaders?: string; 268 268 + BodyAppendix?: string; 269 269 + } 270 270 + 271 271 + export interface CompareResponse { 272 272 + rev1: string; 273 273 + rev2: string; 274 274 + patch: string; 275 275 + format_patch: ComparePatch[]; 276 276 + } 277 277 + 278 278 + export interface CreateIssueInput { 279 279 + title: string; 280 280 + body: string; 281 281 + } 282 282 + 283 283 + export interface CreatePullInput { 284 284 + title: string; 285 285 + body: string; 286 286 + targetBranch: string; 287 287 + sourceBranch: string; 288 288 + patch: string; 289 289 + } 290 290 + 291 291 + export interface RecordCreationResult { 292 292 + uri: ResourceUri; 293 293 + rkey: string; 294 294 + } 295 295 + 296 296 + interface BacklinkRecordRef { 297 297 + did: Did; 298 298 + collection: Nsid; 299 299 + rkey: string; 300 300 + } 301 301 + 302 302 + interface ProfileWithAvatar { 303 303 + avatar?: unknown; 304 304 + } 305 305 + 306 306 + const actorCache = new Map<string, Promise<ResolvedActor>>(); 307 307 + const rpcCache = new Map<string, Client>(); 308 308 + 309 309 + const normalizeServiceUrl = (input: string): string => { 310 310 + if (input.startsWith('http://') || input.startsWith('https://')) { 311 311 + return input; 312 312 + } 313 313 + 314 314 + return `https://${input}`; 315 315 + }; 316 316 + 317 317 + const getRpc = (service: string): Client => { 318 318 + const normalized = normalizeServiceUrl(service); 319 319 + const existing = rpcCache.get(normalized); 320 320 + if (existing) { 321 321 + return existing; 322 322 + } 323 323 + 324 324 + const client = new Client({ 325 325 + handler: simpleFetchHandler({ 326 326 + service: normalized, 327 327 + }), 328 328 + }); 329 329 + 330 330 + rpcCache.set(normalized, client); 331 331 + return client; 332 332 + }; 333 333 + 334 334 + export const createAuthRpc = (agent: OAuthUserAgent): Client => 335 335 + new Client({ 336 336 + handler: agent, 337 337 + }); 338 338 + 339 339 + export const resolveActor = async (identifier: string): Promise<ResolvedActor> => { 340 340 + const key = identifier.toLowerCase(); 341 341 + const cached = actorCache.get(key); 342 342 + if (cached) { 343 343 + return cached; 344 344 + } 345 345 + 346 346 + const promise = identityResolver.resolve(asActorIdentifier(identifier)); 347 347 + actorCache.set(key, promise); 348 348 + return promise; 349 349 + }; 350 350 + 351 351 + const fetchAllRepoRecords = async ( 352 352 + actor: ResolvedActor, 353 353 + collection: Nsid, 354 354 + ): Promise<Array<{ uri: ResourceUri; cid: string; value: unknown }>> => { 355 355 + const rpc = getRpc(actor.pds); 356 356 + const records: Array<{ uri: ResourceUri; cid: string; value: unknown }> = []; 357 357 + let cursor: string | undefined; 358 358 + 359 359 + do { 360 360 + const page = await ok( 361 361 + rpc.get('com.atproto.repo.listRecords', { 362 362 + params: { 363 363 + repo: actor.did, 364 364 + collection, 365 365 + limit: 100, 366 366 + cursor, 367 367 + reverse: true, 368 368 + }, 369 369 + }), 370 370 + ); 371 371 + 372 372 + records.push(...page.records); 373 373 + cursor = page.cursor; 374 374 + } while (cursor); 375 375 + 376 376 + return records; 377 377 + }; 378 378 + 379 379 + export const listRepoRecords = async (owner: string | ResolvedActor): Promise<RepoRecord[]> => { 380 380 + const actor = typeof owner === 'string' ? await resolveActor(owner) : owner; 381 381 + const records = await fetchAllRepoRecords(actor, REPO_COLLECTION); 382 382 + 383 383 + return records.map((record) => ({ 384 384 + uri: record.uri, 385 385 + cid: record.cid, 386 386 + rkey: parseAtUri(record.uri).rkey, 387 387 + value: record.value as ShTangledRepo.Main, 388 388 + })); 389 389 + }; 390 390 + 391 391 + export interface RepoStarSummary { 392 392 + count: number; 393 393 + isStarred: boolean; 394 394 + currentUserStarRkey?: string; 395 395 + } 396 396 + 397 397 + const STAR_BACKLINK_SOURCES = [ 398 398 + 'sh.tangled.feed.star:subject.did', 399 399 + 'sh.tangled.feed.star:subjectDid', 400 400 + ]; 401 401 + 402 402 + export const getRepoStarSummary = async (repo: RepoContext, viewerDid?: Did | null): Promise<RepoStarSummary> => { 403 403 + const starrers = new Set<Did>(); 404 404 + const backlinkDidGroups = await Promise.all(STAR_BACKLINK_SOURCES.map((source) => getBacklinkDids(repo.repoDid, source))); 405 405 + 406 406 + for (const did of backlinkDidGroups.flat()) { 407 407 + starrers.add(did); 408 408 + } 409 409 + 410 410 + const currentUserStar = 411 411 + viewerDid && starrers.has(viewerDid) 412 412 + ? await findBacklinkRefByDid(repo.repoDid, STAR_BACKLINK_SOURCES, viewerDid) 413 413 + : undefined; 414 414 + 415 415 + return { 416 416 + count: starrers.size, 417 417 + isStarred: !!currentUserStar, 418 418 + currentUserStarRkey: currentUserStar?.rkey, 419 419 + }; 420 420 + }; 421 421 + 422 422 + export const getRepoStarCount = async (repo: RepoContext): Promise<number> => { 423 423 + const summary = await getRepoStarSummary(repo); 424 424 + return summary.count; 425 425 + }; 426 426 + 427 427 + export const createRepoStar = async (agent: OAuthUserAgent, repo: RepoContext): Promise<RecordCreationResult> => { 428 428 + const rpc = createAuthRpc(agent); 429 429 + const record: ShTangledFeedStar.Main = { 430 430 + $type: 'sh.tangled.feed.star', 431 431 + subject: { 432 432 + $type: 'sh.tangled.feed.star#repo', 433 433 + did: repo.repoDid, 434 434 + }, 435 435 + createdAt: new Date().toISOString(), 436 436 + }; 437 437 + const result = await ok( 438 438 + rpc.post('com.atproto.repo.createRecord', { 439 439 + input: { 440 440 + repo: agent.sub, 441 441 + collection: STAR_COLLECTION, 442 442 + record, 443 443 + }, 444 444 + }), 445 445 + ); 446 446 + 447 447 + return { 448 448 + uri: result.uri, 449 449 + rkey: parseAtUri(result.uri).rkey, 450 450 + }; 451 451 + }; 452 452 + 453 453 + export const deleteRepoStar = async (agent: OAuthUserAgent, rkey: string): Promise<void> => { 454 454 + const rpc = createAuthRpc(agent); 455 455 + await ok( 456 456 + rpc.post('com.atproto.repo.deleteRecord', { 457 457 + input: { 458 458 + repo: agent.sub, 459 459 + collection: STAR_COLLECTION, 460 460 + rkey, 461 461 + }, 462 462 + }), 463 463 + ); 464 464 + }; 465 465 + 466 466 + export const getRepo = async (ownerIdentifier: string, repoSlug: string): Promise<RepoContext> => { 467 467 + const owner = await resolveActor(ownerIdentifier); 468 468 + const all = await listRepoRecords(owner); 469 469 + const wanted = repoSlug.trim().toLowerCase(); 470 470 + const match = all.find((record) => { 471 471 + const name = record.value.name?.trim().toLowerCase(); 472 472 + return name === wanted || record.rkey.toLowerCase() === wanted; 473 473 + }); 474 474 + 475 475 + if (!match) { 476 476 + throw new Error(`Repository not found: ${ownerIdentifier}/${repoSlug}`); 477 477 + } 478 478 + 479 479 + if (!match.value.repoDid) { 480 480 + throw new Error(`Repository is missing repoDid metadata`); 481 481 + } 482 482 + 483 483 + const slug = match.value.name?.trim() || match.rkey; 484 484 + 485 485 + return { 486 486 + owner, 487 487 + record: match, 488 488 + repoDid: match.value.repoDid, 489 489 + slug, 490 490 + rkey: match.rkey, 491 491 + knot: normalizeServiceUrl(match.value.knot), 492 492 + }; 493 493 + }; 494 494 + 495 495 + export const getRepoTree = async ( 496 496 + repo: RepoContext, 497 497 + ref: string, 498 498 + path = '', 499 499 + ): Promise<TreeResponse> => 500 500 + (await ok( 501 501 + getRpc(repo.knot).get('sh.tangled.repo.tree', { 502 502 + params: { 503 503 + repo: repo.repoDid, 504 504 + ref, 505 505 + path, 506 506 + }, 507 507 + }), 508 508 + )) as TreeResponse; 509 509 + 510 510 + export const getRepoBranches = async (repo: RepoContext): Promise<BranchResponse> => 511 511 + (await ok( 512 512 + getRpc(repo.knot).get('sh.tangled.repo.branches', { 513 513 + params: { 514 514 + repo: repo.repoDid, 515 515 + }, 516 516 + as: 'json', 517 517 + }), 518 518 + )) as BranchResponse; 519 519 + 520 520 + export const getRepoDefaultBranch = async (repo: RepoContext): Promise<DefaultBranchResponse> => 521 521 + (await ok( 522 522 + getRpc(repo.knot).get('sh.tangled.repo.getDefaultBranch', { 523 523 + params: { 524 524 + repo: repo.repoDid, 525 525 + }, 526 526 + }), 527 527 + )) as DefaultBranchResponse; 528 528 + 529 529 + export const getRepoTags = async (repo: RepoContext): Promise<TagResponse> => 530 530 + (await ok( 531 531 + getRpc(repo.knot).get('sh.tangled.repo.tags', { 532 532 + params: { 533 533 + repo: repo.repoDid, 534 534 + }, 535 535 + as: 'json', 536 536 + }), 537 537 + )) as TagResponse; 538 538 + 539 539 + export const getRepoLanguages = async (repo: RepoContext, ref: string): Promise<LanguageResponse> => 540 540 + (await ok( 541 541 + getRpc(repo.knot).get('sh.tangled.repo.languages', { 542 542 + params: { 543 543 + repo: repo.repoDid, 544 544 + ref, 545 545 + }, 546 546 + }), 547 547 + )) as LanguageResponse; 548 548 + 549 549 + export const getRepoLog = async (repo: RepoContext, ref: string): Promise<LogResponse> => 550 550 + (await ok( 551 551 + getRpc(repo.knot).get('sh.tangled.repo.log', { 552 552 + params: { 553 553 + repo: repo.repoDid, 554 554 + ref, 555 555 + limit: 8, 556 556 + }, 557 557 + as: 'json', 558 558 + }), 559 559 + )) as LogResponse; 560 560 + 561 561 + export const getRepoBlob = async ( 562 562 + repo: RepoContext, 563 563 + ref: string, 564 564 + path: string, 565 565 + ): Promise<BlobResponse> => 566 566 + (await ok( 567 567 + getRpc(repo.knot).get('sh.tangled.repo.blob', { 568 568 + params: { 569 569 + repo: repo.repoDid, 570 570 + ref, 571 571 + path, 572 572 + }, 573 573 + }), 574 574 + )) as BlobResponse; 575 575 + 576 576 + export const compareBranches = async ( 577 577 + repo: RepoContext, 578 578 + rev1: string, 579 579 + rev2: string, 580 580 + ): Promise<CompareResponse> => 581 581 + (await ok( 582 582 + getRpc(repo.knot).get('sh.tangled.repo.compare', { 583 583 + params: { 584 584 + repo: repo.repoDid, 585 585 + rev1, 586 586 + rev2, 587 587 + }, 588 588 + as: 'json', 589 589 + }), 590 590 + )) as CompareResponse; 591 591 + 592 592 + const getBacklinksPage = async ( 593 593 + subject: GenericUri, 594 594 + source: string, 595 595 + limit: number, 596 596 + cursor?: string, 597 597 + ): Promise<{ records: BacklinkRecordRef[]; cursor?: string; total?: number }> => { 598 598 + const constellation = getRpc(CONSTELLATION_SERVICE); 599 599 + const page = await ok( 600 600 + constellation.get('blue.microcosm.links.getBacklinks', { 601 601 + params: { 602 602 + subject, 603 603 + source, 604 604 + limit, 605 605 + ...(cursor ? { cursor } : {}), 606 606 + }, 607 607 + }), 608 608 + ); 609 609 + 610 610 + return page as { records: BacklinkRecordRef[]; cursor?: string; total?: number }; 611 611 + }; 612 612 + 613 613 + const getBacklinkDidsPage = async ( 614 614 + subject: GenericUri, 615 615 + source: string, 616 616 + limit: number, 617 617 + cursor?: string, 618 618 + ): Promise<{ linking_dids: Did[]; cursor?: string | null; total?: number }> => { 619 619 + const constellation = getRpc(CONSTELLATION_SERVICE); 620 620 + const page = await ok( 621 621 + constellation.get('blue.microcosm.links.getBacklinkDids', { 622 622 + params: { 623 623 + subject, 624 624 + source, 625 625 + limit, 626 626 + ...(cursor ? { cursor } : {}), 627 627 + }, 628 628 + }), 629 629 + ); 630 630 + 631 631 + return page as { linking_dids: Did[]; cursor?: string | null; total?: number }; 632 632 + }; 633 633 + 634 634 + const getBacklinkDids = async (subject: GenericUri, source: string): Promise<Did[]> => { 635 635 + const dids: Did[] = []; 636 636 + let cursor: string | null = null; 637 637 + 638 638 + do { 639 639 + const page = await getBacklinkDidsPage(subject, source, 100, cursor ?? undefined); 640 640 + dids.push(...page.linking_dids); 641 641 + cursor = page.cursor ?? null; 642 642 + } while (cursor); 643 643 + 644 644 + return dids; 645 645 + }; 646 646 + 647 647 + const findBacklinkRefByDidForSource = async ( 648 648 + subject: GenericUri, 649 649 + source: string, 650 650 + did: Did, 651 651 + ): Promise<BacklinkRecordRef | undefined> => { 652 652 + let cursor: string | null = null; 653 653 + 654 654 + do { 655 655 + const page = await getBacklinksPage(subject, source, 100, cursor ?? undefined); 656 656 + const ref = page.records.find((record) => record.did === did && record.collection === STAR_COLLECTION); 657 657 + if (ref) { 658 658 + return ref; 659 659 + } 660 660 + cursor = page.cursor ?? null; 661 661 + } while (cursor); 662 662 + }; 663 663 + 664 664 + const findBacklinkRefByDid = async ( 665 665 + subject: GenericUri, 666 666 + sources: string[], 667 667 + did: Did, 668 668 + ): Promise<BacklinkRecordRef | undefined> => { 669 669 + const refs = await Promise.all(sources.map((source) => findBacklinkRefByDidForSource(subject, source, did))); 670 670 + return refs.find((ref) => ref); 671 671 + }; 672 672 + 673 673 + const getBacklinks = async (subject: GenericUri, source: string): Promise<BacklinkRecordRef[]> => { 674 674 + const records: BacklinkRecordRef[] = []; 675 675 + let cursor: string | null = null; 676 676 + const constellation = getRpc(CONSTELLATION_SERVICE); 677 677 + 678 678 + do { 679 679 + const page: { records: BacklinkRecordRef[]; cursor?: string | null } = await ok( 680 680 + constellation.get('blue.microcosm.links.getBacklinks', { 681 681 + params: { 682 682 + subject, 683 683 + source, 684 684 + limit: 100, 685 685 + ...(cursor ? { cursor } : {}), 686 686 + }, 687 687 + }), 688 688 + ); 689 689 + records.push(...page.records); 690 690 + cursor = page.cursor ?? null; 691 691 + } while (cursor); 692 692 + 693 693 + return records; 694 694 + }; 695 695 + 696 696 + const hydrateRecord = async <T>( 697 697 + ref: BacklinkRecordRef | { did: Did; collection: Nsid; rkey: string }, 698 698 + ): Promise<HydratedRecord<T>> => { 699 699 + const actor = await resolveActor(ref.did); 700 700 + const record = await ok( 701 701 + getRpc(SLINGSHOT_SERVICE).get('com.atproto.repo.getRecord', { 702 702 + params: { 703 703 + repo: ref.did, 704 704 + collection: ref.collection, 705 705 + rkey: ref.rkey, 706 706 + }, 707 707 + }), 708 708 + ); 709 709 + 710 710 + return { 711 711 + author: actor, 712 712 + collection: ref.collection, 713 713 + rkey: ref.rkey, 714 714 + uri: record.uri, 715 715 + cid: record.cid, 716 716 + value: record.value as T, 717 717 + }; 718 718 + }; 719 719 + 720 720 + const fetchRecordValue = async <T>( 721 721 + ref: BacklinkRecordRef | { did: Did; collection: Nsid; rkey: string }, 722 722 + ): Promise<T> => { 723 723 + const record = await ok( 724 724 + getRpc(SLINGSHOT_SERVICE).get('com.atproto.repo.getRecord', { 725 725 + params: { 726 726 + repo: ref.did, 727 727 + collection: ref.collection, 728 728 + rkey: ref.rkey, 729 729 + }, 730 730 + }), 731 731 + ); 732 732 + 733 733 + return record.value as T; 734 734 + }; 735 735 + 736 736 + const hydrateBacklinks = async <T>(refs: BacklinkRecordRef[]): Promise<Array<HydratedRecord<T>>> => 737 737 + Promise.all(refs.map((ref) => hydrateRecord<T>(ref))); 738 738 + 739 739 + const getOptionalRecord = async <T>( 740 740 + actor: ResolvedActor, 741 741 + collection: Nsid, 742 742 + rkey: string, 743 743 + ): Promise<T | null> => { 744 744 + try { 745 745 + const record = await ok( 746 746 + getRpc(SLINGSHOT_SERVICE).get('com.atproto.repo.getRecord', { 747 747 + params: { 748 748 + repo: actor.did, 749 749 + collection, 750 750 + rkey, 751 751 + }, 752 752 + }), 753 753 + ); 754 754 + 755 755 + return record.value as T; 756 756 + } catch (cause) { 757 757 + if ( 758 758 + cause instanceof ClientResponseError && 759 759 + (cause.status === 400 || cause.status === 404) 760 760 + ) { 761 761 + return null; 762 762 + } 763 763 + 764 764 + throw cause; 765 765 + } 766 766 + }; 767 767 + 768 768 + const toNumberMap = <T extends { uri: string; rkey: string; value: { createdAt?: string } }>( 769 769 + items: T[], 770 770 + ): Map<string, number> => { 771 771 + const ordered = [...items].sort((left, right) => { 772 772 + const leftTime = left.value.createdAt ? new Date(left.value.createdAt).getTime() : 0; 773 773 + const rightTime = right.value.createdAt ? new Date(right.value.createdAt).getTime() : 0; 774 774 + if (leftTime !== rightTime) { 775 775 + return leftTime - rightTime; 776 776 + } 777 777 + 778 778 + return left.rkey.localeCompare(right.rkey); 779 779 + }); 780 780 + 781 781 + return new Map(ordered.map((item, index) => [item.uri, index + 1])); 782 782 + }; 783 783 + 784 784 + const normalizeIssueState = (value?: string): 'open' | 'closed' => 785 785 + value?.endsWith('.closed') ? 'closed' : 'open'; 786 786 + 787 787 + const normalizePullStatus = (value?: string): 'open' | 'closed' | 'merged' => { 788 788 + if (value?.endsWith('.merged')) { 789 789 + return 'merged'; 790 790 + } 791 791 + 792 792 + if (value?.endsWith('.closed')) { 793 793 + return 'closed'; 794 794 + } 795 795 + 796 796 + return 'open'; 797 797 + }; 798 798 + 799 799 + const latestBacklinkRefByRkey = (refs: BacklinkRecordRef[]): BacklinkRecordRef | undefined => 800 800 + [...refs].sort((left, right) => left.rkey.localeCompare(right.rkey)).at(-1); 801 801 + 802 802 + const BACKLINK_BATCH_LIMIT = 50; 803 803 + 804 804 + const listBacklinkedRecordsPage = async <T extends { createdAt?: string }, State extends string>( 805 805 + subject: GenericUri, 806 806 + source: string | string[], 807 807 + options: { offset: number; limit: number; state: State }, 808 808 + getState: (uri: ResourceUri) => Promise<State>, 809 809 + ): Promise<PaginatedResult<HydratedRecord<T> & { number: number; state: State }>> => { 810 810 + const requestedEnd = options.offset + options.limit; 811 811 + const items: Array<HydratedRecord<T> & { number: number; state: State }> = []; 812 812 + const sources = Array.isArray(source) ? source : [source]; 813 813 + const batchLimit = Math.min(BACKLINK_BATCH_LIMIT, Math.max(options.limit + 1, 1)); 814 814 + const cursors = new Map(sources.map((entry) => [entry, undefined as string | undefined])); 815 815 + const exhausted = new Set<string>(); 816 816 + const seenRefs = new Set<string>(); 817 817 + let matchingSeen = 0; 818 818 + let scannedSeen = 0; 819 819 + let total: number | undefined; 820 820 + 821 821 + while (items.length <= options.limit) { 822 822 + const pages = await Promise.all( 823 823 + sources 824 824 + .filter((entry) => !exhausted.has(entry)) 825 825 + .map(async (entry) => ({ 826 826 + source: entry, 827 827 + page: await getBacklinksPage(subject, entry, batchLimit, cursors.get(entry)), 828 828 + })), 829 829 + ); 830 830 + 831 831 + if (pages.length === 0) { 832 832 + return { items, totalCount: matchingSeen, hasNext: false }; 833 833 + } 834 834 + 835 835 + const refs = pages 836 836 + .flatMap(({ source: entry, page }) => { 837 837 + total = sources.length === 1 ? page.total ?? total : undefined; 838 838 + cursors.set(entry, page.cursor); 839 839 + if (!page.cursor) { 840 840 + exhausted.add(entry); 841 841 + } 842 842 + return page.records; 843 843 + }) 844 844 + .filter((ref) => { 845 845 + const key = `${ref.did}/${ref.collection}/${ref.rkey}`; 846 846 + if (seenRefs.has(key)) { 847 847 + return false; 848 848 + } 849 849 + seenRefs.add(key); 850 850 + return true; 851 851 + }); 852 852 + 853 853 + if (refs.length === 0) { 854 854 + if (exhausted.size === sources.length) { 855 855 + return { items, totalCount: matchingSeen, hasNext: false }; 856 856 + } 857 857 + continue; 858 858 + } 859 859 + 860 860 + if (pages.every(({ page }) => page.records.length === 0)) { 861 861 + return { items, totalCount: matchingSeen, hasNext: false }; 862 862 + } 863 863 + 864 864 + const hydrated = await hydrateBacklinks<T>(refs); 865 865 + hydrated.sort(sortByCreatedAt).reverse(); 866 866 + const states = await Promise.all(hydrated.map((record) => getState(record.uri))); 867 867 + 868 868 + for (let index = 0; index < hydrated.length; index += 1) { 869 869 + const record = hydrated[index]; 870 870 + const state = states[index]; 871 871 + const number = total ? Math.max(total - scannedSeen, 1) : scannedSeen + 1; 872 872 + scannedSeen += 1; 873 873 + 874 874 + if (state !== options.state) { 875 875 + continue; 876 876 + } 877 877 + 878 878 + if (matchingSeen >= options.offset && matchingSeen < requestedEnd + 1) { 879 879 + items.push({ ...record, number, state }); 880 880 + } 881 881 + 882 882 + matchingSeen += 1; 883 883 + if (matchingSeen > requestedEnd) { 884 884 + return { items: items.slice(0, options.limit), hasNext: true }; 885 885 + } 886 886 + } 887 887 + 888 888 + if (exhausted.size === sources.length) { 889 889 + return { items, totalCount: matchingSeen, hasNext: false }; 890 890 + } 891 891 + } 892 892 + 893 893 + return { items: items.slice(0, options.limit), hasNext: true }; 894 894 + }; 895 895 + 896 896 + const getLatestIssueState = async (issueUri: ResourceUri): Promise<'open' | 'closed'> => { 897 897 + const refs = await getBacklinks(issueUri, 'sh.tangled.repo.issue.state:issue'); 898 898 + if (refs.length === 0) { 899 899 + return 'open'; 900 900 + } 901 901 + 902 902 + const state = await fetchRecordValue<ShTangledRepoIssueState.Main>(latestBacklinkRefByRkey(refs)!); 903 903 + return normalizeIssueState(state.state); 904 904 + }; 905 905 + 906 906 + const getLatestPullStatus = async (pullUri: ResourceUri): Promise<'open' | 'closed' | 'merged'> => { 907 907 + const refs = await getBacklinks(pullUri, 'sh.tangled.repo.pull.status:pull'); 908 908 + if (refs.length === 0) { 909 909 + return 'open'; 910 910 + } 911 911 + 912 912 + const status = await fetchRecordValue<ShTangledRepoPullStatus.Main>(latestBacklinkRefByRkey(refs)!); 913 913 + return normalizePullStatus(status.status); 914 914 + }; 915 915 + 916 916 + export const listIssues = async (repo: RepoContext): Promise<IssueSummary[]> => { 917 917 + const refs = Array.from( 918 918 + new Map( 919 919 + ( 920 920 + await Promise.all([ 921 921 + getBacklinks(repo.repoDid, 'sh.tangled.repo.issue:repoDid'), 922 922 + getBacklinks(repo.repoDid, 'sh.tangled.repo.issue:repo'), 923 923 + ]) 924 924 + ) 925 925 + .flat() 926 926 + .map((ref) => [`${ref.did}/${ref.collection}/${ref.rkey}`, ref] as const), 927 927 + ).values(), 928 928 + ); 929 929 + const issues = await hydrateBacklinks<ShTangledRepoIssue.Main>(refs); 930 930 + const numbers = toNumberMap(issues); 931 931 + const states = await Promise.all(issues.map((issue) => getLatestIssueState(issue.uri))); 932 932 + 933 933 + return issues 934 934 + .map((issue, index) => ({ 935 935 + ...issue, 936 936 + number: numbers.get(issue.uri) ?? index + 1, 937 937 + state: states[index], 938 938 + })) 939 939 + .sort((left, right) => right.number - left.number); 940 940 + }; 941 941 + 942 942 + export const listIssuesPage = async ( 943 943 + repo: RepoContext, 944 944 + options: { offset: number; limit: number; state: 'open' | 'closed' }, 945 945 + ): Promise<PaginatedResult<IssueSummary>> => 946 946 + listBacklinkedRecordsPage<ShTangledRepoIssue.Main, 'open' | 'closed'>( 947 947 + repo.repoDid, 948 948 + ['sh.tangled.repo.issue:repoDid', 'sh.tangled.repo.issue:repo'], 949 949 + options, 950 950 + getLatestIssueState, 951 951 + ); 952 952 + 953 953 + export const getIssue = async (repo: RepoContext, issueRef: string): Promise<IssueDetail> => { 954 954 + const issues = await listIssues(repo); 955 955 + const issue = findNumberedRecord(issues, issueRef); 956 956 + if (!issue) { 957 957 + throw new Error(`Issue not found`); 958 958 + } 959 959 + 960 960 + const commentRefs = await getBacklinks(issue.uri, 'sh.tangled.repo.issue.comment:issue'); 961 961 + const comments = await hydrateBacklinks<ShTangledRepoIssueComment.Main>(commentRefs); 962 962 + comments.sort(sortByCreatedAt); 963 963 + 964 964 + return { 965 965 + issue, 966 966 + comments, 967 967 + }; 968 968 + }; 969 969 + 970 970 + export const listPulls = async (repo: RepoContext): Promise<PullSummary[]> => { 971 971 + const refs = await getBacklinks(repo.repoDid, 'sh.tangled.repo.pull:target.repo'); 972 972 + const pulls = await hydrateBacklinks<ShTangledRepoPull.Main>(refs); 973 973 + const numbers = toNumberMap(pulls); 974 974 + const states = await Promise.all(pulls.map((pull) => getLatestPullStatus(pull.uri))); 975 975 + 976 976 + return pulls 977 977 + .map((pull, index) => ({ 978 978 + ...pull, 979 979 + number: numbers.get(pull.uri) ?? index + 1, 980 980 + state: states[index], 981 981 + })) 982 982 + .sort((left, right) => right.number - left.number); 983 983 + }; 984 984 + 985 985 + export const listPullsPage = async ( 986 986 + repo: RepoContext, 987 987 + options: { offset: number; limit: number; state: 'open' | 'closed' | 'merged' }, 988 988 + ): Promise<PaginatedResult<PullSummary>> => 989 989 + listBacklinkedRecordsPage<ShTangledRepoPull.Main, 'open' | 'closed' | 'merged'>( 990 990 + repo.repoDid, 991 991 + 'sh.tangled.repo.pull:target.repo', 992 992 + options, 993 993 + getLatestPullStatus, 994 994 + ); 995 995 + 996 996 + export const getPull = async (repo: RepoContext, pullRef: string): Promise<PullDetail> => { 997 997 + const pulls = await listPulls(repo); 998 998 + const pull = findNumberedRecord(pulls, pullRef); 999 999 + if (!pull) { 1000 1000 + throw new Error(`Pull request not found`); 1001 1001 + } 1002 1002 + 1003 1003 + const commentRefs = await getBacklinks(pull.uri, 'sh.tangled.repo.pull.comment:pull'); 1004 1004 + const comments = await hydrateBacklinks<ShTangledRepoPullComment.Main>(commentRefs); 1005 1005 + comments.sort(sortByCreatedAt); 1006 1006 + 1007 1007 + return { 1008 1008 + pull, 1009 1009 + comments, 1010 1010 + }; 1011 1011 + }; 1012 1012 + 1013 1013 + export const fetchPullRoundPatch = async ( 1014 1014 + pull: PullSummary, 1015 1015 + roundIndex: number, 1016 1016 + ): Promise<string> => { 1017 1017 + const round = pull.value.rounds[roundIndex]; 1018 1018 + if (!round) { 1019 1019 + throw new Error(`Round ${roundIndex + 1} not found`); 1020 1020 + } 1021 1021 + 1022 1022 + const cid = extractBlobCid(round.patchBlob); 1023 1023 + if (!cid) { 1024 1024 + throw new Error(`Missing patch blob CID`); 1025 1025 + } 1026 1026 + 1027 1027 + const rpc = getRpc(pull.author.pds); 1028 1028 + const bytes = await ok( 1029 1029 + rpc.get('com.atproto.sync.getBlob', { 1030 1030 + params: { 1031 1031 + did: pull.author.did, 1032 1032 + cid, 1033 1033 + }, 1034 1034 + as: 'bytes', 1035 1035 + }), 1036 1036 + ); 1037 1037 + 1038 1038 + return strFromU8(gunzipSync(bytes)); 1039 1039 + }; 1040 1040 + 1041 1041 + export const createIssue = async ( 1042 1042 + agent: OAuthUserAgent, 1043 1043 + repo: RepoContext, 1044 1044 + input: CreateIssueInput, 1045 1045 + ): Promise<RecordCreationResult> => { 1046 1046 + const rpc = createAuthRpc(agent); 1047 1047 + const record: ShTangledRepoIssue.Main = { 1048 1048 + $type: 'sh.tangled.repo.issue', 1049 1049 + repo: repo.repoDid, 1050 1050 + title: input.title.trim(), 1051 1051 + body: optionalString(input.body), 1052 1052 + createdAt: new Date().toISOString(), 1053 1053 + mentions: extractDids(input.body), 1054 1054 + references: extractAtUris(input.body), 1055 1055 + }; 1056 1056 + 1057 1057 + const result = await ok( 1058 1058 + rpc.post('com.atproto.repo.createRecord', { 1059 1059 + input: { 1060 1060 + repo: agent.sub, 1061 1061 + collection: ISSUE_COLLECTION, 1062 1062 + record, 1063 1063 + }, 1064 1064 + }), 1065 1065 + ); 1066 1066 + 1067 1067 + return { 1068 1068 + uri: result.uri, 1069 1069 + rkey: parseAtUri(result.uri).rkey, 1070 1070 + }; 1071 1071 + }; 1072 1072 + 1073 1073 + export const createIssueComment = async ( 1074 1074 + agent: OAuthUserAgent, 1075 1075 + issueUri: ResourceUri, 1076 1076 + body: string, 1077 1077 + replyTo?: ResourceUri, 1078 1078 + ): Promise<RecordCreationResult> => { 1079 1079 + const rpc = createAuthRpc(agent); 1080 1080 + const record: ShTangledRepoIssueComment.Main = { 1081 1081 + $type: 'sh.tangled.repo.issue.comment', 1082 1082 + issue: issueUri, 1083 1083 + body: body.trim(), 1084 1084 + createdAt: new Date().toISOString(), 1085 1085 + mentions: extractDids(body), 1086 1086 + references: extractAtUris(body), 1087 1087 + ...(replyTo ? { replyTo } : {}), 1088 1088 + }; 1089 1089 + 1090 1090 + const result = await ok( 1091 1091 + rpc.post('com.atproto.repo.createRecord', { 1092 1092 + input: { 1093 1093 + repo: agent.sub, 1094 1094 + collection: ISSUE_COMMENT_COLLECTION, 1095 1095 + record, 1096 1096 + }, 1097 1097 + }), 1098 1098 + ); 1099 1099 + 1100 1100 + return { 1101 1101 + uri: result.uri, 1102 1102 + rkey: parseAtUri(result.uri).rkey, 1103 1103 + }; 1104 1104 + }; 1105 1105 + 1106 1106 + export const setIssueState = async ( 1107 1107 + agent: OAuthUserAgent, 1108 1108 + issueUri: ResourceUri, 1109 1109 + state: 'open' | 'closed', 1110 1110 + ): Promise<RecordCreationResult> => { 1111 1111 + const rpc = createAuthRpc(agent); 1112 1112 + const record: ShTangledRepoIssueState.Main = { 1113 1113 + $type: 'sh.tangled.repo.issue.state', 1114 1114 + issue: issueUri, 1115 1115 + state: 1116 1116 + state === 'closed' 1117 1117 + ? 'sh.tangled.repo.issue.state.closed' 1118 1118 + : 'sh.tangled.repo.issue.state.open', 1119 1119 + }; 1120 1120 + 1121 1121 + const result = await ok( 1122 1122 + rpc.post('com.atproto.repo.createRecord', { 1123 1123 + input: { 1124 1124 + repo: agent.sub, 1125 1125 + collection: ISSUE_STATE_COLLECTION, 1126 1126 + record, 1127 1127 + }, 1128 1128 + }), 1129 1129 + ); 1130 1130 + 1131 1131 + return { 1132 1132 + uri: result.uri, 1133 1133 + rkey: parseAtUri(result.uri).rkey, 1134 1134 + }; 1135 1135 + }; 1136 1136 + 1137 1137 + export const createPull = async ( 1138 1138 + agent: OAuthUserAgent, 1139 1139 + repo: RepoContext, 1140 1140 + input: CreatePullInput, 1141 1141 + ): Promise<RecordCreationResult> => { 1142 1142 + const rpc = createAuthRpc(agent); 1143 1143 + const patchBytes = new Uint8Array(gzipSync(strToU8(input.patch))); 1144 1144 + const patchBlob = new Blob([patchBytes.buffer], { 1145 1145 + type: 'application/gzip', 1146 1146 + }); 1147 1147 + 1148 1148 + const uploaded = await ok( 1149 1149 + rpc.post('com.atproto.repo.uploadBlob', { 1150 1150 + input: patchBlob, 1151 1151 + }), 1152 1152 + ); 1153 1153 + 1154 1154 + const record: ShTangledRepoPull.Main = { 1155 1155 + $type: 'sh.tangled.repo.pull', 1156 1156 + title: input.title.trim(), 1157 1157 + body: optionalString(input.body), 1158 1158 + target: { 1159 1159 + repo: repo.repoDid, 1160 1160 + branch: input.targetBranch, 1161 1161 + }, 1162 1162 + source: { 1163 1163 + branch: input.sourceBranch, 1164 1164 + }, 1165 1165 + rounds: [ 1166 1166 + { 1167 1167 + createdAt: new Date().toISOString(), 1168 1168 + patchBlob: uploaded.blob, 1169 1169 + }, 1170 1170 + ], 1171 1171 + createdAt: new Date().toISOString(), 1172 1172 + mentions: extractDids(input.body), 1173 1173 + references: extractAtUris(input.body), 1174 1174 + }; 1175 1175 + 1176 1176 + const result = await ok( 1177 1177 + rpc.post('com.atproto.repo.createRecord', { 1178 1178 + input: { 1179 1179 + repo: agent.sub, 1180 1180 + collection: PULL_COLLECTION, 1181 1181 + record, 1182 1182 + }, 1183 1183 + }), 1184 1184 + ); 1185 1185 + 1186 1186 + return { 1187 1187 + uri: result.uri, 1188 1188 + rkey: parseAtUri(result.uri).rkey, 1189 1189 + }; 1190 1190 + }; 1191 1191 + 1192 1192 + export const createPullComment = async ( 1193 1193 + agent: OAuthUserAgent, 1194 1194 + pullUri: ResourceUri, 1195 1195 + body: string, 1196 1196 + ): Promise<RecordCreationResult> => { 1197 1197 + const rpc = createAuthRpc(agent); 1198 1198 + const record: ShTangledRepoPullComment.Main = { 1199 1199 + $type: 'sh.tangled.repo.pull.comment', 1200 1200 + pull: pullUri, 1201 1201 + body: body.trim(), 1202 1202 + createdAt: new Date().toISOString(), 1203 1203 + mentions: extractDids(body), 1204 1204 + references: extractAtUris(body), 1205 1205 + }; 1206 1206 + 1207 1207 + const result = await ok( 1208 1208 + rpc.post('com.atproto.repo.createRecord', { 1209 1209 + input: { 1210 1210 + repo: agent.sub, 1211 1211 + collection: PULL_COMMENT_COLLECTION, 1212 1212 + record, 1213 1213 + }, 1214 1214 + }), 1215 1215 + ); 1216 1216 + 1217 1217 + return { 1218 1218 + uri: result.uri, 1219 1219 + rkey: parseAtUri(result.uri).rkey, 1220 1220 + }; 1221 1221 + }; 1222 1222 + 1223 1223 + export const setPullStatus = async ( 1224 1224 + agent: OAuthUserAgent, 1225 1225 + pullUri: ResourceUri, 1226 1226 + status: 'open' | 'closed' | 'merged', 1227 1227 + ): Promise<RecordCreationResult> => { 1228 1228 + const rpc = createAuthRpc(agent); 1229 1229 + const record: ShTangledRepoPullStatus.Main = { 1230 1230 + $type: 'sh.tangled.repo.pull.status', 1231 1231 + pull: pullUri, 1232 1232 + status: 1233 1233 + status === 'merged' 1234 1234 + ? 'sh.tangled.repo.pull.status.merged' 1235 1235 + : status === 'closed' 1236 1236 + ? 'sh.tangled.repo.pull.status.closed' 1237 1237 + : 'sh.tangled.repo.pull.status.open', 1238 1238 + }; 1239 1239 + 1240 1240 + const result = await ok( 1241 1241 + rpc.post('com.atproto.repo.createRecord', { 1242 1242 + input: { 1243 1243 + repo: agent.sub, 1244 1244 + collection: PULL_STATUS_COLLECTION, 1245 1245 + record, 1246 1246 + }, 1247 1247 + }), 1248 1248 + ); 1249 1249 + 1250 1250 + return { 1251 1251 + uri: result.uri, 1252 1252 + rkey: parseAtUri(result.uri).rkey, 1253 1253 + }; 1254 1254 + }; 1255 1255 + 1256 1256 + export const decodeBlobText = (blob: BlobResponse): string => { 1257 1257 + if (!blob.content) { 1258 1258 + return ''; 1259 1259 + } 1260 1260 + 1261 1261 + if (blob.encoding === 'base64') { 1262 1262 + const buffer = Uint8Array.from(atob(blob.content), (char) => char.charCodeAt(0)); 1263 1263 + return new TextDecoder().decode(buffer); 1264 1264 + } 1265 1265 + 1266 1266 + return blob.content; 1267 1267 + }; 1268 1268 + 1269 1269 + export const buildBlobDataUrl = (blob: BlobResponse): string | null => { 1270 1270 + if (!blob.content || !blob.mimeType) { 1271 1271 + return null; 1272 1272 + } 1273 1273 + 1274 1274 + if (blob.encoding === 'base64') { 1275 1275 + return `data:${blob.mimeType};base64,${blob.content}`; 1276 1276 + } 1277 1277 + 1278 1278 + return `data:${blob.mimeType};charset=utf-8,${encodeURIComponent(blob.content)}`; 1279 1279 + }; 1280 1280 + 1281 1281 + export const resolveAvatarUrl = async (identifier: string): Promise<string | null> => { 1282 1282 + const actor = await resolveActor(identifier); 1283 1283 + const tangledProfile = await getOptionalRecord<ShTangledActorProfile.Main>( 1284 1284 + actor, 1285 1285 + ACTOR_PROFILE_COLLECTION, 1286 1286 + 'self', 1287 1287 + ); 1288 1288 + const tangledCid = extractBlobCid(tangledProfile?.avatar); 1289 1289 + if (tangledCid) { 1290 1290 + return buildPdsBlobUrl(actor.pds, actor.did, tangledCid); 1291 1291 + } 1292 1292 + 1293 1293 + const bskyProfile = await getOptionalRecord<ProfileWithAvatar>( 1294 1294 + actor, 1295 1295 + APP_BSKY_PROFILE_COLLECTION, 1296 1296 + 'self', 1297 1297 + ); 1298 1298 + const bskyCid = extractBlobCid(bskyProfile?.avatar); 1299 1299 + if (bskyCid) { 1300 1300 + return buildPdsBlobUrl(actor.pds, actor.did, bskyCid); 1301 1301 + } 1302 1302 + 1303 1303 + return null; 1304 1304 + }; 1305 1305 + 1306 1306 + export const parseAtUri = (uri: string): { did: Did; collection: Nsid; rkey: string } => { 1307 1307 + if (!uri.startsWith('at://')) { 1308 1308 + throw new Error(`Invalid at-uri: ${uri}`); 1309 1309 + } 1310 1310 + 1311 1311 + const parts = uri.slice(5).split('/'); 1312 1312 + const [did, collection, ...rkey] = parts; 1313 1313 + return { 1314 1314 + did: asDid(did), 1315 1315 + collection: asNsid(collection), 1316 1316 + rkey: rkey.join('/'), 1317 1317 + }; 1318 1318 + }; 1319 1319 + 1320 1320 + export const extractBlobCid = (blob: unknown): string | null => { 1321 1321 + if (!blob || typeof blob !== 'object') { 1322 1322 + return null; 1323 1323 + } 1324 1324 + 1325 1325 + const value = blob as Record<string, unknown>; 1326 1326 + const ref = value.ref; 1327 1327 + 1328 1328 + if (typeof ref === 'string') { 1329 1329 + return ref; 1330 1330 + } 1331 1331 + 1332 1332 + if (ref && typeof ref === 'object') { 1333 1333 + const maybeLink = (ref as Record<string, unknown>).$link; 1334 1334 + if (typeof maybeLink === 'string') { 1335 1335 + return maybeLink; 1336 1336 + } 1337 1337 + } 1338 1338 + 1339 1339 + const maybeCid = value.cid; 1340 1340 + return typeof maybeCid === 'string' ? maybeCid : null; 1341 1341 + }; 1342 1342 + 1343 1343 + const findNumberedRecord = <T extends { number: number; rkey: string; uri: string }>( 1344 1344 + records: T[], 1345 1345 + ref: string, 1346 1346 + ): T | undefined => { 1347 1347 + const trimmed = ref.trim(); 1348 1348 + if (/^\d+$/.test(trimmed)) { 1349 1349 + const number = Number(trimmed); 1350 1350 + return records.find((record) => record.number === number); 1351 1351 + } 1352 1352 + 1353 1353 + return records.find( 1354 1354 + (record) => 1355 1355 + record.rkey === trimmed || 1356 1356 + record.uri === trimmed || 1357 1357 + parseAtUri(record.uri).rkey === trimmed, 1358 1358 + ); 1359 1359 + }; 1360 1360 + 1361 1361 + const optionalString = (value: string): string | undefined => { 1362 1362 + const trimmed = value.trim(); 1363 1363 + return trimmed.length > 0 ? trimmed : undefined; 1364 1364 + }; 1365 1365 + 1366 1366 + const uniq = <T extends string>(values: T[]): T[] | undefined => { 1367 1367 + if (values.length === 0) { 1368 1368 + return undefined; 1369 1369 + } 1370 1370 + 1371 1371 + return [...new Set(values)]; 1372 1372 + }; 1373 1373 + 1374 1374 + const extractDids = (input: string): Did[] | undefined => 1375 1375 + uniq( 1376 1376 + Array.from( 1377 1377 + input.matchAll(/\bdid:[a-z0-9]+:[A-Za-z0-9._:%-]+\b/gi), 1378 1378 + (match) => match[0] as Did, 1379 1379 + ), 1380 1380 + ); 1381 1381 + 1382 1382 + const extractAtUris = (input: string): ResourceUri[] | undefined => 1383 1383 + uniq( 1384 1384 + Array.from( 1385 1385 + input.matchAll(/\bat:\/\/[^\s<>()]+/gi), 1386 1386 + (match) => match[0] as ResourceUri, 1387 1387 + ), 1388 1388 + ); 1389 1389 + 1390 1390 + const sortByCreatedAt = <T extends { value: { createdAt?: string } }>(left: T, right: T): number => 1391 1391 + new Date(left.value.createdAt ?? 0).getTime() - new Date(right.value.createdAt ?? 0).getTime(); 1392 1392 + 1393 1393 + const asActorIdentifier = (value: string): ActorIdentifier => value as ActorIdentifier; 1394 1394 + 1395 1395 + const asDid = (value: string): Did => { 1396 1396 + if (!value.startsWith('did:')) { 1397 1397 + throw new Error(`Invalid DID: ${value}`); 1398 1398 + } 1399 1399 + 1400 1400 + return value as Did; 1401 1401 + }; 1402 1402 + 1403 1403 + const asNsid = (value: string): Nsid => { 1404 1404 + if (value.split('.').length < 3) { 1405 1405 + throw new Error(`Invalid NSID: ${value}`); 1406 1406 + } 1407 1407 + 1408 1408 + return value as Nsid; 1409 1409 + }; 1410 1410 + 1411 1411 + const buildPdsBlobUrl = (pds: string, did: Did, cid: string): string => { 1412 1412 + const url = new URL('/xrpc/com.atproto.sync.getBlob', normalizeServiceUrl(pds)); 1413 1413 + url.searchParams.set('did', did); 1414 1414 + url.searchParams.set('cid', cid); 1415 1415 + return url.toString(); 1416 1416 + };

+6

src/lib/api/identity.ts

Reviewed

··· 1 1 + export { 2 2 + createAuthRpc, 3 3 + identityResolver, 4 4 + resolveActor, 5 5 + resolveAvatarUrl, 6 6 + } from './core';

+15

src/lib/api/issues.ts

Reviewed

··· 1 1 + export { 2 2 + createIssue, 3 3 + createIssueComment, 4 4 + getIssue, 5 5 + listIssues, 6 6 + listIssuesPage, 7 7 + setIssueState, 8 8 + } from './core'; 9 9 + 10 10 + export type { 11 11 + CreateIssueInput, 12 12 + IssueComment, 13 13 + IssueDetail, 14 14 + IssueSummary, 15 15 + } from './core';

+16

src/lib/api/pulls.ts

Reviewed

··· 1 1 + export { 2 2 + createPull, 3 3 + createPullComment, 4 4 + fetchPullRoundPatch, 5 5 + getPull, 6 6 + listPulls, 7 7 + listPullsPage, 8 8 + setPullStatus, 9 9 + } from './core'; 10 10 + 11 11 + export type { 12 12 + CreatePullInput, 13 13 + PullComment, 14 14 + PullDetail, 15 15 + PullSummary, 16 16 + } from './core';

+10

src/lib/api/records.ts

Reviewed

··· 1 1 + export { 2 2 + extractBlobCid, 3 3 + parseAtUri, 4 4 + } from './core'; 5 5 + 6 6 + export type { 7 7 + HydratedRecord, 8 8 + PaginatedResult, 9 9 + RecordCreationResult, 10 10 + } from './core';

+31

src/lib/api/repos.ts

Reviewed

··· 1 1 + export { 2 2 + buildBlobDataUrl, 3 3 + compareBranches, 4 4 + decodeBlobText, 5 5 + getRepo, 6 6 + getRepoBlob, 7 7 + getRepoBranches, 8 8 + getRepoDefaultBranch, 9 9 + getRepoLanguages, 10 10 + getRepoLog, 11 11 + getRepoTags, 12 12 + getRepoTree, 13 13 + listRepoRecords, 14 14 + } from './core'; 15 15 + 16 16 + export type { 17 17 + BlobResponse, 18 18 + BranchEntry, 19 19 + BranchResponse, 20 20 + CommitHeadline, 21 21 + ComparePatch, 22 22 + CompareResponse, 23 23 + DefaultBranchResponse, 24 24 + LanguageResponse, 25 25 + LogResponse, 26 26 + RepoContext, 27 27 + RepoRecord, 28 28 + TagResponse, 29 29 + TreeEntry, 30 30 + TreeResponse, 31 31 + } from './core';

+10

src/lib/api/stars.ts

Reviewed

··· 1 1 + export { 2 2 + createRepoStar, 3 3 + deleteRepoStar, 4 4 + getRepoStarCount, 5 5 + getRepoStarSummary, 6 6 + } from './core'; 7 7 + 8 8 + export type { 9 9 + RepoStarSummary, 10 10 + } from './core';

+85

src/pages/repo/code-helpers.ts

Reviewed

··· 1 1 + import { createEffect, createSignal, onCleanup } from 'solid-js'; 2 2 + 3 3 + export const LOADING_DELAY_MS = 100; 4 4 + 5 5 + export const resolveDefaultBranchName = ( 6 6 + branches: { is_default?: boolean; reference: { name: string } }[] | undefined, 7 7 + ): string | undefined => 8 8 + branches?.find((branch) => branch.is_default)?.reference.name ?? branches?.[0]?.reference.name; 9 9 + 10 10 + export const resolveRouteRefAndPath = ( 11 11 + initialRef: string, 12 12 + initialPath: string, 13 13 + branchNames: string[] | undefined, 14 14 + ): { ref: string; path: string } => { 15 15 + if (!branchNames || !initialPath) { 16 16 + return { ref: initialRef, path: initialPath }; 17 17 + } 18 18 + 19 19 + const names = new Set(branchNames); 20 20 + const pathSegments = initialPath.split('/').filter(Boolean); 21 21 + let resolved = { ref: initialRef, path: initialPath }; 22 22 + 23 23 + for (let index = 0; index < pathSegments.length; index += 1) { 24 24 + const candidate = [initialRef, ...pathSegments.slice(0, index + 1)].join('/'); 25 25 + if (names.has(candidate)) { 26 26 + resolved = { 27 27 + ref: candidate, 28 28 + path: pathSegments.slice(index + 1).join('/'), 29 29 + }; 30 30 + } 31 31 + } 32 32 + 33 33 + return resolved; 34 34 + }; 35 35 + 36 36 + export const hasNamedRef = ( 37 37 + name: string, 38 38 + branches: { reference: { name: string } }[], 39 39 + tags: { name: string }[], 40 40 + ): boolean => branches.some((branch) => branch.reference.name === name) || tags.some((tag) => tag.name === name); 41 41 + 42 42 + export const normalizeLanguages = ( 43 43 + languages: Array<{ name: string; percentage: number; size: number; color?: string }>, 44 44 + totalSize?: number, 45 45 + ): Array<{ name: string; percentage: number; size: number; color?: string }> => { 46 46 + const computedTotalSize = totalSize ?? languages.reduce((sum, language) => sum + language.size, 0); 47 47 + return languages 48 48 + .map((language) => ({ 49 49 + ...language, 50 50 + percentage: computedTotalSize > 0 ? (language.size / computedTotalSize) * 100 : language.percentage, 51 51 + })) 52 52 + .sort((left, right) => right.size - left.size || left.name.localeCompare(right.name)); 53 53 + }; 54 54 + 55 55 + export const useDelayedLoading = (pending: () => boolean, delayMs = LOADING_DELAY_MS) => { 56 56 + const [visible, setVisible] = createSignal(false); 57 57 + let timer: ReturnType<typeof setTimeout> | undefined; 58 58 + 59 59 + createEffect(() => { 60 60 + if (pending()) { 61 61 + if (timer === undefined) { 62 62 + timer = setTimeout(() => { 63 63 + timer = undefined; 64 64 + setVisible(true); 65 65 + }, delayMs); 66 66 + } 67 67 + return; 68 68 + } 69 69 + 70 70 + if (timer !== undefined) { 71 71 + clearTimeout(timer); 72 72 + timer = undefined; 73 73 + } 74 74 + setVisible(false); 75 75 + }); 76 76 + 77 77 + onCleanup(() => { 78 78 + if (timer !== undefined) clearTimeout(timer); 79 79 + }); 80 80 + 81 81 + return visible; 82 82 + }; 83 83 + 84 84 + export const shouldAnimateNavigation = (event: MouseEvent) => 85 85 + event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey && !event.defaultPrevented;

+2 -80

src/pages/repo/code.tsx

Reviewed

··· 2 2 import { Download, File, Folder, GitBranch, GitCommitHorizontal, List } from 'lucide-solid'; 3 3 import { A, useNavigate, useParams } from '@solidjs/router'; 4 4 import { createQuery, keepPreviousData, useQueryClient } from '@tanstack/solid-query'; 5 5 - import { For, Match, Show, Switch, createEffect, createMemo, createSignal, onCleanup, type Component } from 'solid-js'; 5 5 + import { For, Match, Show, Switch, createEffect, createMemo, createSignal, type Component } from 'solid-js'; 6 6 import { buildBlobDataUrl, decodeBlobText, getRepoBlob, getRepoBranches, getRepoDefaultBranch, getRepoLanguages, getRepoLog, getRepoTags, getRepoTree } from '../../lib/api'; 7 7 import { Avatar, ErrorState, PlaceholderAvatar, buttonStyles, cardStyles } from '../../components/common'; 8 8 import { CodeView, FileRow, MarkdownBlock, OverviewFileRow, ReadmeCard, RepoTreeSkeleton } from '../../components/repo'; 9 9 import { RepoFrame, useRepoQuery } from './shared'; 10 10 import { blobHref, countLines, decodeRoutePath, formatBytes, formatLanguagePercent, formatRelativeTime, getErrorMessage, getParentPath, imageLike, isDirectory, joinPath, languageColor, markdownLike, safeDecode, sortedTreeEntries, svgLike, treeHref, videoLike } from '../../lib/repo-utils'; 11 11 - 12 12 - const resolveDefaultBranchName = (branches: { is_default?: boolean; reference: { name: string } }[] | undefined): string | undefined => 13 13 - branches?.find((branch) => branch.is_default)?.reference.name ?? branches?.[0]?.reference.name; 14 14 - 15 15 - const resolveRouteRefAndPath = ( 16 16 - initialRef: string, 17 17 - initialPath: string, 18 18 - branchNames: string[] | undefined, 19 19 - ): { ref: string; path: string } => { 20 20 - if (!branchNames || !initialPath) { 21 21 - return { ref: initialRef, path: initialPath }; 22 22 - } 23 23 - 24 24 - const names = new Set(branchNames); 25 25 - const pathSegments = initialPath.split('/').filter(Boolean); 26 26 - let resolved = { ref: initialRef, path: initialPath }; 27 27 - 28 28 - for (let index = 0; index < pathSegments.length; index += 1) { 29 29 - const candidate = [initialRef, ...pathSegments.slice(0, index + 1)].join('/'); 30 30 - if (names.has(candidate)) { 31 31 - resolved = { 32 32 - ref: candidate, 33 33 - path: pathSegments.slice(index + 1).join('/'), 34 34 - }; 35 35 - } 36 36 - } 37 37 - 38 38 - return resolved; 39 39 - }; 40 40 - 41 41 - const hasNamedRef = (name: string, branches: { reference: { name: string } }[], tags: { name: string }[]): boolean => 42 42 - branches.some((branch) => branch.reference.name === name) || tags.some((tag) => tag.name === name); 43 43 - 44 44 - const normalizeLanguages = ( 45 45 - languages: Array<{ name: string; percentage: number; size: number; color?: string }>, 46 46 - totalSize?: number, 47 47 - ): Array<{ name: string; percentage: number; size: number; color?: string }> => { 48 48 - const computedTotalSize = totalSize ?? languages.reduce((sum, language) => sum + language.size, 0); 49 49 - return languages 50 50 - .map((language) => ({ 51 51 - ...language, 52 52 - percentage: computedTotalSize > 0 ? (language.size / computedTotalSize) * 100 : language.percentage, 53 53 - })) 54 54 - .sort((left, right) => right.size - left.size || left.name.localeCompare(right.name)); 55 55 - }; 56 56 - 57 57 - const LOADING_DELAY_MS = 100; 58 58 - 59 59 - const useDelayedLoading = (pending: () => boolean, delayMs = LOADING_DELAY_MS) => { 60 60 - const [visible, setVisible] = createSignal(false); 61 61 - let timer: ReturnType<typeof setTimeout> | undefined; 62 62 - 63 63 - createEffect(() => { 64 64 - if (pending()) { 65 65 - if (timer === undefined) { 66 66 - timer = setTimeout(() => { 67 67 - timer = undefined; 68 68 - setVisible(true); 69 69 - }, delayMs); 70 70 - } 71 71 - return; 72 72 - } 73 73 - 74 74 - if (timer !== undefined) { 75 75 - clearTimeout(timer); 76 76 - timer = undefined; 77 77 - } 78 78 - setVisible(false); 79 79 - }); 80 80 - 81 81 - onCleanup(() => { 82 82 - if (timer !== undefined) clearTimeout(timer); 83 83 - }); 84 84 - 85 85 - return visible; 86 86 - }; 11 11 + import { LOADING_DELAY_MS, hasNamedRef, normalizeLanguages, resolveDefaultBranchName, resolveRouteRefAndPath, shouldAnimateNavigation, useDelayedLoading } from './code-helpers'; 87 12 88 13 const PathBreadcrumbs: Component<{ 89 14 repo: Parameters<typeof treeHref>[0]; ··· 153 78 </div> 154 79 ); 155 80 }; 156 156 - 157 157 - const shouldAnimateNavigation = (event: MouseEvent) => 158 158 - event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey && !event.defaultPrevented; 159 81 160 82 const RepoCodePageLegacy: Component = () => { 161 83 const params = useParams();

+44

src/pages/repo/issues-helpers.ts

Reviewed

··· 1 1 + import type { IssueComment } from '../../lib/api'; 2 2 + 3 3 + export type IssueCommentThread = { 4 4 + item: IssueComment; 5 5 + replies: IssueComment[]; 6 6 + }; 7 7 + 8 8 + export const buildIssueCommentThreads = (comments: IssueComment[]): IssueCommentThread[] => { 9 9 + const byUri = new Map(comments.map((comment) => [comment.uri, comment])); 10 10 + const topLevel: IssueComment[] = []; 11 11 + const repliesByRoot = new Map<string, IssueComment[]>(); 12 12 + 13 13 + const findRoot = (comment: IssueComment): IssueComment | null => { 14 14 + let current = comment; 15 15 + const visited = new Set<string>([comment.uri]); 16 16 + 17 17 + while (current.value.replyTo) { 18 18 + const parent = byUri.get(current.value.replyTo); 19 19 + if (!parent || visited.has(parent.uri)) { 20 20 + return current === comment ? null : current; 21 21 + } 22 22 + 23 23 + current = parent; 24 24 + visited.add(current.uri); 25 25 + } 26 26 + 27 27 + return current; 28 28 + }; 29 29 + 30 30 + for (const comment of comments) { 31 31 + const root = findRoot(comment); 32 32 + if (!root || root.uri === comment.uri) { 33 33 + topLevel.push(comment); 34 34 + continue; 35 35 + } 36 36 + 37 37 + repliesByRoot.set(root.uri, [...(repliesByRoot.get(root.uri) ?? []), comment]); 38 38 + } 39 39 + 40 40 + return topLevel.map((item) => ({ 41 41 + item, 42 42 + replies: repliesByRoot.get(item.uri) ?? [], 43 43 + })); 44 44 + };

+2 -44

src/pages/repo/issues.tsx

Reviewed

··· 4 4 import { createQuery, useQueryClient } from '@tanstack/solid-query'; 5 5 import type { ResourceUri } from '@atcute/lexicons/syntax'; 6 6 import { For, Match, Show, Switch, createMemo, createSignal, type Component } from 'solid-js'; 7 7 - import { createIssue, createIssueComment, getIssue, listIssuesPage, parseAtUri, resolveActor, setIssueState, type IssueComment, type RepoContext } from '../../lib/api'; 7 7 + import { createIssue, createIssueComment, getIssue, listIssuesPage, parseAtUri, resolveActor, setIssueState, type RepoContext } from '../../lib/api'; 8 8 import { useAuth } from '../../lib/auth'; 9 9 import { Avatar, ErrorState, StateBadge, ToggleButton, buttonStyles, cardStyles, inputStyles, textareaStyles } from '../../components/common'; 10 10 import { MarkdownBlock, PaginationControls, RepoListSkeleton, RepoThreadSkeleton } from '../../components/repo'; 11 11 import { RepoFrame, issueQueryKey, issuesQueryKey, useRepoQuery } from './shared'; 12 12 import { REPO_LIST_PAGE_LIMIT, formatRelativeTime, getErrorMessage, issueHref, parseIntegerSearchParam, uniqueCommenters } from '../../lib/repo-utils'; 13 13 - 14 14 - type IssueCommentThread = { 15 15 - item: IssueComment; 16 16 - replies: IssueComment[]; 17 17 - }; 18 18 - 19 19 - const buildIssueCommentThreads = (comments: IssueComment[]): IssueCommentThread[] => { 20 20 - const byUri = new Map(comments.map((comment) => [comment.uri, comment])); 21 21 - const topLevel: IssueComment[] = []; 22 22 - const repliesByRoot = new Map<string, IssueComment[]>(); 23 23 - 24 24 - const findRoot = (comment: IssueComment): IssueComment | null => { 25 25 - let current = comment; 26 26 - const visited = new Set<string>([comment.uri]); 27 27 - 28 28 - while (current.value.replyTo) { 29 29 - const parent = byUri.get(current.value.replyTo); 30 30 - if (!parent || visited.has(parent.uri)) { 31 31 - return current === comment ? null : current; 32 32 - } 33 33 - 34 34 - current = parent; 35 35 - visited.add(current.uri); 36 36 - } 37 37 - 38 38 - return current; 39 39 - }; 40 40 - 41 41 - for (const comment of comments) { 42 42 - const root = findRoot(comment); 43 43 - if (!root || root.uri === comment.uri) { 44 44 - topLevel.push(comment); 45 45 - continue; 46 46 - } 47 47 - 48 48 - repliesByRoot.set(root.uri, [...(repliesByRoot.get(root.uri) ?? []), comment]); 49 49 - } 50 50 - 51 51 - return topLevel.map((item) => ({ 52 52 - item, 53 53 - replies: repliesByRoot.get(item.uri) ?? [], 54 54 - })); 55 55 - }; 13 13 + import { buildIssueCommentThreads } from './issues-helpers'; 56 14 57 15 export const IssuesPage: Component = () => { 58 16 const auth = useAuth();

+15

src/pages/repo/pulls-helpers.ts

Reviewed

··· 1 1 + import type { SearchParamValue } from '../../lib/repo-utils'; 2 2 + 3 3 + export type PullStateFilter = 'open' | 'closed' | 'merged'; 4 4 + 5 5 + export const parsePullStateFilter = (value: SearchParamValue): PullStateFilter => { 6 6 + if (value === 'state:closed') { 7 7 + return 'closed'; 8 8 + } 9 9 + 10 10 + if (value === 'state:merged') { 11 11 + return 'merged'; 12 12 + } 13 13 + 14 14 + return 'open'; 15 15 + };

+2 -5

src/pages/repo/pulls.tsx

Reviewed

··· 9 9 import { BranchPill, CommentCard, DiffView, MarkdownBlock, PaginationControls, PullDiffView, RepoListSkeleton, RepoThreadSkeleton } from '../../components/repo'; 10 10 import { RepoFrame, pullQueryKey, pullsQueryKey, useRepoQuery } from './shared'; 11 11 import { REPO_LIST_PAGE_LIMIT, formatRelativeTime, getErrorMessage, parseIntegerSearchParam, pullHref, uniqueCommenters } from '../../lib/repo-utils'; 12 12 + import { parsePullStateFilter, type PullStateFilter } from './pulls-helpers'; 12 13 13 14 export const PullsPage: Component = () => { 14 15 const auth = useAuth(); 15 16 const repoQuery = useRepoQuery(); 16 17 const [searchParams, setSearchParams] = useSearchParams(); 17 17 - const stateFilter = createMemo<'open' | 'closed' | 'merged'>(() => { 18 18 - if (searchParams.q === 'state:closed') return 'closed'; 19 19 - if (searchParams.q === 'state:merged') return 'merged'; 20 20 - return 'open'; 21 21 - }); 18 18 + const stateFilter = createMemo<PullStateFilter>(() => parsePullStateFilter(searchParams.q)); 22 19 const filterQuery = createMemo(() => `state:${stateFilter()}`); 23 20 const pageOffset = createMemo(() => parseIntegerSearchParam(searchParams.offset, 0, 0)); 24 21 const pageLimit = createMemo(() => parseIntegerSearchParam(searchParams.limit, REPO_LIST_PAGE_LIMIT, 1));

+22 -3

src/pages/repo/shared.tsx

Reviewed

··· 1 1 import { CircleDot, GitPullRequest, Globe, LoaderCircle, Rss, SquareChartGantt, Star } from 'lucide-solid'; 2 2 - import { A, useParams } from '@solidjs/router'; 2 2 + import { A, type RouteSectionProps, useParams } from '@solidjs/router'; 3 3 import { createQuery } from '@tanstack/solid-query'; 4 4 - import { For, Match, Show, Switch, createEffect, createMemo, createSignal, onCleanup, type Component, type JSX } from 'solid-js'; 4 4 + import { For, Match, Show, Switch, createContext, createEffect, createMemo, createSignal, onCleanup, useContext, type Component, type JSX } from 'solid-js'; 5 5 import { createRepoStar, deleteRepoStar, getRepo, getRepoStarSummary } from '../../lib/api'; 6 6 import { useAuth } from '../../lib/auth'; 7 7 import { useLiveEvents } from '../../lib/live-events'; ··· 17 17 18 18 type OptimisticStarState = { state: 'starred'; rkey?: string } | { state: 'unstarred'; rkey: string }; 19 19 20 20 - export const useRepoQuery = () => { 20 20 + const createRepoQuery = () => { 21 21 const params = useParams(); 22 22 const owner = createMemo(() => params.owner ?? ''); 23 23 const repo = createMemo(() => params.repo ?? ''); ··· 27 27 enabled: Boolean(owner() && repo()), 28 28 queryFn: async () => getRepo(owner(), repo()), 29 29 })); 30 30 + }; 31 31 + 32 32 + type RepoQuery = ReturnType<typeof createRepoQuery>; 33 33 + 34 34 + const RepoQueryContext = createContext<RepoQuery>(); 35 35 + 36 36 + export const RepoLayout: Component<RouteSectionProps> = (props) => { 37 37 + const repoQuery = createRepoQuery(); 38 38 + 39 39 + return <RepoQueryContext.Provider value={repoQuery}>{props.children}</RepoQueryContext.Provider>; 40 40 + }; 41 41 + 42 42 + export const useRepoQuery = () => { 43 43 + const repoQuery = useContext(RepoQueryContext); 44 44 + if (!repoQuery) { 45 45 + throw new Error('useRepoQuery must be used inside RepoLayout'); 46 46 + } 47 47 + 48 48 + return repoQuery; 30 49 }; 31 50 32 51 export const RepoFrame: Component<{

+37

src/routes.tsx

Reviewed

··· 1 1 + import { Route, Router } from '@solidjs/router'; 2 2 + import type { Component } from 'solid-js'; 3 3 + 4 4 + import { RootShell } from './layout'; 5 5 + import { 6 6 + BlobPage, 7 7 + IssuePage, 8 8 + IssuesPage, 9 9 + NewIssuePage, 10 10 + NewPullPage, 11 11 + PullPage, 12 12 + PullsPage, 13 13 + RepoCodePage, 14 14 + } from './pages/repo'; 15 15 + import { RepoLayout } from './pages/repo/shared'; 16 16 + import { HomePage } from './views/home'; 17 17 + import { NotFoundPage } from './views/not-found'; 18 18 + import { OAuthCallbackPage } from './views/oauth-callback'; 19 19 + 20 20 + export const AppRoutes: Component = () => ( 21 21 + <Router root={RootShell}> 22 22 + <Route path="/" component={HomePage} /> 23 23 + <Route path="/oauth/callback" component={OAuthCallbackPage} /> 24 24 + <Route path="/:owner/:repo" component={RepoLayout}> 25 25 + <Route path="/" component={RepoCodePage} /> 26 26 + <Route path="/issues/new" component={NewIssuePage} /> 27 27 + <Route path="/issues/:issueRef" component={IssuePage} /> 28 28 + <Route path="/issues" component={IssuesPage} /> 29 29 + <Route path="/pulls/new" component={NewPullPage} /> 30 30 + <Route path="/pulls/:pullRef" component={PullPage} /> 31 31 + <Route path="/pulls" component={PullsPage} /> 32 32 + <Route path="/blob/:ref/*path" component={BlobPage} /> 33 33 + <Route path="/tree/:ref/*path" component={RepoCodePage} /> 34 34 + </Route> 35 35 + <Route path="*404" component={NotFoundPage} /> 36 36 + </Router> 37 37 + );

+134

src/views/home.tsx

Reviewed

··· 1 1 + import clsx from 'clsx'; 2 2 + import { A, useNavigate } from '@solidjs/router'; 3 3 + import { createQuery } from '@tanstack/solid-query'; 4 4 + import { For, Show, createMemo, createSignal, type Component } from 'solid-js'; 5 5 + 6 6 + import { LoadingState, buttonStyles, cardStyles, inputStyles } from '../components/common'; 7 7 + import { listRepoRecords, resolveActor } from '../lib/api'; 8 8 + import { useAuth } from '../lib/auth'; 9 9 + import { formatRelativeTime, loadRecentRepos, parseRepoJump } from '../lib/repo-utils'; 10 10 + 11 11 + const SAMPLE_REPOS = [ 12 12 + { owner: 'mary.my.id', slug: 'atcute' }, 13 13 + { owner: 'mary.my.id', slug: 'boat' }, 14 14 + { owner: 'mary.my.id', slug: 'aglais' }, 15 15 + ]; 16 16 + 17 17 + export const HomePage: Component = () => { 18 18 + const auth = useAuth(); 19 19 + const [jump, setJump] = createSignal(''); 20 20 + const recentRepos = createMemo(loadRecentRepos); 21 21 + const navigate = useNavigate(); 22 22 + 23 23 + const ownReposQuery = createQuery(() => ({ 24 24 + queryKey: ['own-repos', auth.currentDid()], 25 25 + enabled: Boolean(auth.currentDid()), 26 26 + queryFn: async () => { 27 27 + const actor = await resolveActor(auth.currentDid()!); 28 28 + return listRepoRecords(actor); 29 29 + }, 30 30 + })); 31 31 + 32 32 + const onSubmit = (event: SubmitEvent) => { 33 33 + event.preventDefault(); 34 34 + const parsed = parseRepoJump(jump()); 35 35 + if (!parsed) { 36 36 + return; 37 37 + } 38 38 + 39 39 + navigate(`/${parsed.owner}/${parsed.repo}`); 40 40 + }; 41 41 + 42 42 + return ( 43 43 + <div class="untangled-home-grid"> 44 44 + <div class="flex flex-col gap-4"> 45 45 + <div class={cardStyles('p-6')}> 46 46 + <div class="flex items-center gap-3 mb-6"> 47 47 + <img src="/static/logos/dolly.svg" alt="" class="size-12" /> 48 48 + <div> 49 49 + <h1 class="text-2xl font-bold m-0">untangled</h1> 50 50 + <p class="m-0 text-sm text-gray-500 dark:text-gray-400">tightly-knit social coding</p> 51 51 + </div> 52 52 + </div> 53 53 + 54 54 + <form onSubmit={onSubmit} class="flex flex-col gap-3"> 55 55 + <label class="text-sm font-medium">repository</label> 56 56 + <div class="flex gap-2"> 57 57 + <input 58 58 + value={jump()} 59 59 + onInput={(event) => setJump(event.currentTarget.value)} 60 60 + placeholder="mary.my.id/atcute" 61 61 + class={inputStyles()} 62 62 + /> 63 63 + <button type="submit" class={clsx(buttonStyles('primary'), 'shrink-0')}> 64 64 + open 65 65 + </button> 66 66 + </div> 67 67 + </form> 68 68 + 69 69 + <div class="mt-8"> 70 70 + <div class="text-sm font-medium mb-3">sample repositories</div> 71 71 + <div class="grid gap-2 sm:grid-cols-2"> 72 72 + <For each={SAMPLE_REPOS}> 73 73 + {(repo) => ( 74 74 + <A href={`/${repo.owner}/${repo.slug}`} class={cardStyles('p-4 hover:bg-gray-50 dark:hover:bg-gray-700/30 no-underline')}> 75 75 + <div class="font-medium"> 76 76 + {repo.owner}/{repo.slug} 77 77 + </div> 78 78 + </A> 79 79 + )} 80 80 + </For> 81 81 + </div> 82 82 + </div> 83 83 + </div> 84 84 + </div> 85 85 + 86 86 + <div class="flex flex-col gap-4"> 87 87 + <div class={cardStyles('p-6')}> 88 88 + <div class="text-sm font-medium mb-3">recent</div> 89 89 + <Show 90 90 + when={recentRepos().length > 0} 91 91 + fallback={<div class="text-sm text-gray-500 dark:text-gray-400">No recent repositories.</div>} 92 92 + > 93 93 + <div class="flex flex-col gap-2"> 94 94 + <For each={recentRepos()}> 95 95 + {(repo) => ( 96 96 + <A href={`/${repo.owner}/${repo.slug}`} class="no-underline hover:no-underline rounded border border-gray-200 dark:border-gray-700 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700/30"> 97 97 + <div class="font-medium">{repo.title}</div> 98 98 + <div class="text-xs text-gray-500 dark:text-gray-400">{formatRelativeTime(repo.updatedAt)}</div> 99 99 + </A> 100 100 + )} 101 101 + </For> 102 102 + </div> 103 103 + </Show> 104 104 + </div> 105 105 + 106 106 + <Show when={auth.currentDid()}> 107 107 + <div class={cardStyles('p-6')}> 108 108 + <div class="text-sm font-medium mb-3">your repositories</div> 109 109 + <Show 110 110 + when={!ownReposQuery.isLoading} 111 111 + fallback={<LoadingState label="Loading repositories..." />} 112 112 + > 113 113 + <div class="flex flex-col gap-2"> 114 114 + <For each={ownReposQuery.data ?? []}> 115 115 + {(repo) => ( 116 116 + <A 117 117 + href={`/${auth.currentDid()}/${repo.value.name?.trim() || repo.rkey}`} 118 118 + class="no-underline hover:no-underline rounded border border-gray-200 dark:border-gray-700 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700/30" 119 119 + > 120 120 + <div class="font-medium">{repo.value.name?.trim() || repo.rkey}</div> 121 121 + <div class="text-xs text-gray-500 dark:text-gray-400"> 122 122 + {repo.value.description || repo.value.repoDid} 123 123 + </div> 124 124 + </A> 125 125 + )} 126 126 + </For> 127 127 + </div> 128 128 + </Show> 129 129 + </div> 130 130 + </Show> 131 131 + </div> 132 132 + </div> 133 133 + ); 134 134 + };

+9

src/views/not-found.tsx

Reviewed

··· 1 1 + import type { Component } from 'solid-js'; 2 2 + 3 3 + import { cardStyles } from '../components/common'; 4 4 + 5 5 + export const NotFoundPage: Component = () => ( 6 6 + <div class={cardStyles('p-10 text-center')}> 7 7 + <h1 class="text-2xl font-bold m-0">not found</h1> 8 8 + </div> 9 9 + );

+27

src/views/oauth-callback.tsx

Reviewed

··· 1 1 + import { useNavigate } from '@solidjs/router'; 2 2 + import { onMount, type Component } from 'solid-js'; 3 3 + 4 4 + import { LoadingState, cardStyles } from '../components/common'; 5 5 + import { useAuth } from '../lib/auth'; 6 6 + 7 7 + export const OAuthCallbackPage: Component = () => { 8 8 + const auth = useAuth(); 9 9 + const navigate = useNavigate(); 10 10 + 11 11 + onMount(() => { 12 12 + void (async () => { 13 13 + try { 14 14 + const target = await auth.completeSignIn(); 15 15 + navigate(target, { replace: true }); 16 16 + } catch { 17 17 + // Error is captured in auth state. 18 18 + } 19 19 + })(); 20 20 + }); 21 21 + 22 22 + return ( 23 23 + <div class={cardStyles('p-10 text-center')}> 24 24 + <LoadingState label={auth.error() ?? 'Completing OAuth sign-in...'} /> 25 25 + </div> 26 26 + ); 27 27 + };