@simon_he/vue-tui 1.0.1 → 1.1.0

package/dist/{TTree-ChOot2Bh.js → TTree-CGdE-CYu.js}

@@ -1,14 +1,15 @@
-import { TERMINAL_RENDER_PLANES, createTerminal, getPlaneTerminal, resetPlaneRowsForRender, scrollPlaneRows } from "./create-terminal-C2oiWFJU.js";
-import { sanitizeDomHref } from "./hyperlink-Bn02UXJb.js";
-import { DOM_RENDERER_CAPABILITIES, createDomRenderer } from "./dom-renderer-BqGijQID.js";
-import { EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderStackKey, TInputPluginsContextKey, TPathPickerProviderContextKey, TerminalContextKey, VisibilityContextKey, applyWheelScroll, clearTextCaches, createWheelScrollState, forEachTextCellSegment, formatInlineCellLine, injectionKey, intersectRect, normalizeCellRect, padEndByCells$1 as padEndByCells, resetWheelScrollState, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useTerminal, useTerminalNode, useVisibility, withTextRenderPass } from "./wheel-scroll-vBRaQ7p-.js";
-import { TView, TuiThemeContextKey, createFrameMailbox, createTheme, defaultActiveStyle, defaultDimStyle, linkifyTextSegments, tuiDefaultTheme } from "./linkify-D_gzn9Xq.js";
-import { SUPPRESS_TERMINAL_POINTER_DOWN, SUPPRESS_TERMINAL_POINTER_MOVE, SUPPRESS_TERMINAL_POINTER_UP, createEventManager, createRuntime } from "./runtime-rfcZCyJq.js";
-import { createFramePerfStore, createTraceStore } from "./trace-CjzYeIxN.js";
+import { TERMINAL_RENDER_PLANES, createTerminal, getPlaneTerminal, resetPlaneRowsForRender, sanitizeDomHref, scrollPlaneRows } from "./hyperlink-_1FAj7Wq.js";
+import { DOM_RENDERER_CAPABILITIES, createDomRenderer } from "./dom-renderer-DXx8fWzD.js";
+import { EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderStackKey, TInputPluginsContextKey, TPathPickerProviderContextKey, TerminalContextKey, VisibilityContextKey, clearTextCaches, forEachTextCellSegment, formatInlineCellLine, injectionKey, intersectRect, normalizeCellRect, padEndByCells$1 as padEndByCells, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useTerminal, useTerminalNode, useVisibility, withTextRenderPass } from "./rect-DUpeDfBg.js";
+import { TText, TView, TuiThemeContextKey, clamp, createFrameMailbox, createTheme, defaultActiveStyle, defaultDimStyle, fitCellText, linkifyTextSegments, mergeStyle, repeatToCells, tuiDefaultTheme } from "./linkify-D68T7rdW.js";
+import { SUPPRESS_TERMINAL_POINTER_DOWN, SUPPRESS_TERMINAL_POINTER_MOVE, SUPPRESS_TERMINAL_POINTER_UP, createEventManager, createRuntime } from "./runtime-Byf8XXOT.js";
+import { framePerfNow, mergeFramePerfReason } from "./frame-perf-CHpWhbC4.js";
+import { createFramePerfStore, createTraceStore } from "./trace-Bh8WnoMo.js";
 import { envFlag, envString, firstNonEmptyEnv } from "./env-Cl8qmNFN.js";
-import { createTerminalSelectionController } from "./terminal-selection-DBinO6p5.js";
-import { TBox, TInput, TRenderPlane, TText, clamp, fitCellText, mergeStyle, repeatToCells, resolveOverlayPlacement } from "./TSelect-HzILuti9.js";
-import { framePerfNow, mergeFramePerfReason } from "./frame-perf-C6Xfg85O.js";
+import { createTerminalSelectionController } from "./terminal-selection-4W1SJj4c.js";
+import { createDebugLogger, isDebugEnabled } from "./debug-logger-CmsGI4of.js";
+import { TBox, TInput, TRenderPlane, resolveOverlayPlacement } from "./TSelect-tJ87rKPM.js";
+import { applyWheelScroll, createWheelScrollState, resetWheelScrollState } from "./wheel-scroll-DASkEZr-.js";
 import { computed, defineComponent, effectScope, getCurrentInstance, h, inject, nextTick, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, provide, ref, shallowReactive, shallowRef, toRef, watch, watchEffect } from "vue";
 
 //#region src/observability/tui-profiler.ts
