@yeshwanthyk/open-tui 0.1.0 → 0.1.1

package/dist/utils/clipboard.js

@@ -0,0 +1,52 @@
+/**
+ * Clipboard utilities for terminal applications
+ * Uses native clipboard commands with OSC 52 fallback
+ */
+import { spawnSync } from "child_process";
+/**
+ * Copy text to clipboard using platform-native commands
+ * Falls back to OSC 52 escape sequence for terminal support
+ *
+ * @returns true if clipboard command succeeded, false if only OSC 52 was attempted
+ */
+export function copyToClipboard(text) {
+    if (!text)
+        return false;
+    // Try platform-native clipboard first (verifiable)
+    if (process.platform === "darwin") {
+        try {
+            const result = spawnSync("pbcopy", { input: text, encoding: "utf-8" });
+            if (result.status === 0)
+                return true;
+        }
+        catch {
+            // pbcopy not available
+        }
+    }
+    else if (process.platform === "linux") {
+        // Try xclip first, then xsel, then wl-copy (Wayland)
+        const tools = [
+            ["xclip", ["-selection", "clipboard"]],
+            ["xsel", ["--clipboard", "--input"]],
+            ["wl-copy"],
+        ];
+        for (const [cmd, args = []] of tools) {
+            try {
+                const result = spawnSync(cmd, args, { input: text, encoding: "utf-8" });
+                if (result.status === 0)
+                    return true;
+            }
+            catch {
+                // Tool not available, try next
+            }
+        }
+    }
+    // Fall back to OSC 52 (works in iTerm2, kitty, Ghostty, tmux with set-clipboard on)
+    // Note: We cannot verify if OSC 52 succeeded
+    const base64 = Buffer.from(text).toString("base64");
+    const osc52 = `\x1b]52;c;${base64}\x07`;
+    process.stdout.write(osc52);
+    // Return false to indicate we couldn't verify success
+    return false;
+}
+//# sourceMappingURL=clipboard.js.map

package/dist/utils/clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.js","sourceRoot":"","sources":["../../src/utils/clipboard.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEzC;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,IAAY;IAC3C,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAA;IAEvB,mDAAmD;IACnD,IAAI,OAAO,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACnC,IAAI,CAAC;YACJ,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;YACtE,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAA;QACrC,CAAC;QAAC,MAAM,CAAC;YACR,uBAAuB;QACxB,CAAC;IACF,CAAC;SAAM,IAAI,OAAO,CAAC,QAAQ,KAAK,OAAO,EAAE,CAAC;QACzC,qDAAqD;QACrD,MAAM,KAAK,GAAG;YACb,CAAC,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;YACtC,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;YACpC,CAAC,SAAS,CAAC;SACF,CAAA;QAEV,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC;YACtC,IAAI,CAAC;gBACJ,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;gBACvE,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;oBAAE,OAAO,IAAI,CAAA;YACrC,CAAC;YAAC,MAAM,CAAC;gBACR,+BAA+B;YAChC,CAAC;QACF,CAAC;IACF,CAAC;IAED,oFAAoF;IACpF,6CAA6C;IAC7C,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,aAAa,MAAM,MAAM,CAAA;IACvC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE3B,sDAAsD;IACtD,OAAO,KAAK,CAAA;AACb,CAAC"}

package/dist/utils/text-width.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Text width utilities for handling ANSI codes and terminal column widths
+ *
+ * Note: OpenTUI provides its own buffer-based width calculations, but these
+ * utilities are useful for components that need to work with raw strings.
+ */
+/**
+ * Calculate the visible width of a string in terminal columns.
+ * Excludes ANSI escape sequences from the count.
+ */
+export declare function visibleWidth(str: string): number;
+/**
+ * Strip ANSI escape codes from a string
+ */
+export declare function stripAnsi(str: string): string;
+/**
+ * Truncate text to fit within a maximum visible width, adding ellipsis if needed.
+ * Properly handles ANSI escape codes (they don't count toward width).
+ *
+ * @param text - Text to truncate (may contain ANSI codes)
+ * @param maxWidth - Maximum visible width
+ * @param ellipsis - Ellipsis string to append when truncating (default: "...")
+ * @returns Truncated text with ellipsis if it exceeded maxWidth
+ */
+export declare function truncateToWidth(text: string, maxWidth: number, ellipsis?: string): string;
+//# sourceMappingURL=text-width.d.ts.map

package/dist/utils/text-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-width.d.ts","sourceRoot":"","sources":["../../src/utils/text-width.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKhD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE7C;AAiDD;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAc,GAAG,MAAM,CAqChG"}

