@boba-cli/code 0.1.0-alpha.2

package/README.md

@@ -0,0 +1,43 @@
+# @boba-cli/code
+
+Syntax-highlighted code viewer component for Boba terminal UIs.
+
+![Code Demo](../../examples/code-demo.gif)
+
+## Features
+
+- Syntax highlighting with configurable themes
+- Scrollable viewport for long code files
+- Supports multiple programming languages via file extension detection
+- Async file loading
+- Keyboard navigation when active
+
+## Installation
+
+```bash
+pnpm add @boba-cli/code
+```
+
+## Usage
+
+```typescript
+import { CodeModel } from '@boba-cli/code'
+import { Program } from '@boba-cli/tea'
+
+const codeModel = CodeModel.new({ active: true })
+
+// In init
+const cmd = codeModel.setFileName('example.ts')
+
+// In update - handle window resize
+if (msg instanceof WindowSizeMsg) {
+  codeModel = codeModel.setSize(msg.width, msg.height)
+}
+
+// In view
+return codeModel.view()
+```
+
+## API
+
+See [API documentation](../../docs/code.codemodel.md) for details.

package/dist/index.cjs

@@ -0,0 +1,245 @@
+'use strict';
+
+var chapstick = require('@boba-cli/chapstick');
+var filesystem = require('@boba-cli/filesystem');
+var viewport = require('@boba-cli/viewport');
+var shiki = require('shiki');
+
+// src/model.ts
+
+// src/messages.ts
+var SyntaxMsg = class {
+  constructor(content) {
+    this.content = content;
+  }
+  _tag = "code-syntax";
+};
+var ErrorMsg = class {
+  constructor(error) {
+    this.error = error;
+  }
+  _tag = "code-error";
+};
+
+// src/model.ts
+async function highlight(content, extension, theme = "dracula") {
+  try {
+    const highlighter = await shiki.getHighlighter({
+      themes: [theme],
+      langs: []
+    });
+    const ext = extension.startsWith(".") ? extension.slice(1) : extension;
+    let lang = ext || "text";
+    try {
+      await highlighter.loadLanguage(lang);
+    } catch {
+      lang = "text";
+      try {
+        await highlighter.loadLanguage("text");
+      } catch {
+        return content;
+      }
+    }
+    const tokens = highlighter.codeToTokens(content, {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment
+      lang,
+      theme
+    });
+    let result = "";
+    for (const line of tokens.tokens) {
+      for (const token of line) {
+        if (token.color) {
+          result += `\x1B[38;2;${hexToRgb(token.color)}m${token.content}\x1B[0m`;
+        } else {
+          result += token.content;
+        }
+      }
+      result += "\n";
+    }
+    return result.trimEnd();
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    throw new Error(`Syntax highlighting failed: ${errorMessage}`);
+  }
+}
+function hexToRgb(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result) return "255;255;255";
+  return `${parseInt(result[1], 16)};${parseInt(result[2], 16)};${parseInt(result[3], 16)}`;
+}
+function readFileContentCmd(fsAdapter, pathAdapter, fileName, syntaxTheme) {
+  return async () => {
+    try {
+      const content = await filesystem.readFileContent(fsAdapter, fileName);
+      const extension = pathAdapter.extname(fileName);
+      const highlightedContent = await highlight(
+        content,
+        extension,
+        syntaxTheme
+      );
+      return new SyntaxMsg(highlightedContent);
+    } catch (error) {
+      return new ErrorMsg(
+        error instanceof Error ? error : new Error(String(error))
+      );
+    }
+  };
+}
+var CodeModel = class _CodeModel {
+  viewport;
+  active;
+  filename;
+  highlightedContent;
+  syntaxTheme;
+  filesystem;
+  path;
+  constructor(options) {
+    this.viewport = options.viewport;
+    this.active = options.active;
+    this.filename = options.filename;
+    this.highlightedContent = options.highlightedContent;
+    this.syntaxTheme = options.syntaxTheme;
+    this.filesystem = options.filesystem;
+    this.path = options.path;
+  }
+  /**
+   * Creates a new code model instance.
+   * @param options - Configuration options
+   * @returns A new CodeModel instance
+   */
+  static new(options) {
+    return new _CodeModel({
+      viewport: viewport.ViewportModel.new({
+        width: options.width ?? 0,
+        height: options.height ?? 0
+      }),
+      active: options.active ?? false,
+      filename: "",
+      highlightedContent: "",
+      syntaxTheme: options.syntaxTheme ?? "dracula",
+      filesystem: options.filesystem,
+      path: options.path
+    });
+  }
+  /**
+   * Create a copy with updated fields.
+   */
+  with(partial) {
+    return new _CodeModel({
+      viewport: partial.viewport ?? this.viewport,
+      active: partial.active ?? this.active,
+      filename: partial.filename ?? this.filename,
+      highlightedContent: partial.highlightedContent ?? this.highlightedContent,
+      syntaxTheme: partial.syntaxTheme ?? this.syntaxTheme,
+      filesystem: partial.filesystem ?? this.filesystem,
+      path: partial.path ?? this.path
+    });
+  }
+  /**
+   * Sets the file to display and triggers highlighting.
+   * @param filename - Path to the file to display
+   * @returns Command to read and highlight the file
+   */
+  setFileName(filename) {
+    const updated = this.with({ filename });
+    return [updated, readFileContentCmd(this.filesystem, this.path, filename, this.syntaxTheme)];
+  }
+  /**
+   * Sets whether the component is active (receives input).
+   * @param active - Whether the component should be active
+   * @returns Updated model
+   */
+  setIsActive(active) {
+    if (this.active === active) return this;
+    return this.with({ active });
+  }
+  /**
+   * Sets the syntax highlighting theme.
+   * @param theme - The theme name (e.g., "dracula", "monokai")
+   * @returns Updated model
+   */
+  setSyntaxTheme(theme) {
+    if (this.syntaxTheme === theme) return this;
+    return this.with({ syntaxTheme: theme });
+  }
+  /**
+   * Sets the viewport dimensions.
+   * @param width - Width in characters
+   * @param height - Height in lines
+   * @returns Updated model
+   */
+  setSize(width, height) {
+    const nextViewport = this.viewport.setWidth(width).setHeight(height);
+    if (nextViewport === this.viewport) return this;
+    return this.with({ viewport: nextViewport });
+  }
+  /**
+   * Scrolls to the top of the viewport.
+   * @returns Updated model
+   */
+  gotoTop() {
+    const nextViewport = this.viewport.scrollToTop();
+    if (nextViewport === this.viewport) return this;
+    return this.with({ viewport: nextViewport });
+  }
+  /**
+   * Tea init hook.
+   */
+  init() {
+    return this.viewport.init();
+  }
+  /**
+   * Handles messages (keyboard navigation when active).
+   * @param msg - The message to handle
+   * @returns Tuple of updated model and command
+   */
+  update(msg) {
+    if (msg instanceof SyntaxMsg) {
+      const content = msg.content;
+      const style = new chapstick.Style().width(this.viewport.width).alignHorizontal("left");
+      const rendered = style.render(content);
+      const nextViewport = this.viewport.setContent(rendered);
+      return [
+        this.with({
+          highlightedContent: rendered,
+          viewport: nextViewport
+        }),
+        null
+      ];
+    }
+    if (msg instanceof ErrorMsg) {
+      const errorContent = `Error: ${msg.error.message}`;
+      const style = new chapstick.Style().width(this.viewport.width).alignHorizontal("left");
+      const rendered = style.render(errorContent);
+      const nextViewport = this.viewport.setContent(rendered);
+      return [
+        this.with({
+          highlightedContent: rendered,
+          viewport: nextViewport
+        }),
+        null
+      ];
+    }
+    if (this.active) {
+      const [nextViewport, cmd] = this.viewport.update(msg);
+      if (nextViewport !== this.viewport) {
+        return [this.with({ viewport: nextViewport }), cmd];
+      }
+    }
+    return [this, null];
+  }
+  /**
+   * Returns the rendered string.
+   * @returns The viewport view
+   */
+  view() {
+    return this.viewport.view();
+  }
+};
+
+exports.CodeModel = CodeModel;
+exports.ErrorMsg = ErrorMsg;
+exports.SyntaxMsg = SyntaxMsg;
+exports.highlight = highlight;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/messages.ts","../src/model.ts"],"names":["getHighlighter","readFileContent","ViewportModel","Style"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Message containing syntax-highlighted content after async processing.\n * @public\n */\nexport class SyntaxMsg {\n  readonly _tag = 'code-syntax'\n  constructor(public readonly content: string) {}\n}\n\n/**\n * Message containing an error if file read or highlighting fails.\n * @public\n */\nexport class ErrorMsg {\n  readonly _tag = 'code-error'\n  constructor(public readonly error: Error) {}\n}\n","import { Style } from '@boba-cli/chapstick'\nimport { readFileContent } from '@boba-cli/filesystem'\nimport { type Cmd, type Msg } from '@boba-cli/tea'\nimport type { FileSystemAdapter, PathAdapter } from '@boba-cli/machine'\nimport { ViewportModel } from '@boba-cli/viewport'\nimport { getHighlighter } from 'shiki'\nimport { ErrorMsg, SyntaxMsg } from './messages.js'\n\n/**\n * Options for creating a code model.\n * @public\n */\nexport interface CodeOptions {\n  /** Filesystem adapter for file operations */\n  filesystem: FileSystemAdapter\n  /** Path adapter for path operations */\n  path: PathAdapter\n  active?: boolean\n  syntaxTheme?: string\n  width?: number\n  height?: number\n}\n\n/**\n * Highlight returns a syntax-highlighted string of text.\n * @param content - The source code content to highlight\n * @param extension - The file extension (e.g., \".ts\", \".go\")\n * @param theme - The syntax theme to use (default: \"dracula\")\n * @returns Promise resolving to the highlighted content string\n * @public\n */\nexport async function highlight(\n  content: string,\n  extension: string,\n  theme: string = 'dracula',\n): Promise<string> {\n  try {\n    const highlighter = await getHighlighter({\n      themes: [theme],\n      langs: [],\n    })\n\n    // Map extension to language - use a safer approach\n    const ext = extension.startsWith('.') ? extension.slice(1) : extension\n    let lang = ext || 'text'\n\n    // Load the language if needed, fallback to text\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-argument\n      await highlighter.loadLanguage(lang as any)\n    } catch {\n      // If language loading fails, use 'text' as fallback\n      lang = 'text'\n      try {\n        await highlighter.loadLanguage('text')\n      } catch {\n        // If even text fails, just return plain content\n        return content\n      }\n    }\n\n    // Get tokens from highlighter\n    const tokens = highlighter.codeToTokens(content, {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment\n      lang: lang as any,\n      theme: theme,\n    })\n\n    // Convert tokens to ANSI colored text\n    let result = ''\n    for (const line of tokens.tokens) {\n      for (const token of line) {\n        if (token.color) {\n          // Simple ANSI color conversion (this is a basic approach)\n          result += `\\x1b[38;2;${hexToRgb(token.color)}m${token.content}\\x1b[0m`\n        } else {\n          result += token.content\n        }\n      }\n      result += '\\n'\n    }\n\n    return result.trimEnd()\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n    throw new Error(`Syntax highlighting failed: ${errorMessage}`)\n  }\n}\n\n/**\n * Convert hex color to RGB values for ANSI\n */\nfunction hexToRgb(hex: string): string {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n  if (!result) return '255;255;255'\n  return `${parseInt(result[1]!, 16)};${parseInt(result[2]!, 16)};${parseInt(result[3]!, 16)}`\n}\n\n/**\n * Read file content and highlight it asynchronously.\n */\nfunction readFileContentCmd(\n  fsAdapter: FileSystemAdapter,\n  pathAdapter: PathAdapter,\n  fileName: string,\n  syntaxTheme: string,\n): Cmd<Msg> {\n  return async (): Promise<Msg> => {\n    try {\n      const content = await readFileContent(fsAdapter, fileName)\n      const extension = pathAdapter.extname(fileName)\n      const highlightedContent = await highlight(\n        content,\n        extension,\n        syntaxTheme,\n      )\n      return new SyntaxMsg(highlightedContent)\n    } catch (error) {\n      return new ErrorMsg(\n        error instanceof Error ? error : new Error(String(error)),\n      )\n    }\n  }\n}\n\n/**\n * Model representing a syntax-highlighted code viewer.\n * @public\n */\nexport class CodeModel {\n  readonly viewport: ViewportModel\n  readonly active: boolean\n  readonly filename: string\n  readonly highlightedContent: string\n  readonly syntaxTheme: string\n  readonly filesystem: FileSystemAdapter\n  readonly path: PathAdapter\n\n  private constructor(options: {\n    viewport: ViewportModel\n    active: boolean\n    filename: string\n    highlightedContent: string\n    syntaxTheme: string\n    filesystem: FileSystemAdapter\n    path: PathAdapter\n  }) {\n    this.viewport = options.viewport\n    this.active = options.active\n    this.filename = options.filename\n    this.highlightedContent = options.highlightedContent\n    this.syntaxTheme = options.syntaxTheme\n    this.filesystem = options.filesystem\n    this.path = options.path\n  }\n\n  /**\n   * Creates a new code model instance.\n   * @param options - Configuration options\n   * @returns A new CodeModel instance\n   */\n  static new(options: CodeOptions): CodeModel {\n    return new CodeModel({\n      viewport: ViewportModel.new({\n        width: options.width ?? 0,\n        height: options.height ?? 0,\n      }),\n      active: options.active ?? false,\n      filename: '',\n      highlightedContent: '',\n      syntaxTheme: options.syntaxTheme ?? 'dracula',\n      filesystem: options.filesystem,\n      path: options.path,\n    })\n  }\n\n  /**\n   * Create a copy with updated fields.\n   */\n  private with(\n    partial: Partial<{\n      viewport: ViewportModel\n      active: boolean\n      filename: string\n      highlightedContent: string\n      syntaxTheme: string\n      filesystem: FileSystemAdapter\n      path: PathAdapter\n    }>,\n  ): CodeModel {\n    return new CodeModel({\n      viewport: partial.viewport ?? this.viewport,\n      active: partial.active ?? this.active,\n      filename: partial.filename ?? this.filename,\n      highlightedContent: partial.highlightedContent ?? this.highlightedContent,\n      syntaxTheme: partial.syntaxTheme ?? this.syntaxTheme,\n      filesystem: partial.filesystem ?? this.filesystem,\n      path: partial.path ?? this.path,\n    })\n  }\n\n  /**\n   * Sets the file to display and triggers highlighting.\n   * @param filename - Path to the file to display\n   * @returns Command to read and highlight the file\n   */\n  setFileName(filename: string): [CodeModel, Cmd<Msg>] {\n    const updated = this.with({ filename })\n    return [updated, readFileContentCmd(this.filesystem, this.path, filename, this.syntaxTheme)]\n  }\n\n  /**\n   * Sets whether the component is active (receives input).\n   * @param active - Whether the component should be active\n   * @returns Updated model\n   */\n  setIsActive(active: boolean): CodeModel {\n    if (this.active === active) return this\n    return this.with({ active })\n  }\n\n  /**\n   * Sets the syntax highlighting theme.\n   * @param theme - The theme name (e.g., \"dracula\", \"monokai\")\n   * @returns Updated model\n   */\n  setSyntaxTheme(theme: string): CodeModel {\n    if (this.syntaxTheme === theme) return this\n    return this.with({ syntaxTheme: theme })\n  }\n\n  /**\n   * Sets the viewport dimensions.\n   * @param width - Width in characters\n   * @param height - Height in lines\n   * @returns Updated model\n   */\n  setSize(width: number, height: number): CodeModel {\n    const nextViewport = this.viewport.setWidth(width).setHeight(height)\n    if (nextViewport === this.viewport) return this\n    return this.with({ viewport: nextViewport })\n  }\n\n  /**\n   * Scrolls to the top of the viewport.\n   * @returns Updated model\n   */\n  gotoTop(): CodeModel {\n    const nextViewport = this.viewport.scrollToTop()\n    if (nextViewport === this.viewport) return this\n    return this.with({ viewport: nextViewport })\n  }\n\n  /**\n   * Tea init hook.\n   */\n  init(): Cmd<Msg> {\n    return this.viewport.init()\n  }\n\n  /**\n   * Handles messages (keyboard navigation when active).\n   * @param msg - The message to handle\n   * @returns Tuple of updated model and command\n   */\n  update(msg: Msg): [CodeModel, Cmd<Msg>] {\n    if (msg instanceof SyntaxMsg) {\n      const content = msg.content\n      // Apply width for consistent line lengths and left-align to pad lines\n      // Viewport handles height/scrolling - don't use .height() here as it truncates\n      const style = new Style()\n        .width(this.viewport.width)\n        .alignHorizontal('left')\n      const rendered = style.render(content)\n      const nextViewport = this.viewport.setContent(rendered)\n      return [\n        this.with({\n          highlightedContent: rendered,\n          viewport: nextViewport,\n        }),\n        null,\n      ]\n    }\n\n    if (msg instanceof ErrorMsg) {\n      const errorContent = `Error: ${msg.error.message}`\n      const style = new Style()\n        .width(this.viewport.width)\n        .alignHorizontal('left')\n      const rendered = style.render(errorContent)\n      const nextViewport = this.viewport.setContent(rendered)\n      return [\n        this.with({\n          highlightedContent: rendered,\n          viewport: nextViewport,\n        }),\n        null,\n      ]\n    }\n\n    if (this.active) {\n      const [nextViewport, cmd] = this.viewport.update(msg)\n      if (nextViewport !== this.viewport) {\n        return [this.with({ viewport: nextViewport }), cmd]\n      }\n    }\n\n    return [this, null]\n  }\n\n  /**\n   * Returns the rendered string.\n   * @returns The viewport view\n   */\n  view(): string {\n    return this.viewport.view()\n  }\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,117 @@
+import { Cmd, Msg } from '@boba-cli/tea';
+import { FileSystemAdapter, PathAdapter } from '@boba-cli/machine';
+import { ViewportModel } from '@boba-cli/viewport';
+
+/**
+ * Options for creating a code model.
+ * @public
+ */
+interface CodeOptions {
+    /** Filesystem adapter for file operations */
+    filesystem: FileSystemAdapter;
+    /** Path adapter for path operations */
+    path: PathAdapter;
+    active?: boolean;
+    syntaxTheme?: string;
+    width?: number;
+    height?: number;
+}
+/**
+ * Highlight returns a syntax-highlighted string of text.
+ * @param content - The source code content to highlight
+ * @param extension - The file extension (e.g., ".ts", ".go")
+ * @param theme - The syntax theme to use (default: "dracula")
+ * @returns Promise resolving to the highlighted content string
+ * @public
+ */
+declare function highlight(content: string, extension: string, theme?: string): Promise<string>;
+/**
+ * Model representing a syntax-highlighted code viewer.
+ * @public
+ */
+declare class CodeModel {
+    readonly viewport: ViewportModel;
+    readonly active: boolean;
+    readonly filename: string;
+    readonly highlightedContent: string;
+    readonly syntaxTheme: string;
+    readonly filesystem: FileSystemAdapter;
+    readonly path: PathAdapter;
+    private constructor();
+    /**
+     * Creates a new code model instance.
+     * @param options - Configuration options
+     * @returns A new CodeModel instance
+     */
+    static new(options: CodeOptions): CodeModel;
+    /**
+     * Create a copy with updated fields.
+     */
+    private with;
+    /**
+     * Sets the file to display and triggers highlighting.
+     * @param filename - Path to the file to display
+     * @returns Command to read and highlight the file
+     */
+    setFileName(filename: string): [CodeModel, Cmd<Msg>];
+    /**
+     * Sets whether the component is active (receives input).
+     * @param active - Whether the component should be active
+     * @returns Updated model
+     */
+    setIsActive(active: boolean): CodeModel;
+    /**
+     * Sets the syntax highlighting theme.
+     * @param theme - The theme name (e.g., "dracula", "monokai")
+     * @returns Updated model
+     */
+    setSyntaxTheme(theme: string): CodeModel;
+    /**
+     * Sets the viewport dimensions.
+     * @param width - Width in characters
+     * @param height - Height in lines
+     * @returns Updated model
+     */
+    setSize(width: number, height: number): CodeModel;
+    /**
+     * Scrolls to the top of the viewport.
+     * @returns Updated model
+     */
+    gotoTop(): CodeModel;
+    /**
+     * Tea init hook.
+     */
+    init(): Cmd<Msg>;
+    /**
+     * Handles messages (keyboard navigation when active).
+     * @param msg - The message to handle
+     * @returns Tuple of updated model and command
+     */
+    update(msg: Msg): [CodeModel, Cmd<Msg>];
+    /**
+     * Returns the rendered string.
+     * @returns The viewport view
+     */
+    view(): string;
+}
+
+/**
+ * Message containing syntax-highlighted content after async processing.
+ * @public
+ */
+declare class SyntaxMsg {
+    readonly content: string;
+    readonly _tag = "code-syntax";
+    constructor(content: string);
+}
+/**
+ * Message containing an error if file read or highlighting fails.
+ * @public
+ */
+declare class ErrorMsg {
+    readonly error: Error;
+    readonly _tag = "code-error";
+    constructor(error: Error);
+}
+
+export { CodeModel, type CodeOptions, ErrorMsg, SyntaxMsg, highlight };

