tuiuiu.js 0.1.1

package/dist/components/split-panel.js

@@ -0,0 +1,322 @@
+/**
+ * Split Panel Component - Two-column/row layouts for Reck
+ *
+ * Features:
+ * - Horizontal split (side by side)
+ * - Vertical split (stacked)
+ * - Fixed or percentage widths
+ * - Resizable divider
+ * - Collapsible panels
+ *
+ * @example
+ * ```typescript
+ * import { SplitPanel, createSplitPanel } from './split-panel.js';
+ *
+ * // Fixed split
+ * SplitPanel({
+ *   left: MyLeftPanel(),
+ *   right: MyRightPanel(),
+ *   leftWidth: 30,
+ *   divider: true
+ * })
+ *
+ * // Percentage split
+ * SplitPanel({
+ *   left: Sidebar(),
+ *   right: Content(),
+ *   ratio: 0.3, // 30% left, 70% right
+ * })
+ * ```
+ */
+import { Box, Text } from './components.js';
+import { stringWidth } from '../utils/text-utils.js';
+/**
+ * Border characters for split dividers
+ */
+const DIVIDER_CHARS = {
+    vertical: {
+        line: '│',
+        double: '║',
+        dotted: '┊',
+        dashed: '┆',
+        thick: '┃',
+    },
+    horizontal: {
+        line: '─',
+        double: '═',
+        dotted: '┈',
+        dashed: '┄',
+        thick: '━',
+    },
+};
+/**
+ * Render a vertical divider
+ */
+function VerticalDivider(props) {
+    const { height, style, color = 'gray' } = props;
+    if (style === 'none') {
+        return Box({});
+    }
+    const char = DIVIDER_CHARS.vertical[style] || DIVIDER_CHARS.vertical.line;
+    const lines = Array(height).fill(char).join('\n');
+    return Box({ flexDirection: 'column' }, Text({ color, dim: style === 'dotted' || style === 'dashed' }, lines));
+}
+/**
+ * Render a horizontal divider
+ */
+function HorizontalDivider(props) {
+    const { width, style, color = 'gray' } = props;
+    if (style === 'none') {
+        return Box({});
+    }
+    const char = DIVIDER_CHARS.horizontal[style] || DIVIDER_CHARS.horizontal.line;
+    const line = char.repeat(width);
+    return Text({ color, dim: style === 'dotted' || style === 'dashed' }, line);
+}
+/**
+ * Panel header with title
+ */
+function PanelHeader(props) {
+    const { title, width, color = 'cyan', align = 'left' } = props;
+    let paddedTitle = title;
+    const padding = width - stringWidth(title);
+    if (padding > 0) {
+        switch (align) {
+            case 'center':
+                const leftPad = Math.floor(padding / 2);
+                paddedTitle = ' '.repeat(leftPad) + title + ' '.repeat(padding - leftPad);
+                break;
+            case 'right':
+                paddedTitle = ' '.repeat(padding) + title;
+                break;
+            default:
+                paddedTitle = title + ' '.repeat(padding);
+        }
+    }
+    return Text({ color, bold: true }, paddedTitle.slice(0, width));
+}
+/**
+ * Split Panel Component
+ *
+ * Creates a two-panel layout with customizable split ratio and divider.
+ *
+ * @example
+ * ```typescript
+ * // Side-by-side panels with divider
+ * SplitPanel({
+ *   left: NavigationPanel(),
+ *   right: ContentPanel(),
+ *   ratio: 0.25,
+ *   divider: true,
+ *   dividerStyle: 'line',
+ *   leftTitle: 'Navigation',
+ *   rightTitle: 'Content'
+ * })
+ *
+ * // Stacked panels (top/bottom)
+ * SplitPanel({
+ *   left: HeaderPanel(),
+ *   right: BodyPanel(),
+ *   direction: 'vertical',
+ *   leftWidth: 3, // 3 lines for header
+ * })
+ * ```
+ */
+export function SplitPanel(props) {
+    const { left, right, direction = 'horizontal', leftWidth, rightWidth, ratio = 0.5, divider = false, dividerStyle = 'line', dividerColor = 'gray', gap = 0, border = false, borderStyle = 'single', borderColor = 'gray', minWidth = 10, leftTitle, rightTitle, leftTitleColor = 'cyan', rightTitleColor = 'cyan', } = props;
+    // Calculate terminal dimensions
+    const termWidth = process.stdout.columns || 80;
+    const termHeight = process.stdout.rows || 24;
+    // Calculate panel dimensions
+    let leftSize;
+    let rightSize;
+    const dividerSize = divider && dividerStyle !== 'none' ? 1 : gap;
+    if (direction === 'horizontal') {
+        const availableWidth = termWidth - dividerSize - (border ? 2 : 0);
+        if (leftWidth !== undefined) {
+            leftSize = Math.min(leftWidth, availableWidth - minWidth);
+            rightSize = availableWidth - leftSize;
+        }
+        else if (rightWidth !== undefined) {
+            rightSize = Math.min(rightWidth, availableWidth - minWidth);
+            leftSize = availableWidth - rightSize;
+        }
+        else {
+            leftSize = Math.floor(availableWidth * ratio);
+            rightSize = availableWidth - leftSize;
+        }
+    }
+    else {
+        const availableHeight = termHeight - dividerSize - (border ? 2 : 0);
+        if (leftWidth !== undefined) {
+            leftSize = Math.min(leftWidth, availableHeight - 2);
+            rightSize = availableHeight - leftSize;
+        }
+        else if (rightWidth !== undefined) {
+            rightSize = Math.min(rightWidth, availableHeight - 2);
+            leftSize = availableHeight - rightSize;
+        }
+        else {
+            leftSize = Math.floor(availableHeight * ratio);
+            rightSize = availableHeight - leftSize;
+        }
+    }
+    // Build panel content
+    const leftPanel = Box({
+        width: direction === 'horizontal' ? leftSize : undefined,
+        height: direction === 'vertical' ? leftSize : undefined,
+        flexDirection: 'column',
+    }, leftTitle
+        ? PanelHeader({
+            title: leftTitle,
+            width: direction === 'horizontal' ? leftSize : termWidth,
+            color: leftTitleColor,
+        })
+        : Box({}), left);
+    const rightPanel = Box({
+        width: direction === 'horizontal' ? rightSize : undefined,
+        height: direction === 'vertical' ? rightSize : undefined,
+        flexDirection: 'column',
+    }, rightTitle
+        ? PanelHeader({
+            title: rightTitle,
+            width: direction === 'horizontal' ? rightSize : termWidth,
+            color: rightTitleColor,
+        })
+        : Box({}), right);
+    // Build divider
+    const dividerNode = divider
+        ? direction === 'horizontal'
+            ? VerticalDivider({ height: termHeight - (border ? 2 : 0), style: dividerStyle, color: dividerColor })
+            : HorizontalDivider({ width: termWidth - (border ? 2 : 0), style: dividerStyle, color: dividerColor })
+        : gap > 0
+            ? Box({ width: direction === 'horizontal' ? gap : undefined, height: direction === 'vertical' ? gap : undefined })
+            : Box({});
+    // Assemble the split panel
+    const content = Box({ flexDirection: direction === 'horizontal' ? 'row' : 'column' }, leftPanel, dividerNode, rightPanel);
+    // Wrap with border if needed
+    if (border) {
+        return Box({
+            flexDirection: 'column',
+            borderStyle: borderStyle,
+            borderColor: borderColor,
+            padding: 0,
+        }, content);
+    }
+    return content;
+}
+/**
+ * Create interactive split panel state
+ *
+ * @example
+ * ```typescript
+ * const split = createSplitPanel({ initialRatio: 0.3 });
+ *
+ * // Use in component
+ * SplitPanel({
+ *   left: leftCollapsed ? CollapsedSidebar() : FullSidebar(),
+ *   right: ContentArea(),
+ *   ratio: split.ratio,
+ * })
+ *
+ * // Toggle panels
+ * if (key === '[') split.toggleLeft();
+ * if (key === ']') split.toggleRight();
+ * ```
+ */
+export function createSplitPanel(options) {
+    const { initialRatio = 0.5, minRatio = 0.1, maxRatio = 0.9 } = options;
+    let ratio = initialRatio;
+    let leftCollapsed = false;
+    let rightCollapsed = false;
+    let savedRatio = initialRatio;
+    return {
+        get ratio() {
+            if (leftCollapsed)
+                return 0;
+            if (rightCollapsed)
+                return 1;
+            return ratio;
+        },
+        get leftCollapsed() {
+            return leftCollapsed;
+        },
+        get rightCollapsed() {
+            return rightCollapsed;
+        },
+        setRatio: (newRatio) => {
+            ratio = Math.max(minRatio, Math.min(maxRatio, newRatio));
+            leftCollapsed = false;
+            rightCollapsed = false;
+        },
+        toggleLeft: () => {
+            if (leftCollapsed) {
+                leftCollapsed = false;
+                ratio = savedRatio;
+            }
+            else {
+                savedRatio = ratio;
+                leftCollapsed = true;
+                rightCollapsed = false;
+            }
+        },
+        toggleRight: () => {
+            if (rightCollapsed) {
+                rightCollapsed = false;
+                ratio = savedRatio;
+            }
+            else {
+                savedRatio = ratio;
+                rightCollapsed = true;
+                leftCollapsed = false;
+            }
+        },
+        expandLeft: () => {
+            leftCollapsed = false;
+            rightCollapsed = true;
+        },
+        expandRight: () => {
+            rightCollapsed = false;
+            leftCollapsed = true;
+        },
+    };
+}
+/**
+ * Three Panel Layout
+ *
+ * Common layout for editors/IDEs with left sidebar, main content, and optional right panel.
+ *
+ * @example
+ * ```typescript
+ * ThreePanel({
+ *   left: FileTree(),
+ *   center: Editor(),
+ *   right: Properties(),
+ *   leftWidth: 25,
+ *   rightWidth: 30,
+ *   dividers: true
+ * })
+ * ```
+ */
+export function ThreePanel(props) {
+    const { left, center, right, leftWidth = 25, rightWidth = 30, dividers = true, dividerStyle = 'line', } = props;
+    const termWidth = process.stdout.columns || 80;
+    const dividerSize = dividers ? 1 : 0;
+    // Calculate center width
+    const centerWidth = termWidth - leftWidth - (right ? rightWidth : 0) - (right ? 2 : 1) * dividerSize;
+    const leftPanel = Box({ width: leftWidth, flexDirection: 'column' }, left);
+    const centerPanel = Box({ width: centerWidth, flexDirection: 'column' }, center);
+    const parts = [leftPanel];
+    if (dividers) {
+        parts.push(VerticalDivider({ height: process.stdout.rows || 24, style: dividerStyle, color: 'gray' }));
+    }
+    parts.push(centerPanel);
+    if (right) {
+        if (dividers) {
+            parts.push(VerticalDivider({ height: process.stdout.rows || 24, style: dividerStyle, color: 'gray' }));
+        }
+        parts.push(Box({ width: rightWidth, flexDirection: 'column' }, right));
+    }
+    return Box({ flexDirection: 'row' }, ...parts);
+}
+//# sourceMappingURL=split-panel.js.map

