Drafts Viewer

A lightweight web app to browse and read Markdown drafts and architecture documents.

Stack

• Frontend: Vue 3 + Vue Router + Vite
• Backend: Node.js + Express
• Rendering: marked (Markdown → HTML)

Setup

npm install

Configuration

The app reads documents from two default sources:

Source	Path
Drafts	~/drafts
Workspace	~/.openclaw/workspace

Override the server port via environment variable:

DRAFTS_PORT=4444 npm start

Usage

Development

npm run dev       # Start Vite dev server (frontend only)
node server.js    # Start Express API server

Production

npm run build     # Build frontend to dist/
npm start         # Serve built app + API

Open http://localhost:3333 in your browser.

Features

• Browse directories of Markdown files
• Render Markdown with syntax highlighting
• Supports .md files from configurable source directories
• Path traversal protection on the API