package/dist/utils/text-width.js

@@ -0,0 +1,101 @@
+/**
+ * Text width utilities for handling ANSI codes and terminal column widths
+ *
+ * Note: OpenTUI provides its own buffer-based width calculations, but these
+ * utilities are useful for components that need to work with raw strings.
+ */
+// ANSI escape sequence pattern - uses ESC (0x1b) followed by CSI sequences
+// biome-ignore lint/suspicious/noControlCharactersInRegex: Required for ANSI escape detection
+const ANSI_PATTERN = /\x1b\[[0-9;]*[mGKHJ]/g;
+/**
+ * Calculate the visible width of a string in terminal columns.
+ * Excludes ANSI escape sequences from the count.
+ */
+export function visibleWidth(str) {
+    // Strip ANSI codes and normalize tabs
+    const stripped = stripAnsi(str).replace(/\t/g, "   ");
+    // Use Bun's built-in string width calculation
+    return Bun.stringWidth(stripped);
+}
+/**
+ * Strip ANSI escape codes from a string
+ */
+export function stripAnsi(str) {
+    return str.replace(ANSI_PATTERN, "");
+}
+// Cache segmenter instance - it's stateless and reusable
+const graphemeSegmenter = new Intl.Segmenter();
+/**
+ * Parse text into segments of ANSI codes and graphemes
+ */
+function parseTextSegments(text) {
+    const segments = [];
+    let i = 0;
+    while (i < text.length) {
+        // Check for ANSI escape sequence (ESC [)
+        if (text[i] === "\x1b" && text[i + 1] === "[") {
+            let j = i + 2;
+            while (j < text.length && !/[mGKHJ]/.test(text[j] ?? "")) {
+                j++;
+            }
+            if (j < text.length) {
+                segments.push({ type: "ansi", value: text.substring(i, j + 1) });
+                i = j + 1;
+                continue;
+            }
+        }
+        // Find next ANSI code or end of string
+        let end = i;
+        while (end < text.length) {
+            if (text[end] === "\x1b" && text[end + 1] === "[")
+                break;
+            end++;
+        }
+        // Segment this non-ANSI portion into graphemes
+        const textPortion = text.slice(i, end);
+        for (const seg of graphemeSegmenter.segment(textPortion)) {
+            segments.push({ type: "grapheme", value: seg.segment });
+        }
+        i = end;
+    }
+    return segments;
+}
+/**
+ * Truncate text to fit within a maximum visible width, adding ellipsis if needed.
+ * Properly handles ANSI escape codes (they don't count toward width).
+ *
+ * @param text - Text to truncate (may contain ANSI codes)
+ * @param maxWidth - Maximum visible width
+ * @param ellipsis - Ellipsis string to append when truncating (default: "...")
+ * @returns Truncated text with ellipsis if it exceeded maxWidth
+ */
+export function truncateToWidth(text, maxWidth, ellipsis = "...") {
+    const textVisibleWidth = visibleWidth(text);
+    if (textVisibleWidth <= maxWidth) {
+        return text;
+    }
+    const ellipsisWidth = visibleWidth(ellipsis);
+    const targetWidth = maxWidth - ellipsisWidth;
+    if (targetWidth <= 0) {
+        return ellipsis.substring(0, maxWidth);
+    }
+    const segments = parseTextSegments(text);
+    let result = "";
+    let currentWidth = 0;
+    for (const seg of segments) {
+        if (seg.type === "ansi") {
+            result += seg.value;
+            continue;
+        }
+        const grapheme = seg.value;
+        const graphemeWidth = visibleWidth(grapheme);
+        if (currentWidth + graphemeWidth > targetWidth) {
+            break;
+        }
+        result += grapheme;
+        currentWidth += graphemeWidth;
+    }
+    // Add reset code before ellipsis to prevent styling leaking
+    return `${result}\x1b[0m${ellipsis}`;
+}
+//# sourceMappingURL=text-width.js.map

package/dist/utils/text-width.js.map

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

package/package.json

@@ -1,18 +1,27 @@
 {
 	"name": "@yeshwanthyk/open-tui",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"description": "OpenTUI-based Terminal User Interface with SolidJS reactive rendering",
 	"type": "module",
-	"main": "src/index.ts",
-	"types": "src/index.ts",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js"
+		},
+		"./package.json": "./package.json"
+	},
 	"scripts": {
 		"clean": "rm -rf dist",
 		"lint": "biome check --write . && oxlint .",
 		"lint:check": "biome check . && oxlint .",
 		"typecheck": "tsc --noEmit",
+		"build": "tsc -b tsconfig.build.json --force",
 		"check": "bun run lint:check && bun run typecheck",
 		"test": "bun test",
-		"demo": "bun run examples/run.ts"
+		"demo": "bun run examples/run.ts",
+		"prepublishOnly": "npm run clean && npm run build"
 	},
 	"files": [
 		"dist/**/*",

package/src/index.ts

@@ -1,121 +0,0 @@
-/**
- * @yeshwanthyk/open-tui
- *
- * OpenTUI-based Terminal User Interface with SolidJS reactive rendering
- */
-
-import "./opentui-augmentations.js"
-
-// Re-export commonly used OpenTUI types and utilities
-export {
-	BoxRenderable,
-	// Renderer config
-	type CliRendererConfig,
-	type ColorInput,
-	InputRenderable,
-	MouseButton,
-	// Mouse events
-	MouseEvent,
-	// Color utilities
-	parseColor,
-	// Renderable types for advanced usage
-	type Renderable,
-	ScrollBoxRenderable,
-	SelectRenderable,
-	// Text attributes
-	TextAttributes,
-	TextareaRenderable,
-	TextRenderable,
-} from "@opentui/core"
-// Re-export SolidJS render and hooks
-export { render, testRender } from "@opentui/solid"
-// App entry point
-export { type AppConfig, startApp } from "./app.js"
-export {
-	type CliRenderer,
-	type KeyEvent,
-	onResize,
-	type PasteEvent,
-	RendererContext,
-	type Selection,
-	useRenderer,
-	useSelectionHandler,
-	useTerminalDimensions,
-} from "./context/terminal.js"
-// Context providers
-export {
-	BUILTIN_THEMES,
-	createSyntaxStyle,
-	RGBA,
-	type SyntaxVariant,
-	type Theme,
-	type ThemeColors,
-	type ThemeMode,
-	ThemeProvider,
-	type ThemeProviderProps,
-	toRGBA,
-	useTheme,
-} from "./context/theme.js"
-export type { UseKeyboardOptions } from "./hooks/use-keyboard.js"
-// Hooks
-export { useKeyboard, usePaste } from "./hooks/use-keyboard.js"
-// Utilities
-export { copyToClipboard } from "./utils/clipboard.js"
-export {
-	stripAnsi,
-	truncateToWidth,
-	visibleWidth,
-} from "./utils/text-width.js"
-// Components
-export { Editor, Input, type EditorProps, type EditorRef, type EditorTheme, type InputProps } from "./components/editor.js"
-export {
-	getCellDimensions,
-	getCapabilities,
-	getImageDimensions,
-	Image,
-	type ImageDimensions,
-	type ImageProps,
-	type ImageProtocol,
-	resetCapabilitiesCache,
-	setCellDimensions,
-	type TerminalCapabilities,
-} from "./components/image.js"
-export { Loader, type LoaderProps } from "./components/loader.js"
-export { Markdown, type MarkdownProps, type MarkdownTheme } from "./components/markdown.js"
-export {
-	SelectList,
-	SelectListKeys,
-	type SelectItem,
-	type SelectListProps,
-	type SelectListRef,
-	type SelectListTheme,
-} from "./components/select-list.js"
-export { Spacer, type SpacerProps } from "./components/spacer.js"
-export { Badge, type BadgeProps, type BadgeVariant } from "./components/badge.js"
-export { CodeBlock, type CodeBlockProps } from "./components/code-block.js"
-export { Dialog, type DialogProps } from "./components/dialog.js"
-export { Diff, type DiffProps, type DiffView, type DiffWrapMode } from "./components/diff.js"
-export { Divider, type DividerOrientation, type DividerProps } from "./components/divider.js"
-export { Panel, type PanelProps, type PanelVariant } from "./components/panel.js"
-export {
-	Toast,
-	ToastViewport,
-	type ToastItem,
-	type ToastVariant,
-	type ToastViewportPosition,
-	type ToastViewportProps,
-} from "./components/toast.js"
-
-// Autocomplete support
-export {
-	type AutocompleteItem,
-	type AutocompleteProvider,
-	CombinedAutocompleteProvider,
-	FileIndex,
-	type FileIndexOptions,
-	type FileSearchResult,
-	type SlashCommand,
-} from "./autocomplete/index.js"
-
-// Tree-sitter parser configuration
-export { parsersConfig } from "./parsers-config.js"