floq 0.0.1

package/README.ja.md

@@ -0,0 +1,133 @@
+# Floq
+
+[English](./README.md)
+
+MS-DOSスタイルのテーマを備えたターミナルベースのGTD（Getting Things Done）タスクマネージャー。
+
+## 特徴
+
+- **TUIインターフェース**: Ink（CLI用React）で構築されたインタラクティブなターミナルUI
+- **GTDワークフロー**: Inbox、Next Actions、Waiting For、Someday/Maybe
+- **プロジェクト**: タスクをプロジェクトに整理
+- **テーマ**: MS-DOSノスタルジックスタイルを含む複数テーマ
+- **多言語対応**: 英語・日本語サポート
+- **Vimスタイルナビゲーション**: hjklまたは矢印キーで操作
+
+## インストール
+
+```bash
+npm install
+npm run build
+npm link
+```
+
+## 使い方
+
+### TUIモード
+
+```bash
+floq
+```
+
+### キーボードショートカット
+
+| キー | アクション |
+|------|-----------|
+| `1-5` | タブ切り替え |
+| `h/l` または `←/→` | 前/次のタブ |
+| `j/k` または `↑/↓` | タスク選択 |
+| `a` | タスク追加 |
+| `d` | 完了にする |
+| `n` | Next Actionsに移動 |
+| `s` | Someday/Maybeに移動 |
+| `i` | Inboxに移動 |
+| `p` | プロジェクトに変換 |
+| `P` | プロジェクトに紐付け |
+| `Enter` | プロジェクトを開く（Projectsタブ） |
+| `Esc/b` | プロジェクトから戻る |
+| `r` | 更新 |
+| `?` | ヘルプ |
+| `q` | 終了 |
+
+### CLIコマンド
+
+```bash
+# タスク追加
+floq add "タスクのタイトル"
+floq add "タスクのタイトル" -p "プロジェクト名"
+
+# タスク一覧
+floq list              # 未完了タスク全て
+floq list inbox        # Inboxのみ
+floq list next         # Next actions
+floq list waiting      # Waiting for
+floq list someday      # Someday/maybe
+floq list projects     # プロジェクト
+
+# タスク移動
+floq move <id> next
+floq move <id> waiting "担当者名"
+floq move <id> someday
+
+# タスク完了
+floq done <id>
+
+# プロジェクト
+floq project add "プロジェクト名"
+floq project list
+floq project show <id>
+floq project complete <id>
+```
+
+## 設定
+
+```bash
+# 設定表示
+floq config show
+
+# 言語設定
+floq config lang en    # 英語
+floq config lang ja    # 日本語
+
+# テーマ設定
+floq config theme modern           # デフォルト
+floq config theme norton-commander # MS-DOSスタイル
+floq config theme dos-prompt       # 緑テキスト
+floq config theme turbo-pascal     # IDEスタイル
+
+# データベースパス設定
+floq config db /path/to/custom.db
+floq config db                     # デフォルトに戻す
+```
+
+## テーマ
+
+### modern（デフォルト）
+シンプルでクリーンなスタイル。シングルボーダー。
+
+### norton-commander
+- ダブルラインボーダー（╔═╗║╚═╝）
+- 大文字ヘッダー
+- 画面下部にファンクションキーバー
+- シアン/黄色のカラースキーム
+
+### dos-prompt
+- シングルラインボーダー
+- 緑テキスト（CRTモニター風）
+- シンプルな `>` 選択インジケータ
+
+### turbo-pascal
+- ダブルラインボーダー
+- 黄色のアクセント
+- IDE風の外観
+
+> **注意**: 背景色はターミナルの設定に依存します。完全なDOS体験のためには、ターミナルの背景色を青（#0000AA）に設定してください。
+
+## データ保存場所
+
+- 設定: `~/.config/gtd-cli/config.json`
+- データベース: `~/.local/share/gtd-cli/gtd.db`
+
+## ライセンス
+
+MIT

package/README.md