package/dist/components/split-panel.js.map

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

package/dist/components/table.d.ts

@@ -0,0 +1,103 @@
+/**
+ * Table - Rich data table component
+ *
+ * Features:
+ * - Multiple border styles (single, double, rounded, bold, ascii, none)
+ * - Column alignment (left, center, right)
+ * - Auto-width calculation
+ * - Fixed column widths
+ * - Header row styling
+ * - Row striping (zebra)
+ * - Cell padding
+ * - Truncation with ellipsis
+ * - Word wrapping
+ * - Sortable columns
+ * - Cell colors and styles
+ */
+import type { VNode } from '../utils/types.js';
+export type TableBorderStyle = 'single' | 'double' | 'round' | 'bold' | 'ascii' | 'none';
+export type TextAlign = 'left' | 'center' | 'right';
+export interface TableColumn {
+    /** Column key (for data access) */
+    key: string;
+    /** Header label */
+    header: string;
+    /** Fixed width (characters) */
+    width?: number;
+    /** Minimum width */
+    minWidth?: number;
+    /** Maximum width */
+    maxWidth?: number;
+    /** Text alignment */
+    align?: TextAlign;
+    /** Header alignment (defaults to align) */
+    headerAlign?: TextAlign;
+    /** Cell color */
+    color?: string;
+    /** Header color */
+    headerColor?: string;
+    /** Format function */
+    format?: (value: any, row: any) => string;
+    /** Truncate long values */
+    truncate?: boolean;
+    /** Word wrap */
+    wrap?: boolean;
+}
+export interface TableOptions {
+    /** Column definitions */
+    columns: TableColumn[];
+    /** Data rows */
+    data: Record<string, any>[];
+    /** Border style */
+    borderStyle?: TableBorderStyle;
+    /** Border color */
+    borderColor?: string;
+    /** Show header row */
+    showHeader?: boolean;
+    /** Header row style */
+    headerStyle?: {
+        color?: string;
+        bold?: boolean;
+        backgroundColor?: string;
+    };
+    /** Zebra striping */
+    striped?: boolean;
+    /** Stripe color */
+    stripeColor?: string;
+    /** Cell padding (horizontal) */
+    padding?: number;
+    /** Show row separator lines */
+    rowSeparator?: boolean;
+    /** Max total width */
+    maxWidth?: number;
+    /** Compact mode (minimal padding) */
+    compact?: boolean;
+}
+/**
+ * Render a table
+ */
+export declare function Table(options: TableOptions): VNode;
+/**
+ * Simple table from 2D array
+ */
+export declare function SimpleTable(options: {
+    headers?: string[];
+    rows: (string | number)[][];
+    borderStyle?: TableBorderStyle;
+    align?: TextAlign | TextAlign[];
+}): VNode;
+/**
+ * Key-value pairs table
+ */
+export declare function KeyValueTable(options: {
+    entries: Array<{
+        key: string;
+        value: any;
+        color?: string;
+    }> | Record<string, any>;
+    keyWidth?: number;
+    borderStyle?: TableBorderStyle;
+    keyColor?: string;
+    valueColor?: string;
+}): VNode;
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table.d.ts.map

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