@simon_he/vue-tui 0.0.8 → 1.0.0

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

@@ -0,0 +1,536 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { TLogDataSource, TLogViewVisualIndexOptions, TLogViewVisualIndexStatus } from "../log/types.js";
+import type { TLinkifyOptions } from "../linkify.js";
+type RowScrollMode = "off" | "unsafe-full-row";
+type TLogSearchStatus = "idle" | "scanning" | "done" | "error";
+export type TLogViewSearchMode = "text" | "regex";
+export type TLogViewSearchError = Readonly<{
+    kind: "invalid-regex";
+    query: string;
+    flags: string;
+    message: string;
+}>;
+export type TLogViewSearchOptions = Readonly<{
+    mode?: TLogViewSearchMode;
+    caseSensitive?: boolean;
+    wholeWord?: boolean;
+    maxMatches?: number;
+    scanBudgetMs?: number;
+    regexFlags?: string;
+    maxMatchesPerLine?: number;
+}>;
+export type TLogViewSearchMatch = Readonly<{
+    absoluteLineIndex: number;
+    index: number;
+    startCell: number;
+    endCell: number;
+    text: string;
+}>;
+export type TLogViewSelectSearchMatchOptions = Readonly<{
+    scroll?: boolean;
+    align?: "start" | "center" | "end";
+}>;
+export type TLogViewSearchResult = Readonly<{
+    matchIndex: number;
+    match: TLogViewSearchMatch;
+    preview?: TLogViewSearchResultPreview;
+}>;
+export type TLogViewSearchResultPreview = Readonly<{
+    text: string;
+    matchStartCell: number;
+    matchEndCell: number;
+}>;
+export type TLogViewSearchResultsOptions = Readonly<{
+    offset?: number;
+    limit?: number;
+    includePreview?: boolean;
+    previewWidth?: number;
+    contextCells?: number;
+}>;
+export type TLogViewSearchState = Readonly<{
+    query: string;
+    status: TLogSearchStatus;
+    matchCount: number;
+    currentMatchIndex: number;
+    error?: TLogViewSearchError | null;
+}>;
+export type TLogViewSearchPayload = Readonly<{
+    query: string;
+    status: TLogSearchStatus;
+    matchCount: number;
+    error?: TLogViewSearchError | null;
+}>;
+export type TLogViewSearchMatchPayload = Readonly<{
+    match: TLogViewSearchMatch | null;
+    currentMatchIndex: number;
+    matchCount: number;
+}>;
+export type TLogViewSearchMarker = Readonly<{
+    matchIndex: number;
+    absoluteLineIndex: number;
+    index: number;
+    visualRow: number;
+    estimated: boolean;
+    current: boolean;
+}>;
+export type TLogViewSearchMarkersPayload = Readonly<{
+    markers: readonly TLogViewSearchMarker[];
+    visualIndexStatus: TLogViewVisualIndexStatus;
+    matchCount: number;
+    currentMatchIndex: number;
+}>;
+export type TLogViewLinkClickPayload = Readonly<{
+    href: string;
+    text: string;
+    absoluteLineIndex: number;
+    index: number;
+    startCell: number;
+    endCell: number;
+    cellX: number;
+    cellY: number;
+}>;
+export type TLogViewVisibleLink = Readonly<{
+    visibleIndex: number;
+    href: string;
+    text: string;
+    absoluteLineIndex: number;
+    index: number;
+    startCell: number;
+    endCell: number;
+    startX: number;
+    endX: number;
+    y: number;
+    focused?: boolean;
+}>;
+export type TLogViewLinkFocusPayload = Readonly<{
+    link: TLogViewVisibleLink | null;
+    focusedLinkIndex: number;
+}>;
+export type TLogViewLinkActivatePayload = Readonly<{
+    link: TLogViewVisibleLink;
+    source: "keyboard" | "programmatic";
+}>;
+export type TLogViewVisualIndexPayload = Readonly<{
+    status: TLogViewVisualIndexStatus;
+    lineCount: number;
+    measuredLineCount: number;
+    estimatedVisualRowCount: number;
+    visualRowCount: number;
+}>;
+export type TLogViewScrollMetrics = Readonly<{
+    scrollTop: number;
+    maxScrollTop: number;
+    viewportRows: number;
+    lineCount: number;
+    firstLineIndex: number;
+    estimatedVisualRowCount: number;
+    visualRowCount: number;
+    measuredVisualRowCount: number;
+    measuredLineCount: number;
+    visualIndexStatus: TLogViewVisualIndexStatus;
+    atTop: boolean;
+    atBottom: boolean;
+}>;
+export type TLogViewHandle = Readonly<{
+    scrollToBottom: () => void;
+    scrollToTop: () => void;
+    scrollToVisualRow: (row: number) => void;
+    scrollBy: (delta: number) => void;
+    scrollToLine: (index: number, options?: Readonly<{
+        align?: "start" | "center" | "end";
+    }>) => void;
+    refreshViewport: () => void;
+    invalidateLine: (index: number) => void;
+    invalidateRange: (start: number, end: number) => void;
+    findNext: () => void;
+    findPrevious: () => void;
+    clearSearch: () => void;
+    getSearchState: () => TLogViewSearchState;
+    selectSearchMatch: (matchIndex: number, options?: TLogViewSelectSearchMatchOptions) => boolean;
+    getSearchMatch: (matchIndex: number) => TLogViewSearchMatch | null;
+    getSearchResults: (options?: TLogViewSearchResultsOptions) => readonly TLogViewSearchResult[];
+    measureVisualIndex: () => void;
+    getScrollMetrics: () => TLogViewScrollMetrics;
+    getSearchMarkers: () => readonly TLogViewSearchMarker[];
+    getVisibleLinks: () => readonly TLogViewVisibleLink[];
+    focusVisibleLink: (visibleIndex: number) => boolean;
+    focusNextLink: () => boolean;
+    focusPreviousLink: () => boolean;
+    clearLinkFocus: () => void;
+    activateFocusedLink: () => boolean;
+}>;
+export declare const TLogView: 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;
+    };
+    source: {
+        type: PropType<TLogDataSource>;
+        required: true;
+    };
+    version: {
+        type: NumberConstructor;
+        required: true;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultScrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoStickToBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overscan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visualIndexMode: {
+        type: PropType<"estimated" | "exact">;
+        default: string;
+    };
+    visualIndexOptions: {
+        type: PropType<TLogViewVisualIndexOptions>;
+        default: undefined;
+    };
+    ansi: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Parses OSC8 links only with ansi=true; OSC8 links preserve parsed ANSI style and
+     * do not inherit TLink theme defaults.
+     */
+    links: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Plain-text URL linkification for ansi=false rows; generated links inherit TLink
+     * theme defaults before linkStyle.
+     */
+    linkify: {
+        type: PropType<boolean | TLinkifyOptions>;
+        default: boolean;
+    };
+    /**
+     * Link style override. OSC8 defaults to underline-only over parsed ANSI style;
+     * linkify also inherits TLink theme defaults.
+     */
+    linkStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    keyboardLinks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkFocusStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    searchQuery: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchOptions: {
+        type: PropType<TLogViewSearchOptions>;
+        default: undefined;
+    };
+    highlightMatches: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    matchStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    currentMatchStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+            bold: boolean;
+        };
+    };
+    rowScrollMode: {
+        type: PropType<RowScrollMode>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "search" | "scroll" | "update:scrollTop" | "linkClick" | "update:searchQuery" | "searchMatch" | "searchMarkers" | "linkFocus" | "linkActivate" | "visualIndex")[], "keydown" | "focus" | "blur" | "search" | "scroll" | "update:scrollTop" | "linkClick" | "update:searchQuery" | "searchMatch" | "searchMarkers" | "linkFocus" | "linkActivate" | "visualIndex", (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;
+    };
+    source: {
+        type: PropType<TLogDataSource>;
+        required: true;
+    };
+    version: {
+        type: NumberConstructor;
+        required: true;
+    };
+    scrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultScrollTop: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoStickToBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overscan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visualIndexMode: {
+        type: PropType<"estimated" | "exact">;
+        default: string;
+    };
+    visualIndexOptions: {
+        type: PropType<TLogViewVisualIndexOptions>;
+        default: undefined;
+    };
+    ansi: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Parses OSC8 links only with ansi=true; OSC8 links preserve parsed ANSI style and
+     * do not inherit TLink theme defaults.
+     */
+    links: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Plain-text URL linkification for ansi=false rows; generated links inherit TLink
+     * theme defaults before linkStyle.
+     */
+    linkify: {
+        type: PropType<boolean | TLinkifyOptions>;
+        default: boolean;
+    };
+    /**
+     * Link style override. OSC8 defaults to underline-only over parsed ANSI style;
+     * linkify also inherits TLink theme defaults.
+     */
+    linkStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    keyboardLinks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkFocusStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    searchQuery: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchOptions: {
+        type: PropType<TLogViewSearchOptions>;
+        default: undefined;
+    };
+    highlightMatches: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    matchStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    currentMatchStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+            bold: boolean;
+        };
+    };
+    rowScrollMode: {
+        type: PropType<RowScrollMode>;
+        default: string;
+    };
+}>> & Readonly<{
+    onLinkClick?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    "onUpdate:scrollTop"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    "onUpdate:searchQuery"?: ((...args: any[]) => any) | undefined;
+    onSearchMatch?: ((...args: any[]) => any) | undefined;
+    onSearchMarkers?: ((...args: any[]) => any) | undefined;
+    onLinkFocus?: ((...args: any[]) => any) | undefined;
+    onLinkActivate?: ((...args: any[]) => any) | undefined;
+    onVisualIndex?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    links: boolean;
+    zIndex: number;
+    selectable: boolean;
+    wrap: boolean;
+    autoFocus: boolean;
+    matchStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    rowScrollMode: RowScrollMode;
+    scrollTop: number;
+    defaultScrollTop: number;
+    autoStickToBottom: boolean;
+    overscan: number;
+    visualIndexMode: "estimated" | "exact";
+    visualIndexOptions: Readonly<{
+        measureBudgetMs?: number;
+        maxMeasuredLines?: number;
+    }>;
+    ansi: boolean;
+    linkify: boolean | Readonly<{
+        protocols?: readonly import("../linkify.js").TLinkifyProtocol[];
+        allowRelative?: boolean;
+        maxUrlLength?: number;
+    }>;
+    linkStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    keyboardLinks: boolean;
+    linkFocusStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    searchQuery: string;
+    searchOptions: Readonly<{
+        mode?: TLogViewSearchMode;
+        caseSensitive?: boolean;
+        wholeWord?: boolean;
+        maxMatches?: number;
+        scanBudgetMs?: number;
+        regexFlags?: string;
+        maxMatchesPerLine?: number;
+    }>;
+    highlightMatches: boolean;
+    currentMatchStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;
+export {};

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

@@ -0,0 +1,141 @@
+import type { PropType } from "vue";
+import type { Style } from "../../core/types.js";
+import type { RowScrollMode } from "./TVirtualList.js";
+import type { TLogLinkPanelItem } from "./TLogLinksPanel.js";
+export declare const TLogVirtualLinksPanel: 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;
+    };
+    links: {
+        type: PropType<readonly TLogLinkPanelItem[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    showLineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowScrollMode: {
+        type: PropType<RowScrollMode>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "select" | "scroll" | "update:modelValue" | "activeChange" | "activate")[], "keydown" | "focus" | "blur" | "select" | "scroll" | "update:modelValue" | "activeChange" | "activate", (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;
+    };
+    links: {
+        type: PropType<readonly TLogLinkPanelItem[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    showLineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowScrollMode: {
+        type: PropType<RowScrollMode>;
+        default: string;
+    };
+}>> & Readonly<{
+    onActivate?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onActiveChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    links: readonly Readonly<{
+        visibleIndex: number;
+        href: string;
+        text: string;
+        absoluteLineIndex: number;
+        index: number;
+        startCell: number;
+        endCell: number;
+        current?: boolean;
+    }>[];
+    zIndex: number;
+    modelValue: number;
+    rowScrollMode: RowScrollMode;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    showLineNumbers: boolean;
+}, {}>;