@rushinglabs/taskfile 0.2.0

package/dist/tui/TodosPage.js

@@ -0,0 +1,222 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Text, useApp, useInput } from "ink";
+import { addTask, computeProgress, hasSubItems, loadTasks, removeTask, renameList, setPriority, toggleTask, updateTask, } from "../store.js";
+import { TaskList } from "./TaskList.js";
+import { AddTaskInput } from "./AddTaskInput.js";
+import { EditTaskModal } from "./EditTaskModal.js";
+const LIST_HINT = "↑/k ↓/j move · space/enter toggle · a add · s add sub-item · e edit · d delete · r rename list · ←/→ nav focus · Tab switch · Ctrl+N new list · q quit";
+const EDIT_HINT = "tab cycle · space toggle priority · enter save · esc cancel";
+const RENAME_LIST_HINT = "enter save · esc cancel";
+function resolveGroupParentId(tasks, index) {
+    const task = tasks[index];
+    if (!task)
+        return undefined;
+    return task.parentId === null ? task.id : task.parentId;
+}
+export function TodosPage({ visible, active, listId, listName, onListRenamed, setMessage, onNavLockChange, onHintChange, onProgressChange, }) {
+    const { exit } = useApp();
+    const [tasks, setTasks] = useState(() => loadTasks(listId));
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [mode, setMode] = useState("list");
+    const [pendingDeleteId, setPendingDeleteId] = useState(undefined);
+    const [addParentId, setAddParentId] = useState(null);
+    const [editingTaskId, setEditingTaskId] = useState(undefined);
+    const [editValue, setEditValue] = useState("");
+    const [editPriority, setEditPriority] = useState(false);
+    const [editFocus, setEditFocus] = useState("input");
+    useEffect(() => {
+        onNavLockChange(mode === "add" || mode === "edit" || mode === "rename-list");
+        if (active) {
+            onHintChange(mode === "list" ? LIST_HINT : mode === "edit" ? EDIT_HINT : mode === "rename-list" ? RENAME_LIST_HINT : "");
+        }
+    }, [mode, active, onNavLockChange, onHintChange]);
+    useEffect(() => {
+        if (!visible)
+            return;
+        const { done, total } = computeProgress(tasks);
+        onProgressChange({ done, total });
+    }, [tasks, visible, onProgressChange]);
+    function refresh() {
+        setTasks(loadTasks(listId));
+    }
+    function commitEdit() {
+        if (editingTaskId === undefined) {
+            setMode("list");
+            return;
+        }
+        const result = updateTask(editingTaskId, editValue);
+        if (result.status === "blocked") {
+            setMessage(result.reason);
+            return;
+        }
+        if (result.status === "ok") {
+            setPriority(editingTaskId, editPriority);
+            refresh();
+        }
+        setEditingTaskId(undefined);
+        setMode("list");
+    }
+    function cancelEdit() {
+        setEditingTaskId(undefined);
+        setMode("list");
+    }
+    function clampSelection(nextTasks, index) {
+        if (nextTasks.length === 0)
+            return 0;
+        return Math.min(Math.max(index, 0), nextTasks.length - 1);
+    }
+    useInput((input, key) => {
+        setMessage(undefined);
+        if (mode === "add") {
+            if (key.escape) {
+                setMode("list");
+            }
+            return;
+        }
+        if (mode === "edit") {
+            if (key.escape) {
+                cancelEdit();
+                return;
+            }
+            if (key.tab) {
+                const order = ["input", "priority", "save", "cancel"];
+                const delta = key.shift ? -1 : 1;
+                const nextIndex = (order.indexOf(editFocus) + delta + order.length) % order.length;
+                setEditFocus(order[nextIndex]);
+                return;
+            }
+            if (editFocus === "input") {
+                return;
+            }
+            if (editFocus === "priority") {
+                if (input === " " || key.return) {
+                    setEditPriority((p) => !p);
+                }
+                return;
+            }
+            if (key.return) {
+                if (editFocus === "save") {
+                    commitEdit();
+                }
+                else {
+                    cancelEdit();
+                }
+            }
+            return;
+        }
+        if (mode === "rename-list") {
+            if (key.escape) {
+                setMode("list");
+            }
+            return;
+        }
+        if (mode === "confirm-delete") {
+            if (input === "y" || input === "d" || key.return) {
+                if (pendingDeleteId !== undefined) {
+                    const result = removeTask(pendingDeleteId);
+                    if (result.status === "blocked") {
+                        setMessage(result.reason);
+                    }
+                    else {
+                        const nextTasks = loadTasks(listId);
+                        setTasks(nextTasks);
+                        setSelectedIndex((index) => clampSelection(nextTasks, index));
+                    }
+                }
+                setPendingDeleteId(undefined);
+                setMode("list");
+            }
+            else if (input === "n" || key.escape) {
+                setPendingDeleteId(undefined);
+                setMode("list");
+            }
+            return;
+        }
+        // mode === "list"
+        if (input === "q" || key.escape) {
+            exit();
+            return;
+        }
+        if (key.upArrow || input === "k") {
+            setSelectedIndex((index) => clampSelection(tasks, index - 1));
+            return;
+        }
+        if (key.downArrow || input === "j") {
+            setSelectedIndex((index) => clampSelection(tasks, index + 1));
+            return;
+        }
+        if (input === " " || key.return) {
+            const task = tasks[selectedIndex];
+            if (task) {
+                const result = toggleTask(task.id);
+                if (result.status === "blocked") {
+                    setMessage(result.reason);
+                }
+                else {
+                    refresh();
+                }
+            }
+            return;
+        }
+        if (input === "e") {
+            const task = tasks[selectedIndex];
+            if (task) {
+                setEditingTaskId(task.id);
+                setEditValue(task.text);
+                setEditPriority(task.priority);
+                setEditFocus("input");
+                setMode("edit");
+            }
+            return;
+        }
+        if (input === "d" || input === "x") {
+            const task = tasks[selectedIndex];
+            if (task) {
+                if (hasSubItems(task.id)) {
+                    setMessage("Delete all sub-items first.");
+                    return;
+                }
+                setPendingDeleteId(task.id);
+                setMode("confirm-delete");
+            }
+            return;
+        }
+        if (input === "a") {
+            setAddParentId(null);
+            setMode("add");
+            return;
+        }
+        if (input === "s") {
+            const groupParentId = resolveGroupParentId(tasks, selectedIndex);
+            if (groupParentId === undefined) {
+                setMessage("Add a task first before adding sub-items.");
+                return;
+            }
+            setAddParentId(groupParentId);
+            setMode("add");
+            return;
+        }
+        if (input === "r") {
+            setMode("rename-list");
+            return;
+        }
+    }, { isActive: active });
+    const pendingDeleteTask = tasks.find((task) => task.id === pendingDeleteId);
+    if (!visible)
+        return _jsx(_Fragment, {});
+    return (_jsxs(_Fragment, { children: [_jsx(TaskList, { tasks: tasks, selectedIndex: selectedIndex }), mode === "confirm-delete" && pendingDeleteTask && _jsxs(Text, { children: ["Delete \"", pendingDeleteTask.text, "\"? (y/n)"] }), mode === "add" && (_jsx(AddTaskInput, { label: addParentId === null ? "New task: " : "New sub-item: ", onSubmit: (text) => {
+                    addTask(listId, text, addParentId);
+                    refresh();
+                    setMode("list");
+                } })), mode === "rename-list" && (_jsx(AddTaskInput, { label: "Rename list: ", initialValue: listName, onSubmit: (text) => {
+                    const result = renameList(listId, text);
+                    if (result.status === "blocked") {
+                        setMessage(result.reason);
+                    }
+                    else if (result.status === "ok") {
+                        onListRenamed();
+                    }
+                    setMode("list");
+                } })), mode === "edit" && (_jsx(EditTaskModal, { value: editValue, onChange: setEditValue, onSubmit: commitEdit, focus: editFocus, priority: editPriority }))] }));
+}