@@ -200,77 +201,6 @@ function createTuiProfiler(name, options = {}) {
 	};
 }
 
-//#endregion
-//#region src/core/debug-logger.ts
-const DEFAULT_LOG_FILE = "vue-tui-debug.log";
-let debugFileWriter = null;
-let debugLogDefaultPath = DEFAULT_LOG_FILE;
-const initializedDebugLogPaths = new Set();
-function getFileWriter() {
-	const writer = globalThis.__VT_DEBUG_FILE_WRITER__;
-	if (writer && typeof writer === "object") return writer;
-	return debugFileWriter;
-}
-function resolveDebugLogPath(env, fallback = DEFAULT_LOG_FILE) {
-	return envString(env, "VUE_TUI_DEBUG_LOG_PATH", "DIMCODE_DEBUG_LOG_PATH", fallback);
-}
-function debugLogPath() {
-	const env = globalThis.process?.env;
-	return resolveDebugLogPath(env, debugLogDefaultPath);
-}
-function safeJson(value) {
-	try {
-		return JSON.stringify(value);
-	} catch {
-		return "[unserializable]";
-	}
-}
-function createDebugLogger(enable = false) {
-	const enabled = enable;
-	const ensureHeader = () => {
-		if (!enabled) return;
-		const writer = getFileWriter();
-		if (!writer?.writeFileSync) return;
-		const path = debugLogPath();
-		if (initializedDebugLogPaths.has(path)) return;
-		try {
-			const data = `=== Vue TUI Debug Log Started at ${new Date().toISOString()} ===\n\n`;
-			writer.writeFileSync(path, data);
-			initializedDebugLogPaths.add(path);
-		} catch {}
-	};
-	const write = (data) => {
-		if (!enabled) return;
-		ensureHeader();
-		try {
-			getFileWriter()?.appendFileSync?.(debugLogPath(), data);
-		} catch {}
-	};
-	const log = (category, message) => {
-		if (!enabled) return;
-		const timestamp = new Date().toISOString().split("T")[1].slice(0, -1);
-		write(`[${timestamp}] ${category} ${message}\n`);
-	};
-	ensureHeader();
-	return {
-		render: (message) => log("[RENDER]", message),
-		stream: (message) => log("[STREAM]", message),
-		error: (message, ...args) => {
-			if (!enabled) return;
-			const timestamp = new Date().toISOString().split("T")[1].slice(0, -1);
-			const fullMessage = `[${timestamp}] [ERROR] ${message}${args.length ? ` ${safeJson(args)}` : ""}`;
-			write(`${fullMessage}\n`);
-		}
-	};
-}
-/**
-* Check if debug logging is enabled via environment variable
-*/
-function isDebugEnabled() {
-	const env = globalThis.process?.env;
-	return envFlag(env, "VUE_TUI_DEBUG", "DIMCODE_DEBUG") || env?.DEBUG === "1";
-}
-
 //#endregion
 //#region src/vue/render/render-manager.ts
 const renderMgrDebugLog = createDebugLogger(isDebugEnabled());
@@ -302,6 +232,10 @@ function sameRect(a, b) {
 	if (!a || !b) return false;
 	return a.x === b.x && a.y === b.y && a.w === b.w && a.h === b.h;
 }
