epiq 0.0.0

package/dist/cli.js

@@ -0,0 +1,57 @@
+#!/usr/bin/env node
+import { render } from 'ink';
+import meow from 'meow';
+import React from 'react';
+import App from './app.js';
+import { BoardActions } from './board/actions/board-action-map.js';
+import { board } from './board/mock/board.js';
+import { buildDefaultActions } from './navigation/actions/default-actions-routes.js';
+import { navigate } from './navigation/navigation.js';
+import { setState } from './navigation/state/state.js';
+const cli = meow(`
+	Usage
+	  $ epiq
+
+	Options
+		--name  Your name
+
+	Examples
+	  $ epiq --name=Jane
+	  Hello, Jane
+`, {
+    importMeta: import.meta,
+    flags: {
+        name: {
+            type: 'string',
+        },
+    },
+});
+cli;
+export const main = () => {
+    console.clear();
+    navigate({
+        index: 0,
+        breadCrumb: [board],
+        callbacks: {
+            render: () => {
+                render(React.createElement(App, { board: board }));
+            },
+            onSelectChange: (selected, breadCrumb) => {
+                if (!selected)
+                    return;
+                const type = selected
+                    .actionContext; // Fix so that we can infer this type
+                setState(state => ({
+                    ...state,
+                    currentNode: selected,
+                    breadCrumb,
+                    availableActions: [...buildDefaultActions(), ...BoardActions[type]],
+                }));
+            },
+        },
+    });
+};
+main();
+process.stdout.on('resize', () => {
+    render(React.createElement(App, { board: board }));
+});

package/dist/components/Board.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Board } from '../lib/types/board.model.js';
+export declare const BoardUI: React.FC<{
+    board: Board;
+    swimlaneWidth: number;
+}>;

package/dist/components/Board.js

@@ -0,0 +1,15 @@
+import { Box, Text, useApp, useInput } from 'ink';
+import React from 'react';
+import { SwimlaneUI } from './Swimlane.js';
+export const BoardUI = ({ board, swimlaneWidth, }) => {
+    const { exit } = useApp();
+    useInput((input, key) => {
+        if (key.escape || input === 'q') {
+            exit();
+        }
+    });
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Text, null, board.name.toUpperCase()),
+        React.createElement(Box, { flexDirection: "row" },
+            React.createElement(SwimlaneUI, { items: board.children, width: swimlaneWidth }))));
+};

package/dist/components/Help.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const HelpUI: React.FC<{
+    width: number;
+}>;

package/dist/components/Help.js

@@ -0,0 +1,21 @@
+import { Box, Text } from 'ink';
+import { navigationState } from '../lib/state.js';
+import React from 'react';
+export const HelpUI = ({ width }) => (React.createElement(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, borderColor: "gray", borderStyle: "round", width: width },
+    React.createElement(Box, null,
+        React.createElement(Text, { color: "gray" }, "Toggle help with \"H\"")),
+    navigationState.viewHelp
+        ? navigationState.availableActions
+            .filter(action => Boolean(action.description))
+            .filter(x => x.mode === navigationState.mode)
+            .map((action, index) => {
+            const [leftRaw, rightRaw] = action.description.split(']');
+            const left = leftRaw?.replace('[', '');
+            const right = rightRaw?.trim(); // no extra space
+            return (React.createElement(Box, { paddingLeft: 1, key: index, flexDirection: "row" },
+                React.createElement(Box, { width: 20 },
+                    React.createElement(Text, { color: "gray" }, right)),
+                React.createElement(Box, { flexGrow: 1 },
+                    React.createElement(Text, { color: "gray" }, left))));
+        })
+        : null));

package/dist/components/Swimlane.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Swimlane } from '../lib/types/board.model.js';
+type Props = {
+    items: Swimlane[];
+    width: number;
+};
+export declare const SwimlaneUI: React.FC<Props>;
+export {};

package/dist/components/Swimlane.js

@@ -0,0 +1,10 @@
+import { Box, Text } from 'ink';
+import React from 'react';
+import { TicketListItemUI } from './TicketListItem.js';
+export const SwimlaneUI = ({ items, width }) => {
+    return (React.createElement(Box, { flexDirection: "row" }, items.map((lane, index) => (React.createElement(React.Fragment, { key: index },
+        React.createElement(Box, { flexDirection: "column", width: width, borderStyle: "round", borderColor: lane.isSelected ? 'green' : 'gray', paddingRight: 1, paddingLeft: 1, paddingBottom: 1, minHeight: 15 },
+            React.createElement(Box, { borderStyle: "round", borderColor: 'gray', justifyContent: "center" },
+                React.createElement(Text, { bold: true }, lane.name)),
+            lane.children.map((ticket, index) => (React.createElement(TicketListItemUI, { key: index, width: width, ticket: ticket })))))))));
+};

