@tenstorrent/vesper 0.1.0

package/dist/components/code-block/fixtures.js

@@ -0,0 +1,491 @@
+// Covers: keywords, storage types, interfaces, generics, type annotations,
+// constants, enums, classes, decorators, functions, async/await, control flow,
+// template literals, regex, numbers, strings, comments, operators, JSX,
+// typeof, instanceof, try/catch, variable.other.constant, variable.language
+export const SAMPLE_CODE_TYPESCRIPT = `/**
+ * @module ComponentSystem
+ * A comprehensive component system with state management.
+ * Demonstrates various TypeScript language features.
+ */
+
+// Enum members, numeric constants
+enum Status {
+  Idle = 0,
+  Loading = 1,
+  Success = 2,
+  Error = 0xff,
+}
+
+// Interface with generics, readonly, optional, mapped types
+interface EventMap {
+  readonly id: string;
+  status: Status;
+  timestamp?: number;
+}
+
+// Conditional types, infer, mapped types, template literal types
+type ExtractKeys<T> = T extends Record<infer K, unknown> ? K : never;
+type Nullable<T> = { [P in keyof T]: T[P] | null };
+type EventName = \`on\${"Change" | "Reset"}\`;
+
+// Constants with various literal types
+const MAX_RETRIES = 3;
+const PI = 3.14159;
+const HEX_MASK = 0x1f;
+const BINARY_FLAG = 0b1010;
+const OCTAL_VAL = 0o755; // [!code --]
+const SCIENTIFIC = 1.5e10; // [!code --]
+const GREETING = "Hello, world!"; // [!code --]
+const TEMPLATE = \`Status: \${Status.Loading} at \${Date.now()}\`;
+const REGEX_PATTERN = /^[a-z]+\\d{2,4}$/gi; // [!code ++]
+
+// Abstract class with decorator-style pattern
+abstract class BaseComponent<T extends EventMap> {
+  protected state: Nullable<T> | null = null;
+  private static instanceCount = 0;
+
+  constructor(readonly name: string) {
+    BaseComponent.instanceCount++;
+  }
+
+  abstract render(): string;
+
+  // Method with overloads
+  emit(event: "change", data: T): void;
+  emit(event: "reset"): void;
+  emit(event: string, data?: T): void {
+    if (typeof data !== "undefined") {
+      console.log(\`[\${this.name}] \${event}:\`, data);
+    }
+  }
+}
+
+// Class extending abstract, implements pattern
+class StateManager<S extends Record<string, unknown>>
+  extends BaseComponent<EventMap>
+{
+  #internal: Map<string, S> = new Map();
+
+  render(): string {
+    return \`<StateManager instances=\${this.#internal.size} />\`;
+  }
+
+  async fetchState(url: string): Promise<S | null> {
+    try {
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error(\`HTTP \${response.status}\`);
+      }
+      const data: S = await response.json();
+      return data;
+    } catch (error: unknown) {
+      if (error instanceof Error) {
+        console.error(error.message);
+      }
+      return null;
+    }
+  }
+
+  *entries(): Generator<[string, S], void, undefined> {
+    for (const [key, value] of this.#internal) {
+      yield [key, value];
+    }
+  }
+}
+
+// Arrow functions, destructuring, spread, rest params
+const createHandler = <T,>(
+  ...middleware: Array<(ctx: T) => T>
+): ((initial: T) => T) => {
+  return (initial: T): T => {
+    let result = initial;
+    for (const fn of middleware) {
+      result = fn(result);
+    }
+    return result;
+  };
+};
+
+// Switch, type guards, type assertions
+function processStatus(input: unknown): string {
+  if (input === null || input === undefined) {
+    return "empty";
+  }
+
+  switch (true) {
+    case typeof input === "number":
+      return (input as number) > 0 ? "positive" : "non-positive";
+    case typeof input === "boolean":
+      return input ? "truthy" : "falsy";
+    case Array.isArray(input):
+      return \`array[\${(input as unknown[]).length}]\`;
+    default:
+      return String(input);
+  }
+}
+
+// Async generator, for-await-of
+async function* streamEvents(
+  count: number,
+): AsyncGenerator<EventMap, void, unknown> {
+  let i = 0;
+  while (i < count) {
+    await new Promise((resolve) => setTimeout(resolve, 100));
+    yield { id: \`evt_\${i}\`, status: Status.Success, timestamp: Date.now() };
+    i++;
+  }
+}
+
+// Usage with instanceof, delete, void, in operator
+export async function main(): Promise<void> {
+  const manager = new StateManager<{ value: number }>("app");
+
+  if (manager instanceof BaseComponent) {
+    manager.emit("change", {
+      id: "init",
+      status: Status.Idle,
+      timestamp: Date.now(),
+    });
+  }
+
+  for await (const event of streamEvents(MAX_RETRIES)) {
+    if ("timestamp" in event && event.timestamp !== undefined) {
+      void processStatus(event.status);
+    }
+  }
+
+  const handler = createHandler<{ count: number }>(
+    (ctx) => ({ ...ctx, count: ctx.count + 1 }),
+    (ctx) => ({ ...ctx, count: ctx.count * 2 }),
+  );
+
+  const { count } = handler({ count: 0 });
+  delete (manager as Record<string, unknown>)["temp"];
+  console.log(\`Final count: \${count}\`);
+}`;
+// Covers: CSS selectors (tag, class, id), pseudo-classes, pseudo-elements,
+// property names, vendor-prefixed properties, values, units, colors,
+// CSS variables, media queries, keyframes, calc(), CSS functions
+export const SAMPLE_CODE_CSS = `/* CSS Component Styles */
+:root {
+  --primary-color: #4eb3d4;
+  --spacing-unit: 0.5rem;
+  --font-stack: "Inter", system-ui, sans-serif;
+  --shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+}
+
+body {
+  font-family: var(--font-stack);
+  font-size: 16px;
+  line-height: 1.6;
+  color: oklch(0.9 0.01 180);
+  background-color: hsl(170, 30%, 5%);
+}
+
+/* Class and ID selectors */
+.container {
+  max-width: 1200px;
+  margin-inline: auto;
+  padding: calc(var(--spacing-unit) * 4);
+}
+
+#main-header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+}
+
+/* Pseudo-classes and pseudo-elements */
+a:hover,
+a:focus-visible {
+  color: var(--primary-color);
+  text-decoration-thickness: 2px;
+}
+
+button:not(:disabled):active {
+  transform: scale(0.98);
+}
+
+.tooltip::after {
+  content: attr(data-tip);
+  position: absolute;
+  opacity: 0;
+  transition: opacity 200ms ease-in-out;
+}
+
+/* Nesting, has(), media queries */
+.card {
+  border-radius: 8px;
+  box-shadow: var(--shadow);
+
+  &:has(img) {
+    overflow: hidden;
+  }
+
+  & > .card-title {
+    font-weight: 700;
+    font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  * {
+    animation-duration: 0.01ms !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@layer components {
+  .btn-primary {
+    background: linear-gradient(135deg, #4eb3d4, #39c6ac);
+    border: none;
+    padding: 0.75em 1.5em;
+    border-radius: 9999px;
+    color: white;
+    cursor: pointer;
+  }
+}`;
+// Covers: JSON keys, string values, numbers, booleans, null, nested objects/arrays
+export const SAMPLE_CODE_JSON = `{
+  "name": "@vesper/design-system",
+  "version": "2.4.0",
+  "private": true,
+  "description": "A modern design system with accessible components",
+  "keywords": ["react", "components", "design-system", "accessibility"],
+  "author": {
+    "name": "Vesper Team",
+    "email": "team@vesper.dev",
+    "url": "https://vesper.dev"
+  },
+  "license": "MIT",
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "config": {
+    "port": 5173,
+    "debug": false,
+    "verbose": true,
+    "timeout": null,
+    "retries": 3,
+    "ratio": 1.618,
+    "features": {
+      "darkMode": true,
+      "animations": true,
+      "ssr": false
+    }
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  }
+}`;
+// Covers: headings, bold, italic, strikethrough, links, images, code (inline & fenced),
+// blockquotes, ordered/unordered lists, horizontal rules, tables, task lists
+export const SAMPLE_CODE_MARKDOWN = `# Design System Documentation
+
+## Getting Started
+
+Install the package using your preferred **package manager**:
+
+\`\`\`bash
+yarn add @vesper/design-system
+\`\`\`
+
+### Basic Usage
+
+Import components _directly_ from the package. Each component supports
+~~legacy props~~ the new **slot-based** API.
+
+> **Note:** All components are fully accessible and follow
+> WAI-ARIA guidelines for keyboard navigation.
+
+## Components
+
+| Component | Status | Version |
+|-----------|--------|---------|
+| Button    | Stable | 2.0.0   |
+| Dialog    | Beta   | 1.9.0   |
+| Tooltip   | Alpha  | 0.5.0   |
+
+### Features
+
+- [x] Fully typed with TypeScript
+- [x] Tree-shakeable exports
+- [ ] CSS-in-JS support
+- [ ] React Server Components
+
+1. Install dependencies
+2. Configure your theme
+3. Import and use components
+
+---
+
+For more details, visit [the docs](https://vesper.dev/docs) or check the
+![badge](https://img.shields.io/badge/coverage-98%25-green) on GitHub.
+
+Use inline code like \`<Button variant="primary" />\` in your JSX files.`;
+// Covers: shell commands, variables, pipes, redirects, subshells,
+// conditionals, loops, functions, heredocs, globs, quoting
+export const SAMPLE_CODE_BASH = `#!/usr/bin/env bash
+# Build and deploy script for the design system
+
+set -euo pipefail
+
+# Variables and string interpolation
+PROJECT_ROOT="$(cd "$(dirname "\${BASH_SOURCE[0]}")" && pwd)"
+BUILD_DIR="\${PROJECT_ROOT}/dist"
+VERSION=$(node -p "require('./package.json').version")
+TIMESTAMP=$(date +%Y%m%d_%H%M%S)
+
+# Function definition
+build_package() {
+  local package_name="$1"
+  local outdir="\${BUILD_DIR}/\${package_name}"
+
+  echo "Building \${package_name} v\${VERSION}..."
+
+  if [[ -d "$outdir" ]]; then
+    rm -rf "$outdir"
+  fi
+
+  mkdir -p "$outdir"
+
+  # Pipe and redirect
+  npx tsc --project "./packages/\${package_name}/tsconfig.json" \\
+    2>&1 | tee "\${BUILD_DIR}/build_\${TIMESTAMP}.log"
+
+  local exit_code=$?
+  if (( exit_code != 0 )); then
+    echo "Error: Build failed with exit code \${exit_code}" >&2
+    return 1
+  fi
+
+  # Array and glob
+  local -a files=("\${outdir}"/*.js)
+  echo "Generated \${#files[@]} files"
+}
+
+# Conditional and loop
+deploy() {
+  local env="\${1:-staging}"
+
+  case "$env" in
+    production)
+      echo "Deploying to production..."
+      ;;
+    staging|dev)
+      echo "Deploying to \${env}..."
+      ;;
+    *)
+      echo "Unknown environment: $env" >&2
+      exit 1
+      ;;
+  esac
+
+  for pkg in packages/*/; do
+    [[ -f "\${pkg}package.json" ]] || continue
+    build_package "$(basename "$pkg")"
+  done
+
+  # Command substitution and arithmetic
+  local total_size=$(du -sh "$BUILD_DIR" | cut -f1)
+  local file_count=$(($(find "$BUILD_DIR" -type f | wc -l)))
+
+  cat <<EOF
+Deploy Summary
+==============
+Environment: $env
+Total Size:  $total_size
+File Count:  $file_count
+EOF
+}
+
+# Main execution
+deploy "\${1:-staging}"`;
+// ANSI escape sequences for terminal output rendering
+// Covers: all 8 standard colors, all 8 bright colors, bold, italic,
+// underline, strikethrough, dim, reverse, and combinations
+const ESC = "\x1b";
+export const SAMPLE_CODE_ANSI = [
+    `${ESC}[1;36m● vesper${ESC}[0m ${ESC}[2mv2.4.0${ESC}[0m`,
+    ``,
+    `${ESC}[1m  Standard Colors${ESC}[0m`,
+    `  ${ESC}[30m■ black${ESC}[0m   ${ESC}[31m■ red${ESC}[0m     ${ESC}[32m■ green${ESC}[0m   ${ESC}[33m■ yellow${ESC}[0m`,
+    `  ${ESC}[34m■ blue${ESC}[0m    ${ESC}[35m■ magenta${ESC}[0m  ${ESC}[36m■ cyan${ESC}[0m    ${ESC}[37m■ white${ESC}[0m`,
+    ``,
+    `${ESC}[1m  Bright Colors${ESC}[0m`,
+    `  ${ESC}[90m■ brBlack${ESC}[0m  ${ESC}[91m■ brRed${ESC}[0m    ${ESC}[92m■ brGreen${ESC}[0m  ${ESC}[93m■ brYellow${ESC}[0m`,
+    `  ${ESC}[94m■ brBlue${ESC}[0m   ${ESC}[95m■ brMagenta${ESC}[0m ${ESC}[96m■ brCyan${ESC}[0m   ${ESC}[97m■ brWhite${ESC}[0m`,
+    ``,
+    `${ESC}[1m  Decorations${ESC}[0m`,
+    `  ${ESC}[1mbold text${ESC}[0m   ${ESC}[3mitalic text${ESC}[0m   ${ESC}[4munderlined${ESC}[0m   ${ESC}[9mstrikethrough${ESC}[0m`,
+    `  ${ESC}[2mdim text${ESC}[0m    ${ESC}[1;3mbold+italic${ESC}[0m   ${ESC}[1;4mbold+underline${ESC}[0m`,
+    ``,
+    `${ESC}[1m  Build Output${ESC}[0m`,
+    `  ${ESC}[32m✓${ESC}[0m Compiled ${ESC}[1m48${ESC}[0m modules in ${ESC}[33m1.2s${ESC}[0m`,
+    `  ${ESC}[32m✓${ESC}[0m Generated type declarations`,
+    `  ${ESC}[32m✓${ESC}[0m Bundle size: ${ESC}[36m24.8 kB${ESC}[0m ${ESC}[2m(gzipped: 8.1 kB)${ESC}[0m`,
+    `  ${ESC}[33m⚠${ESC}[0m ${ESC}[33mDeprecation:${ESC}[0m ${ESC}[3mlegacyProp${ESC}[0m will be removed in v3.0`,
+    `  ${ESC}[31m✗${ESC}[0m ${ESC}[31mError:${ESC}[0m Failed to resolve ${ESC}[4m@vesper/missing-pkg${ESC}[0m`,
+    ``,
+    `  ${ESC}[1m  Test Results${ESC}[0m`,
+    `  ${ESC}[32m  142 passing${ESC}[0m ${ESC}[2m(3.4s)${ESC}[0m`,
+    `  ${ESC}[91m    2 failing${ESC}[0m`,
+    `  ${ESC}[96m    5 pending${ESC}[0m`,
+].join("\n");
+export const SAMPLE_CODE_PYTHON = `x_dfb = ttl.make_dataflow_buffer_like(x,
+    shape = (2, 2),
+    block_count = 2)
+
+@ttl.datamovement()
+def some_read():
+    with x_dfb.reserve() as x_blk:
+        # produce data into x_blk ...
+        # implicit x_dfb.push() at the end of the scope
+
+@ttl.compute()
+def some_compute():
+    x_blk = x_dfb.wait()
+    # consume data in x_blk ...
+    x_blk.pop() # explicit`;
+/**
+ * Simulate an incoming text stream
+ */
+export function createTextStream(code) {
+    let str = code;
+    function getNextChunk() {
+        const chunk = str.slice(0, 25);
+        str = str.slice(25);
+        return chunk;
+    }
+    return new ReadableStream({
+        async start(controller) {
+            while (str.length) {
+                controller.enqueue(getNextChunk());
+                await new Promise((r) => setTimeout(r, 50));
+            }
+            controller.close();
+        },
+    });
+}
+//# sourceMappingURL=fixtures.js.map