+function rectsIntersect(a, b) {
+	if (isEmptyRect(a) || isEmptyRect(b)) return false;
+	return a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y;
+}
 function createRenderManager(terminal, options = {}) {
 	const widthProvider = options.widthProvider ?? "default";
 	const withRenderTextPass = (fn) => withTextRenderPass(fn, widthProvider);
@@ -309,6 +243,7 @@ function createRenderManager(terminal, options = {}) {
 	const nodes = new Map();
 	const planeDirtyStates = new Map();
 	const initialSize = terminal.size();
+	let terminalCols = initialSize.cols;
 	let terminalRows = initialSize.rows;
 	let allRows = Array.from({ length: terminalRows }, (_, index) => index);
 	let sortedNodes = [];
@@ -329,19 +264,37 @@ function createRenderManager(terminal, options = {}) {
 	let disposed = false;
 	const stackPathCache = new WeakMap();
 	const profiler = createTuiProfiler("render-manager", options.profiler);
-	const offResize = terminal.on("resize", ({ rows }) => {
+	const offResize = terminal.on("resize", ({ cols, rows }) => {
 		if (disposed) return;
+		const colsChanged = cols !== terminalCols;
+		const prevRows = terminalRows;
+		terminalCols = cols;
 		terminalRows = rows;
 		allRows = Array.from({ length: terminalRows }, (_, index) => index);
 		for (const state of planeDirtyStates.values()) {
-			state.allRowsDirty = true;
+			const prevBits = state.dirtyRowBits;
 			state.dirtyRowBits = new Uint8Array(terminalRows);
 			state.dirtyRowCount = 0;
 			state.dirtyMinY = Number.POSITIVE_INFINITY;
 			state.dirtyMaxY = -1;
+			const limit = Math.min(terminalRows, prevBits.length);
+			for (let y = 0; y < limit; y++) {
+				if (prevBits[y] !== 1) continue;
+				state.dirtyRowBits[y] = 1;
+				state.dirtyRowCount++;
+				if (y < state.dirtyMinY) state.dirtyMinY = y;
+				if (y > state.dirtyMaxY) state.dirtyMaxY = y;
+			}
+			for (let y = prevRows; y < terminalRows; y++) {
+				if (state.dirtyRowBits[y] === 1) continue;
+				state.dirtyRowBits[y] = 1;
+				state.dirtyRowCount++;
+				if (y < state.dirtyMinY) state.dirtyMinY = y;
+				if (y > state.dirtyMaxY) state.dirtyMaxY = y;
+			}
 		}
 		rebuildRowBuckets();
-		clearTextCaches();
+		if (colsChanged) clearTextCaches();
 	});
 	const rootStack = Object.freeze({
 		id: `s${nextStackId++}`,
@@ -539,6 +492,33 @@ function createRenderManager(terminal, options = {}) {
 			if (y > state.dirtyMaxY) state.dirtyMaxY = y;
 		}
 	}
+	function markLowerPlanesForRect(plane, rect) {
+		const planeIndex = TERMINAL_RENDER_PLANES.indexOf(plane);
+		if (planeIndex <= 0) return;
+		for (let i = 0; i < planeIndex; i++) markRect(TERMINAL_RENDER_PLANES[i], rect);
+	}
+	function markRowRange(plane, startY, endY) {
+		const state = getDirtyState(plane);
+		const start = Math.max(0, Math.min(terminalRows, Math.floor(startY)));
+		const end = Math.max(start, Math.min(terminalRows, Math.floor(endY)));
+		for (let y = start; y < end; y++) {
+			if (state.dirtyRowBits[y] === 1) continue;
+			state.dirtyRowBits[y] = 1;
+			state.dirtyRowCount++;
+			if (y < state.dirtyMinY) state.dirtyMinY = y;
+			if (y > state.dirtyMaxY) state.dirtyMaxY = y;
+		}
+	}
+	function markRectHeightDelta(plane, prev, next) {
+		if (!prev || !next) return false;
+		if (prev.x !== next.x || prev.y !== next.y || prev.w !== next.w) return false;
+		const prevBounds = rectToYBounds(prev);
+		const nextBounds = rectToYBounds(next);
+		if (prevBounds.y0 !== nextBounds.y0) return false;
+		if (nextBounds.y1 > prevBounds.y1) markRowRange(plane, prevBounds.y1, nextBounds.y1);
+		else if (prevBounds.y1 > nextBounds.y1) markRowRange(plane, nextBounds.y1, prevBounds.y1);
+		return true;
+	}
 	function markRowsForNode(node, rows) {
 		if (!rows.length) return false;
 		warnIfRowsLookLocal(node, rows);
@@ -586,6 +566,7 @@ function createRenderManager(terminal, options = {}) {
 		nodes.set(id, full);
 		addToRowBuckets(full);
 		markRect(full.plane, full.rect);
+		markLowerPlanesForRect(full.plane, full.rect);
 		sortedDirty = true;
 		return full;
 	}
@@ -597,6 +578,7 @@ function createRenderManager(terminal, options = {}) {
 		const nextPlane = next.plane ?? prev.plane;
 		const planeChanged = nextPlane !== prev.plane;
 		const hasRect = Object.prototype.hasOwnProperty.call(next, "rect");
+		const paintChanged = Object.prototype.hasOwnProperty.call(next, "paint");
 		const nextRect = hasRect ? next.rect ?? null : prev.rect;
 		const rectChanged = !sameRect(prev.rect, nextRect);
 		const bucketChanged = planeChanged || rectChanged;
@@ -604,10 +586,12 @@ function createRenderManager(terminal, options = {}) {
 		const dirtyRowsHint = next.dirtyRowsHint;
 		const canUseDirtyRowsHint = !sortChanged && !rectChanged && nextPlane === prev.plane && dirtyRowsHint != null && dirtyRowsHint.length > 0;
 		if (canUseDirtyRowsHint) markRowsForNode(prev, dirtyRowsHint);
-		else {
+		else if (rectChanged && !paintChanged && !sortChanged && !planeChanged && markRectHeightDelta(prev.plane, prev.rect, nextRect)) {} else {
 			markRect(prev.plane, prev.rect);
 			markRect(nextPlane, nextRect);
 		}
+		markLowerPlanesForRect(prev.plane, prev.rect);
+		markLowerPlanesForRect(nextPlane, nextRect);
 		if (bucketChanged) removeFromRowBuckets(prev);
 		const full = Object.freeze({
 			...prev,
@@ -637,11 +621,41 @@ function createRenderManager(terminal, options = {}) {
 		if (!node) return false;
 		return markRowsForNode(node, rows);
 	}
+	function isRectCoveredByHigherNode(id, rect, options$1 = {}) {
+		return higherNodeCoverageRects(id, rect, options$1).length > 0;
+	}
+	function higherNodeCoverageRects(id, rect, options$1 = {}) {
+		if (disposed || isEmptyRect(rect)) return [];
+		const owner = nodes.get(id);
+		if (!owner) return [];
+		const ownerPlaneIndex = TERMINAL_RENDER_PLANES.indexOf(owner.plane);
+		if (ownerPlaneIndex < 0) return [];
+		const out = [];
+		for (const candidate of nodes.values()) {
+			if (candidate.id === id || !candidate.rect || isEmptyRect(candidate.rect)) continue;
+			if (!rectsIntersect(rect, candidate.rect)) continue;
+			const candidatePlaneIndex = TERMINAL_RENDER_PLANES.indexOf(candidate.plane);
+			const covered = candidatePlaneIndex > ownerPlaneIndex || !options$1.ignoreSamePlane && candidatePlaneIndex === ownerPlaneIndex && compareNodes(owner, candidate) < 0;
+			if (!covered) continue;
+			const x0 = Math.max(rect.x, candidate.rect.x);
+			const y0 = Math.max(rect.y, candidate.rect.y);
+			const x1 = Math.min(rect.x + rect.w, candidate.rect.x + candidate.rect.w);
+			const y1 = Math.min(rect.y + rect.h, candidate.rect.y + candidate.rect.h);
+			if (x1 > x0 && y1 > y0) out.push({
+				x: x0,
+				y: y0,
+				w: x1 - x0,
+				h: y1 - y0
+			});
+		}
+		return out;
+	}
 	function unregister(id) {
 		if (disposed) return;
 		const prev = nodes.get(id);
 		if (prev) {
 			markRect(prev.plane, prev.rect);
+			markLowerPlanesForRect(prev.plane, prev.rect);
 			removeFromRowBuckets(prev);
 			warnedLocalDirtyRows.delete(id);
 		}
@@ -856,6 +870,8 @@ function createRenderManager(terminal, options = {}) {
 		register,
 		update,
 		markDirtyRows,
+		isRectCoveredByHigherNode,
+		higherNodeCoverageRects,
 		unregister,
 		render,
 		dispose() {
@@ -1669,6 +1685,12 @@ function createTerminalProviderScheduler(options) {
 
 //#endregion
 //#region src/vue/components/TerminalProvider.ts
+function clipboardCanRead(api) {
+	return api.canRead ?? api.supported;
+}
+function clipboardCanWrite(api) {
+	return api.canWrite ?? api.supported;
+}
 const TerminalProvider = defineComponent({
 	name: "TerminalProvider",
 	props: {
@@ -1806,15 +1828,22 @@ const TerminalProvider = defineComponent({
 		const schedulerApi = scheduler.api;
 		const invalidate = schedulerApi.invalidate;
 		const platformRuntime = createRuntime();
+		const activeClipboard = computed(() => props.clipboard ?? platformRuntime.clipboard);
 		const selectionClipboard = {
 			get supported() {
-				return props.clipboard?.supported ?? platformRuntime.clipboard.supported;
+				return activeClipboard.value.supported;
+			},
+			get canRead() {
+				return clipboardCanRead(activeClipboard.value);
+			},
+			get canWrite() {
+				return clipboardCanWrite(activeClipboard.value);
 			},
 			readText() {
-				return (props.clipboard ?? platformRuntime.clipboard).readText();
+				return activeClipboard.value.readText();
 			},
 			writeText(text) {
-				return (props.clipboard ?? platformRuntime.clipboard).writeText(text);
+				return activeClipboard.value.writeText(text);
 			}
 		};
 		const selectionTextProviders = new Map();
@@ -1841,6 +1870,7 @@ const TerminalProvider = defineComponent({
 		};
 		const selectionOverlay = getPlaneTerminal(terminal, "overlay");
 		let selectionRenderNodeId = null;
+		const selectionRenderRect = () => null;
 		const selection = createTerminalSelectionController({
 			terminal,
 			overlayTerminal: selectionOverlay,
@@ -1888,15 +1918,22 @@ const TerminalProvider = defineComponent({
 			stack: render.rootStack,
 			plane: "overlay",
 			zIndex: -1e4,
-			rect: {
-				x: 0,
-				y: 0,
-				w: props.cols,
-				h: props.rows
-			},
+			rect: selectionRenderRect(),
 			paint: selection.paint
 		});
 		selectionRenderNodeId = selectionRenderNode.id;
+		watch(() => [
+			selection.state.value.active,
+			selection.state.value.hasRange,
+			props.cols,
+			props.rows
+		], () => {
+			render.update(selectionRenderNode.id, { rect: selectionRenderRect() });
+			invalidate({
+				plane: "overlay",
+				reason: "selection"
+			});
+		});
 		const { portals, runtime } = createTerminalPortals(invalidate);
 		const rootLayout = shallowReactive({
 			originX: 0,
@@ -1915,6 +1952,7 @@ const TerminalProvider = defineComponent({
 			events,
 			scheduler: schedulerApi,
 			runtime,
+			clipboard: selectionClipboard,
 			observability: {
 				trace,
 				framePerf
@@ -1949,6 +1987,11 @@ const TerminalProvider = defineComponent({
 			scope.run(() => {
 				const el = containerRef.value;
 				if (!el) return;
+				const imeInput = imeRef.value;
+				if (imeInput) {
+					imeInput.style.left = "0px";
+					imeInput.style.top = "0px";
+				}
 				const r = createDomRenderer(terminal, el, props.domRendererOptions ?? {});
 				renderer.value = r;
 				rendererCapabilities.value = r.capabilities;
@@ -2006,12 +2049,7 @@ const TerminalProvider = defineComponent({
 						h: rows
 					};
 					selection.clear();
-					render.update(selectionRenderNode.id, { rect: {
-						x: 0,
-						y: 0,
-						w: cols,
-						h: rows
-					} });
+					render.update(selectionRenderNode.id, { rect: selectionRenderRect() });
 					clearTextCaches();
 					invalidate({ reason: "resize" });
 				});
@@ -2829,8 +2867,6 @@ const TerminalProvider = defineComponent({
 					inputmode: "text",
 					style: {
 						position: "fixed",
-						left: "0px",
-						top: "0px",
 						width: debugIme ? "240px" : "10px",
 						height: debugIme ? "90px" : "20px",
 						opacity: debugIme ? 1 : .01,

package/dist/agent/mermaid.cjs

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = require("../mermaid.cjs");

package/dist/agent/mermaid.d.cts

@@ -0,0 +1,2 @@
+export type { TMermaidAsciiOptions, TMermaidAsciiTheme, TMermaidCopyPayload, TMermaidRenderer, TMermaidRenderEligibility, TMermaidRenderEligibilityContext, TMermaidResolvedAsciiOptions, TMermaidTextProps, TMermaidTransientErrorClassifier, TMermaidTransientErrorContext, } from "../mermaid.js";
+export { beautifulMermaidRenderer, createBeautifulMermaidRenderer, isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidText, } from "../mermaid.js";

package/dist/agent/mermaid.d.ts

@@ -0,0 +1,2 @@
+export type { TMermaidAsciiOptions, TMermaidAsciiTheme, TMermaidCopyPayload, TMermaidRenderer, TMermaidRenderEligibility, TMermaidRenderEligibilityContext, TMermaidResolvedAsciiOptions, TMermaidTextProps, TMermaidTransientErrorClassifier, TMermaidTransientErrorContext, } from "../mermaid.js";
+export { beautifulMermaidRenderer, createBeautifulMermaidRenderer, isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidText, } from "../mermaid.js";

package/dist/agent/mermaid.js

@@ -0,0 +1 @@
+export * from "../mermaid.js";