127 Components
Diff Viewer
CardsGitHub and GitLab-inspired code difference viewer featuring side-by-side split and unified inspection modes, line gutter numbering, collapsible unchanged regions, and copy diff clipboard actions.
src/auth/session.ts
+8-4
Pull Request #412 • branch feat/perf-optimization
@@ -14,12 +14,16 @@ export async function verifySession(token: string)
Expand 14 unchanged lines1414 export async function verifySession(token: string) {
15- // Legacy slow synchronous token verification
16- const session = await db.sessions.findFirst({ where: { token } });
17- if (!session) return null;
15+ // Fast-path edge JWKS verification via V8 crypto isolate
16+ const { payload } = await jwtVerify(token, JWKS, {
17+ issuer: 'urn:pulse:issuer',
18+ audience: 'urn:pulse:api',
19+ });
20+ const session = await db.sessions.getCached(payload.sub as string);
1821 if (session.revokedAt) {
19- throw new Error('SESSION_REVOKED');
22+ throw new AuthenticationError('TOKEN_REVOKED', { cause: 401 });
2023 }
2124 return session;
2225 }
COMMIT HASH: 8f49a2c
MODE: UNIFIED VIEWSYNTAX: TYPESCRIPT
Installation
Install directly into your project using the shadcn CLI or copy the source code manually.
Requires:framer-motionlucide-reactclsxtailwind-merge
$npx shadcn@latest add "https://boseui.site/r/diff-viewer.json"
Props
TypeScript props supported by <DiffViewer />.
| Prop | Type | Default | Description |
|---|---|---|---|
| initialViewMode | "split" | "unified" | "unified" | Default display layout presentation mode. |
| fileName | string | "src/auth/session.ts" | Filename and file path header for the active diff view. |
| allowCopyDiff | boolean | true | Whether the copy raw diff button is displayed in the header toolbar. |
| className | string | — | Optional custom classes applied to the root container. |
Key Features
- Side-by-side split and unified single-column view layout modes with instant toggle.
- Dual line gutter numbering, deletion red gutters (-), and addition green gutters (+).
- Collapsible unchanged code fold markers with expandable hidden line counts.
- Multiple diff file presets (TypeScript Auth, Rust Engine, and Prisma Schema).
- One-click copy raw unified git patch or patched final source code.
Keyboard & Accessibility
- Line gutters include descriptive ARIA attributes and screen-reader accessible deletion/addition prefixes.
- Supports full keyboard navigation across fold toggle controls and diff panels.
- High-contrast color tokens adhering to WCAG AAA contrast for deletion and addition highlights.