package/dist/components/code-block/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/code-block/fixtures.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,+EAA+E;AAC/E,wEAAwE;AACxE,4EAA4E;AAC5E,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgKpC,CAAC;AAEH,2EAA2E;AAC3E,qEAAqE;AACrE,iEAAiE;AACjE,MAAM,CAAC,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkG7B,CAAC;AAEH,mFAAmF;AACnF,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgC9B,CAAC;AAEH,wFAAwF;AACxF,6EAA6E;AAC7E,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEA0CqC,CAAC;AAE1E,kEAAkE;AAClE,2DAA2D;AAC3D,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA2ER,CAAC;AAEzB,sDAAsD;AACtD,oEAAoE;AACpE,2DAA2D;AAC3D,MAAM,GAAG,GAAG,MAAM,CAAC;AACnB,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,GAAG,iBAAiB,GAAG,OAAO,GAAG,YAAY,GAAG,KAAK;IACxD,EAAE;IACF,GAAG,GAAG,uBAAuB,GAAG,KAAK;IACrC,KAAK,GAAG,cAAc,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,SAAS,GAAG,eAAe,GAAG,KAAK;IACtH,KAAK,GAAG,aAAa,GAAG,UAAU,GAAG,gBAAgB,GAAG,QAAQ,GAAG,aAAa,GAAG,UAAU,GAAG,cAAc,GAAG,KAAK;IACtH,EAAE;IACF,GAAG,GAAG,qBAAqB,GAAG,KAAK;IACnC,KAAK,GAAG,gBAAgB,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,gBAAgB,GAAG,QAAQ,GAAG,iBAAiB,GAAG,KAAK;IAC3H,KAAK,GAAG,eAAe,GAAG,SAAS,GAAG,kBAAkB,GAAG,OAAO,GAAG,eAAe,GAAG,SAAS,GAAG,gBAAgB,GAAG,KAAK;IAC3H,EAAE;IACF,GAAG,GAAG,mBAAmB,GAAG,KAAK;IACjC,KAAK,GAAG,eAAe,GAAG,SAAS,GAAG,iBAAiB,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,GAAG,mBAAmB,GAAG,KAAK;IAChI,KAAK,GAAG,cAAc,GAAG,UAAU,GAAG,mBAAmB,GAAG,SAAS,GAAG,sBAAsB,GAAG,KAAK;IACtG,EAAE;IACF,GAAG,GAAG,oBAAoB,GAAG,KAAK;IAClC,KAAK,GAAG,QAAQ,GAAG,gBAAgB,GAAG,QAAQ,GAAG,kBAAkB,GAAG,WAAW,GAAG,KAAK;IACzF,KAAK,GAAG,QAAQ,GAAG,iCAAiC;IACpD,KAAK,GAAG,QAAQ,GAAG,oBAAoB,GAAG,cAAc,GAAG,OAAO,GAAG,uBAAuB,GAAG,KAAK;IACpG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,mBAAmB,GAAG,OAAO,GAAG,gBAAgB,GAAG,6BAA6B;IAC7G,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,yBAAyB,GAAG,yBAAyB,GAAG,KAAK;IAC1G,EAAE;IACF,KAAK,GAAG,oBAAoB,GAAG,KAAK;IACpC,KAAK,GAAG,oBAAoB,GAAG,OAAO,GAAG,YAAY,GAAG,KAAK;IAC7D,KAAK,GAAG,oBAAoB,GAAG,KAAK;IACpC,KAAK,GAAG,oBAAoB,GAAG,KAAK;CACrC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;2BAcP,CAAC;AAE5B;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAY;IAC3C,IAAI,GAAG,GAAG,IAAI,CAAC;IAEf,SAAS,YAAY;QACnB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC/B,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACpB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,cAAc,CAAC;QACxB,KAAK,CAAC,KAAK,CAAC,UAAU;YACpB,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC;gBAClB,UAAU,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;gBACnC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAC9C,CAAC;YACD,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/components/code-block/streaming-code-block.d.ts