package/dist/components/TicketListItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Ticket } from '../lib/types/board.model.js';
+export declare const TicketListItemUI: React.FC<{
+    width: number;
+    ticket: Ticket;
+}>;

package/dist/components/TicketListItem.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { navigationState } from '../lib/state.js';
+const truncateWithEllipsis = (str, width) => str.length >= width ? str.slice(0, width - 3) + '...' : str;
+export const TicketListItemUI = ({ width, ticket: { name, id, isSelected }, }) => (React.createElement(Box, { borderBottom: true },
+    React.createElement(Text, { color: isSelected && navigationState.mode === 'move'
+            ? 'white'
+            : isSelected
+                ? 'green'
+                : navigationState.mode === 'move'
+                    ? 'gray'
+                    : 'white' }, truncateWithEllipsis(id + ' - ' + name, width - 5))));

package/dist/lib/actions/board-action-map.d.ts

@@ -0,0 +1,9 @@
+import { NavigateCtx } from '../navigation-context.js';
+import { ActionMap } from '../types/action-map.model.js';
+type BoardActionMap = ActionMap<{
+    BOARD: [NavigateCtx];
+    SWIMLANE: [NavigateCtx];
+    TICKET: [NavigateCtx];
+}>;
+export declare const BoardActions: BoardActionMap;
+export {};

package/dist/lib/actions/board-action-map.js

@@ -0,0 +1,7 @@
+import { BoardItemTypes } from '../types/board.model.js';
+import { moveAcrossParents, moveWithinParent } from './move-actions.js';
+export const BoardActions = {
+    [BoardItemTypes.BOARD]: [],
+    [BoardItemTypes.SWIMLANE]: [...moveWithinParent],
+    [BoardItemTypes.TICKET]: [...moveWithinParent, ...moveAcrossParents],
+};

package/dist/lib/actions/move-actions-utils.d.ts

@@ -0,0 +1,5 @@
+import { NavigateCtx } from '../navigation-context.js';
+export declare const moveChildToNextParent: (ctx: NavigateCtx) => void;
+export declare const moveChildToPreviousParent: (ctx: NavigateCtx) => void;
+export declare const moveChildPreviousWithinParent: (ctx: NavigateCtx) => void;
+export declare const moveChildNextWithinParent: (ctx: NavigateCtx) => void;

package/dist/lib/actions/move-actions-utils.js

@@ -0,0 +1,43 @@
+import { moveItemInArray } from '../utils/array-utils.js';
+function moveNodeToSiblingContainer(ctx, direction) {
+    const ancestors = ctx.breadCrumb;
+    const parent = ancestors.at(-1);
+    const grandParent = ancestors.at(-2);
+    if (!parent || !grandParent)
+        return;
+    const parentIndex = grandParent.children.findIndex(x => x.id === parent.id);
+    const targetIndex = parentIndex + direction;
+    if (parentIndex < 0 ||
+        targetIndex < 0 ||
+        targetIndex >= grandParent.children.length)
+        return;
+    const sibling = grandParent.children[targetIndex];
+    if (!sibling)
+        return;
+    if (!sibling?.children?.length && !Array.isArray(sibling.children))
+        return;
+    const currentIndex = ctx._selectedIndex;
+    if (currentIndex < 0 || currentIndex >= parent.children.length)
+        return;
+    const [node] = parent.children.splice(currentIndex, 1);
+    sibling.children.push(node);
+    const newBreadCrumb = [...ctx.breadCrumb.slice(0, -1), sibling];
+    const newIndex = sibling.children.length - 1;
+    ctx.reInvokeNavigate(newIndex, newBreadCrumb);
+}
+export const moveChildToNextParent = (ctx) => moveNodeToSiblingContainer(ctx, 1);
+export const moveChildToPreviousParent = (ctx) => moveNodeToSiblingContainer(ctx, -1);
+function moveChildWithinParent(ctx, direction) {
+    const from = ctx._selectedIndex;
+    const to = from + direction;
+    if (to < 0 || to >= ctx.navigationNode.children.length)
+        return;
+    moveItemInArray({
+        array: ctx.navigationNode.children,
+        from,
+        to,
+    });
+    ctx.select(to);
+}
+export const moveChildPreviousWithinParent = (ctx) => moveChildWithinParent(ctx, -1);
+export const moveChildNextWithinParent = (ctx) => moveChildWithinParent(ctx, 1);

