epiq 0.0.3 → 0.0.5

package/dist/app.js

@@ -4,7 +4,7 @@ import { BoardUI } from './board/components/Board.js';
 import { ContextBar } from './board/components/ContextBar.js';
 import { HelpUI } from './board/components/Help.js';
 import { Mode } from './navigation/model/action-map.model.js';
-import { navigationState } from './navigation/state/state.js';
+import { appState } from './navigation/state/state.js';
 export default function App({ board }) {
     const width = process.stdout.columns || 120;
     const swimlaneMaxWidth = Math.floor(process.stdout.columns / 3);
@@ -12,8 +12,7 @@ export default function App({ board }) {
     const renderedWidth = swimlaneDynamicWidth * board.children.length;
     const swimlaneWidth = Math.min(renderedWidth, swimlaneMaxWidth);
     return (React.createElement(Box, { flexDirection: "column" },
-        !(navigationState.mode === Mode.HELP) && (React.createElement(React.Fragment, null,
-            React.createElement(BoardUI, { board: board, swimlaneWidth: swimlaneWidth }),
-            React.createElement(ContextBar, { width: width }))),
-        navigationState.mode === Mode.HELP && React.createElement(HelpUI, { width: renderedWidth })));
+        !(appState.mode === Mode.HELP) && (React.createElement(BoardUI, { board: board, swimlaneWidth: swimlaneWidth })),
+        appState.mode === Mode.HELP && React.createElement(HelpUI, { width: renderedWidth }),
+        React.createElement(ContextBar, { width: width })));
 }

package/dist/board/components/Board.js

@@ -1,11 +1,11 @@
 import { Box, Text } from 'ink';
 import React from 'react';
-import { navigationState } from '../../navigation/state/state.js';
+import { appState } from '../../navigation/state/state.js';
 import { BoardContentUI } from './Swimlanes.js';
 export const BoardUI = ({ board, swimlaneWidth, }) => {
     return (React.createElement(Box, { flexDirection: "column" },
         React.createElement(Box, { paddingLeft: 1 },
-            React.createElement(Text, null, navigationState.breadCrumb.map(b => '  >  ' + b.name))),
+            React.createElement(Text, null, appState.breadCrumb.map(b => '  >  ' + b.name))),
         React.createElement(Box, { flexDirection: "row" },
             React.createElement(BoardContentUI, { items: board.children, width: swimlaneWidth }))));
 };

package/dist/board/components/CommandLine.js

@@ -1,13 +1,20 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { Box, Text } from 'ink';
-import { getCommandLineInput } from '../../navigation/state/command-line.state.js';
+import { getCommandLineInput, subscribeCommandLineState, } from '../../navigation/state/command-line.state.js';
 const roleColors = {
     command: 'cyan',
     argument: 'white',
 };
 export const CommandLine = () => {
-    const input = getCommandLineInput();
-    // Split only on the FIRST space
+    const [input, setInput] = useState(getCommandLineInput());
+    useEffect(() => {
+        const unsubscribe = subscribeCommandLineState(() => {
+            setInput(getCommandLineInput());
+        });
+        return () => {
+            unsubscribe();
+        };
+    }, []);
     const [command, ...rest] = input.split(' ');
     const argument = rest.join(' ');
     return (React.createElement(Box, null,

package/dist/board/components/ContextBar.js

@@ -1,8 +1,17 @@
 import { Box, Text } from 'ink';
 import React from 'react';
 import { Mode } from '../../navigation/model/action-map.model.js';
-import { navigationState } from '../../navigation/state/state.js';
+import { appState } from '../../navigation/state/state.js';
 import { CommandLine } from './CommandLine.js';
 export const ContextBar = ({ width }) => (React.createElement(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, borderColor: "gray", borderStyle: "round", width: width },
-    React.createElement(Box, null, navigationState.mode === Mode.COMMAND_LINE ? (React.createElement(Box, null,
-        React.createElement(CommandLine, null))) : (React.createElement(Text, null, navigationState.availableHints.join('  '))))));
+    React.createElement(Box, null, appState.mode === Mode.COMMAND_LINE ? (React.createElement(CommandLine, null)) : (React.createElement(Box, { flexDirection: "row", gap: 2 },
+        React.createElement(Text, null, "\uD83D\uDCA1"),
+        appState.availableHints.map((x, index) => {
+            const [command, ...rest] = x.split(' ');
+            const argument = rest.join(' ');
+            return (React.createElement(Box, { key: index },
+                React.createElement(Text, { color: "cyan" }, command),
+                argument && (React.createElement(React.Fragment, null,
+                    React.createElement(Text, null, " "),
+                    React.createElement(Text, { color: "gray" }, argument)))));
+        }))))));