package/dist/tui/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "ink";
+import { App } from "./App.js";
+import { loadSettings } from "../settings.js";
+import { runStartupSnapshotMaintenance } from "../snapshots.js";
+export async function runTui() {
+    runStartupSnapshotMaintenance(loadSettings());
+    const { waitUntilExit } = render(_jsx(App, {}));
+    await waitUntilExit();
+}

package/dist/tui/theme.js

@@ -0,0 +1,6 @@
+export const theme = {
+    accent: "cyan",
+    navHighlightBg: "blackBright",
+    navHighlightFg: "white",
+    priority: "yellow",
+};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@rushinglabs/taskfile",
+  "version": "0.2.0",
+  "description": "A simple todo list CLI, runnable via npx",
+  "main": "./dist/index.js",
+  "bin": {
+    "taskfile": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsx src/index.ts",
+    "test": "vitest run",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "todo",
+    "cli",
+    "task"
+  ],
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "engines": {
+    "node": ">=22.5.0"
+  },
+  "dependencies": {
+    "commander": "^12.1.0",
+    "ink": "^7.1.1",
+    "react": "^19.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.1",
+    "@types/react": "^19.2.0",
+    "ink-testing-library": "^4.0.0",
+    "ink-text-input": "^6.0.0",
+    "tsx": "^4.23.12",
+    "typescript": "^5.7.3",
+    "vitest": "^4.1.10"
+  }
+}