@simon_he/vue-tui 0.0.8 → 1.0.0

package/dist/trace-CjzYeIxN.js

@@ -0,0 +1,182 @@
+import { computed, ref, shallowReactive } from "vue";
+
+//#region src/observability/perf-sink.ts
+let installedTuiPerf = {
+	enabled: false,
+	sink: null
+};
+function shouldSample(rate) {
+	if (rate <= 0) return false;
+	if (rate >= 1) return true;
+	return Math.random() < rate;
+}
+function normalizeSampleRate(value) {
+	const n = Number(value);
+	if (!Number.isFinite(n)) return 1;
+	return Math.max(0, Math.min(1, n));
+}
+function createJsonlPerfSink(options = {}) {
+	const sampleRate = normalizeSampleRate(options.sampleRate);
+	const includeComponents = options.includeComponents ?? true;
+	const includeEvents = options.includeEvents ?? false;
+	function emit(value) {
+		const line = JSON.stringify(value);
+		if (options.file && options.fileWriter?.appendFileSync) options.fileWriter.appendFileSync(options.file, `${line}\n`);
+		options.write?.(line);
+	}
+	return {
+		onFramePerf(sample) {
+			if (!shouldSample(sampleRate)) return;
+			emit({
+				type: "frame",
+				...sample
+			});
+		},
+		onComponentPerf(sample) {
+			if (!includeComponents || !shouldSample(sampleRate)) return;
+			emit({
+				type: "component",
+				...sample
+			});
+		},
+		onEvent(event) {
+			if (!includeEvents || !shouldSample(sampleRate)) return;
+			emit({
+				type: "event",
+				eventType: event.type,
+				ts: event.ts ?? Date.now(),
+				component: event.component,
+				id: event.id,
+				data: event.data
+			});
+		}
+	};
+}
+function installTuiPerf(options = {}) {
+	const previous = installedTuiPerf;
+	const previousDebugPerf = globalThis.__VT_DEBUG_PERF__;
+	const current = {
+		enabled: options.enabled ?? Boolean(options.sink),
+		sink: options.sink ?? null
+	};
+	installedTuiPerf = current;
+	if (options.debugOverlay != null) globalThis.__VT_DEBUG_PERF__ = Boolean(options.debugOverlay);
+	return () => {
+		current.sink?.dispose?.();
+		if (installedTuiPerf === current) installedTuiPerf = previous;
+		if (previousDebugPerf === void 0) delete globalThis.__VT_DEBUG_PERF__;
+		else globalThis.__VT_DEBUG_PERF__ = previousDebugPerf;
+	};
+}
+function getInstalledTuiPerf() {
+	return installedTuiPerf;
+}
+
+//#endregion
+//#region src/observability/frame-perf-store.ts
+function createFramePerfStore(limit = 120, opts) {
+	const max = Math.max(1, Math.floor(limit));
+	const installed = getInstalledTuiPerf();
+	const manualEnabled = ref(Boolean(opts?.enabled ?? installed.enabled));
+	const leaseCount = ref(0);
+	const enabled = computed({
+		get: () => manualEnabled.value || leaseCount.value > 0,
+		set: (next) => {
+			manualEnabled.value = Boolean(next);
+		}
+	});
+	const samples = [];
+	const sinks = [];
+	if (installed.sink) sinks.push(installed.sink);
+	const configuredSink = opts?.sink;
+	if (Array.isArray(configuredSink)) sinks.push(...configuredSink);
+	else if (configuredSink) sinks.push(configuredSink);
+	function emitToSinks(fn) {
+		for (const sink of sinks) try {
+			fn(sink);
+		} catch {}
+	}
+	function acquire(_reason) {
+		leaseCount.value++;
+		let released = false;
+		return () => {
+			if (released) return;
+			released = true;
+			leaseCount.value = Math.max(0, leaseCount.value - 1);
+		};
+	}
+	function push(sample) {
+		if (!enabled.value) return;
+		samples.push(sample);
+		if (samples.length > max) samples.splice(0, samples.length - max);
+		emitToSinks((sink) => sink.onFramePerf(sample));
+	}
+	function recordComponent(sample) {
+		if (!enabled.value) return;
+		emitToSinks((sink) => sink.onComponentPerf?.(sample));
+	}
+	function recordEvent(event) {
+		if (!enabled.value) return;
+		emitToSinks((sink) => sink.onEvent?.(event));
+	}
+	function addSink(sink) {
+		sinks.push(sink);
+		let disposed = false;
+		return () => {
+			if (disposed) return;
+			disposed = true;
+			const index = sinks.indexOf(sink);
+			if (index >= 0) sinks.splice(index, 1);
+			sink.dispose?.();
+		};
+	}
+	function latest() {
+		return samples.length > 0 ? samples[samples.length - 1] : null;
+	}
+	function list() {
+		return samples.slice();
+	}
+	function clear() {
+		samples.length = 0;
+	}
+	return {
+		enabled,
+		acquire,
+		push,
+		recordComponent,
+		recordEvent,
+		addSink,
+		latest,
+		list,
+		clear
+	};
+}
+
+//#endregion
+//#region src/observability/trace.ts
+function createTraceStore(opts) {
+	const enabled = ref(Boolean(opts?.enabled));
+	const records = shallowReactive([]);
+	const max = Math.max(10, Math.floor(opts?.max ?? 400));
+	function push(record) {
+		if (!enabled.value) return;
+		records.push(record);
+		if (records.length > max) records.splice(0, records.length - max);
+	}
+	function clear() {
+		records.splice(0, records.length);
+	}
+	function snapshot() {
+		return records.slice();
+	}
+	return {
+		enabled,
+		records,
+		push,
+		clear,
+		snapshot
+	};
+}
+
+//#endregion
+export { createFramePerfStore, createJsonlPerfSink, createTraceStore, installTuiPerf };