package/dist/index.d.ts

@@ -0,0 +1,117 @@
+import { Cmd, Msg } from '@boba-cli/tea';
+import { FileSystemAdapter, PathAdapter } from '@boba-cli/machine';
+import { ViewportModel } from '@boba-cli/viewport';
+
+/**
+ * Options for creating a code model.
+ * @public
+ */
+interface CodeOptions {
+    /** Filesystem adapter for file operations */
+    filesystem: FileSystemAdapter;
+    /** Path adapter for path operations */
+    path: PathAdapter;
+    active?: boolean;
+    syntaxTheme?: string;
+    width?: number;
+    height?: number;
+}
+/**
+ * Highlight returns a syntax-highlighted string of text.
+ * @param content - The source code content to highlight
+ * @param extension - The file extension (e.g., ".ts", ".go")
+ * @param theme - The syntax theme to use (default: "dracula")
+ * @returns Promise resolving to the highlighted content string
+ * @public
+ */
+declare function highlight(content: string, extension: string, theme?: string): Promise<string>;
+/**
+ * Model representing a syntax-highlighted code viewer.
+ * @public
+ */
+declare class CodeModel {
+    readonly viewport: ViewportModel;
+    readonly active: boolean;
+    readonly filename: string;
+    readonly highlightedContent: string;
+    readonly syntaxTheme: string;
+    readonly filesystem: FileSystemAdapter;
+    readonly path: PathAdapter;
+    private constructor();
+    /**
+     * Creates a new code model instance.
+     * @param options - Configuration options
+     * @returns A new CodeModel instance
+     */
+    static new(options: CodeOptions): CodeModel;
+    /**
+     * Create a copy with updated fields.
+     */
+    private with;
+    /**
+     * Sets the file to display and triggers highlighting.
+     * @param filename - Path to the file to display
+     * @returns Command to read and highlight the file
+     */
+    setFileName(filename: string): [CodeModel, Cmd<Msg>];
+    /**
+     * Sets whether the component is active (receives input).
+     * @param active - Whether the component should be active
+     * @returns Updated model
+     */
+    setIsActive(active: boolean): CodeModel;
+    /**
+     * Sets the syntax highlighting theme.
+     * @param theme - The theme name (e.g., "dracula", "monokai")
+     * @returns Updated model
+     */
+    setSyntaxTheme(theme: string): CodeModel;
+    /**
+     * Sets the viewport dimensions.
+     * @param width - Width in characters
+     * @param height - Height in lines
+     * @returns Updated model
+     */
+    setSize(width: number, height: number): CodeModel;
+    /**
+     * Scrolls to the top of the viewport.
+     * @returns Updated model
+     */
+    gotoTop(): CodeModel;
+    /**
+     * Tea init hook.
+     */
+    init(): Cmd<Msg>;
+    /**
+     * Handles messages (keyboard navigation when active).
+     * @param msg - The message to handle
+     * @returns Tuple of updated model and command
+     */
+    update(msg: Msg): [CodeModel, Cmd<Msg>];
+    /**
+     * Returns the rendered string.
+     * @returns The viewport view
+     */
+    view(): string;
+}
+
+/**
+ * Message containing syntax-highlighted content after async processing.
+ * @public
+ */
+declare class SyntaxMsg {
+    readonly content: string;
+    readonly _tag = "code-syntax";
+    constructor(content: string);
+}
+/**
+ * Message containing an error if file read or highlighting fails.
+ * @public
+ */
+declare class ErrorMsg {
+    readonly error: Error;
+    readonly _tag = "code-error";
+    constructor(error: Error);
+}
+
+export { CodeModel, type CodeOptions, ErrorMsg, SyntaxMsg, highlight };

