@suds-cli/markdown 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/index.cjs

@@ -0,0 +1,200 @@
+'use strict';
+
+var chapstick = require('@suds-cli/chapstick');
+var filesystem = require('@suds-cli/filesystem');
+var viewport = require('@suds-cli/viewport');
+var marked = require('marked');
+var markedTerminal = require('marked-terminal');
+var machine = require('@suds-cli/machine');
+
+// src/model.ts
+
+// src/messages.ts
+var RenderMarkdownMsg = class {
+  constructor(content) {
+    this.content = content;
+  }
+  _tag = "markdown-render";
+};
+var ErrorMsg = class {
+  constructor(error) {
+    this.error = error;
+  }
+  _tag = "markdown-error";
+};
+function renderMarkdown(content, options = {}) {
+  const width = options.width ?? 80;
+  const background = options.background ?? options.env?.getTerminalBackground() ?? "dark";
+  const isDark = background !== "light";
+  const style = machine.createAlwaysEnabledStyle();
+  const marked$1 = new marked.Marked(
+    markedTerminal.markedTerminal({
+      // Wrap text at specified width
+      width,
+      reflowText: true,
+      // Headings - brighter on dark backgrounds
+      firstHeading: isDark ? style.cyan.bold : style.blue.bold,
+      heading: isDark ? style.cyan.bold : style.blue.bold,
+      // Code blocks
+      code: isDark ? style.white : style.gray,
+      blockquote: isDark ? style.white : style.gray,
+      // Emphasis
+      strong: style.bold,
+      em: style.italic,
+      // Lists
+      listitem: style,
+      // Links
+      link: isDark ? style.blueBright : style.blue,
+      // Other elements
+      hr: style.gray,
+      paragraph: style
+    })
+  );
+  try {
+    const rendered = marked$1.parse(content);
+    return rendered.trim();
+  } catch (error) {
+    throw new Error(
+      `Failed to render markdown: ${error instanceof Error ? error.message : String(error)}`
+    );
+  }
+}
+
+// src/model.ts
+var MarkdownModel = class _MarkdownModel {
+  viewport;
+  active;
+  fileName;
+  filesystem;
+  constructor(options) {
+    this.viewport = options.viewport;
+    this.active = options.active;
+    this.fileName = options.fileName;
+    this.filesystem = options.filesystem;
+  }
+  /**
+   * Create a new markdown model.
+   * @param options - Configuration options
+   */
+  static new(options) {
+    const viewport$1 = viewport.ViewportModel.new({
+      width: options.width ?? 0,
+      height: options.height ?? 0,
+      style: options.style
+    });
+    return new _MarkdownModel({
+      viewport: viewport$1,
+      active: options.active ?? true,
+      fileName: "",
+      filesystem: options.filesystem
+    });
+  }
+  /**
+   * Tea init hook (no-op).
+   */
+  init() {
+    return null;
+  }
+  /**
+   * Set the filename to render. Returns a command that will read and render the file.
+   * @param fileName - Path to the markdown file
+   */
+  setFileName(fileName) {
+    const updated = this.with({ fileName });
+    const cmd = renderMarkdownCmd(this.filesystem, this.viewport.width, fileName);
+    return [updated, cmd];
+  }
+  /**
+   * Set the size of the viewport and re-render if a file is set.
+   * @param width - New width
+   * @param height - New height
+   */
+  setSize(width, height) {
+    const updatedViewport = this.viewport.setWidth(width).setHeight(height);
+    const updated = this.with({ viewport: updatedViewport });
+    if (this.fileName !== "") {
+      const cmd = renderMarkdownCmd(this.filesystem, width, this.fileName);
+      return [updated, cmd];
+    }
+    return [updated, null];
+  }
+  /**
+   * Set whether the component is active and should handle input.
+   * @param active - Active state
+   */
+  setIsActive(active) {
+    if (active === this.active) return this;
+    return this.with({ active });
+  }
+  /**
+   * Scroll to the top of the viewport.
+   */
+  gotoTop() {
+    const updatedViewport = this.viewport.scrollToTop();
+    if (updatedViewport === this.viewport) return this;
+    return this.with({ viewport: updatedViewport });
+  }
+  /**
+   * Handle messages. Processes viewport scrolling and markdown rendering.
+   * @param msg - The message to handle
+   */
+  update(msg) {
+    if (msg instanceof RenderMarkdownMsg) {
+      const styled = new chapstick.Style().width(this.viewport.width).alignHorizontal("left").render(msg.content);
+      const updatedViewport = this.viewport.setContent(styled);
+      return [this.with({ viewport: updatedViewport }), null];
+    }
+    if (msg instanceof ErrorMsg) {
+      const errorContent = msg.error.message;
+      const updatedViewport = this.viewport.setContent(errorContent);
+      return [
+        this.with({
+          fileName: "",
+          viewport: updatedViewport
+        }),
+        null
+      ];
+    }
+    if (this.active) {
+      const [updatedViewport, cmd] = this.viewport.update(msg);
+      if (updatedViewport !== this.viewport) {
+        return [this.with({ viewport: updatedViewport }), cmd];
+      }
+    }
+    return [this, null];
+  }
+  /**
+   * Render the markdown viewport.
+   */
+  view() {
+    return this.viewport.view();
+  }
+  with(patch) {
+    return new _MarkdownModel({
+      viewport: patch.viewport ?? this.viewport,
+      active: patch.active ?? this.active,
+      fileName: patch.fileName ?? this.fileName,
+      filesystem: patch.filesystem ?? this.filesystem
+    });
+  }
+};
+function renderMarkdownCmd(fs, width, fileName) {
+  return async () => {
+    try {
+      const content = await filesystem.readFileContent(fs, fileName);
+      const rendered = renderMarkdown(content, { width });
+      return new RenderMarkdownMsg(rendered);
+    } catch (error) {
+      return new ErrorMsg(
+        error instanceof Error ? error : new Error(String(error))
+      );
+    }
+  };
+}
+
+exports.ErrorMsg = ErrorMsg;
+exports.MarkdownModel = MarkdownModel;
+exports.RenderMarkdownMsg = RenderMarkdownMsg;
+exports.renderMarkdown = renderMarkdown;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/messages.ts","../src/renderer.ts","../src/model.ts"],"names":["createAlwaysEnabledStyle","marked","Marked","markedTerminal","viewport","ViewportModel","Style","readFileContent"],"mappings":";;;;;;;;;;;;AAQO,IAAM,oBAAN,MAAwB;AAAA,EAG7B,YAA4B,OAAA,EAAiB;AAAjB,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAAA,EAAkB;AAAA,EAFrC,IAAA,GAAO,iBAAA;AAGlB;AAMO,IAAM,WAAN,MAAe;AAAA,EAGpB,YAA4B,KAAA,EAAc;AAAd,IAAA,IAAA,CAAA,KAAA,GAAA,KAAA;AAAA,EAAe;AAAA,EAFlC,IAAA,GAAO,gBAAA;AAGlB;ACeO,SAAS,cAAA,CACd,OAAA,EACA,OAAA,GAAiC,EAAC,EAC1B;AACR,EAAA,MAAM,KAAA,GAAQ,QAAQ,KAAA,IAAS,EAAA;AAC/B,EAAA,MAAM,aAAa,OAAA,CAAQ,UAAA,IAAc,OAAA,CAAQ,GAAA,EAAK,uBAAsB,IAAK,MAAA;AAGjF,EAAA,MAAM,SAAS,UAAA,KAAe,OAAA;AAG9B,EAAA,MAAM,QAAQA,gCAAA,EAAyB;AAGvC,EAAA,MAAMC,WAAS,IAAIC,aAAA;AAAA,IACjBC,6BAAA,CAAe;AAAA;AAAA,MAEb,KAAA;AAAA,MACA,UAAA,EAAY,IAAA;AAAA;AAAA,MAEZ,cAAc,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAA,GAAO,MAAM,IAAA,CAAK,IAAA;AAAA,MACpD,SAAS,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAA,GAAO,MAAM,IAAA,CAAK,IAAA;AAAA;AAAA,MAE/C,IAAA,EAAM,MAAA,GAAS,KAAA,CAAM,KAAA,GAAQ,KAAA,CAAM,IAAA;AAAA,MACnC,UAAA,EAAY,MAAA,GAAS,KAAA,CAAM,KAAA,GAAQ,KAAA,CAAM,IAAA;AAAA;AAAA,MAEzC,QAAQ,KAAA,CAAM,IAAA;AAAA,MACd,IAAI,KAAA,CAAM,MAAA;AAAA;AAAA,MAEV,QAAA,EAAU,KAAA;AAAA;AAAA,MAEV,IAAA,EAAM,MAAA,GAAS,KAAA,CAAM,UAAA,GAAa,KAAA,CAAM,IAAA;AAAA;AAAA,MAExC,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,SAAA,EAAW;AAAA,KACZ;AAAA,GACH;AAEA,EAAA,IAAI;AACF,IAAA,MAAM,QAAA,GAAWF,QAAA,CAAO,KAAA,CAAM,OAAO,CAAA;AACrC,IAAA,OAAO,SAAS,IAAA,EAAK;AAAA,EACvB,SAAS,KAAA,EAAO;AACd,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,8BAA8B,KAAA,YAAiB,KAAA,GAAQ,MAAM,OAAA,GAAU,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,KACtF;AAAA,EACF;AACF;;;ACpCO,IAAM,aAAA,GAAN,MAAM,cAAA,CAAc;AAAA,EAChB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EAED,YAAY,OAAA,EAKjB;AACD,IAAA,IAAA,CAAK,WAAW,OAAA,CAAQ,QAAA;AACxB,IAAA,IAAA,CAAK,SAAS,OAAA,CAAQ,MAAA;AACtB,IAAA,IAAA,CAAK,WAAW,OAAA,CAAQ,QAAA;AACxB,IAAA,IAAA,CAAK,aAAa,OAAA,CAAQ,UAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,IAAI,OAAA,EAAyC;AAClD,IAAA,MAAMG,UAAA,GAAWC,uBAAc,GAAA,CAAI;AAAA,MACjC,KAAA,EAAO,QAAQ,KAAA,IAAS,CAAA;AAAA,MACxB,MAAA,EAAQ,QAAQ,MAAA,IAAU,CAAA;AAAA,MAC1B,OAAO,OAAA,CAAQ;AAAA,KAChB,CAAA;AAED,IAAA,OAAO,IAAI,cAAA,CAAc;AAAA,gBACvBD,UAAA;AAAA,MACA,MAAA,EAAQ,QAAQ,MAAA,IAAU,IAAA;AAAA,MAC1B,QAAA,EAAU,EAAA;AAAA,MACV,YAAY,OAAA,CAAQ;AAAA,KACrB,CAAA;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA,GAAiB;AACf,IAAA,OAAO,IAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,QAAA,EAA6C;AACvD,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,IAAA,CAAK,EAAE,UAAU,CAAA;AACtC,IAAA,MAAM,MAAM,iBAAA,CAAkB,IAAA,CAAK,YAAY,IAAA,CAAK,QAAA,CAAS,OAAO,QAAQ,CAAA;AAC5E,IAAA,OAAO,CAAC,SAAS,GAAG,CAAA;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAA,CAAQ,OAAe,MAAA,EAA2C;AAChE,IAAA,MAAM,kBAAkB,IAAA,CAAK,QAAA,CAAS,SAAS,KAAK,CAAA,CAAE,UAAU,MAAM,CAAA;AACtE,IAAA,MAAM,UAAU,IAAA,CAAK,IAAA,CAAK,EAAE,QAAA,EAAU,iBAAiB,CAAA;AAEvD,IAAA,IAAI,IAAA,CAAK,aAAa,EAAA,EAAI;AACxB,MAAA,MAAM,MAAM,iBAAA,CAAkB,IAAA,CAAK,UAAA,EAAY,KAAA,EAAO,KAAK,QAAQ,CAAA;AACnE,MAAA,OAAO,CAAC,SAAS,GAAG,CAAA;AAAA,IACtB;AAEA,IAAA,OAAO,CAAC,SAAS,IAAI,CAAA;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,MAAA,EAAgC;AAC1C,IAAA,IAAI,MAAA,KAAW,IAAA,CAAK,MAAA,EAAQ,OAAO,IAAA;AACnC,IAAA,OAAO,IAAA,CAAK,IAAA,CAAK,EAAE,MAAA,EAAQ,CAAA;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA,EAKA,OAAA,GAAyB;AACvB,IAAA,MAAM,eAAA,GAAkB,IAAA,CAAK,QAAA,CAAS,WAAA,EAAY;AAClD,IAAA,IAAI,eAAA,KAAoB,IAAA,CAAK,QAAA,EAAU,OAAO,IAAA;AAC9C,IAAA,OAAO,IAAA,CAAK,IAAA,CAAK,EAAE,QAAA,EAAU,iBAAiB,CAAA;AAAA,EAChD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,GAAA,EAAqC;AAE1C,IAAA,IAAI,eAAe,iBAAA,EAAmB;AAGpC,MAAA,MAAM,MAAA,GAAS,IAAIE,eAAA,EAAM,CACtB,MAAM,IAAA,CAAK,QAAA,CAAS,KAAK,CAAA,CACzB,eAAA,CAAgB,MAAM,CAAA,CACtB,MAAA,CAAO,IAAI,OAAO,CAAA;AAErB,MAAA,MAAM,eAAA,GAAkB,IAAA,CAAK,QAAA,CAAS,UAAA,CAAW,MAAM,CAAA;AACvD,MAAA,OAAO,CAAC,KAAK,IAAA,CAAK,EAAE,UAAU,eAAA,EAAiB,GAAG,IAAI,CAAA;AAAA,IACxD;AAGA,IAAA,IAAI,eAAe,QAAA,EAAU;AAC3B,MAAA,MAAM,YAAA,GAAe,IAAI,KAAA,CAAM,OAAA;AAC/B,MAAA,MAAM,eAAA,GAAkB,IAAA,CAAK,QAAA,CAAS,UAAA,CAAW,YAAY,CAAA;AAC7D,MAAA,OAAO;AAAA,QACL,KAAK,IAAA,CAAK;AAAA,UACR,QAAA,EAAU,EAAA;AAAA,UACV,QAAA,EAAU;AAAA,SACX,CAAA;AAAA,QACD;AAAA,OACF;AAAA,IACF;AAGA,IAAA,IAAI,KAAK,MAAA,EAAQ;AACf,MAAA,MAAM,CAAC,eAAA,EAAiB,GAAG,IAAI,IAAA,CAAK,QAAA,CAAS,OAAO,GAAG,CAAA;AACvD,MAAA,IAAI,eAAA,KAAoB,KAAK,QAAA,EAAU;AACrC,QAAA,OAAO,CAAC,KAAK,IAAA,CAAK,EAAE,UAAU,eAAA,EAAiB,GAAG,GAAG,CAAA;AAAA,MACvD;AAAA,IACF;AAEA,IAAA,OAAO,CAAC,MAAM,IAAI,CAAA;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA,GAAe;AACb,IAAA,OAAO,IAAA,CAAK,SAAS,IAAA,EAAK;AAAA,EAC5B;AAAA,EAEQ,KAAK,KAAA,EAA8C;AACzD,IAAA,OAAO,IAAI,cAAA,CAAc;AAAA,MACvB,QAAA,EAAU,KAAA,CAAM,QAAA,IAAY,IAAA,CAAK,QAAA;AAAA,MACjC,MAAA,EAAQ,KAAA,CAAM,MAAA,IAAU,IAAA,CAAK,MAAA;AAAA,MAC7B,QAAA,EAAU,KAAA,CAAM,QAAA,IAAY,IAAA,CAAK,QAAA;AAAA,MACjC,UAAA,EAAY,KAAA,CAAM,UAAA,IAAc,IAAA,CAAK;AAAA,KACtC,CAAA;AAAA,EACH;AACF;AAKA,SAAS,iBAAA,CACP,EAAA,EACA,KAAA,EACA,QAAA,EACU;AACV,EAAA,OAAO,YAAY;AACjB,IAAA,IAAI;AACF,MAAA,MAAM,OAAA,GAAU,MAAMC,0BAAA,CAAgB,EAAA,EAAI,QAAQ,CAAA;AAClD,MAAA,MAAM,QAAA,GAAW,cAAA,CAAe,OAAA,EAAS,EAAE,OAAO,CAAA;AAClD,MAAA,OAAO,IAAI,kBAAkB,QAAQ,CAAA;AAAA,IACvC,SAAS,KAAA,EAAO;AACd,MAAA,OAAO,IAAI,QAAA;AAAA,QACT,iBAAiB,KAAA,GAAQ,KAAA,GAAQ,IAAI,KAAA,CAAM,MAAA,CAAO,KAAK,CAAC;AAAA,OAC1D;AAAA,IACF;AAAA,EACF,CAAA;AACF","file":"index.cjs","sourcesContent":["/**\n * Message types for the markdown component.\n */\n\n/**\n * Message containing rendered markdown content.\n * @public\n */\nexport class RenderMarkdownMsg {\n  readonly _tag = 'markdown-render'\n\n  constructor(public readonly content: string) {}\n}\n\n/**\n * Message containing an error from file reading or rendering.\n * @public\n */\nexport class ErrorMsg {\n  readonly _tag = 'markdown-error'\n\n  constructor(public readonly error: Error) {}\n}\n","/**\n * Markdown rendering utilities.\n */\n\nimport { Marked } from 'marked'\nimport { markedTerminal } from 'marked-terminal'\nimport type { EnvironmentAdapter, TerminalBackground } from '@suds-cli/machine'\nimport { createAlwaysEnabledStyle } from '@suds-cli/machine'\n\n/**\n * Options for rendering markdown.\n * @public\n */\nexport interface RenderMarkdownOptions {\n  /**\n   * Width for word wrapping. Defaults to 80.\n   */\n  width?: number\n  /**\n   * Terminal background mode. Defaults to 'dark'.\n   */\n  background?: TerminalBackground\n  /**\n   * Environment adapter for detecting terminal capabilities.\n   */\n  env?: EnvironmentAdapter\n}\n\n/**\n * Renders markdown content with terminal styling.\n * Detects terminal background (light/dark) and applies appropriate styling.\n *\n * @param content - The markdown string to render\n * @param options - Rendering options\n * @returns The styled markdown output\n * @public\n */\nexport function renderMarkdown(\n  content: string,\n  options: RenderMarkdownOptions = {},\n): string {\n  const width = options.width ?? 80\n  const background = options.background ?? options.env?.getTerminalBackground() ?? 'dark'\n\n  // Use appropriate colors for terminal background\n  const isDark = background !== 'light'\n\n  // Create a style function with full color support for markdown rendering\n  const style = createAlwaysEnabledStyle()\n\n  // Create marked instance with terminal renderer\n  const marked = new Marked(\n    markedTerminal({\n      // Wrap text at specified width\n      width,\n      reflowText: true,\n      // Headings - brighter on dark backgrounds\n      firstHeading: isDark ? style.cyan.bold : style.blue.bold,\n      heading: isDark ? style.cyan.bold : style.blue.bold,\n      // Code blocks\n      code: isDark ? style.white : style.gray,\n      blockquote: isDark ? style.white : style.gray,\n      // Emphasis\n      strong: style.bold,\n      em: style.italic,\n      // Lists\n      listitem: style,\n      // Links\n      link: isDark ? style.blueBright : style.blue,\n      // Other elements\n      hr: style.gray,\n      paragraph: style,\n    }),\n  )\n\n  try {\n    const rendered = marked.parse(content) as string\n    return rendered.trim()\n  } catch (error) {\n    throw new Error(\n      `Failed to render markdown: ${error instanceof Error ? error.message : String(error)}`,\n    )\n  }\n}\n","/**\n * Markdown viewer component.\n */\n\nimport { Style } from '@suds-cli/chapstick'\nimport { readFileContent } from '@suds-cli/filesystem'\nimport { ViewportModel } from '@suds-cli/viewport'\nimport type { Cmd, Msg } from '@suds-cli/tea'\nimport type { FileSystemAdapter } from '@suds-cli/machine'\nimport { RenderMarkdownMsg, ErrorMsg } from './messages.js'\nimport { renderMarkdown } from './renderer.js'\n\n/**\n * Options for creating a markdown model.\n * @public\n */\nexport interface MarkdownOptions {\n  /**\n   * Filesystem adapter for file operations.\n   */\n  filesystem: FileSystemAdapter\n  /**\n   * Whether the component is active and should handle input.\n   * Defaults to true.\n   */\n  active?: boolean\n  /**\n   * Initial width for the viewport.\n   * Defaults to 0.\n   */\n  width?: number\n  /**\n   * Initial height for the viewport.\n   * Defaults to 0.\n   */\n  height?: number\n  /**\n   * Style for the viewport.\n   */\n  style?: Style\n}\n\n/**\n * Markdown viewer model that renders markdown files with terminal styling\n * in a scrollable viewport.\n * @public\n */\nexport class MarkdownModel {\n  readonly viewport: ViewportModel\n  readonly active: boolean\n  readonly fileName: string\n  readonly filesystem: FileSystemAdapter\n\n  private constructor(options: {\n    viewport: ViewportModel\n    active: boolean\n    fileName: string\n    filesystem: FileSystemAdapter\n  }) {\n    this.viewport = options.viewport\n    this.active = options.active\n    this.fileName = options.fileName\n    this.filesystem = options.filesystem\n  }\n\n  /**\n   * Create a new markdown model.\n   * @param options - Configuration options\n   */\n  static new(options: MarkdownOptions): MarkdownModel {\n    const viewport = ViewportModel.new({\n      width: options.width ?? 0,\n      height: options.height ?? 0,\n      style: options.style,\n    })\n\n    return new MarkdownModel({\n      viewport,\n      active: options.active ?? true,\n      fileName: '',\n      filesystem: options.filesystem,\n    })\n  }\n\n  /**\n   * Tea init hook (no-op).\n   */\n  init(): Cmd<Msg> {\n    return null\n  }\n\n  /**\n   * Set the filename to render. Returns a command that will read and render the file.\n   * @param fileName - Path to the markdown file\n   */\n  setFileName(fileName: string): [MarkdownModel, Cmd<Msg>] {\n    const updated = this.with({ fileName })\n    const cmd = renderMarkdownCmd(this.filesystem, this.viewport.width, fileName)\n    return [updated, cmd]\n  }\n\n  /**\n   * Set the size of the viewport and re-render if a file is set.\n   * @param width - New width\n   * @param height - New height\n   */\n  setSize(width: number, height: number): [MarkdownModel, Cmd<Msg>] {\n    const updatedViewport = this.viewport.setWidth(width).setHeight(height)\n    const updated = this.with({ viewport: updatedViewport })\n\n    if (this.fileName !== '') {\n      const cmd = renderMarkdownCmd(this.filesystem, width, this.fileName)\n      return [updated, cmd]\n    }\n\n    return [updated, null]\n  }\n\n  /**\n   * Set whether the component is active and should handle input.\n   * @param active - Active state\n   */\n  setIsActive(active: boolean): MarkdownModel {\n    if (active === this.active) return this\n    return this.with({ active })\n  }\n\n  /**\n   * Scroll to the top of the viewport.\n   */\n  gotoTop(): MarkdownModel {\n    const updatedViewport = this.viewport.scrollToTop()\n    if (updatedViewport === this.viewport) return this\n    return this.with({ viewport: updatedViewport })\n  }\n\n  /**\n   * Handle messages. Processes viewport scrolling and markdown rendering.\n   * @param msg - The message to handle\n   */\n  update(msg: Msg): [MarkdownModel, Cmd<Msg>] {\n    // Handle markdown rendering\n    if (msg instanceof RenderMarkdownMsg) {\n      // Apply width for word wrapping and left-align to pad lines to consistent width\n      // Viewport handles height/scrolling\n      const styled = new Style()\n        .width(this.viewport.width)\n        .alignHorizontal('left')\n        .render(msg.content)\n\n      const updatedViewport = this.viewport.setContent(styled)\n      return [this.with({ viewport: updatedViewport }), null]\n    }\n\n    // Handle errors\n    if (msg instanceof ErrorMsg) {\n      const errorContent = msg.error.message\n      const updatedViewport = this.viewport.setContent(errorContent)\n      return [\n        this.with({\n          fileName: '',\n          viewport: updatedViewport,\n        }),\n        null,\n      ]\n    }\n\n    // Handle viewport updates if active\n    if (this.active) {\n      const [updatedViewport, cmd] = this.viewport.update(msg)\n      if (updatedViewport !== this.viewport) {\n        return [this.with({ viewport: updatedViewport }), cmd]\n      }\n    }\n\n    return [this, null]\n  }\n\n  /**\n   * Render the markdown viewport.\n   */\n  view(): string {\n    return this.viewport.view()\n  }\n\n  private with(patch: Partial<MarkdownModel>): MarkdownModel {\n    return new MarkdownModel({\n      viewport: patch.viewport ?? this.viewport,\n      active: patch.active ?? this.active,\n      fileName: patch.fileName ?? this.fileName,\n      filesystem: patch.filesystem ?? this.filesystem,\n    })\n  }\n}\n\n/**\n * Command to read and render a markdown file.\n */\nfunction renderMarkdownCmd(\n  fs: FileSystemAdapter,\n  width: number,\n  fileName: string,\n): Cmd<Msg> {\n  return async () => {\n    try {\n      const content = await readFileContent(fs, fileName)\n      const rendered = renderMarkdown(content, { width })\n      return new RenderMarkdownMsg(rendered)\n    } catch (error) {\n      return new ErrorMsg(\n        error instanceof Error ? error : new Error(String(error)),\n      )\n    }\n  }\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,146 @@
+import { Style } from '@suds-cli/chapstick';
+import { ViewportModel } from '@suds-cli/viewport';
+import { Cmd, Msg } from '@suds-cli/tea';
+import { FileSystemAdapter, TerminalBackground, EnvironmentAdapter } from '@suds-cli/machine';
+
+/**
+ * Markdown viewer component.
+ */
+
+/**
+ * Options for creating a markdown model.
+ * @public
+ */
+interface MarkdownOptions {
+    /**
+     * Filesystem adapter for file operations.
+     */
+    filesystem: FileSystemAdapter;
+    /**
+     * Whether the component is active and should handle input.
+     * Defaults to true.
+     */
+    active?: boolean;
+    /**
+     * Initial width for the viewport.
+     * Defaults to 0.
+     */
+    width?: number;
+    /**
+     * Initial height for the viewport.
+     * Defaults to 0.
+     */
+    height?: number;
+    /**
+     * Style for the viewport.
+     */
+    style?: Style;
+}
+/**
+ * Markdown viewer model that renders markdown files with terminal styling
+ * in a scrollable viewport.
+ * @public
+ */
+declare class MarkdownModel {
+    readonly viewport: ViewportModel;
+    readonly active: boolean;
+    readonly fileName: string;
+    readonly filesystem: FileSystemAdapter;
+    private constructor();
+    /**
+     * Create a new markdown model.
+     * @param options - Configuration options
+     */
+    static new(options: MarkdownOptions): MarkdownModel;
+    /**
+     * Tea init hook (no-op).
+     */
+    init(): Cmd<Msg>;
+    /**
+     * Set the filename to render. Returns a command that will read and render the file.
+     * @param fileName - Path to the markdown file
+     */
+    setFileName(fileName: string): [MarkdownModel, Cmd<Msg>];
+    /**
+     * Set the size of the viewport and re-render if a file is set.
+     * @param width - New width
+     * @param height - New height
+     */
+    setSize(width: number, height: number): [MarkdownModel, Cmd<Msg>];
+    /**
+     * Set whether the component is active and should handle input.
+     * @param active - Active state
+     */
+    setIsActive(active: boolean): MarkdownModel;
+    /**
+     * Scroll to the top of the viewport.
+     */
+    gotoTop(): MarkdownModel;
+    /**
+     * Handle messages. Processes viewport scrolling and markdown rendering.
+     * @param msg - The message to handle
+     */
+    update(msg: Msg): [MarkdownModel, Cmd<Msg>];
+    /**
+     * Render the markdown viewport.
+     */
+    view(): string;
+    private with;
+}
+
+/**
+ * Message types for the markdown component.
+ */
+/**
+ * Message containing rendered markdown content.
+ * @public
+ */
+declare class RenderMarkdownMsg {
+    readonly content: string;
+    readonly _tag = "markdown-render";
+    constructor(content: string);
+}
+/**
+ * Message containing an error from file reading or rendering.
+ * @public
+ */
+declare class ErrorMsg {
+    readonly error: Error;
+    readonly _tag = "markdown-error";
+    constructor(error: Error);
+}
+
+/**
+ * Markdown rendering utilities.
+ */
+
+/**
+ * Options for rendering markdown.
+ * @public
+ */
+interface RenderMarkdownOptions {
+    /**
+     * Width for word wrapping. Defaults to 80.
+     */
+    width?: number;
+    /**
+     * Terminal background mode. Defaults to 'dark'.
+     */
+    background?: TerminalBackground;
+    /**
+     * Environment adapter for detecting terminal capabilities.
+     */
+    env?: EnvironmentAdapter;
+}
+/**
+ * Renders markdown content with terminal styling.
+ * Detects terminal background (light/dark) and applies appropriate styling.
+ *
+ * @param content - The markdown string to render
+ * @param options - Rendering options
+ * @returns The styled markdown output
+ * @public
+ */
+declare function renderMarkdown(content: string, options?: RenderMarkdownOptions): string;
+
+export { ErrorMsg, MarkdownModel, type MarkdownOptions, RenderMarkdownMsg, type RenderMarkdownOptions, renderMarkdown };

package/dist/index.d.ts

@@ -1,9 +1,146 @@
+import { Style } from '@suds-cli/chapstick';
+import { ViewportModel } from '@suds-cli/viewport';
+import { Cmd, Msg } from '@suds-cli/tea';
+import { FileSystemAdapter, TerminalBackground, EnvironmentAdapter } from '@suds-cli/machine';
+
 /**
- * Markdown viewer component for Suds terminal UIs.
+ * Markdown viewer component.
+ */
+
+/**
+ * Options for creating a markdown model.
+ * @public
+ */
+interface MarkdownOptions {
+    /**
+     * Filesystem adapter for file operations.
+     */
+    filesystem: FileSystemAdapter;
+    /**
+     * Whether the component is active and should handle input.
+     * Defaults to true.
+     */
+    active?: boolean;
+    /**
+     * Initial width for the viewport.
+     * Defaults to 0.
+     */
+    width?: number;
+    /**
+     * Initial height for the viewport.
+     * Defaults to 0.
+     */
+    height?: number;
+    /**
+     * Style for the viewport.
+     */
+    style?: Style;
+}
+/**
+ * Markdown viewer model that renders markdown files with terminal styling
+ * in a scrollable viewport.
+ * @public
+ */
+declare class MarkdownModel {
+    readonly viewport: ViewportModel;
+    readonly active: boolean;
+    readonly fileName: string;
+    readonly filesystem: FileSystemAdapter;
+    private constructor();
+    /**
+     * Create a new markdown model.
+     * @param options - Configuration options
+     */
+    static new(options: MarkdownOptions): MarkdownModel;
+    /**
+     * Tea init hook (no-op).
+     */
+    init(): Cmd<Msg>;
+    /**
+     * Set the filename to render. Returns a command that will read and render the file.
+     * @param fileName - Path to the markdown file
+     */
+    setFileName(fileName: string): [MarkdownModel, Cmd<Msg>];
+    /**
+     * Set the size of the viewport and re-render if a file is set.
+     * @param width - New width
+     * @param height - New height
+     */
+    setSize(width: number, height: number): [MarkdownModel, Cmd<Msg>];
+    /**
+     * Set whether the component is active and should handle input.
+     * @param active - Active state
+     */
+    setIsActive(active: boolean): MarkdownModel;
+    /**
+     * Scroll to the top of the viewport.
+     */
+    gotoTop(): MarkdownModel;
+    /**
+     * Handle messages. Processes viewport scrolling and markdown rendering.
+     * @param msg - The message to handle
+     */
+    update(msg: Msg): [MarkdownModel, Cmd<Msg>];
+    /**
+     * Render the markdown viewport.
+     */
+    view(): string;
+    private with;
+}
+
+/**
+ * Message types for the markdown component.
+ */
+/**
+ * Message containing rendered markdown content.
+ * @public
+ */
+declare class RenderMarkdownMsg {
+    readonly content: string;
+    readonly _tag = "markdown-render";
+    constructor(content: string);
+}
+/**
+ * Message containing an error from file reading or rendering.
+ * @public
+ */
+declare class ErrorMsg {
+    readonly error: Error;
+    readonly _tag = "markdown-error";
+    constructor(error: Error);
+}
+
+/**
+ * Markdown rendering utilities.
+ */
+
+/**
+ * Options for rendering markdown.
+ * @public
+ */
+interface RenderMarkdownOptions {
+    /**
+     * Width for word wrapping. Defaults to 80.
+     */
+    width?: number;
+    /**
+     * Terminal background mode. Defaults to 'dark'.
+     */
+    background?: TerminalBackground;
+    /**
+     * Environment adapter for detecting terminal capabilities.
+     */
+    env?: EnvironmentAdapter;
+}
+/**
+ * Renders markdown content with terminal styling.
+ * Detects terminal background (light/dark) and applies appropriate styling.
  *
- * @packageDocumentation
+ * @param content - The markdown string to render
+ * @param options - Rendering options
+ * @returns The styled markdown output
+ * @public
  */
-export { MarkdownModel, type MarkdownOptions } from "./model.js";
-export { RenderMarkdownMsg, ErrorMsg } from "./messages.js";
-export { renderMarkdown, type RenderMarkdownOptions } from "./renderer.js";
-//# sourceMappingURL=index.d.ts.map
+declare function renderMarkdown(content: string, options?: RenderMarkdownOptions): string;
+
+export { ErrorMsg, MarkdownModel, type MarkdownOptions, RenderMarkdownMsg, type RenderMarkdownOptions, renderMarkdown };

package/dist/index.js

@@ -1,9 +1,195 @@
-/**
- * Markdown viewer component for Suds terminal UIs.
- *
- * @packageDocumentation
- */
-export { MarkdownModel } from "./model.js";
-export { RenderMarkdownMsg, ErrorMsg } from "./messages.js";
-export { renderMarkdown } from "./renderer.js";
+import { Style } from '@suds-cli/chapstick';
+import { readFileContent } from '@suds-cli/filesystem';
+import { ViewportModel } from '@suds-cli/viewport';
+import { Marked } from 'marked';
+import { markedTerminal } from 'marked-terminal';
+import { createAlwaysEnabledStyle } from '@suds-cli/machine';
+
+// src/model.ts
+
+// src/messages.ts
+var RenderMarkdownMsg = class {
+  constructor(content) {
+    this.content = content;
+  }
+  _tag = "markdown-render";
+};
+var ErrorMsg = class {
+  constructor(error) {
+    this.error = error;
+  }
+  _tag = "markdown-error";
+};
+function renderMarkdown(content, options = {}) {
+  const width = options.width ?? 80;
+  const background = options.background ?? options.env?.getTerminalBackground() ?? "dark";
+  const isDark = background !== "light";
+  const style = createAlwaysEnabledStyle();
+  const marked = new Marked(
+    markedTerminal({
+      // Wrap text at specified width
+      width,
+      reflowText: true,
+      // Headings - brighter on dark backgrounds
+      firstHeading: isDark ? style.cyan.bold : style.blue.bold,
+      heading: isDark ? style.cyan.bold : style.blue.bold,
+      // Code blocks
+      code: isDark ? style.white : style.gray,
+      blockquote: isDark ? style.white : style.gray,
+      // Emphasis
+      strong: style.bold,
+      em: style.italic,
+      // Lists
+      listitem: style,
+      // Links
+      link: isDark ? style.blueBright : style.blue,
+      // Other elements
+      hr: style.gray,
+      paragraph: style
+    })
+  );
+  try {
+    const rendered = marked.parse(content);
+    return rendered.trim();
+  } catch (error) {
+    throw new Error(
+      `Failed to render markdown: ${error instanceof Error ? error.message : String(error)}`
+    );
+  }
+}
+
+// src/model.ts
+var MarkdownModel = class _MarkdownModel {
+  viewport;
+  active;
+  fileName;
+  filesystem;
+  constructor(options) {
+    this.viewport = options.viewport;
+    this.active = options.active;
+    this.fileName = options.fileName;
+    this.filesystem = options.filesystem;
+  }
+  /**
+   * Create a new markdown model.
+   * @param options - Configuration options
+   */
+  static new(options) {
+    const viewport = ViewportModel.new({
+      width: options.width ?? 0,
+      height: options.height ?? 0,
+      style: options.style
+    });
+    return new _MarkdownModel({
+      viewport,
+      active: options.active ?? true,
+      fileName: "",
+      filesystem: options.filesystem
+    });
+  }
+  /**
+   * Tea init hook (no-op).
+   */
+  init() {
+    return null;
+  }
+  /**
+   * Set the filename to render. Returns a command that will read and render the file.
+   * @param fileName - Path to the markdown file
+   */
+  setFileName(fileName) {
+    const updated = this.with({ fileName });
+    const cmd = renderMarkdownCmd(this.filesystem, this.viewport.width, fileName);
+    return [updated, cmd];
+  }
+  /**
+   * Set the size of the viewport and re-render if a file is set.
+   * @param width - New width
+   * @param height - New height
+   */
+  setSize(width, height) {
+    const updatedViewport = this.viewport.setWidth(width).setHeight(height);
+    const updated = this.with({ viewport: updatedViewport });
+    if (this.fileName !== "") {
+      const cmd = renderMarkdownCmd(this.filesystem, width, this.fileName);
+      return [updated, cmd];
+    }
+    return [updated, null];
+  }
+  /**
+   * Set whether the component is active and should handle input.
+   * @param active - Active state
+   */
+  setIsActive(active) {
+    if (active === this.active) return this;
+    return this.with({ active });
+  }
+  /**
+   * Scroll to the top of the viewport.
+   */
+  gotoTop() {
+    const updatedViewport = this.viewport.scrollToTop();
+    if (updatedViewport === this.viewport) return this;
+    return this.with({ viewport: updatedViewport });
+  }
+  /**
+   * Handle messages. Processes viewport scrolling and markdown rendering.
+   * @param msg - The message to handle
+   */
+  update(msg) {
+    if (msg instanceof RenderMarkdownMsg) {
+      const styled = new Style().width(this.viewport.width).alignHorizontal("left").render(msg.content);
+      const updatedViewport = this.viewport.setContent(styled);
+      return [this.with({ viewport: updatedViewport }), null];
+    }
+    if (msg instanceof ErrorMsg) {
+      const errorContent = msg.error.message;
+      const updatedViewport = this.viewport.setContent(errorContent);
+      return [
+        this.with({
+          fileName: "",
+          viewport: updatedViewport
+        }),
+        null
+      ];
+    }
+    if (this.active) {
+      const [updatedViewport, cmd] = this.viewport.update(msg);
+      if (updatedViewport !== this.viewport) {
+        return [this.with({ viewport: updatedViewport }), cmd];
+      }
+    }
+    return [this, null];
+  }
+  /**
+   * Render the markdown viewport.
+   */
+  view() {
+    return this.viewport.view();
+  }
+  with(patch) {
+    return new _MarkdownModel({
+      viewport: patch.viewport ?? this.viewport,
+      active: patch.active ?? this.active,
+      fileName: patch.fileName ?? this.fileName,
+      filesystem: patch.filesystem ?? this.filesystem
+    });
+  }
+};
+function renderMarkdownCmd(fs, width, fileName) {
+  return async () => {
+    try {
+      const content = await readFileContent(fs, fileName);
+      const rendered = renderMarkdown(content, { width });
+      return new RenderMarkdownMsg(rendered);
+    } catch (error) {
+      return new ErrorMsg(
+        error instanceof Error ? error : new Error(String(error))
+      );
+    }
+  };
+}
+
+export { ErrorMsg, MarkdownModel, RenderMarkdownMsg, renderMarkdown };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAwB,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,cAAc,EAA8B,MAAM,eAAe,CAAC"}
+{"version":3,"sources":["../src/messages.ts","../src/renderer.ts","../src/model.ts"],"names":[],"mappings":";;;;;;;;;;AAQO,IAAM,oBAAN,MAAwB;AAAA,EAG7B,YAA4B,OAAA,EAAiB;AAAjB,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AAAA,EAAkB;AAAA,EAFrC,IAAA,GAAO,iBAAA;AAGlB;AAMO,IAAM,WAAN,MAAe;AAAA,EAGpB,YAA4B,KAAA,EAAc;AAAd,IAAA,IAAA,CAAA,KAAA,GAAA,KAAA;AAAA,EAAe;AAAA,EAFlC,IAAA,GAAO,gBAAA;AAGlB;ACeO,SAAS,cAAA,CACd,OAAA,EACA,OAAA,GAAiC,EAAC,EAC1B;AACR,EAAA,MAAM,KAAA,GAAQ,QAAQ,KAAA,IAAS,EAAA;AAC/B,EAAA,MAAM,aAAa,OAAA,CAAQ,UAAA,IAAc,OAAA,CAAQ,GAAA,EAAK,uBAAsB,IAAK,MAAA;AAGjF,EAAA,MAAM,SAAS,UAAA,KAAe,OAAA;AAG9B,EAAA,MAAM,QAAQ,wBAAA,EAAyB;AAGvC,EAAA,MAAM,SAAS,IAAI,MAAA;AAAA,IACjB,cAAA,CAAe;AAAA;AAAA,MAEb,KAAA;AAAA,MACA,UAAA,EAAY,IAAA;AAAA;AAAA,MAEZ,cAAc,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAA,GAAO,MAAM,IAAA,CAAK,IAAA;AAAA,MACpD,SAAS,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAA,GAAO,MAAM,IAAA,CAAK,IAAA;AAAA;AAAA,MAE/C,IAAA,EAAM,MAAA,GAAS,KAAA,CAAM,KAAA,GAAQ,KAAA,CAAM,IAAA;AAAA,MACnC,UAAA,EAAY,MAAA,GAAS,KAAA,CAAM,KAAA,GAAQ,KAAA,CAAM,IAAA;AAAA;AAAA,MAEzC,QAAQ,KAAA,CAAM,IAAA;AAAA,MACd,IAAI,KAAA,CAAM,MAAA;AAAA;AAAA,MAEV,QAAA,EAAU,KAAA;AAAA;AAAA,MAEV,IAAA,EAAM,MAAA,GAAS,KAAA,CAAM,UAAA,GAAa,KAAA,CAAM,IAAA;AAAA;AAAA,MAExC,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,SAAA,EAAW;AAAA,KACZ;AAAA,GACH;AAEA,EAAA,IAAI;AACF,IAAA,MAAM,QAAA,GAAW,MAAA,CAAO,KAAA,CAAM,OAAO,CAAA;AACrC,IAAA,OAAO,SAAS,IAAA,EAAK;AAAA,EACvB,SAAS,KAAA,EAAO;AACd,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,8BAA8B,KAAA,YAAiB,KAAA,GAAQ,MAAM,OAAA,GAAU,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,KACtF;AAAA,EACF;AACF;;;ACpCO,IAAM,aAAA,GAAN,MAAM,cAAA,CAAc;AAAA,EAChB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EAED,YAAY,OAAA,EAKjB;AACD,IAAA,IAAA,CAAK,WAAW,OAAA,CAAQ,QAAA;AACxB,IAAA,IAAA,CAAK,SAAS,OAAA,CAAQ,MAAA;AACtB,IAAA,IAAA,CAAK,WAAW,OAAA,CAAQ,QAAA;AACxB,IAAA,IAAA,CAAK,aAAa,OAAA,CAAQ,UAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,IAAI,OAAA,EAAyC;AAClD,IAAA,MAAM,QAAA,GAAW,cAAc,GAAA,CAAI;AAAA,MACjC,KAAA,EAAO,QAAQ,KAAA,IAAS,CAAA;AAAA,MACxB,MAAA,EAAQ,QAAQ,MAAA,IAAU,CAAA;AAAA,MAC1B,OAAO,OAAA,CAAQ;AAAA,KAChB,CAAA;AAED,IAAA,OAAO,IAAI,cAAA,CAAc;AAAA,MACvB,QAAA;AAAA,MACA,MAAA,EAAQ,QAAQ,MAAA,IAAU,IAAA;AAAA,MAC1B,QAAA,EAAU,EAAA;AAAA,MACV,YAAY,OAAA,CAAQ;AAAA,KACrB,CAAA;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA,GAAiB;AACf,IAAA,OAAO,IAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,QAAA,EAA6C;AACvD,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,IAAA,CAAK,EAAE,UAAU,CAAA;AACtC,IAAA,MAAM,MAAM,iBAAA,CAAkB,IAAA,CAAK,YAAY,IAAA,CAAK,QAAA,CAAS,OAAO,QAAQ,CAAA;AAC5E,IAAA,OAAO,CAAC,SAAS,GAAG,CAAA;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAA,CAAQ,OAAe,MAAA,EAA2C;AAChE,IAAA,MAAM,kBAAkB,IAAA,CAAK,QAAA,CAAS,SAAS,KAAK,CAAA,CAAE,UAAU,MAAM,CAAA;AACtE,IAAA,MAAM,UAAU,IAAA,CAAK,IAAA,CAAK,EAAE,QAAA,EAAU,iBAAiB,CAAA;AAEvD,IAAA,IAAI,IAAA,CAAK,aAAa,EAAA,EAAI;AACxB,MAAA,MAAM,MAAM,iBAAA,CAAkB,IAAA,CAAK,UAAA,EAAY,KAAA,EAAO,KAAK,QAAQ,CAAA;AACnE,MAAA,OAAO,CAAC,SAAS,GAAG,CAAA;AAAA,IACtB;AAEA,IAAA,OAAO,CAAC,SAAS,IAAI,CAAA;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,MAAA,EAAgC;AAC1C,IAAA,IAAI,MAAA,KAAW,IAAA,CAAK,MAAA,EAAQ,OAAO,IAAA;AACnC,IAAA,OAAO,IAAA,CAAK,IAAA,CAAK,EAAE,MAAA,EAAQ,CAAA;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA,EAKA,OAAA,GAAyB;AACvB,IAAA,MAAM,eAAA,GAAkB,IAAA,CAAK,QAAA,CAAS,WAAA,EAAY;AAClD,IAAA,IAAI,eAAA,KAAoB,IAAA,CAAK,QAAA,EAAU,OAAO,IAAA;AAC9C,IAAA,OAAO,IAAA,CAAK,IAAA,CAAK,EAAE,QAAA,EAAU,iBAAiB,CAAA;AAAA,EAChD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,GAAA,EAAqC;AAE1C,IAAA,IAAI,eAAe,iBAAA,EAAmB;AAGpC,MAAA,MAAM,MAAA,GAAS,IAAI,KAAA,EAAM,CACtB,MAAM,IAAA,CAAK,QAAA,CAAS,KAAK,CAAA,CACzB,eAAA,CAAgB,MAAM,CAAA,CACtB,MAAA,CAAO,IAAI,OAAO,CAAA;AAErB,MAAA,MAAM,eAAA,GAAkB,IAAA,CAAK,QAAA,CAAS,UAAA,CAAW,MAAM,CAAA;AACvD,MAAA,OAAO,CAAC,KAAK,IAAA,CAAK,EAAE,UAAU,eAAA,EAAiB,GAAG,IAAI,CAAA;AAAA,IACxD;AAGA,IAAA,IAAI,eAAe,QAAA,EAAU;AAC3B,MAAA,MAAM,YAAA,GAAe,IAAI,KAAA,CAAM,OAAA;AAC/B,MAAA,MAAM,eAAA,GAAkB,IAAA,CAAK,QAAA,CAAS,UAAA,CAAW,YAAY,CAAA;AAC7D,MAAA,OAAO;AAAA,QACL,KAAK,IAAA,CAAK;AAAA,UACR,QAAA,EAAU,EAAA;AAAA,UACV,QAAA,EAAU;AAAA,SACX,CAAA;AAAA,QACD;AAAA,OACF;AAAA,IACF;AAGA,IAAA,IAAI,KAAK,MAAA,EAAQ;AACf,MAAA,MAAM,CAAC,eAAA,EAAiB,GAAG,IAAI,IAAA,CAAK,QAAA,CAAS,OAAO,GAAG,CAAA;AACvD,MAAA,IAAI,eAAA,KAAoB,KAAK,QAAA,EAAU;AACrC,QAAA,OAAO,CAAC,KAAK,IAAA,CAAK,EAAE,UAAU,eAAA,EAAiB,GAAG,GAAG,CAAA;AAAA,MACvD;AAAA,IACF;AAEA,IAAA,OAAO,CAAC,MAAM,IAAI,CAAA;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA,GAAe;AACb,IAAA,OAAO,IAAA,CAAK,SAAS,IAAA,EAAK;AAAA,EAC5B;AAAA,EAEQ,KAAK,KAAA,EAA8C;AACzD,IAAA,OAAO,IAAI,cAAA,CAAc;AAAA,MACvB,QAAA,EAAU,KAAA,CAAM,QAAA,IAAY,IAAA,CAAK,QAAA;AAAA,MACjC,MAAA,EAAQ,KAAA,CAAM,MAAA,IAAU,IAAA,CAAK,MAAA;AAAA,MAC7B,QAAA,EAAU,KAAA,CAAM,QAAA,IAAY,IAAA,CAAK,QAAA;AAAA,MACjC,UAAA,EAAY,KAAA,CAAM,UAAA,IAAc,IAAA,CAAK;AAAA,KACtC,CAAA;AAAA,EACH;AACF;AAKA,SAAS,iBAAA,CACP,EAAA,EACA,KAAA,EACA,QAAA,EACU;AACV,EAAA,OAAO,YAAY;AACjB,IAAA,IAAI;AACF,MAAA,MAAM,OAAA,GAAU,MAAM,eAAA,CAAgB,EAAA,EAAI,QAAQ,CAAA;AAClD,MAAA,MAAM,QAAA,GAAW,cAAA,CAAe,OAAA,EAAS,EAAE,OAAO,CAAA;AAClD,MAAA,OAAO,IAAI,kBAAkB,QAAQ,CAAA;AAAA,IACvC,SAAS,KAAA,EAAO;AACd,MAAA,OAAO,IAAI,QAAA;AAAA,QACT,iBAAiB,KAAA,GAAQ,KAAA,GAAQ,IAAI,KAAA,CAAM,MAAA,CAAO,KAAK,CAAC;AAAA,OAC1D;AAAA,IACF;AAAA,EACF,CAAA;AACF","file":"index.js","sourcesContent":["/**\n * Message types for the markdown component.\n */\n\n/**\n * Message containing rendered markdown content.\n * @public\n */\nexport class RenderMarkdownMsg {\n  readonly _tag = 'markdown-render'\n\n  constructor(public readonly content: string) {}\n}\n\n/**\n * Message containing an error from file reading or rendering.\n * @public\n */\nexport class ErrorMsg {\n  readonly _tag = 'markdown-error'\n\n  constructor(public readonly error: Error) {}\n}\n","/**\n * Markdown rendering utilities.\n */\n\nimport { Marked } from 'marked'\nimport { markedTerminal } from 'marked-terminal'\nimport type { EnvironmentAdapter, TerminalBackground } from '@suds-cli/machine'\nimport { createAlwaysEnabledStyle } from '@suds-cli/machine'\n\n/**\n * Options for rendering markdown.\n * @public\n */\nexport interface RenderMarkdownOptions {\n  /**\n   * Width for word wrapping. Defaults to 80.\n   */\n  width?: number\n  /**\n   * Terminal background mode. Defaults to 'dark'.\n   */\n  background?: TerminalBackground\n  /**\n   * Environment adapter for detecting terminal capabilities.\n   */\n  env?: EnvironmentAdapter\n}\n\n/**\n * Renders markdown content with terminal styling.\n * Detects terminal background (light/dark) and applies appropriate styling.\n *\n * @param content - The markdown string to render\n * @param options - Rendering options\n * @returns The styled markdown output\n * @public\n */\nexport function renderMarkdown(\n  content: string,\n  options: RenderMarkdownOptions = {},\n): string {\n  const width = options.width ?? 80\n  const background = options.background ?? options.env?.getTerminalBackground() ?? 'dark'\n\n  // Use appropriate colors for terminal background\n  const isDark = background !== 'light'\n\n  // Create a style function with full color support for markdown rendering\n  const style = createAlwaysEnabledStyle()\n\n  // Create marked instance with terminal renderer\n  const marked = new Marked(\n    markedTerminal({\n      // Wrap text at specified width\n      width,\n      reflowText: true,\n      // Headings - brighter on dark backgrounds\n      firstHeading: isDark ? style.cyan.bold : style.blue.bold,\n      heading: isDark ? style.cyan.bold : style.blue.bold,\n      // Code blocks\n      code: isDark ? style.white : style.gray,\n      blockquote: isDark ? style.white : style.gray,\n      // Emphasis\n      strong: style.bold,\n      em: style.italic,\n      // Lists\n      listitem: style,\n      // Links\n      link: isDark ? style.blueBright : style.blue,\n      // Other elements\n      hr: style.gray,\n      paragraph: style,\n    }),\n  )\n\n  try {\n    const rendered = marked.parse(content) as string\n    return rendered.trim()\n  } catch (error) {\n    throw new Error(\n      `Failed to render markdown: ${error instanceof Error ? error.message : String(error)}`,\n    )\n  }\n}\n","/**\n * Markdown viewer component.\n */\n\nimport { Style } from '@suds-cli/chapstick'\nimport { readFileContent } from '@suds-cli/filesystem'\nimport { ViewportModel } from '@suds-cli/viewport'\nimport type { Cmd, Msg } from '@suds-cli/tea'\nimport type { FileSystemAdapter } from '@suds-cli/machine'\nimport { RenderMarkdownMsg, ErrorMsg } from './messages.js'\nimport { renderMarkdown } from './renderer.js'\n\n/**\n * Options for creating a markdown model.\n * @public\n */\nexport interface MarkdownOptions {\n  /**\n   * Filesystem adapter for file operations.\n   */\n  filesystem: FileSystemAdapter\n  /**\n   * Whether the component is active and should handle input.\n   * Defaults to true.\n   */\n  active?: boolean\n  /**\n   * Initial width for the viewport.\n   * Defaults to 0.\n   */\n  width?: number\n  /**\n   * Initial height for the viewport.\n   * Defaults to 0.\n   */\n  height?: number\n  /**\n   * Style for the viewport.\n   */\n  style?: Style\n}\n\n/**\n * Markdown viewer model that renders markdown files with terminal styling\n * in a scrollable viewport.\n * @public\n */\nexport class MarkdownModel {\n  readonly viewport: ViewportModel\n  readonly active: boolean\n  readonly fileName: string\n  readonly filesystem: FileSystemAdapter\n\n  private constructor(options: {\n    viewport: ViewportModel\n    active: boolean\n    fileName: string\n    filesystem: FileSystemAdapter\n  }) {\n    this.viewport = options.viewport\n    this.active = options.active\n    this.fileName = options.fileName\n    this.filesystem = options.filesystem\n  }\n\n  /**\n   * Create a new markdown model.\n   * @param options - Configuration options\n   */\n  static new(options: MarkdownOptions): MarkdownModel {\n    const viewport = ViewportModel.new({\n      width: options.width ?? 0,\n      height: options.height ?? 0,\n      style: options.style,\n    })\n\n    return new MarkdownModel({\n      viewport,\n      active: options.active ?? true,\n      fileName: '',\n      filesystem: options.filesystem,\n    })\n  }\n\n  /**\n   * Tea init hook (no-op).\n   */\n  init(): Cmd<Msg> {\n    return null\n  }\n\n  /**\n   * Set the filename to render. Returns a command that will read and render the file.\n   * @param fileName - Path to the markdown file\n   */\n  setFileName(fileName: string): [MarkdownModel, Cmd<Msg>] {\n    const updated = this.with({ fileName })\n    const cmd = renderMarkdownCmd(this.filesystem, this.viewport.width, fileName)\n    return [updated, cmd]\n  }\n\n  /**\n   * Set the size of the viewport and re-render if a file is set.\n   * @param width - New width\n   * @param height - New height\n   */\n  setSize(width: number, height: number): [MarkdownModel, Cmd<Msg>] {\n    const updatedViewport = this.viewport.setWidth(width).setHeight(height)\n    const updated = this.with({ viewport: updatedViewport })\n\n    if (this.fileName !== '') {\n      const cmd = renderMarkdownCmd(this.filesystem, width, this.fileName)\n      return [updated, cmd]\n    }\n\n    return [updated, null]\n  }\n\n  /**\n   * Set whether the component is active and should handle input.\n   * @param active - Active state\n   */\n  setIsActive(active: boolean): MarkdownModel {\n    if (active === this.active) return this\n    return this.with({ active })\n  }\n\n  /**\n   * Scroll to the top of the viewport.\n   */\n  gotoTop(): MarkdownModel {\n    const updatedViewport = this.viewport.scrollToTop()\n    if (updatedViewport === this.viewport) return this\n    return this.with({ viewport: updatedViewport })\n  }\n\n  /**\n   * Handle messages. Processes viewport scrolling and markdown rendering.\n   * @param msg - The message to handle\n   */\n  update(msg: Msg): [MarkdownModel, Cmd<Msg>] {\n    // Handle markdown rendering\n    if (msg instanceof RenderMarkdownMsg) {\n      // Apply width for word wrapping and left-align to pad lines to consistent width\n      // Viewport handles height/scrolling\n      const styled = new Style()\n        .width(this.viewport.width)\n        .alignHorizontal('left')\n        .render(msg.content)\n\n      const updatedViewport = this.viewport.setContent(styled)\n      return [this.with({ viewport: updatedViewport }), null]\n    }\n\n    // Handle errors\n    if (msg instanceof ErrorMsg) {\n      const errorContent = msg.error.message\n      const updatedViewport = this.viewport.setContent(errorContent)\n      return [\n        this.with({\n          fileName: '',\n          viewport: updatedViewport,\n        }),\n        null,\n      ]\n    }\n\n    // Handle viewport updates if active\n    if (this.active) {\n      const [updatedViewport, cmd] = this.viewport.update(msg)\n      if (updatedViewport !== this.viewport) {\n        return [this.with({ viewport: updatedViewport }), cmd]\n      }\n    }\n\n    return [this, null]\n  }\n\n  /**\n   * Render the markdown viewport.\n   */\n  view(): string {\n    return this.viewport.view()\n  }\n\n  private with(patch: Partial<MarkdownModel>): MarkdownModel {\n    return new MarkdownModel({\n      viewport: patch.viewport ?? this.viewport,\n      active: patch.active ?? this.active,\n      fileName: patch.fileName ?? this.fileName,\n      filesystem: patch.filesystem ?? this.filesystem,\n    })\n  }\n}\n\n/**\n * Command to read and render a markdown file.\n */\nfunction renderMarkdownCmd(\n  fs: FileSystemAdapter,\n  width: number,\n  fileName: string,\n): Cmd<Msg> {\n  return async () => {\n    try {\n      const content = await readFileContent(fs, fileName)\n      const rendered = renderMarkdown(content, { width })\n      return new RenderMarkdownMsg(rendered)\n    } catch (error) {\n      return new ErrorMsg(\n        error instanceof Error ? error : new Error(String(error)),\n      )\n    }\n  }\n}\n"]}

package/package.json

@@ -1,36 +1,49 @@
 {
   "name": "@suds-cli/markdown",
-  "version": "0.1.0-alpha.0",
   "description": "Markdown viewer component for Suds terminal UIs",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "version": "0.1.0-alpha.1",
   "dependencies": {
-    "chalk": "^5.4.1",
     "marked": "^15.0.0",
     "marked-terminal": "^7.3.0",
-    "@suds-cli/chapstick": "0.1.0-alpha.0",
-    "@suds-cli/filesystem": "0.0.0",
-    "@suds-cli/tea": "0.0.0",
-    "@suds-cli/viewport": "0.0.1-alpha.0"
+    "@suds-cli/chapstick": "0.1.0-alpha.1",
+    "@suds-cli/filesystem": "0.1.0-alpha.0",
+    "@suds-cli/machine": "0.1.0-alpha.0",
+    "@suds-cli/tea": "0.1.0-alpha.0",
+    "@suds-cli/viewport": "0.1.0-alpha.1"
   },
   "devDependencies": {
     "typescript": "5.8.2",
-    "vitest": "^4.0.15"
+    "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": {
-    "clean": "rm -rf dist",
-    "build": "pnpm run clean && tsc -p ./tsconfig.json",
-    "test": "vitest run",
-    "generate:api-report": "api-extractor run --local",
+    "build": "tsup",
     "check:api-report": "pnpm run generate:api-report",
     "check:eslint": "pnpm run lint",
-    "lint": "eslint \"{src,test}/**/*.{ts,tsx}\""
+    "generate:api-report": "api-extractor run --local",
+    "lint": "eslint \"{src,test}/**/*.{ts,tsx}\"",
+    "test": "vitest run"
   }
 }

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAC"}

package/dist/messages.d.ts

@@ -1,22 +0,0 @@
-/**
- * Message types for the markdown component.
- */
-/**
- * Message containing rendered markdown content.
- * @public
- */
-export declare class RenderMarkdownMsg {
-    readonly content: string;
-    readonly _tag = "markdown-render";
-    constructor(content: string);
-}
-/**
- * Message containing an error from file reading or rendering.
- * @public
- */
-export declare class ErrorMsg {
-    readonly error: Error;
-    readonly _tag = "markdown-error";
-    constructor(error: Error);
-}
-//# sourceMappingURL=messages.d.ts.map

package/dist/messages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,qBAAa,iBAAiB;aAGA,OAAO,EAAE,MAAM;IAF3C,QAAQ,CAAC,IAAI,qBAAqB;gBAEN,OAAO,EAAE,MAAM;CAC5C;AAED;;;GAGG;AACH,qBAAa,QAAQ;aAGS,KAAK,EAAE,KAAK;IAFxC,QAAQ,CAAC,IAAI,oBAAoB;gBAEL,KAAK,EAAE,KAAK;CACzC"}

package/dist/messages.js

@@ -1,26 +0,0 @@
-/**
- * Message types for the markdown component.
- */
-/**
- * Message containing rendered markdown content.
- * @public
- */
-export class RenderMarkdownMsg {
-    content;
-    _tag = "markdown-render";
-    constructor(content) {
-        this.content = content;
-    }
-}
-/**
- * Message containing an error from file reading or rendering.
- * @public
- */
-export class ErrorMsg {
-    error;
-    _tag = "markdown-error";
-    constructor(error) {
-        this.error = error;
-    }
-}
-//# sourceMappingURL=messages.js.map

package/dist/messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,MAAM,OAAO,iBAAiB;IAGA;IAFnB,IAAI,GAAG,iBAAiB,CAAC;IAElC,YAA4B,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;IAAG,CAAC;CAChD;AAED;;;GAGG;AACH,MAAM,OAAO,QAAQ;IAGS;IAFnB,IAAI,GAAG,gBAAgB,CAAC;IAEjC,YAA4B,KAAY;QAAZ,UAAK,GAAL,KAAK,CAAO;IAAG,CAAC;CAC7C"}

package/dist/model.d.ts

@@ -1,82 +0,0 @@
-/**
- * Markdown viewer component.
- */
-import { Style } from "@suds-cli/chapstick";
-import { ViewportModel } from "@suds-cli/viewport";
-import type { Cmd, Msg } from "@suds-cli/tea";
-/**
- * Options for creating a markdown model.
- * @public
- */
-export interface MarkdownOptions {
-    /**
-     * Whether the component is active and should handle input.
-     * Defaults to true.
-     */
-    active?: boolean;
-    /**
-     * Initial width for the viewport.
-     * Defaults to 0.
-     */
-    width?: number;
-    /**
-     * Initial height for the viewport.
-     * Defaults to 0.
-     */
-    height?: number;
-    /**
-     * Style for the viewport.
-     */
-    style?: Style;
-}
-/**
- * Markdown viewer model that renders markdown files with terminal styling
- * in a scrollable viewport.
- * @public
- */
-export declare class MarkdownModel {
-    readonly viewport: ViewportModel;
-    readonly active: boolean;
-    readonly fileName: string;
-    private constructor();
-    /**
-     * Create a new markdown model.
-     * @param options - Configuration options
-     */
-    static new(options?: MarkdownOptions): MarkdownModel;
-    /**
-     * Tea init hook (no-op).
-     */
-    init(): Cmd<Msg>;
-    /**
-     * Set the filename to render. Returns a command that will read and render the file.
-     * @param fileName - Path to the markdown file
-     */
-    setFileName(fileName: string): [MarkdownModel, Cmd<Msg>];
-    /**
-     * Set the size of the viewport and re-render if a file is set.
-     * @param width - New width
-     * @param height - New height
-     */
-    setSize(width: number, height: number): [MarkdownModel, Cmd<Msg>];
-    /**
-     * Set whether the component is active and should handle input.
-     * @param active - Active state
-     */
-    setIsActive(active: boolean): MarkdownModel;
-    /**
-     * Scroll to the top of the viewport.
-     */
-    gotoTop(): MarkdownModel;
-    /**
-     * Handle messages. Processes viewport scrolling and markdown rendering.
-     * @param msg - The message to handle
-     */
-    update(msg: Msg): [MarkdownModel, Cmd<Msg>];
-    /**
-     * Render the markdown viewport.
-     */
-    view(): string;
-    private with;
-}
-//# sourceMappingURL=model.d.ts.map

package/dist/model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../src/model.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAI9C;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;;;GAIG;AACH,qBAAa,aAAa;IACxB,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,OAAO;IAUP;;;OAGG;IACH,MAAM,CAAC,GAAG,CAAC,OAAO,GAAE,eAAoB,GAAG,aAAa;IAcxD;;OAEG;IACH,IAAI,IAAI,GAAG,CAAC,GAAG,CAAC;IAIhB;;;OAGG;IACH,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAMxD;;;;OAIG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAYjE;;;OAGG;IACH,WAAW,CAAC,MAAM,EAAE,OAAO,GAAG,aAAa;IAK3C;;OAEG;IACH,OAAO,IAAI,aAAa;IAMxB;;;OAGG;IACH,MAAM,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAsC3C;;OAEG;IACH,IAAI,IAAI,MAAM;IAId,OAAO,CAAC,IAAI;CAOb"}

package/dist/model.js

@@ -1,152 +0,0 @@
-/**
- * Markdown viewer component.
- */
-import { Style } from "@suds-cli/chapstick";
-import { readFileContent } from "@suds-cli/filesystem";
-import { ViewportModel } from "@suds-cli/viewport";
-import { RenderMarkdownMsg, ErrorMsg } from "./messages.js";
-import { renderMarkdown } from "./renderer.js";
-/**
- * Markdown viewer model that renders markdown files with terminal styling
- * in a scrollable viewport.
- * @public
- */
-export class MarkdownModel {
-    viewport;
-    active;
-    fileName;
-    constructor(options) {
-        this.viewport = options.viewport;
-        this.active = options.active;
-        this.fileName = options.fileName;
-    }
-    /**
-     * Create a new markdown model.
-     * @param options - Configuration options
-     */
-    static new(options = {}) {
-        const viewport = ViewportModel.new({
-            width: options.width ?? 0,
-            height: options.height ?? 0,
-            style: options.style,
-        });
-        return new MarkdownModel({
-            viewport,
-            active: options.active ?? true,
-            fileName: "",
-        });
-    }
-    /**
-     * Tea init hook (no-op).
-     */
-    init() {
-        return null;
-    }
-    /**
-     * Set the filename to render. Returns a command that will read and render the file.
-     * @param fileName - Path to the markdown file
-     */
-    setFileName(fileName) {
-        const updated = this.with({ fileName });
-        const cmd = renderMarkdownCmd(this.viewport.width, fileName);
-        return [updated, cmd];
-    }
-    /**
-     * Set the size of the viewport and re-render if a file is set.
-     * @param width - New width
-     * @param height - New height
-     */
-    setSize(width, height) {
-        const updatedViewport = this.viewport.setWidth(width).setHeight(height);
-        const updated = this.with({ viewport: updatedViewport });
-        if (this.fileName !== "") {
-            const cmd = renderMarkdownCmd(width, this.fileName);
-            return [updated, cmd];
-        }
-        return [updated, null];
-    }
-    /**
-     * Set whether the component is active and should handle input.
-     * @param active - Active state
-     */
-    setIsActive(active) {
-        if (active === this.active)
-            return this;
-        return this.with({ active });
-    }
-    /**
-     * Scroll to the top of the viewport.
-     */
-    gotoTop() {
-        const updatedViewport = this.viewport.scrollToTop();
-        if (updatedViewport === this.viewport)
-            return this;
-        return this.with({ viewport: updatedViewport });
-    }
-    /**
-     * Handle messages. Processes viewport scrolling and markdown rendering.
-     * @param msg - The message to handle
-     */
-    update(msg) {
-        // Handle markdown rendering
-        if (msg instanceof RenderMarkdownMsg) {
-            // Apply width for word wrapping and left-align to pad lines to consistent width
-            // Viewport handles height/scrolling
-            const styled = new Style()
-                .width(this.viewport.width)
-                .alignHorizontal('left')
-                .render(msg.content);
-            const updatedViewport = this.viewport.setContent(styled);
-            return [this.with({ viewport: updatedViewport }), null];
-        }
-        // Handle errors
-        if (msg instanceof ErrorMsg) {
-            const errorContent = msg.error.message;
-            const updatedViewport = this.viewport.setContent(errorContent);
-            return [
-                this.with({
-                    fileName: "",
-                    viewport: updatedViewport,
-                }),
-                null,
-            ];
-        }
-        // Handle viewport updates if active
-        if (this.active) {
-            const [updatedViewport, cmd] = this.viewport.update(msg);
-            if (updatedViewport !== this.viewport) {
-                return [this.with({ viewport: updatedViewport }), cmd];
-            }
-        }
-        return [this, null];
-    }
-    /**
-     * Render the markdown viewport.
-     */
-    view() {
-        return this.viewport.view();
-    }
-    with(patch) {
-        return new MarkdownModel({
-            viewport: patch.viewport ?? this.viewport,
-            active: patch.active ?? this.active,
-            fileName: patch.fileName ?? this.fileName,
-        });
-    }
-}
-/**
- * Command to read and render a markdown file.
- */
-function renderMarkdownCmd(width, fileName) {
-    return async () => {
-        try {
-            const content = await readFileContent(fileName);
-            const rendered = renderMarkdown(content, { width });
-            return new RenderMarkdownMsg(rendered);
-        }
-        catch (error) {
-            return new ErrorMsg(error instanceof Error ? error : new Error(String(error)));
-        }
-    };
-}
-//# sourceMappingURL=model.js.map

package/dist/model.js.map

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

package/dist/renderer.d.ts

@@ -1,24 +0,0 @@
-/**
- * Markdown rendering utilities.
- */
-/**
- * Options for rendering markdown.
- * @public
- */
-export interface RenderMarkdownOptions {
-    /**
-     * Width for word wrapping. Defaults to 80.
-     */
-    width?: number;
-}
-/**
- * Renders markdown content with terminal styling.
- * Detects terminal background (light/dark) and applies appropriate styling.
- *
- * @param content - The markdown string to render
- * @param options - Rendering options
- * @returns The styled markdown output
- * @public
- */
-export declare function renderMarkdown(content: string, options?: RenderMarkdownOptions): string;
-//# sourceMappingURL=renderer.d.ts.map

package/dist/renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,qBAA0B,GAClC,MAAM,CAsCR"}

package/dist/renderer.js

@@ -1,52 +0,0 @@
-/**
- * Markdown rendering utilities.
- */
-import { Marked } from "marked";
-import { markedTerminal } from "marked-terminal";
-import { getTerminalBackground } from "@suds-cli/chapstick";
-import chalk from "chalk";
-/**
- * Renders markdown content with terminal styling.
- * Detects terminal background (light/dark) and applies appropriate styling.
- *
- * @param content - The markdown string to render
- * @param options - Rendering options
- * @returns The styled markdown output
- * @public
- */
-export function renderMarkdown(content, options = {}) {
-    const width = options.width ?? 80;
-    const background = getTerminalBackground();
-    // Use appropriate colors for terminal background
-    const isDark = background !== 'light';
-    // Create marked instance with terminal renderer
-    const marked = new Marked(markedTerminal({
-        // Wrap text at specified width
-        width,
-        reflowText: true,
-        // Headings - brighter on dark backgrounds
-        firstHeading: isDark ? chalk.cyan.bold : chalk.blue.bold,
-        heading: isDark ? chalk.cyan.bold : chalk.blue.bold,
-        // Code blocks
-        code: isDark ? chalk.white : chalk.gray,
-        blockquote: isDark ? chalk.white : chalk.gray,
-        // Emphasis
-        strong: chalk.bold,
-        em: chalk.italic,
-        // Lists
-        listitem: chalk.reset,
-        // Links
-        link: isDark ? chalk.blueBright : chalk.blue,
-        // Other elements
-        hr: chalk.gray,
-        paragraph: chalk.reset,
-    }));
-    try {
-        const rendered = marked.parse(content);
-        return rendered.trim();
-    }
-    catch (error) {
-        throw new Error(`Failed to render markdown: ${error instanceof Error ? error.message : String(error)}`);
-    }
-}
-//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAC5B,OAAe,EACf,UAAiC,EAAE;IAEnC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAC;IAE3C,iDAAiD;IACjD,MAAM,MAAM,GAAG,UAAU,KAAK,OAAO,CAAC;IAEtC,gDAAgD;IAChD,MAAM,MAAM,GAAG,IAAI,MAAM,CACvB,cAAc,CAAC;QACb,+BAA+B;QAC/B,KAAK;QACL,UAAU,EAAE,IAAI;QAChB,0CAA0C;QAC1C,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;QACxD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;QACnD,cAAc;QACd,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;QACvC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;QAC7C,WAAW;QACX,MAAM,EAAE,KAAK,CAAC,IAAI;QAClB,EAAE,EAAE,KAAK,CAAC,MAAM;QAChB,QAAQ;QACR,QAAQ,EAAE,KAAK,CAAC,KAAK;QACrB,QAAQ;QACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;QAC5C,iBAAiB;QACjB,EAAE,EAAE,KAAK,CAAC,IAAI;QACd,SAAS,EAAE,KAAK,CAAC,KAAK;KACvB,CAAC,CACH,CAAC;IAEF,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAW,CAAC;QACjD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,8BAA8B,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1G,CAAC;AACH,CAAC"}