@@ -0,0 +1,133 @@
+# Floq
+
+[日本語](./README.ja.md)
+
+A terminal-based GTD (Getting Things Done) task manager with MS-DOS style themes.
+
+## Features
+
+- **TUI Interface**: Interactive terminal UI built with Ink (React for CLI)
+- **GTD Workflow**: Inbox, Next Actions, Waiting For, Someday/Maybe
+- **Projects**: Organize tasks into projects
+- **Themes**: Multiple themes including MS-DOS nostalgic styles
+- **i18n**: English and Japanese support
+- **Vim-style Navigation**: Use hjkl or arrow keys
+
+## Installation
+
+```bash
+npm install
+npm run build
+npm link
+```
+
+## Usage
+
+### TUI Mode
+
+```bash
+floq
+```
+
+### Keyboard Shortcuts
+
+| Key | Action |
+|-----|--------|
+| `1-5` | Switch tabs |
+| `h/l` or `←/→` | Previous/Next tab |
+| `j/k` or `↑/↓` | Navigate tasks |
+| `a` | Add task |
+| `d` | Mark as done |
+| `n` | Move to Next Actions |
+| `s` | Move to Someday/Maybe |
+| `i` | Move to Inbox |
+| `p` | Convert to project |
+| `P` | Link to project |
+| `Enter` | Open project (on Projects tab) |
+| `Esc/b` | Back from project |
+| `r` | Refresh |
+| `?` | Help |
+| `q` | Quit |
+
+### CLI Commands
+
+```bash
+# Add task
+floq add "Task title"
+floq add "Task title" -p "Project name"
+
+# List tasks
+floq list              # All non-done tasks
+floq list inbox        # Inbox only
+floq list next         # Next actions
+floq list waiting      # Waiting for
+floq list someday      # Someday/maybe
+floq list projects     # Projects
+
+# Move task
+floq move <id> next
+floq move <id> waiting "Person name"
+floq move <id> someday
+
+# Complete task
+floq done <id>
+
+# Projects
+floq project add "Project name"
+floq project list
+floq project show <id>
+floq project complete <id>
+```
+
+## Configuration
+
+```bash
+# Show configuration
+floq config show
+
+# Set language
+floq config lang en    # English
+floq config lang ja    # Japanese
+
+# Set theme
+floq config theme modern           # Default
+floq config theme norton-commander # MS-DOS style
+floq config theme dos-prompt       # Green on black
+floq config theme turbo-pascal     # IDE style
+
+# Set database path
+floq config db /path/to/custom.db
+floq config db                     # Reset to default
+```
+
+## Themes
+
+### modern (default)
+Clean, minimal style with single borders.
+
+### norton-commander
+- Double-line borders (╔═╗║╚═╝)
+- Uppercase headers
+- Function key bar at bottom
+- Cyan/yellow color scheme
+
+### dos-prompt
+- Single-line borders
+- Green text (CRT monitor style)
+- Simple `>` selection indicator
+
+### turbo-pascal
+- Double-line borders
+- Yellow accents
+- IDE-style appearance
+
+> **Note**: Background colors depend on your terminal settings. For the full DOS experience, configure your terminal's background color to blue (#0000AA).
+
+## Data Storage
+
+- Config: `~/.config/gtd-cli/config.json`
+- Database: `~/.local/share/gtd-cli/gtd.db`
+
+## License
+
+MIT

package/dist/cli.d.ts

@@ -0,0 +1,3 @@
+import { Command } from 'commander';
+declare const program: Command;
+export { program };

package/dist/cli.js

