openmemo 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 arkjun
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.ja.md

@@ -0,0 +1,96 @@
+# openmemo
+
+mattn/memo に着想を得た OpenTUI ベースのメモアプリです。
+
+## 特長
+- ターミナル UI でメモを閲覧・開く。
+- new / list / edit / delete / grep / cat コマンドに対応。
+- title, date, tags を含む軽量なフロントマター付き Markdown 保存。
+- 環境変数でエディタを指定可能。
+
+## 要件
+- `readline/promises` をサポートする Node.js（Node 17+）。
+
+## インストール
+```bash
+npm install
+npm run build
+```
+
+CLI を有効化:
+```bash
+npm link
+# または
+npm install -g .
+```
+
+## 使い方
+TUI を起動:
+```bash
+openmemo
+```
+
+メモを作成:
+```bash
+openmemo new
+```
+
+その他のコマンド:
+```bash
+openmemo list
+openmemo edit <query>
+openmemo delete <query>
+openmemo grep <pattern>
+openmemo cat <query>
+openmemo help
+```
+
+メモ:
+- `<query>` はメモの id またはタイトル（部分一致）で検索します。複数一致した場合は選択を促します。
+- `grep` は有効な場合は大文字小文字を無視した JavaScript 正規表現、無効な場合は大文字小文字を無視した部分一致検索として動作します。
+- TUI 終了: `q` または `Esc`。
+
+## 設定
+環境変数:
+- `OPEN_MEMO_DIR`: メモ保存ディレクトリを指定。
+- `OPEN_MEMO_EDITOR`: 使用するエディタのコマンド。
+- `VISUAL` / `EDITOR`: `OPEN_MEMO_EDITOR` が未設定の場合のフォールバック。
+
+エディタ優先順位:
+1. `OPEN_MEMO_EDITOR`
+2. `VISUAL`
+3. `EDITOR`
+4. `vi`
+
+## データ保存
+デフォルト保存先:
+```
+~/.openmemo/memos
+```
+
+ファイル名形式:
+```
+YYYY-MM-DD-<slug>.md
+```
+
+テンプレート例:
+```markdown
+---
+title: Your Title
+date: 2026-01-29 12:34
+tags: tag1, tag2
+---
+
+# Your Title
+```
+
+## 開発
+ビルド:
+```bash
+npm run build
+```
+
+ソースから実行:
+```bash
+npm start
+```

package/README.ko.md

@@ -0,0 +1,96 @@
+# openmemo
+
+mattn/memo에서 영감을 받은 OpenTUI 기반 메모 앱입니다.
+
+## 주요 기능
+- 터미널 UI로 메모 목록을 탐색하고 열기.
+- new, list, edit, delete, grep, cat 명령 지원.
+- title, date, tags를 포함한 가벼운 프런트매터로 Markdown 저장.
+- 환경 변수로 에디터 지정.
+
+## 요구사항
+- `readline/promises`를 지원하는 Node.js (Node 17+).
+
+## 설치
+```bash
+npm install
+npm run build
+```
+
+CLI 노출:
+```bash
+npm link
+# 또는
+npm install -g .
+```
+
+## 사용 방법
+TUI 실행:
+```bash
+openmemo
+```
+
+메모 생성:
+```bash
+openmemo new
+```
+
+기타 명령:
+```bash
+openmemo list
+openmemo edit <query>
+openmemo delete <query>
+openmemo grep <pattern>
+openmemo cat <query>
+openmemo help
+```
+
+참고:
+- `<query>`는 메모 id 또는 제목(부분 일치)을 기준으로 검색합니다. 여러 개가 일치하면 선택을 요청합니다.
+- `grep`는 유효한 경우 대소문자 무시 JavaScript 정규식을 사용하고, 그렇지 않으면 대소문자 무시 부분 문자열 검색으로 동작합니다.
+- TUI 종료: `q` 또는 `Esc`.
+
+## 설정
+환경 변수:
+- `OPEN_MEMO_DIR`: 메모 저장 경로를 지정합니다.
+- `OPEN_MEMO_EDITOR`: 선호하는 에디터 명령.
+- `VISUAL` / `EDITOR`: `OPEN_MEMO_EDITOR`가 없을 때의 대안.
+
+에디터 우선순위:
+1. `OPEN_MEMO_EDITOR`
+2. `VISUAL`
+3. `EDITOR`
+4. `vi`
+
+## 데이터 저장
+기본 경로:
+```
+~/.openmemo/memos
+```
+
+파일 이름 형식:
+```
+YYYY-MM-DD-<slug>.md
+```
+
+템플릿 예시:
+```markdown
+---
+title: Your Title
+date: 2026-01-29 12:34
+tags: tag1, tag2
+---
+
+# Your Title
+```
+
+## 개발
+빌드:
+```bash
+npm run build
+```
+
+소스에서 실행:
+```bash
+npm start
+```