package/dist/lib/actions/move-actions.d.ts

@@ -0,0 +1,4 @@
+import { NavigateCtx } from '../navigation-context.js';
+import { ActionEntry } from '../types/action-map.model.js';
+export declare const moveWithinParent: ActionEntry<[NavigateCtx]>[];
+export declare const moveAcrossParents: ActionEntry<[NavigateCtx]>[];

package/dist/lib/actions/move-actions.js

@@ -0,0 +1,31 @@
+import { Mode } from '../types/action-map.model.js';
+import { KeyIntent } from '../utils/key-intent.js';
+import { moveChildNextWithinParent, moveChildPreviousWithinParent, moveChildToNextParent, moveChildToPreviousParent, } from './move-actions-utils.js';
+export const moveWithinParent = [
+    {
+        mode: Mode.DEFAULT,
+        description: '[Shift + direction] Move item',
+    },
+    {
+        intent: KeyIntent.MovePreviousItem,
+        mode: Mode.DEFAULT,
+        action: moveChildPreviousWithinParent,
+    },
+    {
+        intent: KeyIntent.MoveNextItem,
+        mode: Mode.DEFAULT,
+        action: moveChildNextWithinParent,
+    },
+];
+export const moveAcrossParents = [
+    {
+        intent: KeyIntent.MoveToNextContainer,
+        mode: Mode.DEFAULT,
+        action: moveChildToNextParent,
+    },
+    {
+        intent: KeyIntent.MoveToPreviousContainer,
+        mode: Mode.DEFAULT,
+        action: moveChildToPreviousParent,
+    },
+];

package/dist/lib/board/board-action-map.d.ts

@@ -0,0 +1,9 @@
+import { NavigateCtx } from '../navigation-context.js';
+import { ActionMap } from '../types/action-map.model.js';
+type BoardActionMap = ActionMap<{
+    BOARD: [NavigateCtx];
+    SWIMLANE: [NavigateCtx];
+    TICKET: [NavigateCtx];
+}>;
+export declare const BoardActions: BoardActionMap;
+export {};

package/dist/lib/board/board-action-map.js

@@ -0,0 +1,7 @@
+import { BoardItemTypes } from '../types/board.model.js';
+import { moveAcrossParents, moveWithinParent } from './move-actions-routes.js';
+export const BoardActions = {
+    [BoardItemTypes.BOARD]: [],
+    [BoardItemTypes.SWIMLANE]: [...moveWithinParent],
+    [BoardItemTypes.TICKET]: [...moveWithinParent, ...moveAcrossParents],
+};

package/dist/lib/board/move-actions-routes.d.ts

@@ -0,0 +1,4 @@
+import { NavigateCtx } from '../navigation-context.js';
+import { ActionEntry } from '../types/action-map.model.js';
+export declare const moveWithinParent: ActionEntry<[NavigateCtx]>[];
+export declare const moveAcrossParents: ActionEntry<[NavigateCtx]>[];

package/dist/lib/board/move-actions-routes.js

@@ -0,0 +1,31 @@
+import { Mode } from '../types/action-map.model.js';
+import { KeyIntent } from '../utils/key-intent.js';
+import { moveChildNextWithinParent, moveChildPreviousWithinParent, moveChildToNextParent, moveChildToPreviousParent, } from './move-actions.js';
+export const moveWithinParent = [
+    {
+        mode: Mode.DEFAULT,
+        description: '[Shift + direction] Move item',
+    },
+    {
+        intent: KeyIntent.MovePreviousItem,
+        mode: Mode.DEFAULT,
+        action: moveChildPreviousWithinParent,
+    },
+    {
+        intent: KeyIntent.MoveNextItem,
+        mode: Mode.DEFAULT,
+        action: moveChildNextWithinParent,
+    },
+];
+export const moveAcrossParents = [
+    {
+        intent: KeyIntent.MoveToNextContainer,
+        mode: Mode.DEFAULT,
+        action: moveChildToNextParent,
+    },
+    {
+        intent: KeyIntent.MoveToPreviousContainer,
+        mode: Mode.DEFAULT,
+        action: moveChildToPreviousParent,
+    },
+];

package/dist/lib/board/move-actions.d.ts

