@simon_he/vue-tui 0.0.8 → 1.0.0

package/dist/{wheel-scroll-CiNsasLf.js → wheel-scroll-vBRaQ7p-.js}

@@ -1,346 +1,61 @@
+import { charCellWidth, segmentedGraphemes } from "./hyperlink-Bn02UXJb.js";
 import { computed, inject, onBeforeUnmount, provide, ref, vShow, watchEffect } from "vue";
 
-//#region src/vue/context.ts
-const TerminalContextKey = Symbol("TerminalContext");
-const LayoutContextKey = Symbol("LayoutContext");
-const VisibilityContextKey = Symbol("VisibilityContext");
-const EventZIndexContextKey = Symbol("EventZIndex");
-const RenderPlaneContextKey = Symbol("RenderPlane");
-const ImeAnchorContextKey = Symbol("ImeAnchor");
-const TInputPluginsContextKey = Symbol("TInputPlugins");
-const TPathPickerProviderContextKey = Symbol("TPathPickerProvider");
-const DialogContextKey = Symbol("DialogContext");
-
-//#endregion
-//#region src/vue/composables/use-layout.ts
-function useLayout() {
-	const ctx = inject(LayoutContextKey, null);
-	if (!ctx) throw new Error("LayoutContext is missing (TerminalProvider/TView)");
-	return ctx;
-}
-
-//#endregion
-//#region src/vue/render/context.ts
-const RenderStackKey = Symbol("RenderStack");
-
-//#endregion
-//#region src/vue/composables/use-render-stack.ts
-function useRenderStack() {
-	const stack = inject(RenderStackKey, null);
-	if (!stack) throw new Error("RenderStack is missing");
-	return stack;
-}
-
-//#endregion
-//#region src/vue/composables/use-terminal.ts
-function useTerminal() {
-	const ctx = inject(TerminalContextKey, null);
-	if (!ctx) throw new Error("TerminalProvider is missing");
-	return ctx;
-}
-
-//#endregion
-//#region src/vue/composables/use-render-node.ts
-const pendingInvalidateByScheduler = new WeakMap();
-function mergePriority(prev, next) {
-	if (prev === "high" || next === "high") return "high";
-	if (prev === "normal" || next === "normal") return "normal";
-	return "low";
-}
-function requestBatchedInvalidate(scheduler, plane, priority) {
-	let state = pendingInvalidateByScheduler.get(scheduler);
-	if (!state) {
-		state = {
-			queued: false,
-			plane: null,
-			priority: "low"
-		};
-		pendingInvalidateByScheduler.set(scheduler, state);
-	}
-	if (state.queued) {
-		if (state.plane !== null && state.plane !== plane) state.plane = null;
-		state.priority = mergePriority(state.priority, priority);
-		return;
-	}
-	state.plane = plane;
-	state.priority = priority;
-	state.queued = true;
-	queueMicrotask(() => {
-		state.queued = false;
-		const queuedPlane = state.plane;
-		const queuedPriority = state.priority;
-		state.plane = null;
-		state.priority = "low";
-		scheduler.invalidate({
-			plane: queuedPlane ?? void 0,
-			priority: queuedPriority
-		});
-	});
-}
-function useRenderNode(getOptions) {
-	const { scheduler, render } = useTerminal();
-	const parentStack = useRenderStack();
-	const plane = inject(RenderPlaneContextKey, ref("default"));
-	const id = ref(null);
-	const lastPlane = ref(plane.value);
-	const options = computed(() => getOptions());
-	const stop = watchEffect(() => {
-		const opt = options.value;
-		opt.deps;
-		const stack = opt.stack ?? parentStack.value;
-		const nextPlane = plane.value;
-		if (!stack) return;
-		if (!id.value) {
-			const node = render.register({
-				stack,
-				zIndex: opt.zIndex,
-				rect: opt.rect,
-				plane: nextPlane,
-				paint: opt.paint
-			});
-			id.value = node.id;
-			lastPlane.value = nextPlane;
-			requestBatchedInvalidate(scheduler, nextPlane, opt.priority ?? "normal");
-			return;
-		}
-		const prevPlane = lastPlane.value;
-		const updatePayload = {
-			stack,
-			zIndex: opt.zIndex ?? 0,
-			dirtyRowsHint: opt.dirtyRowsHint,
-			plane: nextPlane,
-			paint: opt.paint
-		};
-		if (Object.prototype.hasOwnProperty.call(opt, "rect")) updatePayload.rect = opt.rect ?? null;
-		render.update(id.value, updatePayload);
-		lastPlane.value = nextPlane;
-		const priority = opt.priority ?? "normal";
-		requestBatchedInvalidate(scheduler, prevPlane, priority);
-		if (prevPlane !== nextPlane) requestBatchedInvalidate(scheduler, nextPlane, priority);
-	});
-	onBeforeUnmount(() => {
-		stop();
-		if (id.value) {
-			render.unregister(id.value);
-			requestBatchedInvalidate(scheduler, lastPlane.value, "normal");
-		}
-	});
-	return { id };
+//#region src/vue/injection-key.ts
+const VUE_TUI_INJECTION_PROTOCOL = "v1";
+function injectionKey(name) {
+	return Symbol.for(`@simon_he/vue-tui:${VUE_TUI_INJECTION_PROTOCOL}:${name}`);
 }
 
 //#endregion
-//#region src/vue/composables/use-terminal-node.ts
-function useTerminalNode(getOptions) {
-	const { events } = useTerminal();
-	const id = ref(null);
-	const options = computed(() => getOptions());
-	const stop = watchEffect(() => {
-		const manager = events.value;
-		if (!manager) return;
-		const opt = options.value;
-		if (!id.value) {
-			const node = manager.register({
-				rect: opt.rect,
-				zIndex: opt.zIndex ?? 0,
-				visible: opt.visible,
-				focusable: opt.focusable,
-				selectable: opt.selectable,
-				handlers: opt.handlers ?? {}
-			});
-			id.value = node.id;
-			return;
-		}
-		manager.update(id.value, {
-			rect: opt.rect,
-			zIndex: opt.zIndex ?? 0,
-			visible: opt.visible,
-			focusable: opt.focusable,
-			selectable: opt.selectable,
-			handlers: opt.handlers ?? {}
-		});
-	});
-	onBeforeUnmount(() => {
-		stop();
-		const manager = events.value;
-		if (manager && id.value) manager.unregister(id.value);
-	});
-	return { id };
-}
+//#region src/vue/context.ts
+const TerminalContextKey = injectionKey("TerminalContext");
+const LayoutContextKey = injectionKey("LayoutContext");
+const VisibilityContextKey = injectionKey("VisibilityContext");
+const EventZIndexContextKey = injectionKey("EventZIndex");
+const RenderPlaneContextKey = injectionKey("RenderPlane");
+const ImeAnchorContextKey = injectionKey("ImeAnchor");
+const TInputPluginsContextKey = injectionKey("TInputPlugins");
+const TPathPickerProviderContextKey = injectionKey("TPathPickerProvider");
+const DialogContextKey = injectionKey("DialogContext");
 
 //#endregion
-//#region src/vue/composables/use-visibility.ts
-const VUE_TERMINAL_SHOW_CB = "__vueTerminalOnShow";
-let vShowPatched = false;
-function patchVShow() {
-	if (vShowPatched) return;
-	vShowPatched = true;
-	const dir = vShow;
-	const origBeforeMount = dir.beforeMount;
-	const origUpdated = dir.updated;
-	const origBeforeUnmount = dir.beforeUnmount;
-	const notify = (el, value) => {
-		if (!el || typeof el !== "object") return;
-		const cb = el[VUE_TERMINAL_SHOW_CB];
-		cb === null || cb === void 0 || cb(Boolean(value));
-	};
-	if (typeof origBeforeMount === "function") dir.beforeMount = (el, binding, vnode) => {
-		origBeforeMount(el, binding, vnode);
-		notify(el, binding === null || binding === void 0 ? void 0 : binding.value);
-	};
-	if (typeof origUpdated === "function") dir.updated = (el, binding, vnode) => {
-		origUpdated(el, binding, vnode);
-		notify(el, binding === null || binding === void 0 ? void 0 : binding.value);
-	};
-	if (typeof origBeforeUnmount === "function") dir.beforeUnmount = (el, binding, vnode) => {
-		origBeforeUnmount(el, binding, vnode);
-		notify(el, binding === null || binding === void 0 ? void 0 : binding.value);
-	};
-}
-const PLACEHOLDER_STYLE = Object.freeze({
-	position: "absolute",
-	left: "-9999px",
-	top: "0",
-	width: "0",
-	height: "0",
-	overflow: "hidden"
-});
-function useVisibility(options) {
-	patchVShow();
-	const { scheduler } = useTerminal();
-	const parentVisible = inject(VisibilityContextKey, ref(true));
-	const localVisible = ref(true);
-	const visible = computed(() => parentVisible.value && localVisible.value);
-	if (options === null || options === void 0 ? void 0 : options.provide) provide(VisibilityContextKey, visible);
-	const onShow = (value) => {
-		localVisible.value = value;
-		scheduler.invalidate();
-	};
-	const rootProps = {
-		style: PLACEHOLDER_STYLE,
-		onVnodeBeforeMount: (vnode) => {
-			const el = vnode.el;
-			if (el && typeof el === "object") el[VUE_TERMINAL_SHOW_CB] = onShow;
-		},
-		onVnodeBeforeUnmount: (vnode) => {
-			const el = vnode.el;
-			if (el && typeof el === "object" && el[VUE_TERMINAL_SHOW_CB] === onShow) delete el[VUE_TERMINAL_SHOW_CB];
-		}
-	};
-	return {
-		visible,
-		rootProps
-	};
-}
+//#region src/vue/render/context.ts
+const RenderStackKey = injectionKey("RenderStack");
 
 //#endregion
-//#region src/vue/utils/rect.ts
-function intersectRect(a, b) {
-	const x0 = Math.max(a.x, b.x);
-	const y0 = Math.max(a.y, b.y);
-	const x1 = Math.min(a.x + a.w, b.x + b.w);
-	const y1 = Math.min(a.y + a.h, b.y + b.h);
-	if (x1 <= x0 || y1 <= y0) return null;
-	return {
-		x: x0,
-		y: y0,
-		w: x1 - x0,
-		h: y1 - y0
-	};
+//#region src/vue/utils/text.ts
+let renderPassDepth = 0;
+const renderPassTextWidthCache = new Map();
+const textWidthProviderStack = [];
+function currentTextWidthProvider() {
+	return textWidthProviderStack[textWidthProviderStack.length - 1] ?? "default";
 }
-function translateRect(rect, dx, dy) {
-	return {
-		x: rect.x + dx,
-		y: rect.y + dy,
-		w: rect.w,
-		h: rect.h
-	};
+function hasAsciiFastPath(provider) {
+	return typeof provider !== "function";
 }
-function normalizeCellRect(rect) {
-	const x0 = Math.floor(rect.x);
-	const y0 = Math.floor(rect.y);
-	const x1 = Math.floor(rect.x + rect.w);
-	const y1 = Math.floor(rect.y + rect.h);
-	return {
-		x: x0,
-		y: y0,
-		w: Math.max(0, x1 - x0),
-		h: Math.max(0, y1 - y0)
-	};
+function hasTextWidthAsciiFastPath() {
+	return hasAsciiFastPath(currentTextWidthProvider());
 }
-
-//#endregion
-//#region src/core/buffer/width.ts
-const fullWidthRanges = [
-	[4352, 4447],
-	[9001, 9002],
-	[11904, 42191],
-	[44032, 55203],
-	[63744, 64255],
-	[65040, 65049],
-	[65072, 65135],
-	[65280, 65376],
-	[65504, 65510]
-];
-function isFullWidthCodePoint(codePoint) {
-	if (codePoint < 4352 || codePoint > 65510) return false;
-	for (const [start, end] of fullWidthRanges) {
-		if (codePoint < start) return false;
-		if (codePoint <= end) return true;
-	}
-	return false;
+function canUseDefaultTextCache(provider) {
+	return provider === "default" || provider === "narrow-ambiguous";
 }
-function isEmojiLike(codePoint) {
-	return codePoint >= 127744 && codePoint <= 129791 || codePoint >= 127462 && codePoint <= 127487;
-}
-let extendedPictographicRe = null;
-try {
-	extendedPictographicRe = new RegExp("\\p{Extended_Pictographic}", "u");
-} catch {
-	extendedPictographicRe = null;
-}
-let emojiPresentationRe = null;
-try {
-	emojiPresentationRe = new RegExp("\\p{Emoji_Presentation}", "u");
-} catch {
-	emojiPresentationRe = null;
-}
-let emojiRe = null;
-try {
-	emojiRe = new RegExp("\\p{Emoji}", "u");
-} catch {
-	emojiRe = null;
-}
-function charCellWidth(text) {
-	if (!text) return 1;
-	if (text.length === 1) {
-		const code = text.charCodeAt(0);
-		if (code < 4352) return 1;
-	}
-	const codePoint = text.codePointAt(0);
-	if (codePoint == null) return 1;
-	const hasVs16 = text.includes("️");
-	if (isFullWidthCodePoint(codePoint)) return 2;
-	if (isEmojiLike(codePoint)) return 2;
-	if (emojiPresentationRe === null || emojiPresentationRe === void 0 ? void 0 : emojiPresentationRe.test(text)) return 2;
-	if (text.includes("⃣")) return 2;
-	if (hasVs16 && (emojiRe === null || emojiRe === void 0 ? void 0 : emojiRe.test(text))) return 2;
-	if (extendedPictographicRe === null || extendedPictographicRe === void 0 ? void 0 : extendedPictographicRe.test(text)) {
-		if (codePoint <= 65535) return hasVs16 ? 2 : 1;
-		return 2;
+function withTextWidthProvider(provider, fn) {
+	textWidthProviderStack.push(provider ?? "default");
+	try {
+		return fn();
+	} finally {
+		textWidthProviderStack.pop();
 	}
-	return 1;
 }
-
-//#endregion
-//#region src/vue/utils/text.ts
-let renderPassDepth = 0;
-const renderPassTextWidthCache = new Map();
-function withTextRenderPass(fn) {
+function withTextRenderPass(fn, provider) {
 	renderPassDepth++;
+	textWidthProviderStack.push(provider ?? currentTextWidthProvider());
 	try {
 		if (renderPassDepth === 1) renderPassTextWidthCache.clear();
 		return fn();
 	} finally {
+		textWidthProviderStack.pop();
 		renderPassDepth--;
 		if (renderPassDepth === 0) renderPassTextWidthCache.clear();
 	}
@@ -349,48 +64,49 @@ function isAscii(text) {
 	for (let i = 0; i < text.length; i++) if (text.charCodeAt(i) > 127) return false;
 	return true;
 }
-function needsGraphemeSegmentation(text) {
-	for (const ch of text) {
-		const cp = ch.codePointAt(0);
-		if (cp === 8205) return true;
-		if (cp >= 65024 && cp <= 65039 || cp >= 917760 && cp <= 917999) return true;
-		if (cp >= 768 && cp <= 879 || cp >= 6832 && cp <= 6911 || cp >= 7616 && cp <= 7679 || cp >= 8400 && cp <= 8447 || cp >= 65056 && cp <= 65071) return true;
-		if (cp >= 127995 && cp <= 127999) return true;
-		if (cp >= 127462 && cp <= 127487) return true;
+const UNSAFE_FORMAT_CONTROL_RE = /[\u061C\u00AD\u180E\u200B\u200C\u200E\u200F\u202A-\u202E\u2060-\u206F\uFEFF]/u;
+function isUnsafeFormatControl(codePoint) {
+	return codePoint === 1564 || codePoint === 173 || codePoint === 6158 || codePoint === 8203 || codePoint === 8204 || codePoint === 8206 || codePoint === 8207 || codePoint >= 8234 && codePoint <= 8238 || codePoint >= 8288 && codePoint <= 8303 || codePoint === 65279;
+}
+function hasInlineAsciiControl(text) {
+	for (let i = 0; i < text.length; i++) {
+		const code = text.charCodeAt(i);
+		if (code === 10 || code === 13 || code === 9) return true;
 	}
 	return false;
 }
-let graphemeSegmenter = null;
-try {
-	graphemeSegmenter = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
-} catch {
-	graphemeSegmenter = null;
+function hasTextBlockAsciiControl(text) {
+	for (let i = 0; i < text.length; i++) {
+		const code = text.charCodeAt(i);
+		if (code === 9 || code <= 31 && code !== 10 || code === 127) return true;
+	}
+	return false;
 }
 function forEachGrapheme(text, cb) {
 	if (!text) return;
-	const seg = graphemeSegmenter;
-	if (!seg || !needsGraphemeSegmentation(text)) {
+	const segments = segmentedGraphemes(text);
+	if (!segments) {
 		for (const ch of text) {
 			const r = cb(ch);
 			if (r === false) return;
 		}
 		return;
 	}
-	for (const part of seg.segment(text)) {
+	for (const part of segments) {
 		const r = cb(part.segment);
 		if (r === false) return;
 	}
 }
-function forEachTextCellSegment(text, cb) {
+function forEachTextCellSegment(text, cb, provider = currentTextWidthProvider()) {
 	if (!text) return;
-	const seg = graphemeSegmenter;
-	if (!seg || !needsGraphemeSegmentation(text)) {
+	const segments = segmentedGraphemes(text);
+	if (!segments) {
 		let index$1 = 0;
 		for (const ch of text) {
 			const next = index$1 + ch.length;
 			const result = cb({
 				text: ch,
-				cells: charCellWidth(ch),
+				cells: charCellWidth(ch, provider),
 				start: index$1,
 				end: next
 			});
@@ -400,12 +116,12 @@ function forEachTextCellSegment(text, cb) {
 		return;
 	}
 	let index = 0;
-	for (const part of seg.segment(text)) {
+	for (const part of segments) {
 		const start = part.index ?? index;
 		const end = start + part.segment.length;
 		const result = cb({
 			text: part.segment,
-			cells: charCellWidth(part.segment),
+			cells: charCellWidth(part.segment, provider),
 			start,
 			end
 		});
@@ -421,11 +137,11 @@ function graphemeRangeAt(text, index) {
 		start: index,
 		end: index + 1
 	};
-	const seg = graphemeSegmenter;
-	if (seg && needsGraphemeSegmentation(text)) {
+	const segments = segmentedGraphemes(text);
+	if (segments) {
 		let pos$1 = 0;
-		for (const part of seg.segment(text)) {
-			const start = pos$1;
+		for (const part of segments) {
+			const start = part.index ?? pos$1;
 			const end = start + part.segment.length;
 			if (index >= start && index < end) return {
 				start,
@@ -449,12 +165,22 @@ function graphemeRangeAt(text, index) {
 }
 function sanitizeInlineText(text) {
 	if (!text) return "";
-	if (!/[\n\r\t]/.test(text)) return text;
-	return text.replace(/[\n\r\t]/g, " ");
+	if (!UNSAFE_FORMAT_CONTROL_RE.test(text) && !hasInlineAsciiControl(text)) return text;
+	const out = [];
+	for (const ch of text) {
+		const cp = ch.codePointAt(0);
+		if (cp === 10 || cp === 13 || cp === 9) {
+			out.push(" ");
+			continue;
+		}
+		if (isUnsafeFormatControl(cp)) continue;
+		out.push(ch);
+	}
+	return out.join("");
 }
 function sanitizeTextBlock(text) {
 	if (!text) return "";
-	if (!/[\t\x00-\x08\x0B-\x1F\x7F]/.test(text)) return text;
+	if (!UNSAFE_FORMAT_CONTROL_RE.test(text) && !hasTextBlockAsciiControl(text)) return text;
 	const out = [];
 	out.length = 0;
 	for (const ch of text) {
@@ -465,25 +191,29 @@ function sanitizeTextBlock(text) {
 			continue;
 		}
 		if (cp <= 31 && cp !== 10 || cp === 127) continue;
+		if (isUnsafeFormatControl(cp)) continue;
 		out.push(ch);
 	}
 	return out.join("");
 }
-function textCellWidth(text) {
+function textCellWidth(text, provider = currentTextWidthProvider()) {
 	if (!text) return 0;
-	if (isAscii(text)) return text.length;
-	if (renderPassDepth > 0) {
-		const cached$1 = renderPassTextWidthCache.get(text);
-		if (cached$1 != null) return cached$1;
+	if (hasAsciiFastPath(provider) && isAscii(text)) return text.length;
+	const useCache = canUseDefaultTextCache(provider);
+	if (useCache && renderPassDepth > 0) {
+		const cached = renderPassTextWidthCache.get(text);
+		if (cached != null) return cached;
+	}
+	if (useCache) {
+		const cached = textWidthCacheGet(text);
+		if (cached != null) return cached;
 	}
-	const cached = textWidthCacheGet(text);
-	if (cached != null) return cached;
 	let cells = 0;
 	forEachGrapheme(text, (g) => {
-		cells += charCellWidth(g);
+		cells += charCellWidth(g, provider);
 	});
-	if (renderPassDepth > 0) renderPassTextWidthCache.set(text, cells);
-	textWidthCacheSet(text, cells);
+	if (useCache && renderPassDepth > 0) renderPassTextWidthCache.set(text, cells);
+	if (useCache) textWidthCacheSet(text, cells);
 	return cells;
 }
 const spaceCache = new Map();
@@ -518,14 +248,14 @@ function repeatChar(ch, count) {
 	bucket.set(count, v);
 	return v;
 }
-function sliceByCells(text, maxCells) {
+function sliceByCells(text, maxCells, provider = currentTextWidthProvider()) {
 	maxCells = Math.max(0, Math.floor(maxCells));
 	if (maxCells <= 0) return "";
-	if (text && isAscii(text)) return text.slice(0, maxCells);
+	if (text && hasAsciiFastPath(provider) && isAscii(text)) return text.slice(0, maxCells);
 	const out = [];
 	let cells = 0;
 	forEachGrapheme(text, (g) => {
-		const w = charCellWidth(g);
+		const w = charCellWidth(g, provider);
 		if (cells + w > maxCells) return false;
 		out.push(g);
 		cells += w;
@@ -533,16 +263,16 @@ function sliceByCells(text, maxCells) {
 	});
 	return out.length ? out.join("") : "";
 }
-function sliceByCellsRange(text, startCells, endCells) {
+function sliceByCellsRange(text, startCells, endCells, provider = currentTextWidthProvider()) {
 	startCells = Math.max(0, Math.floor(startCells));
 	endCells = Math.max(0, Math.floor(endCells));
 	if (endCells <= startCells) return "";
 	if (!text) return "";
-	if (isAscii(text)) return text.slice(startCells, endCells);
+	if (hasAsciiFastPath(provider) && isAscii(text)) return text.slice(startCells, endCells);
 	const out = [];
 	let cells = 0;
 	forEachGrapheme(text, (g) => {
-		const w = charCellWidth(g);
+		const w = charCellWidth(g, provider);
 		const next = cells + w;
 		if (cells >= endCells) return false;
 		if (next <= startCells) {
@@ -564,9 +294,9 @@ function sliceByCellsRange(text, startCells, endCells) {
 	});
 	return out.length ? out.join("") : "";
 }
-function padEndByCells(text, width) {
+function padEndByCells(text, width, provider = currentTextWidthProvider()) {
 	width = Math.max(0, Math.floor(width));
-	const cells = text && isAscii(text) ? text.length : textCellWidth(text);
+	const cells = text && hasAsciiFastPath(provider) && isAscii(text) ? text.length : textCellWidth(text, provider);
 	if (cells >= width) return text;
 	return `${text}${spaces(width - cells)}`;
 }
@@ -581,23 +311,28 @@ function getInlineLineBucket(width) {
 	inlineLineCacheByWidth.set(width, bucket);
 	return bucket;
 }
-function formatInlineCellLine(text, width) {
+function formatInlineCellLine(text, width, provider = currentTextWidthProvider()) {
 	width = Math.max(0, Math.floor(width));
 	if (width === 0) return "";
 	if (!text) return spaces(width);
-	const bucket = getInlineLineBucket(width);
-	const cached = bucket.get(text);
+	const useCache = canUseDefaultTextCache(provider);
+	const bucket = useCache ? getInlineLineBucket(width) : null;
+	const cached = bucket?.get(text);
 	if (cached != null) return cached;
 	const sanitized = sanitizeInlineText(text);
-	if (sanitized && isAscii(sanitized)) {
+	if (sanitized && hasAsciiFastPath(provider) && isAscii(sanitized)) {
 		const out$1 = sanitized.length >= width ? sanitized.slice(0, width) : `${sanitized}${spaces(width - sanitized.length)}`;
-		if (bucket.size >= MAX_INLINE_LINE_CACHE_PER_WIDTH) bucket.clear();
-		bucket.set(text, out$1);
+		if (bucket) {
+			if (bucket.size >= MAX_INLINE_LINE_CACHE_PER_WIDTH) bucket.clear();
+			bucket.set(text, out$1);
+		}
 		return out$1;
 	}
-	const out = padEndByCells(sliceByCells(sanitized, width), width);
-	if (bucket.size >= MAX_INLINE_LINE_CACHE_PER_WIDTH) bucket.clear();
-	bucket.set(text, out);
+	const out = padEndByCells(sliceByCells(sanitized, width, provider), width, provider);
+	if (bucket) {
+		if (bucket.size >= MAX_INLINE_LINE_CACHE_PER_WIDTH) bucket.clear();
+		bucket.set(text, out);
+	}
 	return out;
 }
 const wrapCacheByWidth = new Map();
@@ -634,11 +369,12 @@ function clearTextCaches() {
 	textWidthCache.clear();
 	inlineLineCacheByWidth.clear();
 }
-function wrapByCells(text, width) {
+function wrapByCells(text, width, provider = currentTextWidthProvider()) {
 	width = Math.max(1, Math.floor(width));
-	const bucket = getWrapBucket(width);
-	if (text && isAscii(text)) {
-		const cached$1 = bucket.get(text);
+	const useCache = canUseDefaultTextCache(provider);
+	const bucket = useCache ? getWrapBucket(width) : null;
+	if (text && hasAsciiFastPath(provider) && isAscii(text)) {
+		const cached$1 = bucket?.get(text);
 		if (cached$1) return cached$1;
 		const out$1 = [];
 		for (const rawLine of text.replace(/\r/g, "").split("\n")) {
@@ -648,11 +384,13 @@ function wrapByCells(text, width) {
 			}
 			for (let i = 0; i < rawLine.length; i += width) out$1.push(rawLine.slice(i, i + width));
 		}
-		if (bucket.size >= MAX_WRAP_CACHE_PER_WIDTH) bucket.clear();
-		bucket.set(text, out$1);
+		if (bucket) {
+			if (bucket.size >= MAX_WRAP_CACHE_PER_WIDTH) bucket.clear();
+			bucket.set(text, out$1);
+		}
 		return out$1;
 	}
-	const cached = bucket.get(text);
+	const cached = bucket?.get(text);
 	if (cached) return cached;
 	const out = [];
 	for (const rawLine of text.replace(/\r/g, "").split("\n")) {
@@ -660,14 +398,14 @@ function wrapByCells(text, width) {
 			out.push("");
 			continue;
 		}
-		const seg = graphemeSegmenter;
-		if (seg && needsGraphemeSegmentation(rawLine)) {
+		const segments = segmentedGraphemes(rawLine);
+		if (segments) {
 			let lineStart = 0;
 			let cells = 0;
-			for (const part of seg.segment(rawLine)) {
+			for (const part of segments) {
 				const g = part.segment;
 				const gIdx = part.index;
-				const w = charCellWidth(g);
+				const w = charCellWidth(g, provider);
 				if (cells > 0 && cells + w > width) {
 					out.push(rawLine.slice(lineStart, gIdx));
 					lineStart = gIdx;
@@ -687,7 +425,7 @@ function wrapByCells(text, width) {
 			let pos = 0;
 			let cells = 0;
 			for (const ch of rawLine) {
-				const w = charCellWidth(ch);
+				const w = charCellWidth(ch, provider);
 				if (cells > 0 && cells + w > width) {
 					out.push(rawLine.slice(lineStart, pos));
 					lineStart = pos;
@@ -705,11 +443,278 @@ function wrapByCells(text, width) {
 		}
 	}
 	const res = out.length ? out : [""];
-	if (bucket.size >= MAX_WRAP_CACHE_PER_WIDTH) bucket.clear();
-	bucket.set(text, res);
+	if (bucket) {
+		if (bucket.size >= MAX_WRAP_CACHE_PER_WIDTH) bucket.clear();
+		bucket.set(text, res);
+	}
 	return res;
 }
 
+//#endregion
+//#region src/vue/composables/use-layout.ts
+function useLayout() {
+	const ctx = inject(LayoutContextKey, null);
+	if (!ctx) throw new Error("LayoutContext is missing (TerminalProvider/TView)");
+	return ctx;
+}
+
+//#endregion
+//#region src/vue/composables/use-render-stack.ts
+function useRenderStack() {
+	const stack = inject(RenderStackKey, null);
+	if (!stack) throw new Error("RenderStack is missing");
+	return stack;
+}
+
+//#endregion
+//#region src/vue/composables/use-terminal.ts
+function useTerminal() {
+	const ctx = inject(TerminalContextKey, null);
+	if (!ctx) throw new Error("TerminalProvider is missing");
+	return ctx;
+}
+
+//#endregion
+//#region src/vue/composables/use-render-node.ts
+const pendingInvalidateByScheduler = new WeakMap();
+function mergePriority(prev, next) {
+	if (prev === "high" || next === "high") return "high";
+	if (prev === "normal" || next === "normal") return "normal";
+	return "low";
+}
+function requestBatchedInvalidate(scheduler, plane, priority) {
+	let state = pendingInvalidateByScheduler.get(scheduler);
+	if (!state) {
+		state = {
+			queued: false,
+			plane: null,
+			priority: "low"
+		};
+		pendingInvalidateByScheduler.set(scheduler, state);
+	}
+	if (state.queued) {
+		if (state.plane !== null && state.plane !== plane) state.plane = null;
+		state.priority = mergePriority(state.priority, priority);
+		return;
+	}
+	state.plane = plane;
+	state.priority = priority;
+	state.queued = true;
+	queueMicrotask(() => {
+		state.queued = false;
+		const queuedPlane = state.plane;
+		const queuedPriority = state.priority;
+		state.plane = null;
+		state.priority = "low";
+		scheduler.invalidate({
+			plane: queuedPlane ?? void 0,
+			priority: queuedPriority
+		});
+	});
+}
+function useRenderNode(getOptions) {
+	const { scheduler, render, widthProvider } = useTerminal();
+	const parentStack = useRenderStack();
+	const plane = inject(RenderPlaneContextKey, ref("default"));
+	const id = ref(null);
+	const lastPlane = ref(plane.value);
+	const options = computed(() => withTextWidthProvider(widthProvider, getOptions));
+	const stop = watchEffect(() => {
+		const opt = options.value;
+		opt.deps;
+		const stack = opt.stack ?? parentStack.value;
+		const nextPlane = plane.value;
+		if (!stack) return;
+		if (!id.value) {
+			const node = render.register({
+				stack,
+				zIndex: opt.zIndex,
+				rect: opt.rect,
+				plane: nextPlane,
+				paint: opt.paint
+			});
+			id.value = node.id;
+			lastPlane.value = nextPlane;
+			requestBatchedInvalidate(scheduler, nextPlane, opt.priority ?? "normal");
+			return;
+		}
+		const prevPlane = lastPlane.value;
+		const updatePayload = {
+			stack,
+			zIndex: opt.zIndex ?? 0,
+			dirtyRowsHint: opt.dirtyRowsHint,
+			plane: nextPlane,
+			paint: opt.paint
+		};
+		if (Object.prototype.hasOwnProperty.call(opt, "rect")) updatePayload.rect = opt.rect ?? null;
+		render.update(id.value, updatePayload);
+		lastPlane.value = nextPlane;
+		const priority = opt.priority ?? "normal";
+		requestBatchedInvalidate(scheduler, prevPlane, priority);
+		if (prevPlane !== nextPlane) requestBatchedInvalidate(scheduler, nextPlane, priority);
+	});
+	onBeforeUnmount(() => {
+		stop();
+		if (id.value) {
+			render.unregister(id.value);
+			requestBatchedInvalidate(scheduler, lastPlane.value, "normal");
+		}
+	});
+	return { id };
+}
+
+//#endregion
+//#region src/vue/composables/use-terminal-node.ts
+function wrapHandlers(handlers, widthProvider) {
+	if (!handlers) return {};
+	const out = {};
+	for (const key of Object.keys(handlers)) {
+		const handler = handlers[key];
+		if (!handler) continue;
+		out[key] = (event) => withTextWidthProvider(widthProvider, () => handler(event));
+	}
+	return out;
+}
+function useTerminalNode(getOptions) {
+	const { events, widthProvider } = useTerminal();
+	const id = ref(null);
+	const options = computed(() => withTextWidthProvider(widthProvider, getOptions));
+	const stop = watchEffect(() => {
+		const manager = events.value;
+		if (!manager) return;
+		const opt = options.value;
+		if (!id.value) {
+			const node = manager.register({
+				rect: opt.rect,
+				zIndex: opt.zIndex ?? 0,
+				visible: opt.visible,
+				focusable: opt.focusable,
+				selectable: opt.selectable,
+				selectionScrollBy: opt.selectionScrollBy,
+				handlers: wrapHandlers(opt.handlers, widthProvider)
+			});
+			id.value = node.id;
+			return;
+		}
+		manager.update(id.value, {
+			rect: opt.rect,
+			zIndex: opt.zIndex ?? 0,
+			visible: opt.visible,
+			focusable: opt.focusable,
+			selectable: opt.selectable,
+			selectionScrollBy: opt.selectionScrollBy,
+			handlers: wrapHandlers(opt.handlers, widthProvider)
+		});
+	});
+	onBeforeUnmount(() => {
+		stop();
+		const manager = events.value;
+		if (manager && id.value) manager.unregister(id.value);
+	});
+	return { id };
+}
+
+//#endregion
+//#region src/vue/composables/use-visibility.ts
+const VUE_TERMINAL_SHOW_CB = "__vueTerminalOnShow";
+let vShowPatched = false;
+function patchVShow() {
+	if (vShowPatched) return;
+	vShowPatched = true;
+	const dir = vShow;
+	const origBeforeMount = dir.beforeMount;
+	const origUpdated = dir.updated;
+	const origBeforeUnmount = dir.beforeUnmount;
+	const notify = (el, value) => {
+		if (!el || typeof el !== "object") return;
+		const cb = el[VUE_TERMINAL_SHOW_CB];
+		cb?.(Boolean(value));
+	};
+	if (typeof origBeforeMount === "function") dir.beforeMount = (el, binding, vnode) => {
+		origBeforeMount(el, binding, vnode);
+		notify(el, binding?.value);
+	};
+	if (typeof origUpdated === "function") dir.updated = (el, binding, vnode) => {
+		origUpdated(el, binding, vnode);
+		notify(el, binding?.value);
+	};
+	if (typeof origBeforeUnmount === "function") dir.beforeUnmount = (el, binding, vnode) => {
+		origBeforeUnmount(el, binding, vnode);
+		notify(el, binding?.value);
+	};
+}
+const PLACEHOLDER_STYLE = Object.freeze({
+	position: "absolute",
+	left: "-9999px",
+	top: "0",
+	width: "0",
+	height: "0",
+	overflow: "hidden"
+});
+function useVisibility(options) {
+	patchVShow();
+	const { scheduler } = useTerminal();
+	const parentVisible = inject(VisibilityContextKey, ref(true));
+	const localVisible = ref(true);
+	const visible = computed(() => parentVisible.value && localVisible.value);
+	if (options?.provide) provide(VisibilityContextKey, visible);
+	const onShow = (value) => {
+		localVisible.value = value;
+		scheduler.invalidate();
+	};
+	const rootProps = {
+		style: PLACEHOLDER_STYLE,
+		onVnodeBeforeMount: (vnode) => {
+			const el = vnode.el;
+			if (el && typeof el === "object") el[VUE_TERMINAL_SHOW_CB] = onShow;
+		},
+		onVnodeBeforeUnmount: (vnode) => {
+			const el = vnode.el;
+			if (el && typeof el === "object" && el[VUE_TERMINAL_SHOW_CB] === onShow) delete el[VUE_TERMINAL_SHOW_CB];
+		}
+	};
+	return {
+		visible,
+		rootProps
+	};
+}
+
+//#endregion
+//#region src/vue/utils/rect.ts
+function intersectRect(a, b) {
+	const x0 = Math.max(a.x, b.x);
+	const y0 = Math.max(a.y, b.y);
+	const x1 = Math.min(a.x + a.w, b.x + b.w);
+	const y1 = Math.min(a.y + a.h, b.y + b.h);
+	if (x1 <= x0 || y1 <= y0) return null;
+	return {
+		x: x0,
+		y: y0,
+		w: x1 - x0,
+		h: y1 - y0
+	};
+}
+function translateRect(rect, dx, dy) {
+	return {
+		x: rect.x + dx,
+		y: rect.y + dy,
+		w: rect.w,
+		h: rect.h
+	};
+}
+function normalizeCellRect(rect) {
+	const x0 = Math.floor(rect.x);
+	const y0 = Math.floor(rect.y);
+	const x1 = Math.floor(rect.x + rect.w);
+	const y1 = Math.floor(rect.y + rect.h);
+	return {
+		x: x0,
+		y: y0,
+		w: Math.max(0, x1 - x0),
+		h: Math.max(0, y1 - y0)
+	};
+}
+
 //#endregion
 //#region src/vue/utils/wheel-scroll.ts
 const LINE_UNIT_THRESHOLD = 3;
@@ -717,7 +722,6 @@ const PIXELS_PER_LINE = 16;
 const ACCEL_WINDOW_MS = 120;
 const MAX_ACCEL = 26;
 const EDGE_BOUNCE_MS = 120;
-const MIN_TICK_INTERVAL_MS = 6;
 function clamp(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
@@ -734,11 +738,11 @@ function normalizeDelta(deltaY, mode = "auto") {
 	if (abs <= LINE_UNIT_THRESHOLD && Number.isInteger(deltaY)) return deltaY;
 	return deltaY / PIXELS_PER_LINE;
 }
-function accelFactor(now, lastAt) {
+function accelFactor(now, lastAt, maxAccel = MAX_ACCEL) {
 	const dt = now - lastAt;
 	if (!Number.isFinite(dt) || dt <= 0 || dt > ACCEL_WINDOW_MS) return 1;
 	const t = 1 - dt / ACCEL_WINDOW_MS;
-	return 1 + t * (MAX_ACCEL - 1);
+	return 1 + t * (maxAccel - 1);
 }
 function createWheelScrollState() {
 	return {
@@ -767,16 +771,11 @@ function applyWheelScroll(state, deltaY, scrollTop, maxTop, now = Date.now(), de
 			lines: 0
 		};
 	}
-	const dt = state.lastAt ? now - state.lastAt : Infinity;
 	const lineUnits = isLineUnitDelta(deltaY, deltaMode);
-	if (lineUnits && dt !== Infinity && dt >= 0 && dt < MIN_TICK_INTERVAL_MS) return {
-		nextTop: scrollTop,
-		dir: 0,
-		lines: 0
-	};
-	const accel = lineUnits ? 1 : options.disableAcceleration ? 1 : state.lastAt ? accelFactor(now, state.lastAt) : 1;
+	const normalizedDelta = normalizeDelta(deltaY, deltaMode);
+	const accel = options.disableAcceleration ? 1 : lineUnits ? 1 : state.lastAt ? accelFactor(now, state.lastAt) : 1;
 	state.lastAt = now;
-	state.accumulator += normalizeDelta(deltaY, deltaMode) * accel;
+	state.accumulator += normalizedDelta * accel;
 	const lines = Math.trunc(state.accumulator);
 	if (lines === 0) return {
 		nextTop: scrollTop,
@@ -822,4 +821,4 @@ function applyWheelScroll(state, deltaY, scrollTop, maxTop, now = Date.now(), de
 }
 
 //#endregion
-export { DialogContextKey, EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderPlaneContextKey, RenderStackKey, TInputPluginsContextKey, TPathPickerProviderContextKey, TerminalContextKey, VisibilityContextKey, applyWheelScroll, charCellWidth, clearTextCaches, createWheelScrollState, forEachTextCellSegment, formatInlineCellLine, graphemeRangeAt, intersectRect, normalizeCellRect, padEndByCells, repeatChar, resetWheelScrollState, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, withTextRenderPass, wrapByCells };
+export { DialogContextKey, EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderPlaneContextKey, RenderStackKey, TInputPluginsContextKey, TPathPickerProviderContextKey, TerminalContextKey, VisibilityContextKey, applyWheelScroll, clearTextCaches, createWheelScrollState, currentTextWidthProvider, forEachTextCellSegment, formatInlineCellLine, graphemeRangeAt, hasTextWidthAsciiFastPath, injectionKey, intersectRect, normalizeCellRect, padEndByCells as padEndByCells$1, repeatChar, resetWheelScrollState, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth as textCellWidth$1, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, withTextRenderPass, withTextWidthProvider, wrapByCells };