package/README.md

@@ -0,0 +1,291 @@
+# openmemo
+
+[English](#english) | [한국어](#한국어) | [日本語](#日本語)
+
+---
+
+## English
+
+OpenTUI-based memo app inspired by mattn/memo.
+
+### Features
+- Terminal UI for browsing and opening memos
+- Create, list, edit, delete, grep, and cat commands
+- Markdown storage with lightweight frontmatter (title, date, tags)
+- Uses your preferred editor via environment variables
+
+### Requirements
+- Node.js 17+ or Bun
+- pnpm
+
+### Install
+```bash
+pnpm install
+pnpm build
+```
+
+Expose the CLI:
+```bash
+pnpm link --global
+```
+
+### Usage
+Launch the TUI:
+```bash
+openmemo
+```
+
+Create a memo:
+```bash
+openmemo new
+```
+
+Other commands:
+```bash
+openmemo list
+openmemo edit <query>
+openmemo delete <query>
+openmemo grep <pattern>
+openmemo cat <query>
+openmemo help
+```
+
+Notes:
+- `<query>` matches the memo id or title (partial match). If multiple match, you will be prompted to select.
+- `grep` uses a case-insensitive JavaScript regex when the pattern is valid; otherwise it falls back to a case-insensitive substring search.
+- TUI: press `q` or `Esc` to quit.
+
+### Configuration
+Environment variables:
+- `OPEN_MEMO_DIR`: override memo storage directory
+- `OPEN_MEMO_EDITOR`: preferred editor command
+- `VISUAL` / `EDITOR`: fallbacks if `OPEN_MEMO_EDITOR` is not set
+
+Editor resolution order:
+1. `OPEN_MEMO_EDITOR`
+2. `VISUAL`
+3. `EDITOR`
+4. `vi`
+
+### Data Storage
+Default directory:
+```
+~/.openmemo/memos
+```
+
+File naming format:
+```
+YYYY-MM-DD-<slug>.md
+```
+
+Template content:
+```markdown
+---
+title: Your Title
+date: 2026-01-30 12:34
+tags: tag1, tag2
+---
+
+# Your Title
+```
+
+### Development
+```bash
+pnpm build         # Build
+pnpm start         # Run from dist
+pnpm test          # Run tests (watch mode)
+pnpm test:run      # Run tests once
+pnpm test:coverage # Coverage report
+```
+
+---
+
+## 한국어
+
+mattn/memo에서 영감을 받은 OpenTUI 기반 터미널 메모 앱입니다.
+
+### 기능
+- 메모 탐색 및 열기를 위한 터미널 UI
+- 생성, 목록, 편집, 삭제, 검색, 출력 명령어 지원
+- 마크다운 저장 (title, date, tags frontmatter 포함)
+- 환경 변수를 통한 선호 에디터 설정
+
+### 요구사항
+- Node.js 17+ 또는 Bun
+- pnpm
+
+### 설치
+```bash
+pnpm install
+pnpm build
+```
+
+CLI 전역 등록:
+```bash
+pnpm link --global
+```
+
+### 사용법
+TUI 실행:
+```bash
+openmemo
+```
+
+메모 생성:
+```bash
+openmemo new
+```
+
+기타 명령어:
+```bash
+openmemo list           # 메모 목록
+openmemo edit <query>   # 메모 편집
+openmemo delete <query> # 메모 삭제
+openmemo grep <pattern> # 내용 검색
+openmemo cat <query>    # 메모 출력
+openmemo help           # 도움말
+```
+
+참고:
+- `<query>`는 메모 ID 또는 제목과 부분 일치합니다. 여러 개가 일치하면 선택 프롬프트가 표시됩니다.
+- `grep`은 유효한 정규식이면 대소문자 무시 정규식 검색을, 아니면 부분 문자열 검색을 수행합니다.
+- TUI에서 `q` 또는 `Esc`를 눌러 종료합니다.
+
+### 설정
+환경 변수:
+- `OPEN_MEMO_DIR`: 메모 저장 디렉토리 변경
+- `OPEN_MEMO_EDITOR`: 선호 에디터 명령어
+- `VISUAL` / `EDITOR`: `OPEN_MEMO_EDITOR` 미설정 시 대체
+
+에디터 우선순위:
+1. `OPEN_MEMO_EDITOR`
+2. `VISUAL`
+3. `EDITOR`
+4. `vi`
+
+### 데이터 저장
+기본 디렉토리:
+```
+~/.openmemo/memos
+```
+
+파일명 형식:
+```
+YYYY-MM-DD-<slug>.md
+```
+
+템플릿:
+```markdown
+---
+title: 제목
+date: 2026-01-30 12:34
+tags: 태그1, 태그2
+---
+
+# 제목
+```
+
+### 개발
+```bash
+pnpm build         # 빌드
+pnpm start         # dist에서 실행
+pnpm test          # 테스트 (watch 모드)
+pnpm test:run      # 테스트 단일 실행
+pnpm test:coverage # 커버리지 리포트
+```
+
+---
+
+## 日本語
+
+mattn/memoにインスパイアされたOpenTUIベースのターミナルメモアプリです。
+
+### 機能
+- メモの閲覧・開くためのターミナルUI
+- 作成、一覧、編集、削除、検索、表示コマンド
+- マークダウン保存（title, date, tags frontmatter付き）
+- 環境変数でお好みのエディターを設定
+
+### 必要条件
+- Node.js 17+ または Bun
+- pnpm
+
+### インストール
+```bash
+pnpm install
+pnpm build
+```
+
+CLIをグローバル登録:
+```bash
+pnpm link --global
+```
+
+### 使い方
+TUIを起動:
+```bash
+openmemo
+```
+
+メモを作成:
+```bash
+openmemo new
+```
+
+その他のコマンド:
+```bash
+openmemo list           # メモ一覧
+openmemo edit <query>   # メモ編集
+openmemo delete <query> # メモ削除
+openmemo grep <pattern> # 内容検索
+openmemo cat <query>    # メモ表示
+openmemo help           # ヘルプ
+```
+
+備考:
+- `<query>`はメモIDまたはタイトルに部分一致します。複数一致する場合は選択プロンプトが表示されます。
+- `grep`は有効な正規表現なら大文字小文字無視の正規表現検索を、そうでなければ部分文字列検索を行います。
+- TUIでは`q`または`Esc`で終了します。
+
+### 設定
+環境変数:
+- `OPEN_MEMO_DIR`: メモ保存ディレクトリの変更
+- `OPEN_MEMO_EDITOR`: お好みのエディターコマンド
+- `VISUAL` / `EDITOR`: `OPEN_MEMO_EDITOR`未設定時の代替
+
+エディター優先順位:
+1. `OPEN_MEMO_EDITOR`
+2. `VISUAL`
+3. `EDITOR`
+4. `vi`
+
+### データ保存
+デフォルトディレクトリ:
+```
+~/.openmemo/memos
+```
+
+ファイル名形式:
+```
+YYYY-MM-DD-<slug>.md
+```
+
+テンプレート:
+```markdown
+---
+title: タイトル
+date: 2026-01-30 12:34
+tags: タグ1, タグ2
+---
+
+# タイトル
+```
+
+### 開発
+```bash
+pnpm build         # ビルド
+pnpm start         # distから実行
+pnpm test          # テスト（watchモード）
+pnpm test:run      # テスト単発実行
+pnpm test:coverage # カバレッジレポート
+```

package/dist/cli.js

@@ -0,0 +1,190 @@
+#!/usr/bin/env node
+import readline from "node:readline/promises";
+import process from "node:process";
+import { openEditor } from "./editor.js";
+import { createMemo, deleteMemo, listMemos, } from "./storage.js";
+import { runTui } from "./tui.js";
+const COLUMN_WIDTH = 30;
+const COMMANDS = ["new", "list", "edit", "delete", "grep", "cat", "help"];
+async function main() {
+    const [command, ...args] = process.argv.slice(2);
+    if (!command) {
+        await runTui();
+        return;
+    }
+    if (command === "help" || command === "--help" || command === "-h") {
+        printHelp();
+        return;
+    }
+    if (!COMMANDS.includes(command)) {
+        console.error("Unknown command: " + command);
+        printHelp();
+        process.exit(1);
+    }
+    switch (command) {
+        case "new":
+            await handleNew();
+            return;
+        case "list":
+            await handleList();
+            return;
+        case "edit":
+            await handleEdit(args.join(" ").trim());
+            return;
+        case "delete":
+            await handleDelete(args.join(" ").trim());
+            return;
+        case "grep":
+            await handleGrep(args.join(" ").trim());
+            return;
+        case "cat":
+            await handleCat(args.join(" ").trim());
+            return;
+        default:
+            printHelp();
+            return;
+    }
+}
+async function handleNew() {
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    try {
+        const title = (await rl.question("Title: ")).trim();
+        if (!title) {
+            console.error("Title is required.");
+            process.exit(1);
+        }
+        const tagsRaw = (await rl.question("Tags (comma separated, optional): ")).trim();
+        const tags = tagsRaw ? tagsRaw.split(",").map((tag) => tag.trim()).filter(Boolean) : [];
+        const memo = await createMemo(title, tags);
+        openEditor(memo.filePath);
+    }
+    finally {
+        rl.close();
+    }
+}
+async function handleList() {
+    const memos = await listMemos();
+    if (memos.length === 0) {
+        console.log("No memos found.");
+        return;
+    }
+    memos.forEach((memo) => {
+        const name = memo.id.padEnd(COLUMN_WIDTH, " ");
+        console.log(name + " : " + memo.title);
+    });
+}
+async function handleEdit(query) {
+    const memo = await selectMemo(query);
+    openEditor(memo.filePath);
+}
+async function handleDelete(query) {
+    const memo = await selectMemo(query);
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    try {
+        const answer = (await rl.question('Delete "' + memo.title + '"? [y/N]: ')).trim().toLowerCase();
+        if (answer === "y" || answer === "yes") {
+            await deleteMemo(memo.id);
+            console.log("Deleted " + memo.id);
+        }
+        else {
+            console.log("Canceled.");
+        }
+    }
+    finally {
+        rl.close();
+    }
+}
+async function handleCat(query) {
+    const memo = await selectMemo(query);
+    console.log(memo.content);
+}
+async function handleGrep(pattern) {
+    if (!pattern) {
+        console.error("Pattern is required for grep.");
+        process.exit(1);
+    }
+    const memos = await listMemos();
+    if (memos.length === 0) {
+        console.log("No memos found.");
+        return;
+    }
+    const matcher = buildMatcher(pattern);
+    memos.forEach((memo) => {
+        const lines = memo.content.split("\n");
+        lines.forEach((line, index) => {
+            const match = matcher ? matcher.test(line) : line.toLowerCase().includes(pattern.toLowerCase());
+            if (match) {
+                console.log(memo.id + ":" + String(index + 1) + ":" + line);
+            }
+        });
+    });
+}
+async function selectMemo(query) {
+    const memos = await listMemos();
+    if (memos.length === 0) {
+        console.error("No memos found.");
+        process.exit(1);
+    }
+    if (!query) {
+        return promptSelect(memos, "Select memo");
+    }
+    const normalized = query.toLowerCase();
+    const exact = memos.find((memo) => memo.id === query);
+    if (exact)
+        return exact;
+    const matches = memos.filter((memo) => memo.title.toLowerCase().includes(normalized) || memo.id.toLowerCase().includes(normalized));
+    if (matches.length === 1)
+        return matches[0];
+    if (matches.length === 0) {
+        console.error('No memo matches "' + query + '".');
+        process.exit(1);
+    }
+    return promptSelect(matches, 'Multiple matches for "' + query + '"');
+}
+async function promptSelect(memos, label) {
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    try {
+        console.log(label);
+        memos.forEach((memo, index) => {
+            console.log(String(index + 1) + ". " + memo.title + " (" + memo.id + ")");
+        });
+        const answer = (await rl.question("Choose number: ")).trim();
+        const index = Number(answer) - 1;
+        if (Number.isNaN(index) || index < 0 || index >= memos.length) {
+            console.error("Invalid selection.");
+            process.exit(1);
+        }
+        return memos[index];
+    }
+    finally {
+        rl.close();
+    }
+}
+function buildMatcher(pattern) {
+    try {
+        return new RegExp(pattern, "i");
+    }
+    catch {
+        return null;
+    }
+}
+function printHelp() {
+    console.log([
+        "openmemo - OpenTUI-based memo app",
+        "",
+        "Usage:",
+        "  openmemo               Launch TUI",
+        "  openmemo new           Create memo",
+        "  openmemo list          List memos",
+        "  openmemo edit <query>  Edit memo",
+        "  openmemo delete <query> Delete memo",
+        "  openmemo grep <pattern> Search memo contents",
+        "  openmemo cat <query>   View memo",
+        "  openmemo help          Show help",
+        "",
+    ].join("\n"));
+}
+main().catch((error) => {
+    console.error(error);
+    process.exit(1);
+});

package/dist/config.js

@@ -0,0 +1,15 @@
+import os from "node:os";
+import path from "node:path";
+export function getMemoDir() {
+    const fromEnv = process.env.OPEN_MEMO_DIR;
+    if (fromEnv && fromEnv.trim() !== "") {
+        return fromEnv;
+    }
+    return path.join(os.homedir(), ".openmemo", "memos");
+}
+export function getEditorCommand() {
+    return (process.env.OPEN_MEMO_EDITOR ||
+        process.env.VISUAL ||
+        process.env.EDITOR ||
+        "vi");
+}

package/dist/editor.js

@@ -0,0 +1,11 @@
+import { spawnSync } from "node:child_process";
+import { getEditorCommand } from "./config.js";
+export function openEditor(filePath) {
+    const editor = getEditorCommand();
+    const result = spawnSync(editor, [filePath], {
+        stdio: "inherit",
+    });
+    if (result.error) {
+        throw result.error;
+    }
+}

package/dist/storage.js

@@ -0,0 +1,133 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { getMemoDir } from "./config.js";
+import { formatDate, formatDateTime, slugify } from "./utils.js";
+export async function ensureMemoDir() {
+    const memoDir = getMemoDir();
+    await fs.mkdir(memoDir, { recursive: true });
+    return memoDir;
+}
+export async function listMemos() {
+    const memoDir = await ensureMemoDir();
+    const entries = await fs.readdir(memoDir, { withFileTypes: true });
+    const files = entries.filter((entry) => entry.isFile() && entry.name.endsWith(".md"));
+    const memos = await Promise.all(files.map(async (entry) => {
+        const filePath = path.join(memoDir, entry.name);
+        const content = await fs.readFile(filePath, "utf8");
+        const { title, date, tags } = parseMemoMetadata(content, entry.name);
+        return {
+            id: entry.name,
+            title,
+            date,
+            tags,
+            filePath,
+            content,
+        };
+    }));
+    return memos.sort((a, b) => b.date.getTime() - a.date.getTime());
+}
+export async function loadMemo(id) {
+    const memoDir = await ensureMemoDir();
+    const filePath = path.join(memoDir, id);
+    try {
+        const content = await fs.readFile(filePath, "utf8");
+        const { title, date, tags } = parseMemoMetadata(content, id);
+        return { id, title, date, tags, filePath, content };
+    }
+    catch (error) {
+        if (error.code === "ENOENT") {
+            return null;
+        }
+        throw error;
+    }
+}
+export async function createMemo(title, tags) {
+    const memoDir = await ensureMemoDir();
+    const now = new Date();
+    const slug = slugify(title) || "memo";
+    const fileName = `${formatDate(now)}-${slug}.md`;
+    const filePath = path.join(memoDir, fileName);
+    const content = buildMemoTemplate(title, tags, now);
+    await fs.writeFile(filePath, content, "utf8");
+    return {
+        id: fileName,
+        title,
+        date: now,
+        tags,
+        filePath,
+        content,
+    };
+}
+export async function deleteMemo(id) {
+    const memoDir = await ensureMemoDir();
+    const filePath = path.join(memoDir, id);
+    await fs.unlink(filePath);
+}
+export function buildMemoTemplate(title, tags, date) {
+    const tagValue = tags.length ? tags.join(", ") : "";
+    return [
+        "---",
+        `title: ${title}`,
+        `date: ${formatDateTime(date)}`,
+        `tags: ${tagValue}`,
+        "---",
+        "",
+        `# ${title}`,
+        "",
+    ].join("\n");
+}
+export function parseMemoMetadata(content, fallbackName) {
+    const frontmatter = parseFrontmatter(content);
+    const fallbackTitle = fallbackName.replace(/\.md$/, "");
+    const title = frontmatter.meta.title || extractTitleFromBody(frontmatter.body) || fallbackTitle;
+    const date = frontmatter.meta.date ? new Date(frontmatter.meta.date) : dateFromFilename(fallbackName);
+    const tags = parseTags(frontmatter.meta.tags);
+    return {
+        title,
+        date: isNaN(date.getTime()) ? new Date() : date,
+        tags,
+    };
+}
+function parseFrontmatter(content) {
+    if (!content.startsWith("---\n")) {
+        return { meta: {}, body: content };
+    }
+    const endIndex = content.indexOf("\n---", 4);
+    if (endIndex === -1) {
+        return { meta: {}, body: content };
+    }
+    const raw = content.slice(4, endIndex).trim();
+    const body = content.slice(endIndex + 4).replace(/^\s*\n/, "");
+    const meta = {};
+    raw.split("\n").forEach((line) => {
+        const [key, ...rest] = line.split(":");
+        const normalizedKey = key?.trim();
+        if (!normalizedKey)
+            return;
+        meta[normalizedKey] = rest.join(":").trim();
+    });
+    return { meta, body };
+}
+function extractTitleFromBody(body) {
+    const lines = body.split("\n").map((line) => line.trim());
+    const heading = lines.find((line) => line.startsWith("#"));
+    if (heading) {
+        return heading.replace(/^#+\s*/, "").trim();
+    }
+    return lines.find((line) => line.length > 0) || "";
+}
+function parseTags(raw) {
+    if (!raw)
+        return [];
+    const trimmed = raw.replace(/^[\[]|[\]]$/g, "");
+    return trimmed
+        .split(",")
+        .map((tag) => tag.trim())
+        .filter((tag) => tag.length > 0);
+}
+function dateFromFilename(fileName) {
+    const match = fileName.match(/^(\d{4}-\d{2}-\d{2})-/);
+    if (!match)
+        return new Date();
+    return new Date(`${match[1]}T00:00:00`);
+}

package/dist/tui.js

@@ -0,0 +1,116 @@
+import { BoxRenderable, createCliRenderer, SelectRenderable, SelectRenderableEvents, TextRenderable, } from "@opentui/core";
+import process from "node:process";
+import { openEditor } from "./editor.js";
+import { listMemos } from "./storage.js";
+import { truncateLines } from "./utils.js";
+const EMPTY_MESSAGE = "No memos yet. Run openmemo new to create one.";
+export async function runTui() {
+    const memos = await listMemos();
+    const renderer = await createCliRenderer({
+        exitOnCtrlC: true,
+        targetFps: 30,
+    });
+    renderer.setBackgroundColor("#0f172a");
+    const container = new BoxRenderable(renderer, {
+        id: "openmemo-container",
+        flexDirection: "row",
+        width: "100%",
+        height: "100%",
+        padding: 1,
+    });
+    renderer.root.add(container);
+    const listBox = new BoxRenderable(renderer, {
+        id: "openmemo-list",
+        flexGrow: 1,
+        marginRight: 1,
+        border: true,
+        borderStyle: "single",
+        borderColor: "#334155",
+        title: "Memos",
+        titleAlignment: "left",
+        backgroundColor: "#0b1220",
+        shouldFill: true,
+    });
+    const previewBox = new BoxRenderable(renderer, {
+        id: "openmemo-preview",
+        flexGrow: 2,
+        border: true,
+        borderStyle: "single",
+        borderColor: "#334155",
+        title: "Preview",
+        titleAlignment: "left",
+        backgroundColor: "#0b1220",
+        shouldFill: true,
+    });
+    container.add(listBox);
+    container.add(previewBox);
+    const previewText = new TextRenderable(renderer, {
+        id: "openmemo-preview-text",
+        width: "100%",
+        height: "100%",
+        fg: "#e2e8f0",
+        content: "",
+    });
+    previewBox.add(previewText);
+    if (memos.length === 0) {
+        previewText.content = EMPTY_MESSAGE;
+        renderer.start();
+        return;
+    }
+    const options = memos.map((memo) => ({
+        name: memo.title,
+        description: memo.id,
+        value: memo,
+    }));
+    const selectElement = new SelectRenderable(renderer, {
+        id: "openmemo-select",
+        height: "100%",
+        options,
+        backgroundColor: "transparent",
+        focusedBackgroundColor: "transparent",
+        selectedBackgroundColor: "#1e293b",
+        textColor: "#e2e8f0",
+        selectedTextColor: "#38bdf8",
+        descriptionColor: "#94a3b8",
+        selectedDescriptionColor: "#cbd5e1",
+        showDescription: true,
+        showScrollIndicator: true,
+        wrapSelection: false,
+        fastScrollStep: 5,
+    });
+    listBox.add(selectElement);
+    selectElement.focus();
+    const updatePreview = (memo) => {
+        if (!memo) {
+            previewText.content = EMPTY_MESSAGE;
+            return;
+        }
+        const header = `${memo.title}\n${memo.id}\n`;
+        const body = truncateLines(stripFrontmatter(memo.content), 24);
+        previewText.content = `${header}\n${body}`;
+    };
+    updatePreview(memos[0]);
+    selectElement.on(SelectRenderableEvents.SELECTION_CHANGED, (index, option) => {
+        updatePreview(option.value);
+    });
+    selectElement.on(SelectRenderableEvents.ITEM_SELECTED, (index, option) => {
+        const memo = option.value;
+        renderer.destroy();
+        openEditor(memo.filePath);
+        process.exit(0);
+    });
+    renderer.keyInput.on("keypress", (key) => {
+        if (key.name === "q" || key.name === "escape") {
+            renderer.destroy();
+        }
+    });
+    renderer.start();
+}
+function stripFrontmatter(content) {
+    if (!content.startsWith("---\n"))
+        return content;
+    const endIndex = content.indexOf("\n---", 4);
+    if (endIndex === -1)
+        return content;
+    return content.slice(endIndex + 4).replace(/^\s*\n/, "");
+}

package/dist/utils.js

@@ -0,0 +1,23 @@
+export function pad2(value) {
+    return String(value).padStart(2, "0");
+}
+export function formatDate(date) {
+    return `${date.getFullYear()}-${pad2(date.getMonth() + 1)}-${pad2(date.getDate())}`;
+}
+export function formatDateTime(date) {
+    return `${formatDate(date)} ${pad2(date.getHours())}:${pad2(date.getMinutes())}`;
+}
+export function slugify(input) {
+    return input
+        .toLowerCase()
+        .replace(/[^a-z0-9\s-]/g, "")
+        .trim()
+        .replace(/\s+/g, "-")
+        .replace(/-+/g, "-");
+}
+export function truncateLines(input, maxLines) {
+    const lines = input.split("\n");
+    if (lines.length <= maxLines)
+        return input;
+    return `${lines.slice(0, maxLines).join("\n")}\n...`;
+}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "openmemo",
+  "version": "0.1.0",
+  "description": "OpenTUI-based memo app inspired by mattn/memo",
+  "type": "module",
+  "bin": {
+    "openmemo": "dist/cli.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/arkjun/openmemo.git"
+  },
+  "author": "arkjun",
+  "license": "MIT",
+  "keywords": [
+    "memo",
+    "cli",
+    "terminal",
+    "tui",
+    "note",
+    "markdown"
+  ],
+  "homepage": "https://github.com/arkjun/openmemo#readme",
+  "bugs": {
+    "url": "https://github.com/arkjun/openmemo/issues"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "start": "bun dist/cli.js",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:watch": "vitest watch",
+    "test:coverage": "vitest run --coverage",
+    "prepublishOnly": "npm run build && npm run test:run"
+  },
+  "dependencies": {
+    "@opentui/core": "^0.1.75"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.30",
+    "@vitest/coverage-v8": "^4.0.18",
+    "typescript": "^5.4.5",
+    "vitest": "^4.0.18"
+  }
+}