@@ -0,0 +1,5 @@
+import { NavigateCtx } from '../navigation-context.js';
+export declare const moveChildToNextParent: (ctx: NavigateCtx) => void;
+export declare const moveChildToPreviousParent: (ctx: NavigateCtx) => void;
+export declare const moveChildPreviousWithinParent: (ctx: NavigateCtx) => void;
+export declare const moveChildNextWithinParent: (ctx: NavigateCtx) => void;

package/dist/lib/board/move-actions.js

@@ -0,0 +1,43 @@
+import { moveItemInArray } from '../utils/array-utils.js';
+function moveNodeToSiblingContainer(ctx, direction) {
+    const ancestors = ctx.breadCrumb;
+    const parent = ancestors.at(-1);
+    const grandParent = ancestors.at(-2);
+    if (!parent || !grandParent)
+        return;
+    const parentIndex = grandParent.children.findIndex(x => x.id === parent.id);
+    const targetIndex = parentIndex + direction;
+    if (parentIndex < 0 ||
+        targetIndex < 0 ||
+        targetIndex >= grandParent.children.length)
+        return;
+    const sibling = grandParent.children[targetIndex];
+    if (!sibling)
+        return;
+    if (!sibling?.children?.length && !Array.isArray(sibling.children))
+        return;
+    const currentIndex = ctx._selectedIndex;
+    if (currentIndex < 0 || currentIndex >= parent.children.length)
+        return;
+    const [node] = parent.children.splice(currentIndex, 1);
+    sibling.children.push(node);
+    const newBreadCrumb = [...ctx.breadCrumb.slice(0, -1), sibling];
+    const newIndex = sibling.children.length - 1;
+    ctx.reInvokeNavigate(newIndex, newBreadCrumb);
+}
+export const moveChildToNextParent = (ctx) => moveNodeToSiblingContainer(ctx, 1);
+export const moveChildToPreviousParent = (ctx) => moveNodeToSiblingContainer(ctx, -1);
+function moveChildWithinParent(ctx, direction) {
+    const from = ctx._selectedIndex;
+    const to = from + direction;
+    if (to < 0 || to >= ctx.navigationNode.children.length)
+        return;
+    moveItemInArray({
+        array: ctx.navigationNode.children,
+        from,
+        to,
+    });
+    ctx.select(to);
+}
+export const moveChildPreviousWithinParent = (ctx) => moveChildWithinParent(ctx, -1);
+export const moveChildNextWithinParent = (ctx) => moveChildWithinParent(ctx, 1);

package/dist/lib/board-utils.d.ts

@@ -0,0 +1,7 @@
+import { Swimlane, Ticket } from './types/board.model.js';
+import { NavigationTree } from './types/navigation.model.js';
+/**
+ * Move a ticket to a new swimlane.
+ */
+export declare function moveTicket(ticket: Ticket, destination: Swimlane): void;
+export declare function findNodeById(tree: NavigationTree, id: string): NavigationTree | null;

package/dist/lib/board-utils.js

@@ -0,0 +1,33 @@
+import { board } from '../mock/board.js';
+/**
+ * Move a ticket to a new swimlane.
+ */
+export function moveTicket(ticket, destination) {
+    let realTicket;
+    // Step 1: Find and remove the real ticket from the current swimlane
+    for (const swimlane of board.children) {
+        const index = swimlane.children.findIndex(t => t.id === ticket.id);
+        if (index !== -1) {
+            realTicket = swimlane.children[index];
+            swimlane.children.splice(index, 1);
+            break;
+        }
+    }
+    // Step 2: Add it to the destination swimlane
+    if (realTicket && destination.actionContext === 'SWIMLANE') {
+        destination.children.push(realTicket);
+    }
+    else {
+        console.warn('Ticket not found or destination invalid. No move performed.');
+    }
+}
+export function findNodeById(tree, id) {
+    if (tree.id === id)
+        return tree;
+    for (const child of tree.children) {
+        const found = findNodeById(child, id);
+        if (found)
+            return found;
+    }
+    return null;
+}

package/dist/lib/default-actions-routes.d.ts

@@ -0,0 +1,4 @@
+import { NavigateCtx } from './navigation-context.js';
+import { ActionEntry } from './types/action-map.model.js';
+export type DefaultActionMap = ActionEntry<[NavigateCtx]>[];
+export declare const buildDefaultActions: () => DefaultActionMap;

package/dist/lib/default-actions-routes.js

