epiq 0.0.0

package/dist/app.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Board } from './board/model/board.model.js';
+export default function App({ board }: {
+    board: Board;
+}): React.JSX.Element;

package/dist/app.js

@@ -0,0 +1,12 @@
+import { Box } from 'ink';
+import React from 'react';
+import { BoardUI } from './board/components/Board.js';
+import { HelpUI } from './board/components/Help.js';
+export default function App({ board }) {
+    const width = process.stdout.columns || 120;
+    const swimlaneWidth = Math.floor(width / board.children.length);
+    const renderedWidth = swimlaneWidth * board.children.length;
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(BoardUI, { board: board, swimlaneWidth: swimlaneWidth }),
+        React.createElement(HelpUI, { width: renderedWidth })));
+}

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { Mode } from '../../navigation/model/action-map.model.js';
+import { KeyIntent } from '../../navigation/utils/key-intent.js';
+import { moveChildNextWithinParent, moveChildPreviousWithinParent, moveChildToNextParent, moveChildToPreviousParent, } from './move-actions.js';
+export const moveWithinParent = [
+    {
+        mode: Mode.DEFAULT,
+        description: '[SHIFT + ARROW KEYS] 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/board/actions/move-actions.d.ts

@@ -0,0 +1,5 @@
+import { NavigateCtx } from '../../navigation/model/navigation-ctx.model.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/board/actions/move-actions.js

@@ -0,0 +1,49 @@
+function moveItemInArray({ array, from, to, }) {
+    if (from < 0 || from >= array.length || to < 0 || to >= array.length)
+        return;
+    const [item] = array.splice(from, 1);
+    if (item)
+        array.splice(to, 0, item);
+}
+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/board/board-action-map.d.ts

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

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

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

package/dist/board/components/Board.d.ts

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

package/dist/board/components/Board.js

@@ -0,0 +1,19 @@
+import { Box, Text, useApp, useInput } from 'ink';
+import React from 'react';
+import { BoardContentUI } from './Swimlanes.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(Box, { padding: 1, justifyContent: "center" },
+            React.createElement(Text, null,
+                "--- ",
+                board.name,
+                " ---")),
+        React.createElement(Box, { flexDirection: "row" },
+            React.createElement(BoardContentUI, { items: board.children, width: swimlaneWidth }))));
+};

package/dist/board/components/Help.d.ts

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

package/dist/board/components/Help.js

@@ -0,0 +1,21 @@
+import { Box, Text } from 'ink';
+import { navigationState } from '../../navigation/state/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" }, "H: help")),
+    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: "cyan" }, left)),
+                React.createElement(Box, { flexGrow: 1 },
+                    React.createElement(Text, { color: "white" }, right))));
+        })
+        : null));

package/dist/board/components/Logo.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function Logo(): React.JSX.Element;

package/dist/board/components/Logo.js

@@ -0,0 +1,21 @@
+import { Box, Text } from 'ink';
+import { highlight } from '../render/color.js';
+import React from 'react';
+function replaceRange(str, start, end, replacement) {
+    return str.slice(0, start) + replacement + str.slice(end);
+}
+const logoLines = [
+    ` ______ _____   _____   _____`,
+    `|  ____|  __ \\ |_   _| / ____|`,
+    `| |__  |  |__)\\  | |  | |     `,
+    `|  __| |   ___/  | |  | |     `,
+    `| |____|  |     _| |_ | |____ `,
+    `|______|__|    |_____| \\____ |`,
+    `                           (_|`,
+];
+const coloredLogo = logoLines
+    .map(line => replaceRange(line, 0, 7, highlight(line.slice(0, 7), 'cyan')))
+    .map(line => replaceRange(line, 31, 39, highlight(line.slice(31, 39), 'yellow')));
+export default function Logo() {
+    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, coloredLogo.map((line, idx) => (React.createElement(Text, { key: idx }, line)))));
+}

