indusagi-coding-agent 0.1.59 → 0.1.61

package/dist/runtime/html-export/ansi-to-html.ts

@@ -1,262 +0,0 @@
-/**
- * ANSI escape code to HTML converter.
- *
- * Based on ANSI parsing logic from:
- * - xterm.js (https://github.com/xtermjs/xterm.js) for ANSI SGR code handling
- * - ansi-html (https://github.com/Tjatse/ansi-html) for color conversion
- * 
- * Converts terminal ANSI color/style codes to HTML with inline styles.
- * Supports:
- * - Standard foreground colors (30-37) and bright variants (90-97)
- * - Standard background colors (40-47) and bright variants (100-107)
- * - 256-color palette (38;5;N and 48;5;N)
- * - RGB true color (38;2;R;G;B and 48;2;R;G;B)
- * - Text styles: bold (1), dim (2), italic (3), underline (4)
- * - Reset (0)
- */
-
-// Standard ANSI color palette (0-15)
-const ANSI_COLORS = [
-	"#000000", // 0: black
-	"#800000", // 1: red
-	"#008000", // 2: green
-	"#808000", // 3: yellow
-	"#000080", // 4: blue
-	"#800080", // 5: magenta
-	"#008080", // 6: cyan
-	"#c0c0c0", // 7: white
-	"#808080", // 8: bright black
-	"#ff0000", // 9: bright red
-	"#00ff00", // 10: bright green
-	"#ffff00", // 11: bright yellow
-	"#0000ff", // 12: bright blue
-	"#ff00ff", // 13: bright magenta
-	"#00ffff", // 14: bright cyan
-	"#ffffff", // 15: bright white
-];
-
-/**
- * Convert 256-color index to hex.
- */
-function color256ToHex(index: number): string {
-	// Standard colors (0-15)
-	if (index < 16) {
-		return ANSI_COLORS[index];
-	}
-
-	// Color cube (16-231): 6x6x6 = 216 colors
-	if (index < 232) {
-		const cubeIndex = index - 16;
-		const r = Math.floor(cubeIndex / 36);
-		const g = Math.floor((cubeIndex % 36) / 6);
-		const b = cubeIndex % 6;
-		const toComponent = (n: number) => (n === 0 ? 0 : 55 + n * 40);
-		const toHex = (n: number) => toComponent(n).toString(16).padStart(2, "0");
-		return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-	}
-
-	// Grayscale (232-255): 24 shades
-	const gray = 8 + (index - 232) * 10;
-	const grayHex = gray.toString(16).padStart(2, "0");
-	return `#${grayHex}${grayHex}${grayHex}`;
-}
-
-/**
- * Escape HTML special characters.
- */
-function escapeHtml(text: string): string {
-	return text
-		.replace(/&/g, "&amp;")
-		.replace(/</g, "&lt;")
-		.replace(/>/g, "&gt;")
-		.replace(/"/g, "&quot;")
-		.replace(/'/g, "&#039;");
-}
-
-interface TextStyle {
-	fg: string | null;
-	bg: string | null;
-	bold: boolean;
-	dim: boolean;
-	italic: boolean;
-	underline: boolean;
-}
-
-function createEmptyStyle(): TextStyle {
-	return {
-		fg: null,
-		bg: null,
-		bold: false,
-		dim: false,
-		italic: false,
-		underline: false,
-	};
-}
-
-function styleToInlineCSS(style: TextStyle): string {
-	const parts: string[] = [];
-	if (style.fg) parts.push(`color:${style.fg}`);
-	if (style.bg) parts.push(`background-color:${style.bg}`);
-	if (style.bold) parts.push("font-weight:bold");
-	if (style.dim) parts.push("opacity:0.6");
-	if (style.italic) parts.push("font-style:italic");
-	if (style.underline) parts.push("text-decoration:underline");
-	return parts.join(";");
-}
-
-function hasStyle(style: TextStyle): boolean {
-	return style.fg !== null || style.bg !== null || style.bold || style.dim || style.italic || style.underline;
-}
-
-/**
- * Parse ANSI SGR (Select Graphic Rendition) codes and update style.
- */
-function applySgrCode(params: number[], style: TextStyle): void {
-	let i = 0;
-	while (i < params.length) {
-		const code = params[i];
-
-		if (code === 0) {
-			// Reset all
-			style.fg = null;
-			style.bg = null;
-			style.bold = false;
-			style.dim = false;
-			style.italic = false;
-			style.underline = false;
-		} else if (code === 1) {
-			style.bold = true;
-		} else if (code === 2) {
-			style.dim = true;
-		} else if (code === 3) {
-			style.italic = true;
-		} else if (code === 4) {
-			style.underline = true;
-		} else if (code === 22) {
-			// Reset bold/dim
-			style.bold = false;
-			style.dim = false;
-		} else if (code === 23) {
-			style.italic = false;
-		} else if (code === 24) {
-			style.underline = false;
-		} else if (code >= 30 && code <= 37) {
-			// Standard foreground colors
-			style.fg = ANSI_COLORS[code - 30];
-		} else if (code === 38) {
-			// Extended foreground color
-			if (params[i + 1] === 5 && params.length > i + 2) {
-				// 256-color: 38;5;N
-				style.fg = color256ToHex(params[i + 2]);
-				i += 2;
-			} else if (params[i + 1] === 2 && params.length > i + 4) {
-				// RGB: 38;2;R;G;B
-				const r = params[i + 2];
-				const g = params[i + 3];
-				const b = params[i + 4];
-				style.fg = `rgb(${r},${g},${b})`;
-				i += 4;
-			}
-		} else if (code === 39) {
-			// Default foreground
-			style.fg = null;
-		} else if (code >= 40 && code <= 47) {
-			// Standard background colors
-			style.bg = ANSI_COLORS[code - 40];
-		} else if (code === 48) {
-			// Extended background color
-			if (params[i + 1] === 5 && params.length > i + 2) {
-				// 256-color: 48;5;N
-				style.bg = color256ToHex(params[i + 2]);
-				i += 2;
-			} else if (params[i + 1] === 2 && params.length > i + 4) {
-				// RGB: 48;2;R;G;B
-				const r = params[i + 2];
-				const g = params[i + 3];
-				const b = params[i + 4];
-				style.bg = `rgb(${r},${g},${b})`;
-				i += 4;
-			}
-		} else if (code === 49) {
-			// Default background
-			style.bg = null;
-		} else if (code >= 90 && code <= 97) {
-			// Bright foreground colors
-			style.fg = ANSI_COLORS[code - 90 + 8];
-		} else if (code >= 100 && code <= 107) {
-			// Bright background colors
-			style.bg = ANSI_COLORS[code - 100 + 8];
-		}
-		// Ignore unrecognized codes
-
-		i++;
-	}
-}
-
-// Match ANSI escape sequences: ESC[ followed by params and ending with 'm'
-const ANSI_REGEX = /\x1b\[([\d;]*)m/g;
-
-/**
- * Convert ANSI-escaped text to HTML with inline styles.
- */
-export function ansiToHtml(text: string): string {
-	const style = createEmptyStyle();
-	let result = "";
-	let lastIndex = 0;
-	let inSpan = false;
-
-	// Reset regex state
-	ANSI_REGEX.lastIndex = 0;
-
-	let match = ANSI_REGEX.exec(text);
-	while (match !== null) {
-		// Add text before this escape sequence
-		const beforeText = text.slice(lastIndex, match.index);
-		if (beforeText) {
-			result += escapeHtml(beforeText);
-		}
-
-		// Parse SGR parameters
-		const paramStr = match[1];
-		const params = paramStr ? paramStr.split(";").map((p) => parseInt(p, 10) || 0) : [0];
-
-		// Close existing span if we have one
-		if (inSpan) {
-			result += "</span>";
-			inSpan = false;
-		}
-
-		// Apply the codes
-		applySgrCode(params, style);
-
-		// Open new span if we have any styling
-		if (hasStyle(style)) {
-			result += `<span style="${styleToInlineCSS(style)}">`;
-			inSpan = true;
-		}
-
-		lastIndex = match.index + match[0].length;
-		match = ANSI_REGEX.exec(text);
-	}
-
-	// Add remaining text
-	const remainingText = text.slice(lastIndex);
-	if (remainingText) {
-		result += escapeHtml(remainingText);
-	}
-
-	// Close any open span
-	if (inSpan) {
-		result += "</span>";
-	}
-
-	return result;
-}
-
-/**
- * Convert array of ANSI-escaped lines to HTML.
- * Each line is wrapped in a div element.
- */
-export function ansiLinesToHtml(lines: string[]): string {
-	return lines.map((line) => `<div class="ansi-line">${ansiToHtml(line) || "&nbsp;"}</div>`).join("\n");
-}

package/dist/runtime/html-export/index.d.ts

@@ -1,162 +0,0 @@
-/**
- * HTML Export System - Export agent sessions to standalone HTML files
- *
- * Purpose:
- * Converts JSONL session files to beautiful, interactive HTML pages that can be
- * shared, archived, or viewed in any browser. Supports custom themes and tool rendering.
- *
- * Architecture:
- * - Index.ts: Main export orchestration and color/theme handling
- * - ansi-to-html.ts: ANSI color code conversion to HTML
- * - tool-renderer.ts: Custom tool output rendering
- * - template.html: Base HTML structure
- * - template.css: Styling and responsive design
- * - template.js: Client-side interactivity
- *
- * Key Features:
- * - Theme support (dark/light mode, custom colors)
- * - ANSI color preservation from terminal output
- * - Custom tool output rendering via extensions
- * - Responsive design (works on mobile)
- * - Interactive features (expand/collapse, copy, etc.)
- * - Self-contained HTML (no external dependencies)
- * - Message formatting with markdown support
- * - Tool output with syntax highlighting
- *
- * Export Process:
- * 1. Load session from JSONL file
- * 2. Extract all messages and metadata
- * 3. Apply theme colors to template
- * 4. Convert ANSI codes to HTML spans
- * 5. Render tool outputs (custom or default)
- * 6. Generate final HTML with inline CSS/JS
- * 7. Write to output file
- *
- * Theme System:
- * - Uses theme colors from config
- * - Maps terminal colors to HTML/CSS colors
- * - Supports both dark and light modes
- * - Color derivation for exports (luminance-aware)
- * - Custom color parsing (hex, rgb formats)
- *
- * ANSI Color Code Handling:
- * - Converts terminal ANSI codes (e.g., \x1b[31m) to HTML
- * - Preserves colors from bash output, tool results, etc.
- * - Supports foreground, background, and attribute codes
- * - Gracefully handles incomplete/malformed codes
- *
- * Tool Rendering:
- * - Default: Shows raw output with syntax highlighting
- * - Custom: Extensions can provide tool-specific renderers
- * - Examples:
- *   - Bash tool: Syntax-highlighted code blocks
- *   - Read tool: Formatted file contents
- *   - Edit tool: Diff-style before/after
- *   - Web fetch: Formatted HTML/JSON preview
- *
- * HTML Output Structure:
- * ```html
- * <!DOCTYPE html>
- * <html>
- *   <head>
- *     <style><!-- theme colors + template.css --></style>
- *   </head>
- *   <body>
- *     <div class="session">
- *       <div class="message user"><!-- user message --></div>
- *       <div class="message assistant"><!-- assistant message --></div>
- *       <div class="tool-call"><!-- tool execution --></div>
- *       <div class="tool-result"><!-- tool result --></div>
- *     </div>
- *     <script><!-- template.js --></script>
- *   </body>
- * </html>
- * ```
- *
- * Usage Examples:
- * ```typescript
- * // Export session to HTML
- * await exportSessionToHtml(
- *   "session-id",
- *   {
- *     outputPath: "/path/to/output.html",
- *     themeName: "dark",
- *     toolRenderer: customRenderer
- *   }
- * );
- *
- * // Use default output path
- * await exportSessionToHtml("session-id");
- * // → ~/.indusagi/exports/session-id.html
- * ```
- *
- * Color Handling:
- * - Parse CSS color formats (hex, rgb)
- * - Calculate luminance for light/dark detection
- * - Adjust brightness for export backgrounds
- * - Preserve original theme colors in HTML
- * - Support for both resolved and export-specific colors
- *
- * File Size Considerations:
- * - Self-contained HTML (no external CDNs)
- * - Can handle large sessions (100MB+ JSONL)
- * - Streaming processing where possible
- * - Inline CSS/JS to minimize files
- * - Base64 encoding for any embedded resources
- *
- * Browser Compatibility:
- * - Modern browsers (Chrome, Firefox, Safari, Edge)
- * - ES6 JavaScript support required
- * - CSS Grid and Flexbox used for layout
- * - Mobile responsive via media queries
- *
- * Troubleshooting:
- * - Missing colors: Falls back to defaults
- * - Invalid theme: Uses dark mode defaults
- * - Broken session file: Shows error message
- * - Large files: May take time but should complete
- *
- * Related Files:
- * - Session format: src/core/session-manager.ts
- * - Theme system: src/modes/interactive/theme/
- * - Tool system: src/core/tools/
- * - ANSI conversion: ansi-to-html.ts
- *
- * Based on HTML export patterns from ChatGPT and Claude
- * Original inspiration: https://openai.com, https://claude.ai
- * Adapted for indusagi sessions and themes
- */
-import type { AgentState } from "indusagi/agent";
-import { SessionManager } from "../session-manager.js";
-/**
- * Interface for rendering custom tools to HTML.
- * Used by agent-session to pre-render extension tool output.
- */
-export interface ToolHtmlRenderer {
-    /** Render a tool call to HTML. Returns undefined if tool has no custom renderer. */
-    renderCall(toolName: string, args: unknown): string | undefined;
-    /** Render a tool result to HTML. Returns undefined if tool has no custom renderer. */
-    renderResult(toolName: string, result: Array<{
-        type: string;
-        text?: string;
-        data?: string;
-        mimeType?: string;
-    }>, details: unknown, isError: boolean): string | undefined;
-}
-export interface ExportOptions {
-    outputPath?: string;
-    themeName?: string;
-    /** Optional tool renderer for custom tools */
-    toolRenderer?: ToolHtmlRenderer;
-}
-/**
- * Export session to HTML using SessionManager and AgentState.
- * Used by TUI's /export command.
- */
-export declare function exportSessionToHtml(sm: SessionManager, state?: AgentState, options?: ExportOptions | string): Promise<string>;
-/**
- * Export session file to HTML (standalone, without AgentState).
- * Used by CLI for exporting arbitrary session files.
- */
-export declare function exportFromFile(inputPath: string, options?: ExportOptions | string): Promise<string>;
-//# sourceMappingURL=index.d.ts.map

package/dist/runtime/html-export/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../app/runtime/html-export/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+HG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAChC,oFAAoF;IACpF,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE,sFAAsF;IACtF,YAAY,CACX,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAChF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GACd,MAAM,GAAG,SAAS,CAAC;CACtB;AAQD,MAAM,WAAW,aAAa;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAwLD;;;GAGG;AACH,wBAAsB,mBAAmB,CACxC,EAAE,EAAE,cAAc,EAClB,KAAK,CAAC,EAAE,UAAU,EAClB,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,GAC9B,OAAO,CAAC,MAAM,CAAC,CA0CjB;AAED;;;GAGG;AACH,wBAAsB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CA2BzG"}