floq 0.0.1

package/dist/ui/components/HelpModal.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { t } from '../../i18n/index.js';
+import { useTheme } from '../theme/index.js';
+export function HelpModal({ onClose }) {
+    const i18n = t();
+    const help = i18n.tui.help;
+    const theme = useTheme();
+    const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.modal, borderColor: theme.colors.borderActive, paddingX: 2, paddingY: 1, children: [_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.secondary, children: formatTitle(help.title) }) }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.navigation) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "1-5" }), "      ", help.tabSwitch] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "h/l \u2190/\u2192" }), "  ", help.prevNextTab] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "j/k \u2191/\u2193" }), "  ", help.taskSelect] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.actions) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "a" }), "        ", help.addTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "d" }), "        ", help.completeTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "n" }), "        ", help.moveToNext] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "s" }), "        ", help.moveToSomeday] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "i" }), "        ", help.moveToInbox] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "r" }), "        ", help.refresh] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.projects) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "p" }), "        ", help.makeProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "P" }), "        ", help.linkToProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Enter" }), "    ", help.openProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Esc/b" }), "    ", help.backFromProject] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.other) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "?" }), "        ", help.showHelp] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "q" }), "        ", help.quit] })] })] }), _jsx(Box, { justifyContent: "center", marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: help.closeHint }) })] }));
+}

package/dist/ui/components/StatusBadge.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { TaskStatus } from '../../db/schema.js';
+interface StatusBadgeProps {
+    status: TaskStatus;
+}
+export declare function StatusBadge({ status }: StatusBadgeProps): React.ReactElement;
+export {};

package/dist/ui/components/StatusBadge.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { t } from '../../i18n/index.js';
+import { useTheme } from '../theme/index.js';
+export function StatusBadge({ status }) {
+    const i18n = t();
+    const theme = useTheme();
+    const statusColors = {
+        inbox: theme.colors.statusInbox,
+        next: theme.colors.statusNext,
+        waiting: theme.colors.statusWaiting,
+        someday: theme.colors.statusSomeday,
+        done: theme.colors.statusDone,
+    };
+    return (_jsx(Text, { color: statusColors[status], bold: true, children: i18n.status[status] }));
+}

package/dist/ui/components/TaskItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Task } from '../../db/schema.js';
+interface TaskItemProps {
+    task: Task;
+    isSelected: boolean;
+    projectName?: string;
+}
+export declare function TaskItem({ task, isSelected, projectName }: TaskItemProps): React.ReactElement;
+export {};

package/dist/ui/components/TaskItem.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { t } from '../../i18n/index.js';
+import { useTheme } from '../theme/index.js';
+export function TaskItem({ task, isSelected, projectName }) {
+    const shortId = task.id.slice(0, 8);
+    const i18n = t();
+    const theme = useTheme();
+    return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix, "[", shortId, "] ", task.title, projectName && (_jsxs(Text, { color: theme.colors.statusSomeday, children: [" @", projectName] })), task.waitingFor && (_jsxs(Text, { color: theme.colors.statusWaiting, children: [" (", i18n.status.waiting.toLowerCase(), ": ", task.waitingFor, ")"] })), task.dueDate && (_jsxs(Text, { color: theme.colors.accent, children: [" (due: ", task.dueDate.toLocaleDateString(), ")"] }))] }) }));
+}

package/dist/ui/theme/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Theme, ThemeName } from './types.js';
+export type { Theme, ThemeName, ThemeColors, ThemeBorders, ThemeStyle, BorderStyleType } from './types.js';
+export { themes, VALID_THEMES, getTheme, isValidTheme } from './themes.js';
+export interface ThemeProviderProps {
+    themeName: ThemeName;
+    children: React.ReactNode;
+}
+export declare function ThemeProvider({ themeName, children }: ThemeProviderProps): React.ReactElement;
+export declare function useTheme(): Theme;

package/dist/ui/theme/index.js

@@ -0,0 +1,11 @@
+import React, { createContext, useContext } from 'react';
+import { getTheme, modernTheme } from './themes.js';
+export { themes, VALID_THEMES, getTheme, isValidTheme } from './themes.js';
+const ThemeContext = createContext(modernTheme);
+export function ThemeProvider({ themeName, children }) {
+    const theme = getTheme(themeName);
+    return React.createElement(ThemeContext.Provider, { value: theme }, children);
+}
+export function useTheme() {
+    return useContext(ThemeContext);
+}