@@ -0,0 +1,5 @@
+import type { CodeBlockProps } from "./code-block.js";
+export declare function StreamingCodeBlock({ className, children: code, lang, copyOnHover, showLineNumbers, ...props }: Omit<CodeBlockProps, "children"> & {
+    children: () => ReadableStream<string> | Promise<ReadableStream<string>>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=streaming-code-block.d.ts.map

package/dist/components/code-block/streaming-code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"streaming-code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/streaming-code-block.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAInD,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAQ,EAAE,IAAI,EACd,IAAa,EACb,WAAmB,EACnB,eAAe,EACf,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IACpC,QAAQ,EAAE,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC1E,2CA2CA"}

package/dist/components/code-block/streaming-code-block.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { getTokenStyleObject } from "@shikijs/core";
+import { cn } from "../../utils/cn.js";
+import { generateId } from "../../utils/generateId.js";
+import { CodeBlockPreWrapper, CopyToClipboardButton } from "./components.js";
+import { codeToTokenStream, handleLanguageRegistration } from "./utils.js";
+export function StreamingCodeBlock({ className, children: code, lang = "text", copyOnHover = false, showLineNumbers, ...props }) {
+    handleLanguageRegistration(lang);
+    const ref = useRef(null);
+    const shouldAutoScroll = useRef(true);
+    useEffect(() => {
+        if (!ref.current)
+            return;
+        const observer = new MutationObserver(() => {
+            if (!ref.current || !shouldAutoScroll.current)
+                return;
+            ref.current.scrollTop = ref.current.scrollHeight;
+        });
+        const handleScroll = () => {
+            const { scrollTop, scrollHeight, clientHeight } = el;
+            const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+            shouldAutoScroll.current = distanceFromBottom < 10;
+        };
+        const el = ref.current;
+        el.addEventListener("scroll", handleScroll);
+        observer.observe(el, { childList: true, subtree: true });
+        return () => {
+            el.removeEventListener("scroll", handleScroll);
+            observer.disconnect();
+        };
+    }, [code]);
+    return (_jsxs("div", { className: cn("vesper-code-block", className), "data-copy-on-hover": copyOnHover, ...props, children: [_jsx(CodeBlockPreWrapper, { ref: ref, "data-line-numbers": showLineNumbers, children: _jsx(TokenStreamRenderer, { code: code, lang: lang }) }), _jsx(CopyToClipboardButton, {})] }));
+}
+/**
+ * This component is a re-implementation of the `ShikiStreamRenderer` component from the shiki repo:
+ *
+ * https://github.com/shikijs/shiki/blob/main/packages/stream/src/react/renderer.ts
+ *
+ * The main difference between shiki's implementation and our implementation is we use an `AbortController` to abort the `WriteableStream` when the code/lang props change. This allows consumers to swap streamed code props on-demand without previously-supplied streams interfering with the rendered output of the new token streams.
+ * */
+function TokenStreamRenderer({ code, lang, }) {
+    // WeakMap for storing references to ThemedToken keys
+    // Because WeakMaps garbage collect their own references, we don't have to worry about memory leaks when the tokens array is reset or changes
+    const keys = useRef(new WeakMap());
+    // Gets the associated key in the above WeakMap for a ThemedToken
+    const getKey = useCallback((token) => {
+        let key = keys.current.get(token);
+        if (!keys.current.has(token)) {
+            key = generateId();
+            keys.current.set(token, key);
+        }
+        return key;
+    }, []);
+    const [tokens, setTokens] = useState([]);
+    useEffect(() => {
+        setTokens((prevTokens) => (prevTokens.length ? [] : prevTokens));
+        const controller = new AbortController();
+        Promise.resolve()
+            .then(code)
+            .then((stream) => {
+            if (controller.signal.aborted) {
+                stream.cancel();
+                return;
+            }
+            stream
+                .pipeThrough(codeToTokenStream(lang))
+                .pipeTo(new WritableStream({
+                write(token) {
+                    if ("recall" in token)
+                        setTokens((t) => t.slice(0, -token.recall));
+                    else
+                        setTokens((tokens) => [...tokens, token]);
+                },
+            }), { signal: controller.signal })
+                .catch(() => { });
+        })
+            .catch(() => { });
+        return () => controller.abort();
+    }, [code, lang]);
+    return (_jsx("pre", { className: "shiki vesper shiki-stream", children: _jsx("code", { children: tokensToLines(tokens).map((line, index) => (_jsx("span", { className: "line", children: line.map((token) => (_jsx("span", { style: token.htmlStyle || getTokenStyleObject(token), children: token.content }, getKey(token)))) }, index))) }) }));
+}
+const tokensToLines = (tokens) => tokens.reduce((lines, token) => {
+    if (token.content === "\n") {
+        lines.push([]);
+        return lines;
+    }
+    lines[lines.length - 1].push(token);
+    return lines;
+}, [[]]);
+//# sourceMappingURL=streaming-code-block.js.map

package/dist/components/code-block/streaming-code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streaming-code-block.js","sourceRoot":"","sources":["../../../src/components/code-block/streaming-code-block.tsx"],"names":[],"mappings":"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"}

package/dist/components/code-block/themes.d.ts

@@ -0,0 +1,16 @@
+import { ThemeRegistration } from "@shikijs/core";
+/**
+ * Night Owl TextMate theme
+ * https://github.com/shikijs/textmate-grammars-themes/blob/main/packages/tm-themes/themes/night-owl.json
+ *
+ * Source colors are remapped to the closest Vesper dark mode palette tokens
+ */
+export declare const dark: ThemeRegistration;
+/**
+ * Night Owl Light TextMate theme
+ * https://github.com/shikijs/textmate-grammars-themes/blob/main/packages/tm-themes/themes/night-owl-light.json
+ *
+ * Source colors are remapped to the closest Vesper light mode palette tokens:
+ */
+export declare const light: ThemeRegistration;
+//# sourceMappingURL=themes.d.ts.map

package/dist/components/code-block/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,IAAI,EAAE,iBA06ClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,iBA+1CnB,CAAC"}