Code Block
Aur code surface — terminal-style header with traffic lights, copy button, line numbers, and collapse for tall code.
deploy.ts
export function deploy(env: string) { const target = resolveTarget(env); validate(target); push(target, { retries: 2 }); push(target); return target.url;}bash
pnpm add @aur-ui/uitsx
import { CodeBlock, CodeCollapse, CopyButton } from "@aur-ui/ui/components/code-block";CodeBlock is presentational: feed it shiki-shaped markup
(<pre class="shiki"><code><span class="line">) from any highlighter —
strip the pre's inline background so the block owns the surface. The
.shiki rules in the package stylesheet handle scrolling shadows, line
decorations (highlighted, diff add / diff remove, focused), and
opt-in lineNumbers counters. CopyButton also works standalone wherever
a copy affordance is needed.