md-lv 1.0.1 → 1.0.3

package/README.md

@@ -19,12 +19,12 @@ A lightweight local server that renders Markdown files as beautiful HTML pages,
 ## Installation
 
 ```bash
-npm install -g markdown-viewer
+npm install -g md-lv
 ```
 
 Or use npx:
 ```bash
-npx markdown-viewer
+npx md-lv
 ```
 
 ## Usage
@@ -33,16 +33,16 @@ npx markdown-viewer
 
 ```bash
 # Serve current directory
-mdv
+mdlv
 
 # Serve specific directory
-mdv --dir /path/to/docs
+mdlv --dir /path/to/docs
 
 # Serve on custom port
-mdv --port 8080
+mdlv --port 8080
 
 # Open README.md automatically
-mdv readme
+mdlv readme
 ```
 
 ### CLI Options
@@ -58,13 +58,13 @@ mdv readme
 
 ### Subcommands
 
-#### `mdv readme`
+#### `mdlv readme`
 
 Find and display the nearest README.md file:
 
 ```bash
 cd /path/to/project
-mdv readme
+mdlv readme
 ```
 
 This command searches up the directory tree to find README.md and opens it in your browser.

package/bin/mdlv.js

@@ -1,5 +1,5 @@
-#!/usr/bin/env node
-
-import { run } from '../src/cli.js';
-
-run(process.argv);
+#!/usr/bin/env node
+
+import { run } from '../src/cli.js';
+
+run(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "md-lv",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Serve Markdown files as HTML with live features - syntax highlighting, Mermaid diagrams, and MathJax formulas",
   "type": "module",
   "engines": {

package/src/routes/assets.js

@@ -0,0 +1,65 @@
+import { Router } from 'express';
+import fs from 'fs/promises';
+import path from 'path';
+import { validatePath } from '../utils/path.js';
+
+const router = Router();
+
+/**
+ * 画像ファイルの MIME タイプマップ
+ */
+const IMAGE_MIME_TYPES = {
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.gif': 'image/gif',
+  '.svg': 'image/svg+xml',
+  '.webp': 'image/webp',
+  '.ico': 'image/x-icon',
+  '.bmp': 'image/bmp',
+  '.avif': 'image/avif'
+};
+
+/**
+ * 画像ファイル配信ルート
+ * Markdownから相対パスで参照される画像を配信
+ */
+router.get(/^\/.*/, async (req, res, next) => {
+  try {
+    const requestPath = req.path;
+    const ext = path.extname(requestPath).toLowerCase();
+
+    // 画像ファイル以外は次のハンドラへ
+    const mimeType = IMAGE_MIME_TYPES[ext];
+    if (!mimeType) {
+      return next();
+    }
+
+    const docRoot = req.app.get('docRoot');
+    let filePath;
+
+    try {
+      filePath = validatePath(requestPath, docRoot);
+    } catch (error) {
+      if (error.code === 'ETRAVERSAL') {
+        return res.status(403).send('Access denied');
+      }
+      throw error;
+    }
+
+    // ファイル存在確認
+    try {
+      await fs.access(filePath);
+    } catch {
+      return next(); // 存在しない場合は次のハンドラへ
+    }
+
+    // 画像ファイルを配信
+    const imageData = await fs.readFile(filePath);
+    res.type(mimeType).send(imageData);
+  } catch (error) {
+    next(error);
+  }
+});
+
+export default router;

package/src/routes/directory.js

@@ -94,8 +94,9 @@ router.get(/^\/.*/, async (req, res, next) => {
       ? `<li class="folder parent"><a href="${path.dirname(requestPath)}/">..</a><span class="size">-</span></li>\n`
       : '';
 
+    const docRootName = req.app.get('docRootName');
     const html = renderTemplate('page', {
-      title: `Index of ${requestPath}`,
+      title: `${requestPath === '/' ? docRootName : requestPath} - ${docRootName}`,
       content: `<h1>Index of ${escapeHtml(requestPath)}</h1>
                 <ul class="directory-listing">${parentLink}${listHtml}</ul>`,
       breadcrumbs: generateBreadcrumbs(requestPath)

package/src/routes/markdown.js

@@ -31,8 +31,9 @@ router.get(/.*\.md$/i, async (req, res, next) => {
     const content = await fs.readFile(filePath, 'utf-8');
 
     // テンプレートにMarkdownを埋め込み（クライアント側でレンダリング）
+    const docRootName = req.app.get('docRootName');
     const html = renderTemplate('page', {
-      title: path.basename(filePath),
+      title: `${path.basename(filePath)} - ${docRootName}`,
       content: `<div id="markdown-source" style="display:none">${escapeHtml(content)}</div>
                 <div id="markdown-rendered"></div>`,
       breadcrumbs: generateBreadcrumbs(requestPath)

package/src/routes/raw.js

@@ -58,8 +58,9 @@ router.get(/^\/.*/, async (req, res, next) => {
     const language = getLanguageFromExtension(ext);
     const fileName = path.basename(filePath);
 
+    const docRootName = req.app.get('docRootName');
     const html = renderTemplate('page', {
-      title: fileName,
+      title: `${fileName} - ${docRootName}`,
       content: `<h1>${escapeHtml(fileName)}</h1>
                 <pre><code class="language-${language}">${escapeHtml(content)}</code></pre>`,
       breadcrumbs: generateBreadcrumbs(requestPath)

package/src/server.js

@@ -3,6 +3,7 @@ import path from 'path';
 import { fileURLToPath } from 'url';
 import markdownRouter from './routes/markdown.js';
 import rawRouter from './routes/raw.js';
+import assetsRouter from './routes/assets.js';
 import directoryRouter from './routes/directory.js';
 import apiRouter from './routes/api.js';
 import { securityHeaders, pathTraversalGuard } from './middleware/security.js';
@@ -23,6 +24,7 @@ export function createServer(options = {}) {
   // ドキュメントルートの設定
   const docRoot = path.resolve(options.dir || '.');
   app.set('docRoot', docRoot);
+  app.set('docRootName', path.basename(docRoot));
 
   // セキュリティミドルウェア（最初に登録）
   app.use(securityHeaders);
@@ -50,6 +52,9 @@ export function createServer(options = {}) {
   // Raw コード表示ルート（.js, .py 等）
   app.use(rawRouter);
 
+  // 画像ファイル配信ルート
+  app.use(assetsRouter);
+
   // ディレクトリ一覧ルート
   app.use(directoryRouter);