package/dist/board/components/ScrollBox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    width: number;
+    children?: React.ReactNode[];
+    size: number;
+    selectedIndex: number;
+};
+export declare const ScrollBoxUI: React.FC<Props>;
+export {};

package/dist/board/components/ScrollBox.js

@@ -0,0 +1,22 @@
+import { Box, Text } from 'ink';
+import React from 'react';
+export const ScrollBoxUI = ({ children = [], size, selectedIndex, }) => {
+    if (children.length === 0) {
+        return null;
+    }
+    const scrollIndex = Math.floor(Math.max(selectedIndex, 0) / size);
+    const start = scrollIndex * size;
+    const end = start + size;
+    // Clamp values to avoid overflow
+    const visibleChildren = children.slice(start, end);
+    // Scrollbar calculations
+    const scrollBarHeight = size;
+    const scrollSteps = Math.floor(children.length / size) + 1;
+    const indexBarHeight = Math.ceil(scrollBarHeight / scrollSteps);
+    const barOffset = scrollIndex * indexBarHeight;
+    return (React.createElement(Box, { flexDirection: "row" },
+        children.length > size && (React.createElement(Box, { flexDirection: "column", width: 1, height: scrollBarHeight, marginRight: 1 }, Array.from({ length: scrollBarHeight }).map((_, i) => (React.createElement(Text, { key: i, color: i >= barOffset && i < barOffset + indexBarHeight
+                ? 'cyan'
+                : 'gray' }, "\u2502"))))),
+        React.createElement(Box, { flexDirection: "column" }, visibleChildren)));
+};

package/dist/board/components/Swimlane.d.ts

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

package/dist/board/components/Swimlane.js

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

package/dist/board/components/Swimlanes.d.ts

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

package/dist/board/components/Swimlanes.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Box } from 'ink';
+import { navigationState } from '../../navigation/state/state.js';
+import { BoardItemTypes } from '../model/board.model.js';
+import { SwimlaneUI } from './Swimlane.js';
+import { TicketUI } from './TicketUI.js';
+export const BoardContentUI = ({ items, width }) => {
+    const actionContext = navigationState?.currentNode?.actionContext;
+    const isSwimlaneContext = [
+        undefined,
+        BoardItemTypes.BOARD,
+        BoardItemTypes.SWIMLANE,
+        BoardItemTypes.TICKET_LIST_ITEM,
+    ].includes(actionContext);
+    const isTicketContext = actionContext === BoardItemTypes.TICKET;
+    return (React.createElement(Box, { flexDirection: "row" },
+        isSwimlaneContext &&
+            items.map((lane, index) => (React.createElement(SwimlaneUI, { key: index, width: width, item: lane }))),
+        isTicketContext && navigationState.currentNode && (React.createElement(TicketUI, { width: width * items.length, item: navigationState.currentNode }))));
+};

package/dist/board/components/TicketListItem.d.ts

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

package/dist/board/components/TicketListItem.js

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

package/dist/board/components/TicketUI.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Ticket } from '../model/board.model.js';
+type Props = {
+    item: Ticket;
+    width: number;
+};
+export declare const TicketUI: React.FC<Props>;
+export {};

package/dist/board/components/TicketUI.js

@@ -0,0 +1,9 @@
+import { Box, Text } from 'ink';
+import React from 'react';
+export const TicketUI = ({ item, width }) => {
+    return (React.createElement(Box, { flexDirection: "row", padding: 1, paddingLeft: 2, borderStyle: 'round', width: width, minHeight: 16, borderColor: 'gray' },
+        React.createElement(Box, { flexDirection: "row" },
+            React.createElement(Box, { width: 20 },
+                React.createElement(Text, { color: 'cyan' }, 'Description: ')),
+            React.createElement(Text, null, item.name))));
+};

package/dist/board/mock/board.d.ts

@@ -0,0 +1,2 @@
+import { Board } from '../model/board.model.js';
+export declare const board: Board;