@@ -0,0 +1,124 @@
+import { Command } from 'commander';
+import { render } from 'ink';
+import React from 'react';
+import { App } from './ui/App.js';
+import { addTask } from './commands/add.js';
+import { listTasks, listProjects } from './commands/list.js';
+import { moveTask } from './commands/move.js';
+import { markDone } from './commands/done.js';
+import { addProject, listProjectsCommand, showProject, completeProject, } from './commands/project.js';
+import { showConfig, setLanguage, setDbPath, resetDbPath, setTheme, selectTheme } from './commands/config.js';
+import { VERSION } from './version.js';
+const program = new Command();
+program
+    .name('floq')
+    .description('Floq - Flow your tasks, clear your mind')
+    .version(VERSION);
+// Default command - launch TUI
+program
+    .action(() => {
+    render(React.createElement(App));
+});
+// Add task
+program
+    .command('add <title>')
+    .description('Add a new task to Inbox')
+    .option('-p, --project <name>', 'Add to a specific project')
+    .option('-d, --description <text>', 'Add a description')
+    .action(async (title, options) => {
+    await addTask(title, options);
+});
+// List tasks
+program
+    .command('list [status]')
+    .description('List tasks (inbox, next, waiting, someday, done, projects, all)')
+    .action(async (status) => {
+    if (status === 'projects') {
+        await listProjects();
+    }
+    else {
+        await listTasks(status);
+    }
+});
+// Move task
+program
+    .command('move <id> <status> [waitingFor]')
+    .description('Move a task to another list (inbox, next, waiting, someday)')
+    .action(async (id, status, waitingFor) => {
+    await moveTask(id, status, waitingFor);
+});
+// Mark task as done
+program
+    .command('done <id>')
+    .description('Mark a task as done')
+    .action(async (id) => {
+    await markDone(id);
+});
+// Project commands
+const projectCmd = program
+    .command('project')
+    .description('Project management commands');
+projectCmd
+    .command('add <name>')
+    .description('Create a new project')
+    .option('-d, --description <text>', 'Add a description')
+    .action(async (name, options) => {
+    await addProject(name, options);
+});
+projectCmd
+    .command('list')
+    .description('List all projects')
+    .action(async () => {
+    await listProjectsCommand();
+});
+projectCmd
+    .command('show <id>')
+    .description('Show project details and tasks')
+    .action(async (id) => {
+    await showProject(id);
+});
+projectCmd
+    .command('complete <id>')
+    .description('Mark a project as completed')
+    .action(async (id) => {
+    await completeProject(id);
+});
+// Config commands
+const configCmd = program
+    .command('config')
+    .description('Configuration commands');
+configCmd
+    .command('show')
+    .description('Show current configuration')
+    .action(async () => {
+    await showConfig();
+});
+configCmd
+    .command('lang <locale>')
+    .description('Set language (en, ja)')
+    .action(async (locale) => {
+    await setLanguage(locale);
+});
+configCmd
+    .command('db [path]')
+    .description('Set database path (omit path to reset to default)')
+    .action(async (path) => {
+    if (path) {
+        await setDbPath(path);
+    }
+    else {
+        await resetDbPath();
+    }
+});
+configCmd
+    .command('theme [name]')
+    .description('Set UI theme (interactive if no name provided)')
+    .action(async (name) => {
+    if (name) {
+        await setTheme(name);
+    }
+    else {
+        await selectTheme();
+    }
+});
+export { program };

package/dist/commands/add.d.ts

@@ -0,0 +1,6 @@
+interface AddOptions {
+    project?: string;
+    description?: string;
+}
+export declare function addTask(title: string, options: AddOptions): Promise<void>;
+export {};

package/dist/commands/add.js

@@ -0,0 +1,36 @@
+import { v4 as uuidv4 } from 'uuid';
+import { eq, and } from 'drizzle-orm';
+import { getDb, schema } from '../db/index.js';
+import { t, fmt } from '../i18n/index.js';
+export async function addTask(title, options) {
+    const db = getDb();
+    const now = new Date();
+    const i18n = t();
+    let parentId;
+    if (options.project) {
+        const project = db
+            .select()
+            .from(schema.tasks)
+            .where(and(eq(schema.tasks.isProject, true), eq(schema.tasks.title, options.project)))
+            .get();
+        if (!project) {
+            console.error(fmt(i18n.commands.add.projectNotFound, { project: options.project }));
+            process.exit(1);
+        }
+        parentId = project.id;
+    }
+    const task = {
+        id: uuidv4(),
+        title,
+        description: options.description,
+        status: 'inbox',
+        parentId,
+        createdAt: now,
+        updatedAt: now,
+    };
+    db.insert(schema.tasks).values(task).run();
+    console.log(fmt(i18n.commands.add.success, { title }));
+    if (parentId) {
+        console.log(fmt(i18n.commands.add.withProject, { project: options.project }));
+    }
+}

package/dist/commands/config.d.ts

@@ -0,0 +1,6 @@
+export declare function showConfig(): Promise<void>;
+export declare function setLanguage(locale: string): Promise<void>;
+export declare function setDbPath(dbPath: string): Promise<void>;
+export declare function resetDbPath(): Promise<void>;
+export declare function setTheme(theme: string): Promise<void>;
+export declare function selectTheme(): Promise<void>;

