Code Block — fixtures

1import type { CodeBlockAnnotation, TerminalLine } from "./types";
2 
3export const SAMPLE_TS = `import { useState } from "react";
4import { Button } from "@/components/ui/button";
5 
6export default function Counter() {
7  const [n, setN] = useState(0);
8  return (
9    <div className="flex items-center gap-3">
10      <Button onClick={() => setN(n - 1)}>−</Button>
11      <span className="font-mono">{n}</span>
12      <Button onClick={() => setN(n + 1)}>+</Button>
13    </div>
14  );
15}
16`;
17 
18export const SAMPLE_TS_HIGHLIGHTED = [5, 6, 7];
19 
20export const SAMPLE_JSON = `{
21  "name": "ilinxa-ui-pro",
22  "version": "0.1.0",
23  "private": true,
24  "dependencies": {
25    "next": "^16.2.0",
26    "react": "^19.2.0",
27    "shiki": "^4.0.2",
28    "@codemirror/state": "^6.6.0"
29  },
30  "scripts": {
31    "dev": "next dev",
32    "build": "next build",
33    "lint": "eslint"
34  }
35}
36`;
37 
38export const SAMPLE_PYTHON = `from dataclasses import dataclass
39 
40@dataclass
41class User:
42    id: int
43    name: str
44    email: str | None = None
45 
46def greet(user: User) -> str:
47    if user.email:
48        return f"Hello {user.name} <{user.email}>"
49    return f"Hello {user.name}"
50 
51users = [
52    User(id=1, name="Ada", email="ada@example.com"),
53    User(id=2, name="Linus"),
54]
55 
56for u in users:
57    print(greet(u))
58`;
59 
60// Deterministic pseudo-scatter (v0.1.2 — was module-scope Math.random(), a
61// hydration-mismatch + non-reproducible-fixture trap in a SHIPPED file).
62// Golden-angle stepping looks random enough for a demo and is stable across
63// server, client, and every consumer install.
64function fixtureLon(i: number): string {
65  return ((((i + 1) * 137.5077) % 360) - 180).toFixed(4);
66}
67function fixtureLat(i: number): string {
68  return ((((i + 1) * 73.1231) % 180) - 90).toFixed(4);
69}
70 
71export const SAMPLE_LONG_JSON = `{
72  "type": "FeatureCollection",
73  "features": [
74    ${Array.from(
75      { length: 60 },
76      (_, i) =>
77        `{ "type": "Feature", "id": ${i + 1}, "geometry": { "type": "Point", "coordinates": [${fixtureLon(i)}, ${fixtureLat(i)}] } }`,
78    ).join(",\n    ")}
79  ]
80}
81`;
82 
83export const SAMPLE_TERMINAL: TerminalLine[] = [
84  { kind: "input", text: "$ pnpm install" },
85  { kind: "output", text: "Resolving dependencies..." },
86  { kind: "output", text: "Adding 247 packages from 38 contributors..." },
87  { kind: "output", text: "✓ Done in 8.3s" },
88  { kind: "input", text: "$ pnpm dev" },
89  { kind: "output", text: "" },
90  { kind: "output", text: "  ▲ Next.js 16.2.0 (Turbopack)" },
91// … truncated