package/dist/utils/env.d.ts

@@ -0,0 +1,3 @@
+export declare function firstNonEmptyEnv(env: Readonly<Record<string, unknown>> | undefined, primary: string, legacy?: string): unknown;
+export declare function envFlag(env: Readonly<Record<string, unknown>> | undefined, primary: string, legacy?: string): boolean;
+export declare function envString(env: Readonly<Record<string, unknown>> | undefined, primary: string, legacy: string | undefined, fallback?: string): string;

package/dist/utils/grapheme.d.ts

@@ -0,0 +1,5 @@
+export interface GraphemeSegment {
+    segment: string;
+    index: number;
+}
+export declare function segmentedGraphemes(text: string): Iterable<GraphemeSegment> | null;

package/dist/utils/newlines.d.ts

@@ -0,0 +1 @@
+export declare function normalizeNewlines(text: string): string;

package/dist/utils/path.d.ts

@@ -0,0 +1,7 @@
+export type PathStyle = "posix";
+export declare function isAbsolutePath(path: string): boolean;
+export declare function stripTrailingSlash(path: string): string;
+export declare function joinPath(base: string, next: string): string;
+export declare function dirname(path: string): string;
+export declare function normalizePath(path: string): string;
+export declare function resolvePath(baseAbs: string, input: string): string;

package/dist/utils/url-safety.d.ts

@@ -0,0 +1,2 @@
+export declare const ENCODED_ASCII_CONTROL_RE: RegExp;
+export declare function hasEncodedControl(value: string): boolean;

package/dist/vue/agent/view-models.d.ts