package/dist/ui/theme/themes.d.ts

@@ -0,0 +1,9 @@
+import type { Theme, ThemeName } from './types.js';
+export declare const modernTheme: Theme;
+export declare const nortonCommanderTheme: Theme;
+export declare const dosPromptTheme: Theme;
+export declare const turboPascalTheme: Theme;
+export declare const themes: Record<ThemeName, Theme>;
+export declare const VALID_THEMES: ThemeName[];
+export declare function getTheme(name: ThemeName): Theme;
+export declare function isValidTheme(name: string): name is ThemeName;

package/dist/ui/theme/themes.js

@@ -0,0 +1,163 @@
+export const modernTheme = {
+    name: 'modern',
+    displayName: 'Modern',
+    colors: {
+        primary: 'green',
+        secondary: 'cyan',
+        accent: 'yellow',
+        muted: 'gray',
+        border: 'gray',
+        borderActive: 'cyan',
+        statusInbox: 'blue',
+        statusNext: 'green',
+        statusWaiting: 'yellow',
+        statusSomeday: 'magenta',
+        statusDone: 'gray',
+        text: 'white',
+        textMuted: 'gray',
+        textSelected: 'cyan',
+        textHighlight: 'green',
+        fnKeyLabel: 'black',
+        fnKeyText: 'cyan',
+    },
+    borders: {
+        main: 'single',
+        modal: 'round',
+        list: 'single',
+    },
+    style: {
+        selectedPrefix: '› ',
+        unselectedPrefix: '  ',
+        tabActiveInverse: true,
+        tabBrackets: ['', ''],
+        headerUppercase: false,
+        showFunctionKeys: false,
+        loadingChars: ['▪', '▫'],
+    },
+};
+export const nortonCommanderTheme = {
+    name: 'norton-commander',
+    displayName: 'Norton Commander',
+    colors: {
+        primary: 'cyan',
+        secondary: 'yellow',
+        accent: 'white',
+        muted: 'blue',
+        border: 'cyan',
+        borderActive: 'yellow',
+        background: 'blue',
+        statusInbox: 'white',
+        statusNext: 'green',
+        statusWaiting: 'yellow',
+        statusSomeday: 'magenta',
+        statusDone: 'gray',
+        text: 'cyan',
+        textMuted: 'blue',
+        textSelected: 'yellow',
+        textHighlight: 'white',
+        fnKeyLabel: 'black',
+        fnKeyText: 'cyan',
+    },
+    borders: {
+        main: 'double',
+        modal: 'double',
+        list: 'double',
+    },
+    style: {
+        selectedPrefix: '► ',
+        unselectedPrefix: '  ',
+        tabActiveInverse: true,
+        tabBrackets: ['[', ']'],
+        headerUppercase: true,
+        showFunctionKeys: true,
+        loadingChars: ['█', '░'],
+    },
+};
+export const dosPromptTheme = {
+    name: 'dos-prompt',
+    displayName: 'DOS Prompt',
+    colors: {
+        primary: 'green',
+        secondary: 'green',
+        accent: 'white',
+        muted: 'gray',
+        border: 'green',
+        borderActive: 'white',
+        statusInbox: 'white',
+        statusNext: 'green',
+        statusWaiting: 'yellow',
+        statusSomeday: 'gray',
+        statusDone: 'gray',
+        text: 'green',
+        textMuted: 'gray',
+        textSelected: 'white',
+        textHighlight: 'green',
+        fnKeyLabel: 'green',
+        fnKeyText: 'white',
+    },
+    borders: {
+        main: 'single',
+        modal: 'single',
+        list: 'single',
+    },
+    style: {
+        selectedPrefix: '> ',
+        unselectedPrefix: '  ',
+        tabActiveInverse: false,
+        tabBrackets: ['<', '>'],
+        headerUppercase: true,
+        showFunctionKeys: true,
+        loadingChars: ['#', '-'],
+    },
+};
+export const turboPascalTheme = {
+    name: 'turbo-pascal',
+    displayName: 'Turbo Pascal IDE',
+    colors: {
+        primary: 'yellow',
+        secondary: 'white',
+        accent: 'red',
+        muted: 'cyan',
+        border: 'white',
+        borderActive: 'yellow',
+        background: 'blue',
+        statusInbox: 'white',
+        statusNext: 'yellow',
+        statusWaiting: 'red',
+        statusSomeday: 'cyan',
+        statusDone: 'gray',
+        text: 'white',
+        textMuted: 'cyan',
+        textSelected: 'yellow',
+        textHighlight: 'white',
+        fnKeyLabel: 'red',
+        fnKeyText: 'cyan',
+    },
+    borders: {
+        main: 'double',
+        modal: 'double',
+        list: 'single',
+    },
+    style: {
+        selectedPrefix: '» ',
+        unselectedPrefix: '  ',
+        tabActiveInverse: true,
+        tabBrackets: ['[', ']'],
+        headerUppercase: true,
+        showFunctionKeys: true,
+        loadingChars: ['█', '▒'],
+    },
+};
+export const themes = {
+    'modern': modernTheme,
+    'norton-commander': nortonCommanderTheme,
+    'dos-prompt': dosPromptTheme,
+    'turbo-pascal': turboPascalTheme,
+};
+export const VALID_THEMES = ['modern', 'norton-commander', 'dos-prompt', 'turbo-pascal'];
+export function getTheme(name) {
+    return themes[name] || modernTheme;
+}
+export function isValidTheme(name) {
+    return VALID_THEMES.includes(name);
+}