package/dist/index.js

@@ -0,0 +1,240 @@
+import { Style } from '@boba-cli/chapstick';
+import { readFileContent } from '@boba-cli/filesystem';
+import { ViewportModel } from '@boba-cli/viewport';
+import { getHighlighter } from 'shiki';
+
+// src/model.ts
+
+// src/messages.ts
+var SyntaxMsg = class {
+  constructor(content) {
+    this.content = content;
+  }
+  _tag = "code-syntax";
+};
+var ErrorMsg = class {
+  constructor(error) {
+    this.error = error;
+  }
+  _tag = "code-error";
+};
+
+// src/model.ts
+async function highlight(content, extension, theme = "dracula") {
+  try {
+    const highlighter = await getHighlighter({
+      themes: [theme],
+      langs: []
+    });
+    const ext = extension.startsWith(".") ? extension.slice(1) : extension;
+    let lang = ext || "text";
+    try {
+      await highlighter.loadLanguage(lang);
+    } catch {
+      lang = "text";
+      try {
+        await highlighter.loadLanguage("text");
+      } catch {
+        return content;
+      }
+    }
+    const tokens = highlighter.codeToTokens(content, {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment
+      lang,
+      theme
+    });
+    let result = "";
+    for (const line of tokens.tokens) {
+      for (const token of line) {
+        if (token.color) {
+          result += `\x1B[38;2;${hexToRgb(token.color)}m${token.content}\x1B[0m`;
+        } else {
+          result += token.content;
+        }
+      }
+      result += "\n";
+    }
+    return result.trimEnd();
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    throw new Error(`Syntax highlighting failed: ${errorMessage}`);
+  }
+}
+function hexToRgb(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result) return "255;255;255";
+  return `${parseInt(result[1], 16)};${parseInt(result[2], 16)};${parseInt(result[3], 16)}`;
+}
+function readFileContentCmd(fsAdapter, pathAdapter, fileName, syntaxTheme) {
+  return async () => {
+    try {
+      const content = await readFileContent(fsAdapter, fileName);
+      const extension = pathAdapter.extname(fileName);
+      const highlightedContent = await highlight(
+        content,
+        extension,
+        syntaxTheme
+      );
+      return new SyntaxMsg(highlightedContent);
+    } catch (error) {
+      return new ErrorMsg(
+        error instanceof Error ? error : new Error(String(error))
+      );
+    }
+  };
+}
+var CodeModel = class _CodeModel {
+  viewport;
+  active;
+  filename;
+  highlightedContent;
+  syntaxTheme;
+  filesystem;
+  path;
+  constructor(options) {
+    this.viewport = options.viewport;
+    this.active = options.active;
+    this.filename = options.filename;
+    this.highlightedContent = options.highlightedContent;
+    this.syntaxTheme = options.syntaxTheme;
+    this.filesystem = options.filesystem;
+    this.path = options.path;
+  }
+  /**
+   * Creates a new code model instance.
+   * @param options - Configuration options
+   * @returns A new CodeModel instance
+   */
+  static new(options) {
+    return new _CodeModel({
+      viewport: ViewportModel.new({
+        width: options.width ?? 0,
+        height: options.height ?? 0
+      }),
+      active: options.active ?? false,
+      filename: "",
+      highlightedContent: "",
+      syntaxTheme: options.syntaxTheme ?? "dracula",
+      filesystem: options.filesystem,
+      path: options.path
+    });
+  }
+  /**
+   * Create a copy with updated fields.
+   */
+  with(partial) {
+    return new _CodeModel({
+      viewport: partial.viewport ?? this.viewport,
+      active: partial.active ?? this.active,
+      filename: partial.filename ?? this.filename,
+      highlightedContent: partial.highlightedContent ?? this.highlightedContent,
+      syntaxTheme: partial.syntaxTheme ?? this.syntaxTheme,
+      filesystem: partial.filesystem ?? this.filesystem,
+      path: partial.path ?? this.path
+    });
+  }
+  /**
+   * Sets the file to display and triggers highlighting.
+   * @param filename - Path to the file to display
+   * @returns Command to read and highlight the file
+   */
+  setFileName(filename) {
+    const updated = this.with({ filename });
+    return [updated, readFileContentCmd(this.filesystem, this.path, filename, this.syntaxTheme)];
+  }
+  /**
+   * Sets whether the component is active (receives input).
+   * @param active - Whether the component should be active
+   * @returns Updated model
+   */
+  setIsActive(active) {
+    if (this.active === active) return this;
+    return this.with({ active });
+  }
+  /**
+   * Sets the syntax highlighting theme.
+   * @param theme - The theme name (e.g., "dracula", "monokai")
+   * @returns Updated model
+   */
+  setSyntaxTheme(theme) {
+    if (this.syntaxTheme === theme) return this;
+    return this.with({ syntaxTheme: theme });
+  }
+  /**
+   * Sets the viewport dimensions.
+   * @param width - Width in characters
+   * @param height - Height in lines
+   * @returns Updated model
+   */
+  setSize(width, height) {
+    const nextViewport = this.viewport.setWidth(width).setHeight(height);
+    if (nextViewport === this.viewport) return this;
+    return this.with({ viewport: nextViewport });
+  }
+  /**
+   * Scrolls to the top of the viewport.
+   * @returns Updated model
+   */
+  gotoTop() {
+    const nextViewport = this.viewport.scrollToTop();
+    if (nextViewport === this.viewport) return this;
+    return this.with({ viewport: nextViewport });
+  }
+  /**
+   * Tea init hook.
+   */
+  init() {
+    return this.viewport.init();
+  }
+  /**
+   * Handles messages (keyboard navigation when active).
+   * @param msg - The message to handle
+   * @returns Tuple of updated model and command
+   */
+  update(msg) {
+    if (msg instanceof SyntaxMsg) {
+      const content = msg.content;
+      const style = new Style().width(this.viewport.width).alignHorizontal("left");
+      const rendered = style.render(content);
+      const nextViewport = this.viewport.setContent(rendered);
+      return [
+        this.with({
+          highlightedContent: rendered,
+          viewport: nextViewport
+        }),
+        null
+      ];
+    }
+    if (msg instanceof ErrorMsg) {
+      const errorContent = `Error: ${msg.error.message}`;
+      const style = new Style().width(this.viewport.width).alignHorizontal("left");
+      const rendered = style.render(errorContent);
+      const nextViewport = this.viewport.setContent(rendered);
+      return [
+        this.with({
+          highlightedContent: rendered,
+          viewport: nextViewport
+        }),
+        null
+      ];
+    }
+    if (this.active) {
+      const [nextViewport, cmd] = this.viewport.update(msg);
+      if (nextViewport !== this.viewport) {
+        return [this.with({ viewport: nextViewport }), cmd];
+      }
+    }
+    return [this, null];
+  }
+  /**
+   * Returns the rendered string.
+   * @returns The viewport view
+   */
+  view() {
+    return this.viewport.view();
+  }
+};
+
+export { CodeModel, ErrorMsg, SyntaxMsg, highlight };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/messages.ts","../src/model.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Message containing syntax-highlighted content after async processing.\n * @public\n */\nexport class SyntaxMsg {\n  readonly _tag = 'code-syntax'\n  constructor(public readonly content: string) {}\n}\n\n/**\n * Message containing an error if file read or highlighting fails.\n * @public\n */\nexport class ErrorMsg {\n  readonly _tag = 'code-error'\n  constructor(public readonly error: Error) {}\n}\n","import { Style } from '@boba-cli/chapstick'\nimport { readFileContent } from '@boba-cli/filesystem'\nimport { type Cmd, type Msg } from '@boba-cli/tea'\nimport type { FileSystemAdapter, PathAdapter } from '@boba-cli/machine'\nimport { ViewportModel } from '@boba-cli/viewport'\nimport { getHighlighter } from 'shiki'\nimport { ErrorMsg, SyntaxMsg } from './messages.js'\n\n/**\n * Options for creating a code model.\n * @public\n */\nexport interface CodeOptions {\n  /** Filesystem adapter for file operations */\n  filesystem: FileSystemAdapter\n  /** Path adapter for path operations */\n  path: PathAdapter\n  active?: boolean\n  syntaxTheme?: string\n  width?: number\n  height?: number\n}\n\n/**\n * Highlight returns a syntax-highlighted string of text.\n * @param content - The source code content to highlight\n * @param extension - The file extension (e.g., \".ts\", \".go\")\n * @param theme - The syntax theme to use (default: \"dracula\")\n * @returns Promise resolving to the highlighted content string\n * @public\n */\nexport async function highlight(\n  content: string,\n  extension: string,\n  theme: string = 'dracula',\n): Promise<string> {\n  try {\n    const highlighter = await getHighlighter({\n      themes: [theme],\n      langs: [],\n    })\n\n    // Map extension to language - use a safer approach\n    const ext = extension.startsWith('.') ? extension.slice(1) : extension\n    let lang = ext || 'text'\n\n    // Load the language if needed, fallback to text\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-argument\n      await highlighter.loadLanguage(lang as any)\n    } catch {\n      // If language loading fails, use 'text' as fallback\n      lang = 'text'\n      try {\n        await highlighter.loadLanguage('text')\n      } catch {\n        // If even text fails, just return plain content\n        return content\n      }\n    }\n\n    // Get tokens from highlighter\n    const tokens = highlighter.codeToTokens(content, {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment\n      lang: lang as any,\n      theme: theme,\n    })\n\n    // Convert tokens to ANSI colored text\n    let result = ''\n    for (const line of tokens.tokens) {\n      for (const token of line) {\n        if (token.color) {\n          // Simple ANSI color conversion (this is a basic approach)\n          result += `\\x1b[38;2;${hexToRgb(token.color)}m${token.content}\\x1b[0m`\n        } else {\n          result += token.content\n        }\n      }\n      result += '\\n'\n    }\n\n    return result.trimEnd()\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n    throw new Error(`Syntax highlighting failed: ${errorMessage}`)\n  }\n}\n\n/**\n * Convert hex color to RGB values for ANSI\n */\nfunction hexToRgb(hex: string): string {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n  if (!result) return '255;255;255'\n  return `${parseInt(result[1]!, 16)};${parseInt(result[2]!, 16)};${parseInt(result[3]!, 16)}`\n}\n\n/**\n * Read file content and highlight it asynchronously.\n */\nfunction readFileContentCmd(\n  fsAdapter: FileSystemAdapter,\n  pathAdapter: PathAdapter,\n  fileName: string,\n  syntaxTheme: string,\n): Cmd<Msg> {\n  return async (): Promise<Msg> => {\n    try {\n      const content = await readFileContent(fsAdapter, fileName)\n      const extension = pathAdapter.extname(fileName)\n      const highlightedContent = await highlight(\n        content,\n        extension,\n        syntaxTheme,\n      )\n      return new SyntaxMsg(highlightedContent)\n    } catch (error) {\n      return new ErrorMsg(\n        error instanceof Error ? error : new Error(String(error)),\n      )\n    }\n  }\n}\n\n/**\n * Model representing a syntax-highlighted code viewer.\n * @public\n */\nexport class CodeModel {\n  readonly viewport: ViewportModel\n  readonly active: boolean\n  readonly filename: string\n  readonly highlightedContent: string\n  readonly syntaxTheme: string\n  readonly filesystem: FileSystemAdapter\n  readonly path: PathAdapter\n\n  private constructor(options: {\n    viewport: ViewportModel\n    active: boolean\n    filename: string\n    highlightedContent: string\n    syntaxTheme: string\n    filesystem: FileSystemAdapter\n    path: PathAdapter\n  }) {\n    this.viewport = options.viewport\n    this.active = options.active\n    this.filename = options.filename\n    this.highlightedContent = options.highlightedContent\n    this.syntaxTheme = options.syntaxTheme\n    this.filesystem = options.filesystem\n    this.path = options.path\n  }\n\n  /**\n   * Creates a new code model instance.\n   * @param options - Configuration options\n   * @returns A new CodeModel instance\n   */\n  static new(options: CodeOptions): CodeModel {\n    return new CodeModel({\n      viewport: ViewportModel.new({\n        width: options.width ?? 0,\n        height: options.height ?? 0,\n      }),\n      active: options.active ?? false,\n      filename: '',\n      highlightedContent: '',\n      syntaxTheme: options.syntaxTheme ?? 'dracula',\n      filesystem: options.filesystem,\n      path: options.path,\n    })\n  }\n\n  /**\n   * Create a copy with updated fields.\n   */\n  private with(\n    partial: Partial<{\n      viewport: ViewportModel\n      active: boolean\n      filename: string\n      highlightedContent: string\n      syntaxTheme: string\n      filesystem: FileSystemAdapter\n      path: PathAdapter\n    }>,\n  ): CodeModel {\n    return new CodeModel({\n      viewport: partial.viewport ?? this.viewport,\n      active: partial.active ?? this.active,\n      filename: partial.filename ?? this.filename,\n      highlightedContent: partial.highlightedContent ?? this.highlightedContent,\n      syntaxTheme: partial.syntaxTheme ?? this.syntaxTheme,\n      filesystem: partial.filesystem ?? this.filesystem,\n      path: partial.path ?? this.path,\n    })\n  }\n\n  /**\n   * Sets the file to display and triggers highlighting.\n   * @param filename - Path to the file to display\n   * @returns Command to read and highlight the file\n   */\n  setFileName(filename: string): [CodeModel, Cmd<Msg>] {\n    const updated = this.with({ filename })\n    return [updated, readFileContentCmd(this.filesystem, this.path, filename, this.syntaxTheme)]\n  }\n\n  /**\n   * Sets whether the component is active (receives input).\n   * @param active - Whether the component should be active\n   * @returns Updated model\n   */\n  setIsActive(active: boolean): CodeModel {\n    if (this.active === active) return this\n    return this.with({ active })\n  }\n\n  /**\n   * Sets the syntax highlighting theme.\n   * @param theme - The theme name (e.g., \"dracula\", \"monokai\")\n   * @returns Updated model\n   */\n  setSyntaxTheme(theme: string): CodeModel {\n    if (this.syntaxTheme === theme) return this\n    return this.with({ syntaxTheme: theme })\n  }\n\n  /**\n   * Sets the viewport dimensions.\n   * @param width - Width in characters\n   * @param height - Height in lines\n   * @returns Updated model\n   */\n  setSize(width: number, height: number): CodeModel {\n    const nextViewport = this.viewport.setWidth(width).setHeight(height)\n    if (nextViewport === this.viewport) return this\n    return this.with({ viewport: nextViewport })\n  }\n\n  /**\n   * Scrolls to the top of the viewport.\n   * @returns Updated model\n   */\n  gotoTop(): CodeModel {\n    const nextViewport = this.viewport.scrollToTop()\n    if (nextViewport === this.viewport) return this\n    return this.with({ viewport: nextViewport })\n  }\n\n  /**\n   * Tea init hook.\n   */\n  init(): Cmd<Msg> {\n    return this.viewport.init()\n  }\n\n  /**\n   * Handles messages (keyboard navigation when active).\n   * @param msg - The message to handle\n   * @returns Tuple of updated model and command\n   */\n  update(msg: Msg): [CodeModel, Cmd<Msg>] {\n    if (msg instanceof SyntaxMsg) {\n      const content = msg.content\n      // Apply width for consistent line lengths and left-align to pad lines\n      // Viewport handles height/scrolling - don't use .height() here as it truncates\n      const style = new Style()\n        .width(this.viewport.width)\n        .alignHorizontal('left')\n      const rendered = style.render(content)\n      const nextViewport = this.viewport.setContent(rendered)\n      return [\n        this.with({\n          highlightedContent: rendered,\n          viewport: nextViewport,\n        }),\n        null,\n      ]\n    }\n\n    if (msg instanceof ErrorMsg) {\n      const errorContent = `Error: ${msg.error.message}`\n      const style = new Style()\n        .width(this.viewport.width)\n        .alignHorizontal('left')\n      const rendered = style.render(errorContent)\n      const nextViewport = this.viewport.setContent(rendered)\n      return [\n        this.with({\n          highlightedContent: rendered,\n          viewport: nextViewport,\n        }),\n        null,\n      ]\n    }\n\n    if (this.active) {\n      const [nextViewport, cmd] = this.viewport.update(msg)\n      if (nextViewport !== this.viewport) {\n        return [this.with({ viewport: nextViewport }), cmd]\n      }\n    }\n\n    return [this, null]\n  }\n\n  /**\n   * Returns the rendered string.\n   * @returns The viewport view\n   */\n  view(): string {\n    return this.viewport.view()\n  }\n}\n"]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@boba-cli/code",
+  "description": "Syntax-highlighted code viewer with scrollable viewport for Boba terminal UIs",
+  "version": "0.1.0-alpha.2",
+  "dependencies": {
+    "shiki": "^1.24.2",
+    "@boba-cli/chapstick": "0.1.0-alpha.2",
+    "@boba-cli/filesystem": "0.1.0-alpha.2",
+    "@boba-cli/machine": "0.1.0-alpha.1",
+    "@boba-cli/tea": "0.1.0-alpha.1",
+    "@boba-cli/viewport": "0.1.0-alpha.2"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.2",
+    "typescript": "5.8.2",
+    "vitest": "^4.0.16"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup",
+    "check:api-report": "pnpm run generate:api-report",
+    "check:eslint": "pnpm run lint",
+    "generate:api-report": "api-extractor run --local",
+    "lint": "eslint \"{src,test}/**/*.{ts,tsx}\"",
+    "test": "vitest run"
+  }
+}