@@ -0,0 +1,47 @@
+import { setState } from './state.js';
+import { Mode } from './types/action-map.model.js';
+import { enterChildNode, exitToParentNode, navigateToNextContainer, navigateToNextItem, navigateToPreviousContainer, navigateToPreviousItem, } from './utils/default-actions.js';
+import { KeyIntent } from './utils/key-intent.js';
+export const buildDefaultActions = () => [
+    {
+        mode: Mode.DEFAULT,
+        description: '[ARROW KEYS] Navigate',
+    },
+    {
+        intent: KeyIntent.ToggleHelp,
+        mode: Mode.DEFAULT,
+        action: () => setState(state => ({ ...state, viewHelp: !state.viewHelp })),
+    },
+    {
+        intent: KeyIntent.Confirm,
+        mode: Mode.DEFAULT,
+        description: '[ENTER] Confirm',
+        action: enterChildNode,
+    },
+    {
+        intent: KeyIntent.Exit,
+        mode: Mode.DEFAULT,
+        description: '[E] Exit container',
+        action: exitToParentNode,
+    },
+    {
+        intent: KeyIntent.NavPreviousItem,
+        mode: Mode.DEFAULT,
+        action: navigateToPreviousItem,
+    },
+    {
+        intent: KeyIntent.NavNextItem,
+        mode: Mode.DEFAULT,
+        action: navigateToNextItem,
+    },
+    {
+        intent: KeyIntent.NavToPreviousContainer,
+        mode: Mode.DEFAULT,
+        action: navigateToPreviousContainer,
+    },
+    {
+        intent: KeyIntent.NavToNextContainer,
+        mode: Mode.DEFAULT,
+        action: navigateToNextContainer,
+    },
+];

package/dist/lib/default-actions.d.ts

@@ -0,0 +1,4 @@
+import { NavigateCtx } from './navigation-context.js';
+import { ActionEntry } from './types/action-map.model.js';
+export type DefaultActionMap = ActionEntry<[NavigateCtx]>[];
+export declare const buildDefaultActions: () => DefaultActionMap;

package/dist/lib/default-actions.js

@@ -0,0 +1,47 @@
+import { setState } from './state.js';
+import { Mode } from './types/action-map.model.js';
+import { enterChildNode, exitToParentNode, navigateToNextContainer, navigateToNextItem, navigateToPreviousContainer, navigateToPreviousItem, } from './utils/default-action-utils.js';
+import { KeyIntent } from './utils/key-intent.js';
+export const buildDefaultActions = () => [
+    {
+        mode: Mode.DEFAULT,
+        description: '[ARROW KEYS] Navigate',
+    },
+    {
+        intent: KeyIntent.ToggleHelp,
+        mode: Mode.DEFAULT,
+        action: () => setState(state => ({ ...state, viewHelp: !state.viewHelp })),
+    },
+    {
+        intent: KeyIntent.Confirm,
+        mode: Mode.DEFAULT,
+        description: '[ENTER] Confirm',
+        action: enterChildNode,
+    },
+    {
+        intent: KeyIntent.Exit,
+        mode: Mode.DEFAULT,
+        description: '[E] Exit container',
+        action: exitToParentNode,
+    },
+    {
+        intent: KeyIntent.NavPreviousItem,
+        mode: Mode.DEFAULT,
+        action: navigateToPreviousItem,
+    },
+    {
+        intent: KeyIntent.NavNextItem,
+        mode: Mode.DEFAULT,
+        action: navigateToNextItem,
+    },
+    {
+        intent: KeyIntent.NavToPreviousContainer,
+        mode: Mode.DEFAULT,
+        action: navigateToPreviousContainer,
+    },
+    {
+        intent: KeyIntent.NavToNextContainer,
+        mode: Mode.DEFAULT,
+        action: navigateToNextContainer,
+    },
+];

package/dist/lib/navigation-context.d.ts

@@ -0,0 +1,16 @@
+import { NavigationTree } from './types/navigation.model.js';
+export interface NavigateCtx {
+    _selectedIndex: number;
+    breadCrumb: Array<NavigationTree<NavigationTree>>;
+    navigationNode: NavigationTree<NavigationTree>;
+    children: NavigationTree[];
+    getSelectedIndex(): number;
+    select(index: number): void;
+    selectNone(): void;
+    reInvokeNavigate(index: number, breadCrumb: NavigationTree<NavigationTree>[]): void;
+    render(): void;
+    confirm(selected: NavigationTree<NavigationTree>): void;
+    exit(): void;
+    enterChildNode(node: NavigationTree<NavigationTree>): void;
+    enterParentNode(): void;
+}