package/dist/ui/theme/types.d.ts

@@ -0,0 +1,43 @@
+export type ThemeName = 'modern' | 'norton-commander' | 'dos-prompt' | 'turbo-pascal';
+export type BorderStyleType = 'single' | 'double' | 'round' | 'bold' | 'singleDouble' | 'doubleSingle' | 'classic';
+export interface ThemeColors {
+    primary: string;
+    secondary: string;
+    accent: string;
+    muted: string;
+    border: string;
+    borderActive: string;
+    background?: string;
+    statusInbox: string;
+    statusNext: string;
+    statusWaiting: string;
+    statusSomeday: string;
+    statusDone: string;
+    text: string;
+    textMuted: string;
+    textSelected: string;
+    textHighlight: string;
+    fnKeyLabel: string;
+    fnKeyText: string;
+}
+export interface ThemeBorders {
+    main: BorderStyleType;
+    modal: BorderStyleType;
+    list: BorderStyleType;
+}
+export interface ThemeStyle {
+    selectedPrefix: string;
+    unselectedPrefix: string;
+    tabActiveInverse: boolean;
+    tabBrackets: [string, string];
+    headerUppercase: boolean;
+    showFunctionKeys: boolean;
+    loadingChars: [string, string];
+}
+export interface Theme {
+    name: ThemeName;
+    displayName: string;
+    colors: ThemeColors;
+    borders: ThemeBorders;
+    style: ThemeStyle;
+}

package/dist/ui/theme/types.js

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

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const VERSION: string;

package/dist/version.js

@@ -0,0 +1,7 @@
+import { createRequire } from 'module';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+const require = createRequire(import.meta.url);
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkg = require(join(__dirname, '..', 'package.json'));
+export const VERSION = pkg.version;

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "floq",
+  "version": "0.0.1",
+  "description": "Floq - Getting Things Done Task Manager with MS-DOS style themes",
+  "type": "module",
+  "main": "dist/index.js",
+  "bin": {
+    "floq": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "start": "node dist/index.js",
+    "prepublishOnly": "npm run build",
+    "db:generate": "drizzle-kit generate",
+    "db:migrate": "drizzle-kit migrate"
+  },
+  "keywords": [
+    "gtd",
+    "task",
+    "todo",
+    "cli",
+    "tui",
+    "terminal",
+    "dos",
+    "retro"
+  ],
+  "author": "polidog",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/polidog/gtd-cli.git"
+  },
+  "homepage": "https://github.com/polidog/gtd-cli#readme",
+  "dependencies": {
+    "better-sqlite3": "^11.7.0",
+    "commander": "^13.1.0",
+    "drizzle-orm": "^0.39.1",
+    "@inkjs/ui": "^2.0.0",
+    "ink": "^5.1.0",
+    "ink-text-input": "^6.0.0",
+    "react": "^18.3.1",
+    "uuid": "^11.0.5"
+  },
+  "devDependencies": {
+    "@types/better-sqlite3": "^7.6.12",
+    "@types/node": "^22.10.7",
+    "@types/react": "^18.3.18",
+    "@types/uuid": "^10.0.0",
+    "drizzle-kit": "^0.30.4",
+    "typescript": "^5.7.3"
+  }
+}