Json Markdown Studio

ローカルの JSON & Markdown デスクトップエディタ — A local desktop editor for JSON & Markdown

組み込み MCP Server — 任意の AI Agent（Claude Code / Codex / Cursor）がエディタに直接接続でき、安全にファイルを読み書き；権限レベル、ローカルでゼロアップロード。 Built-in MCP server — let AI agents read & edit your files directly through a gated, permission-scoped interface. 100% local.

Windows · Tauri v2 · React 19 · TypeScript · Vite ·

Json Markdown Studio は、ローカルファイル向けのデスクトップエディタです：JSON はツリービュー / テーブルビュー / リアルタイム構文バリデーションをサポートし、Markdown は見たまま（WYSIWYG）編集を提供し、さらに外部 AI Agent（Codex / Claude Code / Cursor）がドキュメントを直接操作できるよう、MCP Server を内蔵しています。

A lightweight desktop editor for local JSON & Markdown files — tree/table views, live JSON validation, WYSIWYG Markdown editing, plus a built-in MCP server so external AI agents can drive the editor directly.

✨ Features 機能

• JSON — ツリービュー / テーブルビュー / コードビュー、リアルタイム構文バリデーションとエラー位置、パス統計 Tree / table / code views, live syntax validation with precise error location, path statistics

• Markdown — 見たまま編集：リッチテキストをクリックして直接変更、フォーマットはリアルタイムに反映；フローティングフォーマットツールバー True WYSIWYG editing — click any rendered block and type, formatting applies live; floating format toolbar

• AI 接続 (MCP Server) — 制御されたホワイトリストインターフェース：外部 AI Agent はファイルの読み書き、検索、JSON パスの変更、セクションの追加が可能；読み取り専用 / 書き込み前確認 / 全許可の3段階権限をサポート Gated whitelist interface: external AI agents can read/write files, search, patch JSON by path, append markdown sections — read-only / confirm-before-write / full-access modes

• 軽量デスクトップ体験 — フレームレス自作タイトルバー、完全ローカル実行、ネットワーク不要 Frameless custom title bar, fully local, no cloud dependency

Related MCP server: LocalNest MCP

📦 Installation インストール

ソースコードからビルド From Source

Prerequisites: Node.js ≥ 20, Rust（MSVC toolchain, see rustup）

npm install          # 安装依赖 install dependencies
npm run tauri dev    # 桌面开发模式 desktop dev mode (runs Vite + Rust backend)
npm run tauri build  # 构建安装包 build installers (NSIS + MSI)

フロントエンド単独開発：npm run dev（Vite デフォルト 3000 ポート）。

🧩 MCP Server（AI Agent 接続）

設定 → 外部 AI Agent 接続 (MCP Server) でアクセスモード（読み取り専用 / 書き込み確認 / 全許可）を選択すると、サービスが起動します：

• 待ち受けアドレス：http://127.0.0.1:<随机端口>/mcp

• ポート検出ファイル：%APPDATA%\com.jsonmarkdownstudio.app\mcp.port

# 示例：Claude Code / Codex 等 MCP 客户端配置
{
  "mcpServers": {
    "json-md-studio": {
      "url": "http://127.0.0.1:<port>/mcp"
    }
  }
}

組み込みツール例：app.getState（アプリ状態）、file.read/setContent/replace/insert/delete（ファイル読み書き編集）、search.run（検索）、json.validate（JSON バリデーション）、document.updateValueByPath（JSON パスで値を変更）、view.setMode（ビュー切り替え）。

🗂 Tech Stack 技術スタック

🤝 Contributing 貢献

Issue と Pull Request を歓迎します。主要ディレクトリ：src/（フロントエンド）、src-tauri/（Rust バックエンド、src-tauri/src/mcp/ が MCP Server 実装）。

Issues and PRs are welcome. Core code lives in src/ (frontend) and src-tauri/ (Rust backend, with src-tauri/src/mcp/ for the MCP server).

📄 License ライセンス

MIT