package/dist/board/components/Help.js

@@ -1,16 +1,16 @@
 import { Box, Text } from 'ink';
-import { navigationState } from '../../navigation/state/state.js';
+import { appState } from '../../navigation/state/state.js';
 import React from 'react';
 import { Mode } from '../../navigation/model/action-map.model.js';
 export const HelpUI = ({ width }) => (React.createElement(Box, { flexDirection: "column", marginTop: 3, borderColor: "gray", borderStyle: "round", width: width, minHeight: 19 },
-    React.createElement(Box, { flexDirection: "column", width: width }, navigationState.mode === Mode.HELP
+    React.createElement(Box, { flexDirection: "column", width: width }, appState.mode === Mode.HELP
         ? [
             {
                 action: '',
                 description: '[COMMAND] DESCRIPTION',
-                mode: navigationState.mode,
+                mode: appState.mode,
             },
-            ...navigationState.availableActions,
+            ...appState.availableActions,
         ]
             .filter(action => Boolean(action.description))
             // .filter(x => x.mode === navigationState.mode)

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

@@ -3,6 +3,7 @@ import { Swimlane } from '../model/board.model.js';
 type Props = {
     item: Swimlane;
     width: number;
+    isSelected: boolean;
 };
 export declare const SwimlaneUI: React.FC<Props>;
 export {};

package/dist/board/components/Swimlane.js

@@ -2,10 +2,9 @@ import { Box, Text } from 'ink';
 import React from 'react';
 import { ScrollBoxUI } from './ScrollBox.js';
 import { TicketListItemUI } from './TicketListItem.js';
-import { navigationState } from '../../navigation/state/state.js';
-export const SwimlaneUI = ({ item, width }) => {
-    const color = navigationState.currentNode?.id === item.id ? 'cyan' : 'gray';
-    return (React.createElement(Box, { flexDirection: "column", width: width, borderStyle: "round", borderColor: item.isSelected ? 'cyan' : 'gray', paddingRight: 1, paddingLeft: 1, minHeight: 15, height: 20 },
+export const SwimlaneUI = ({ item, isSelected, width }) => {
+    const color = isSelected ? 'cyan' : 'gray';
+    return (React.createElement(Box, { flexDirection: "column", width: width, borderStyle: "round", borderColor: 'gray', paddingRight: 1, paddingLeft: 1, minHeight: 15, height: 20 },
         React.createElement(Box, { borderStyle: "round", borderColor: color, justifyContent: "center" },
             React.createElement(Text, { bold: true }, item.name)),
         React.createElement(Box, { padding: 1 },

package/dist/board/components/Swimlanes.js

@@ -1,20 +1,17 @@
 import React from 'react';
 import { Box } from 'ink';
-import { navigationState } from '../../navigation/state/state.js';
+import { appState } 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;
+    const actionContext = appState.currentNode.actionContext;
+    const isTicketContext = actionContext === BoardItemTypes.TICKET_LIST_ITEM;
+    const isSwimlaneContext = actionContext === BoardItemTypes.BOARD ||
+        actionContext === BoardItemTypes.SWIMLANE;
     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.breadCrumb[navigationState.breadCrumb.length - 1] }))));
+            items.map((lane, index) => (React.createElement(SwimlaneUI, { key: index, width: width, isSelected: appState.currentNode.actionContext === 'BOARD' &&
+                    appState.selectedIndex === index, item: lane }))),
+        isTicketContext && appState.currentNode && (React.createElement(TicketUI, { width: width * items.length, item: appState.breadCrumb[appState.breadCrumb.length - 1] }))));
 };

package/dist/board/components/TicketListItem.js

@@ -1,13 +1,13 @@
 import { Box, Text } from 'ink';
 import React from 'react';
 import { Mode } from '../../navigation/model/action-map.model.js';
-import { navigationState } from '../../navigation/state/state.js';
+import { appState } 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 === Mode.MOVE
+    React.createElement(Text, { color: ticket.isSelected && appState.mode === Mode.MOVE
             ? 'cyan'
             : ticket.isSelected
                 ? 'cyan'
-                : navigationState.mode === Mode.MOVE
+                : appState.mode === Mode.MOVE
                     ? 'gray'
                     : 'white' }, truncateWithEllipsis(ticket.name, width - 6))));

package/dist/board/components/TicketUI.js

@@ -1,6 +1,6 @@
 import { Box, Text } from 'ink';
 import React from 'react';
-export const TicketUI = ({ item, width }) => (React.createElement(Box, { flexDirection: "column", padding: 1, paddingLeft: 2, borderStyle: "round", width: width, minHeight: 16, borderColor: "gray" }, item.children.map(child => (React.createElement(Box, { key: child.id, flexDirection: "row", borderStyle: 'round', borderColor: child.isSelected ? 'cyan' : 'gray', paddingLeft: 1 },
+export const TicketUI = ({ item, width }) => (React.createElement(Box, { flexDirection: "column", padding: 1, paddingLeft: 2, borderStyle: "round", width: width, minHeight: 20, borderColor: "gray" }, item.children.map(child => (React.createElement(Box, { key: child.id, flexDirection: "row", borderStyle: 'round', borderColor: child.isSelected ? 'cyan' : 'gray', paddingLeft: 1 },
     React.createElement(Box, { width: 30 },
         React.createElement(Text, { color: "cyan" },
             child.name,

package/dist/board/hints/hints.d.ts

@@ -1,7 +1,7 @@
 export declare const Hints: {
-    readonly [x: string]: readonly [] | readonly [":h Help", "hjkl: move between swimlanes", "e: enter swimlane", "q: exit"] | readonly ["hjkl: move between tickets", "e: view ticket details", "i: edit", "y: select for yank/move", "q: exit"] | readonly ["q: exit", "I: edit field"] | readonly ["hjkl: move selection", "y: confirm move/yank", "q: exit"];
+    readonly [x: string]: readonly [] | readonly [":h Help", "hjkl: navigate", "enter: confirm"] | readonly ["q: exit"] | readonly ["i: edit", "y: yank/move"] | readonly ["q: exit", "i: edit"] | readonly ["hjkl: move selection", "e/enter: confirm move/yank", "q: exit"] | readonly ["hjkl: move selection", "e/enter: confirm move/yank", "y: confirm move/yank", "q: exit"];
     readonly BOARD: readonly [];
-    readonly SWIMLANE: readonly [":h Help", "hjkl: move between swimlanes", "e: enter swimlane", "q: exit"];
-    readonly TICKET_LIST_ITEM: readonly ["hjkl: move between tickets", "e: view ticket details", "i: edit", "y: select for yank/move", "q: exit"];
-    readonly TICKET: readonly ["q: exit", "I: edit field"];
+    readonly SWIMLANE: readonly [":h Help", "hjkl: navigate", "enter: confirm"];
+    readonly TICKET_LIST_ITEM: readonly ["i: edit", "y: yank/move"];
+    readonly TICKET: readonly ["q: exit", "i: edit"];
 };

package/dist/board/hints/hints.js

@@ -2,27 +2,19 @@ import { Mode } from '../../navigation/model/action-map.model.js';
 import { BoardItemTypes } from '../model/board.model.js';
 export const Hints = {
     [BoardItemTypes.BOARD]: [],
-    [BoardItemTypes.SWIMLANE]: [
-        ':h Help',
-        'hjkl: move between swimlanes',
-        'e: enter swimlane',
-        'q: exit',
-    ],
-    [BoardItemTypes.TICKET_LIST_ITEM]: [
-        'hjkl: move between tickets',
-        'e: view ticket details',
-        'i: edit',
-        'y: select for yank/move',
-        'q: exit',
-    ],
-    [BoardItemTypes.TICKET]: ['q: exit', 'I: edit field'],
+    [BoardItemTypes.SWIMLANE]: [':h Help', 'hjkl: navigate', 'enter: confirm'],
+    [BoardItemTypes.TICKET_LIST_ITEM + Mode.HELP]: ['q: exit'],
+    [BoardItemTypes.SWIMLANE + Mode.HELP]: ['q: exit'],
+    [BoardItemTypes.TICKET_LIST_ITEM]: ['i: edit', 'y: yank/move'],
+    [BoardItemTypes.TICKET]: ['q: exit', 'i: edit'],
     [BoardItemTypes.SWIMLANE + Mode.MOVE]: [
         'hjkl: move selection',
-        'y: confirm move/yank',
+        'e/enter: confirm move/yank',
         'q: exit',
     ],
     [BoardItemTypes.TICKET_LIST_ITEM + Mode.MOVE]: [
         'hjkl: move selection',
+        'e/enter: confirm move/yank',
         'y: confirm move/yank',
         'q: exit',
     ],