@@ -0,0 +1,98 @@
+import type { Style } from "../../core/types.js";
+import type { TToolCallStatus, TToolCallViewSegment, TToolCallViewStyles } from "../components/TToolCallView.js";
+export type TUserMessageSegment = Readonly<{
+    start: number;
+    end: number;
+    href?: string;
+    style?: Style;
+    meta?: unknown;
+}>;
+export type TUserMessageViewModel = Readonly<{
+    indent: number;
+    headerText: string;
+    header: Style;
+    content: Style;
+    segment: Style;
+    headerSegments: readonly Readonly<{
+        start: number;
+        end: number;
+        text: string;
+        style: Style;
+    }>[];
+    rows: readonly Readonly<{
+        text: string;
+        start: number;
+        end: number;
+        segments: readonly TUserMessageSegment[];
+    }>[];
+}>;
+export declare function resolveTUserMessageViewModel(opts: Readonly<{
+    w: number;
+    label: string;
+    prefix?: string;
+    meta?: string;
+    content: string;
+    indent?: number;
+    topBlank?: boolean;
+    bottomBlank?: boolean;
+    segments?: readonly TUserMessageSegment[];
+    style?: Style;
+    headerStyle?: Style;
+    prefixStyle?: Style;
+    labelStyle?: Style;
+    contentStyle?: Style;
+    segmentStyle?: Style;
+}>): TUserMessageViewModel;
+export type TThinkingViewModel = Readonly<{
+    headerText: string;
+    bodyRows: readonly string[];
+    styles: Readonly<{
+        header: Style;
+        body: Style;
+    }>;
+}>;
+export declare function resolveTThinkingViewModel(opts: Readonly<{
+    w: number;
+    title: string;
+    content: string;
+    collapsed: boolean;
+    pulseFrame?: number | null;
+    style?: Style;
+    headerStyle?: Style;
+    markerStyle?: Style;
+    titleStyle?: Style;
+    bodyStyle?: Style;
+}>): TThinkingViewModel;
+export type TToolCallViewModel = Readonly<{
+    styles: TToolCallViewStyles;
+    marker: string;
+    suffix: string;
+    preview: string;
+    previewPrefix: string;
+    headerSegments: readonly TToolCallViewSegment[];
+    previewSegments: readonly TToolCallViewSegment[];
+}>;
+export declare function resolveTToolCallViewModel(opts: Readonly<{
+    w: number;
+    title: string;
+    collapsed: boolean;
+    selected?: boolean;
+    nested?: boolean;
+    status?: TToolCallStatus;
+    suffix?: string;
+    preview?: string;
+    markerCollapsed?: string;
+    markerExpanded?: string;
+    statusDot?: string;
+    previewPrefix?: string;
+    style?: Style;
+    mutedStyle?: Style;
+    headerStyle?: Style;
+    collapsedStyle?: Style;
+    expandedStyle?: Style;
+    markerStyle?: Style;
+    statusStyle?: Style;
+    titleStyle?: Style;
+    suffixStyle?: Style;
+    previewStyle?: Style;
+}>): TToolCallViewModel;

package/dist/vue/components/TAnchor.d.ts

@@ -0,0 +1,108 @@
+export declare const TAnchor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    left: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    top: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    right: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    bottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    w: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    h: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "dblclick" | "pointerdown" | "pointerup" | "pointermove" | "wheel" | "keydown" | "keyup" | "focus" | "blur" | "clickCapture" | "dblclickCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "wheelCapture" | "keydownCapture" | "keyupCapture" | "focusCapture" | "blurCapture")[], "click" | "dblclick" | "pointerdown" | "pointerup" | "pointermove" | "wheel" | "keydown" | "keyup" | "focus" | "blur" | "clickCapture" | "dblclickCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "wheelCapture" | "keydownCapture" | "keyupCapture" | "focusCapture" | "blurCapture", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    left: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    top: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    right: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    bottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    w: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    h: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onDblclick?: ((...args: any[]) => any) | undefined;
+    onPointerdown?: ((...args: any[]) => any) | undefined;
+    onPointerup?: ((...args: any[]) => any) | undefined;
+    onPointermove?: ((...args: any[]) => any) | undefined;
+    onWheel?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClickCapture?: ((...args: any[]) => any) | undefined;
+    onDblclickCapture?: ((...args: any[]) => any) | undefined;
+    onPointerdownCapture?: ((...args: any[]) => any) | undefined;
+    onPointerupCapture?: ((...args: any[]) => any) | undefined;
+    onPointermoveCapture?: ((...args: any[]) => any) | undefined;
+    onWheelCapture?: ((...args: any[]) => any) | undefined;
+    onKeydownCapture?: ((...args: any[]) => any) | undefined;
+    onKeyupCapture?: ((...args: any[]) => any) | undefined;
+    onFocusCapture?: ((...args: any[]) => any) | undefined;
+    onBlurCapture?: ((...args: any[]) => any) | undefined;
+}>, {
+    w: number;
+    h: number;
+    zIndex: number;
+    focusable: boolean;
+    selectable: boolean;
+    left: number;
+    top: number;
+    bottom: number;
+    right: number;
+}, {}>;

package/dist/vue/components/TBox.d.ts

@@ -0,0 +1,144 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+export declare const TBox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    titleStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    clear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pointerenter" | "pointerleave" | "pointerenterCapture" | "pointerleaveCapture")[], "pointerenter" | "pointerleave" | "pointerenterCapture" | "pointerleaveCapture", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    titleStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    clear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onPointerenter?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
+    onPointerenterCapture?: ((...args: any[]) => any) | undefined;
+    onPointerleaveCapture?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    title: string;
+    zIndex: number;
+    clear: boolean;
+    border: boolean;
+    padding: number;
+    scrollX: number;
+    scrollY: number;
+    titleStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;