50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:Tef5,import type { CodeBlockAnnotation, TerminalLine } from "./types"; export const SAMPLE_TS = `import { useState } from "react"; import { Button } from "@/components/ui/button"; export default function Counter() { const [n, setN] = useState(0); return (

{n}

); } `; export const SAMPLE_TS_HIGHLIGHTED = [5, 6, 7]; export const SAMPLE_JSON = `{ "name": "ilinxa-ui-pro", "version": "0.1.0", "private": true, "dependencies": { "next": "^16.2.0", "react": "^19.2.0", "shiki": "^4.0.2", "@codemirror/state": "^6.6.0" }, "scripts": { "dev": "next dev", "build": "next build", "lint": "eslint" } } `; export const SAMPLE_PYTHON = `from dataclasses import dataclass @dataclass class User: id: int name: str email: str | None = None def greet(user: User) -> str: if user.email: return f"Hello {user.name} <{user.email}>" return f"Hello {user.name}" users = [ User(id=1, name="Ada", email="ada@example.com"), User(id=2, name="Linus"), ] for u in users: print(greet(u)) `; // Deterministic pseudo-scatter (v0.1.2 — was module-scope Math.random(), a // hydration-mismatch + non-reproducible-fixture trap in a SHIPPED file). // Golden-angle stepping looks random enough for a demo and is stable across // server, client, and every consumer install. function fixtureLon(i: number): string { return ((((i + 1) * 137.5077) % 360) - 180).toFixed(4); } function fixtureLat(i: number): string { return ((((i + 1) * 73.1231) % 180) - 90).toFixed(4); } export const SAMPLE_LONG_JSON = `{ "type": "FeatureCollection", "features": [ ${Array.from( { length: 60 }, (_, i) => `{ "type": "Feature", "id": ${i + 1}, "geometry": { "type": "Point", "coordinates": [${fixtureLon(i)}, ${fixtureLat(i)}] } }`, ).join(",\n ")} ] } `; export const SAMPLE_TERMINAL: TerminalLine[] = [ { kind: "input", text: "$ pnpm install" }, { kind: "output", text: "Resolving dependencies..." }, { kind: "output", text: "Adding 247 packages from 38 contributors..." }, { kind: "output", text: "✓ Done in 8.3s" }, { kind: "input", text: "$ pnpm dev" }, { kind: "output", text: "" }, { kind: "output", text: " ▲ Next.js 16.2.0 (Turbopack)" }, { kind: "output", text: " - Local: http://localhost:3000" }, { kind: "output", text: " - Network: http://192.168.1.4:3000" }, { kind: "output", text: "" }, { kind: "output", text: " ✓ Ready in 1.1s" }, { kind: "input", text: "$ pnpm build" }, { kind: "error", text: "✗ Failed to compile" }, { kind: "error", text: " Type error: Property 'foo' does not exist on type 'Bar'" }, ]; export const SAMPLE_ERROR_TRACE = `TypeError: Cannot read property 'name' of undefined at processUser (/app/src/users.ts:7:24) at /app/src/index.ts:15:3 at Array.map () at greetAll (/app/src/index.ts:14:18) at Object. (/app/src/index.ts:42:1) at Module._compile (node:internal/modules/cjs/loader.js:1234:30) `; export const SAMPLE_ERROR_ANNOTATIONS: CodeBlockAnnotation[] = [ { line: 1, type: "error", message: "Cannot read property 'name' of undefined" }, { line: 4, type: "warn", message: "Unhandled rejection in greetAll" }, ]; export const SAMPLE_EDIT_DEFAULT = `function greet(name: string): string { return \`Hello, \${name}!\`; } greet("ilinxa"); `; /** Helper for the streaming demo — emit value in chunks. */ export function chunkString(s: string, size = 10): string[] { const out: string[] = []; for (let i = 0; i < s.length; i += size) { out.push(s.slice(i, i + size)); } return out; } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@ilinxa","registryDependencies":["@ilinxa/code-block"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"src/registry/components/code/code-block/dummy-data.ts","content":"$52","type":"registry:component","target":"components/code-block/dummy-data.ts"}],"className":"h-[70svh] min-h-80"}]]}]