package/dist/lib/navigation-context.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/navigation.d.ts

@@ -0,0 +1,10 @@
+import { NavigationTree } from './types/navigation.model.js';
+export declare function navigate<T extends NavigationTree>({ index, breadCrumb, callbacks, }: {
+    index: number;
+    breadCrumb: Array<NavigationTree<NavigationTree>>;
+    callbacks: Partial<{
+        render: () => void;
+        onSelectChange: (s: T['children'][number]) => void;
+        onConfirm: (s: T['children'][number]) => void;
+    }>;
+}): void;

package/dist/lib/navigation.js

@@ -0,0 +1,74 @@
+import readline from 'readline';
+import { navigationState } from './state.js';
+import { getKeyIntent } from './utils/key-intent.js';
+export function navigate({ index = 0, breadCrumb, callbacks, }) {
+    const { render = () => { }, onSelectChange = () => { }, onConfirm = () => { }, } = callbacks;
+    const ctx = {
+        breadCrumb,
+        get navigationNode() {
+            return this.breadCrumb.at(-1);
+        },
+        get children() {
+            return this.navigationNode.children ?? [];
+        },
+        selectNone: () => {
+            ctx.select(-1);
+        },
+        _selectedIndex: 0,
+        getSelectedIndex() {
+            return this._selectedIndex;
+        },
+        select(i) {
+            this._selectedIndex = i;
+            updateSelection(ctx.navigationNode, i, onSelectChange);
+        },
+        render,
+        reInvokeNavigate(index, breadCrumb) {
+            return reInvokeNavigate(index, breadCrumb);
+        },
+        confirm: sel => onConfirm(sel),
+        exit: () => {
+            cleanup();
+            process.exit(0);
+        },
+        enterChildNode: node => reInvokeNavigate(0, [...breadCrumb, node]),
+        enterParentNode: () => {
+            ctx.select(-1); // Clear all on this level
+            if (breadCrumb.length < 2)
+                return; // Need at least grandparent + parent
+            const ancestors = breadCrumb;
+            const parent = ancestors[ancestors.length - 1];
+            const grandParent = ancestors[ancestors.length - 2];
+            if (!parent || !grandParent)
+                return;
+            const parentIndex = grandParent?.children.findIndex(x => parent.id === x.id);
+            reInvokeNavigate(parentIndex, breadCrumb.slice(0, -1)); // Go to parent level
+        },
+    };
+    ctx.select(index);
+    function onKeyPress(_, key) {
+        if (key.ctrl && key.name === 'c')
+            return ctx.exit();
+        const filteredActions = navigationState.availableActions.filter(x => x.mode === navigationState.mode);
+        const action = filteredActions?.find(actionMeta => {
+            const intent = getKeyIntent(key, ctx);
+            return intent === actionMeta.intent;
+        });
+        action?.action?.(ctx);
+        ctx.render();
+    }
+    const cleanup = () => process.stdin.removeListener('keypress', onKeyPress);
+    const reInvokeNavigate = (idx, crumb) => {
+        cleanup();
+        navigate({ index: idx, breadCrumb: [...crumb], callbacks });
+    };
+    render();
+    readline.emitKeypressEvents(process.stdin);
+    if (process.stdin.isTTY)
+        process.stdin.setRawMode(true);
+    process.stdin.on('keypress', onKeyPress);
+}
+function updateSelection({ children }, idx, onSelectChange) {
+    children.forEach((c, i) => (c.isSelected = i === idx));
+    onSelectChange(children[idx]);
+}

package/dist/lib/render-utils.d.ts

@@ -0,0 +1,10 @@
+declare const COLORS: {
+    readonly green: "\u001B[32m";
+    readonly gray: "\u001B[90m";
+    readonly yellow: "\u001B[33m";
+    readonly red: "\u001B[31m";
+    readonly default: null;
+};
+export type HighlightColor = keyof typeof COLORS;
+export declare const highlight: (str: string, color?: HighlightColor) => string;
+export {};

package/dist/lib/render-utils.js

@@ -0,0 +1,12 @@
+const COLORS = {
+    green: "\x1b[32m",
+    gray: "\x1b[90m",
+    yellow: "\x1b[33m",
+    red: "\x1b[31m",
+    default: null, // no color
+};
+const RESET = "\x1b[0m";
+export const highlight = (str, color = "default") => {
+    const prefix = COLORS[color];
+    return prefix ? `${prefix}${str}${RESET}` : str;
+};