package/dist/commands/config.js

@@ -0,0 +1,73 @@
+import { render } from 'ink';
+import React from 'react';
+import { loadConfig, saveConfig, getDbPath } from '../config.js';
+import { CONFIG_FILE } from '../paths.js';
+import { ThemeSelector } from '../ui/ThemeSelector.js';
+const VALID_LOCALES = ['en', 'ja'];
+const VALID_THEMES = ['modern', 'norton-commander', 'dos-prompt', 'turbo-pascal'];
+export async function showConfig() {
+    const config = loadConfig();
+    console.log('GTD CLI Configuration');
+    console.log('─'.repeat(40));
+    console.log(`Config file: ${CONFIG_FILE}`);
+    console.log(`Language: ${config.locale}`);
+    console.log(`Database: ${getDbPath()}`);
+    console.log(`Theme: ${config.theme || 'modern'}`);
+    if (config.db_path) {
+        console.log(`  (custom: ${config.db_path})`);
+    }
+}
+export async function setLanguage(locale) {
+    if (!VALID_LOCALES.includes(locale)) {
+        console.error(`Invalid locale: ${locale}`);
+        console.error(`Valid locales: ${VALID_LOCALES.join(', ')}`);
+        process.exit(1);
+    }
+    saveConfig({ locale: locale });
+    const messages = {
+        en: 'Language set to English',
+        ja: '言語を日本語に設定しました',
+    };
+    console.log(messages[locale]);
+}
+export async function setDbPath(dbPath) {
+    saveConfig({ db_path: dbPath });
+    console.log(`Database path set to: ${getDbPath()}`);
+}
+export async function resetDbPath() {
+    saveConfig({ db_path: undefined });
+    console.log(`Database path reset to default: ${getDbPath()}`);
+}
+export async function setTheme(theme) {
+    if (!VALID_THEMES.includes(theme)) {
+        console.error(`Invalid theme: ${theme}`);
+        console.error(`Valid themes: ${VALID_THEMES.join(', ')}`);
+        process.exit(1);
+    }
+    saveConfig({ theme: theme });
+    const messages = {
+        'modern': 'Theme set to Modern',
+        'norton-commander': 'Theme set to Norton Commander (MS-DOS style)',
+        'dos-prompt': 'Theme set to DOS Prompt (green on black)',
+        'turbo-pascal': 'Theme set to Turbo Pascal IDE',
+    };
+    console.log(messages[theme]);
+}
+export async function selectTheme() {
+    return new Promise((resolve) => {
+        const { unmount } = render(React.createElement(ThemeSelector, {
+            onSelect: (theme) => {
+                unmount();
+                saveConfig({ theme });
+                const messages = {
+                    'modern': 'Theme set to Modern',
+                    'norton-commander': 'Theme set to Norton Commander (MS-DOS style)',
+                    'dos-prompt': 'Theme set to DOS Prompt (green on black)',
+                    'turbo-pascal': 'Theme set to Turbo Pascal IDE',
+                };
+                console.log(messages[theme]);
+                resolve();
+            },
+        }));
+    });
+}

package/dist/commands/done.d.ts

@@ -0,0 +1 @@
+export declare function markDone(taskId: string): Promise<void>;

package/dist/commands/done.js

@@ -0,0 +1,37 @@
+import { eq, like } from 'drizzle-orm';
+import { getDb, schema } from '../db/index.js';
+import { t, fmt } from '../i18n/index.js';
+export async function markDone(taskId) {
+    const db = getDb();
+    const i18n = t();
+    // Find task by ID prefix
+    const tasks = db
+        .select()
+        .from(schema.tasks)
+        .where(like(schema.tasks.id, `${taskId}%`))
+        .all();
+    if (tasks.length === 0) {
+        console.error(fmt(i18n.commands.done.notFound, { id: taskId }));
+        process.exit(1);
+    }
+    if (tasks.length > 1) {
+        console.error(fmt(i18n.commands.done.multipleMatch, { id: taskId }));
+        for (const task of tasks) {
+            console.error(`  [${task.id.slice(0, 8)}] ${task.title}`);
+        }
+        process.exit(1);
+    }
+    const task = tasks[0];
+    if (task.status === 'done') {
+        console.log(fmt(i18n.commands.done.alreadyDone, { title: task.title }));
+        return;
+    }
+    db.update(schema.tasks)
+        .set({
+        status: 'done',
+        updatedAt: new Date(),
+    })
+        .where(eq(schema.tasks.id, task.id))
+        .run();
+    console.log(fmt(i18n.commands.done.success, { title: task.title }));
+}

package/dist/commands/list.d.ts

@@ -0,0 +1,2 @@
+export declare function listTasks(status?: string): Promise<void>;
+export declare function listProjects(): Promise<void>;

package/dist/commands/list.js

@@ -0,0 +1,96 @@
+import { eq } from 'drizzle-orm';
+import { getDb, schema } from '../db/index.js';
+import { t, fmt } from '../i18n/index.js';
+export async function listTasks(status) {
+    const db = getDb();
+    const i18n = t();
+    if (status && status !== 'all') {
+        const validStatuses = ['inbox', 'next', 'waiting', 'someday', 'done'];
+        if (!validStatuses.includes(status)) {
+            console.error(fmt(i18n.commands.list.invalidStatus, { status }));
+            console.error(fmt(i18n.commands.list.validStatuses, { statuses: validStatuses.join(', ') }));
+            process.exit(1);
+        }
+        const tasks = db
+            .select()
+            .from(schema.tasks)
+            .where(eq(schema.tasks.status, status))
+            .all();
+        console.log(`\n${i18n.status[status]} (${tasks.length})`);
+        console.log('─'.repeat(40));
+        if (tasks.length === 0) {
+            console.log(`  ${i18n.commands.list.noTasks}`);
+        }
+        else {
+            for (const task of tasks) {
+                const shortId = task.id.slice(0, 8);
+                let line = `  [${shortId}] ${task.title}`;
+                if (task.waitingFor) {
+                    line += ` (${i18n.status.waiting.toLowerCase()}: ${task.waitingFor})`;
+                }
+                if (task.dueDate) {
+                    line += ` (due: ${task.dueDate.toLocaleDateString()})`;
+                }
+                console.log(line);
+            }
+        }
+        console.log();
+        return;
+    }
+    // Show all lists
+    const statuses = ['inbox', 'next', 'waiting', 'someday'];
+    for (const s of statuses) {
+        const tasks = db
+            .select()
+            .from(schema.tasks)
+            .where(eq(schema.tasks.status, s))
+            .all();
+        console.log(`\n${i18n.status[s]} (${tasks.length})`);
+        console.log('─'.repeat(40));
+        if (tasks.length === 0) {
+            console.log(`  ${i18n.commands.list.noTasks}`);
+        }
+        else {
+            for (const task of tasks) {
+                const shortId = task.id.slice(0, 8);
+                let line = `  [${shortId}] ${task.title}`;
+                if (task.waitingFor) {
+                    line += ` (${i18n.status.waiting.toLowerCase()}: ${task.waitingFor})`;
+                }
+                console.log(line);
+            }
+        }
+    }
+    console.log();
+}
+export async function listProjects() {
+    const db = getDb();
+    const i18n = t();
+    const projects = db
+        .select()
+        .from(schema.tasks)
+        .where(eq(schema.tasks.isProject, true))
+        .all()
+        .filter(p => p.status !== 'done');
+    console.log(`\n${i18n.projectStatus.active} (${projects.length})`);
+    console.log('─'.repeat(40));
+    if (projects.length === 0) {
+        console.log(`  ${i18n.commands.list.noProjects}`);
+    }
+    else {
+        for (const project of projects) {
+            const childTasks = db
+                .select()
+                .from(schema.tasks)
+                .where(eq(schema.tasks.parentId, project.id))
+                .all();
+            const activeTasks = childTasks.filter(t => t.status !== 'done').length;
+            const shortId = project.id.slice(0, 8);
+            console.log(`  [${shortId}] ${project.title} (${fmt(i18n.commands.list.tasks, { count: activeTasks })})`);
+            if (project.description) {
+                console.log(`            ${project.description}`);
+            }
+        }
+    }
+    console.log();
+}

package/dist/commands/move.d.ts

@@ -0,0 +1 @@
+export declare function moveTask(taskId: string, targetStatus: string, waitingFor?: string): Promise<void>;