md-lv 1.0.2 → 1.1.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 markdown-viewer contributors
+Copyright (c) 2026 md-lv contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,4 +1,4 @@
-# markdown-viewer
+# md-lv
 
 > Serve Markdown files as HTML with live features
 
@@ -123,8 +123,8 @@ $$
 
 ```bash
 # Clone repository
-git clone https://github.com/your-username/markdown-viewer.git
-cd markdown-viewer
+git clone https://github.com/no-problem-dev/markdown-live-viewer.git
+cd markdown-live-viewer
 
 # Install dependencies
 npm install

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "md-lv",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Serve Markdown files as HTML with live features - syntax highlighting, Mermaid diagrams, and MathJax formulas",
   "type": "module",
   "engines": {
@@ -45,12 +45,12 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/no-problem-dev/markdown-viewer.git"
+    "url": "git+https://github.com/no-problem-dev/markdown-live-viewer.git"
   },
   "bugs": {
-    "url": "https://github.com/no-problem-dev/markdown-viewer/issues"
+    "url": "https://github.com/no-problem-dev/markdown-live-viewer/issues"
   },
-  "homepage": "https://github.com/no-problem-dev/markdown-viewer#readme",
+  "homepage": "https://github.com/no-problem-dev/markdown-live-viewer#readme",
   "dependencies": {
     "express": "^5.0.0",
     "commander": "^12.0.0",

package/public/js/app.js

@@ -1,5 +1,5 @@
 /**
- * markdown-viewer Client-side JavaScript
+ * md-lv Client-side JavaScript
  */
 
 document.addEventListener('DOMContentLoaded', async () => {

package/public/js/navigation.js

@@ -1,5 +1,5 @@
 /**
- * markdown-viewer Navigation Enhancement
+ * md-lv Navigation Enhancement
  * Keyboard navigation and UI improvements
  */
 

package/public/js/search.js

@@ -1,5 +1,5 @@
 /**
- * markdown-viewer Search Functionality
+ * md-lv Search Functionality
  */
 
 document.addEventListener('DOMContentLoaded', () => {

package/public/styles/base.css

@@ -1,5 +1,5 @@
 /* ==========================================================================
-   markdown-viewer Base Styles
+   md-lv Base Styles
    GitHub-inspired Markdown styling
    ========================================================================== */
 

package/public/styles/modern.css

@@ -1,5 +1,5 @@
 /* ==========================================================================
-   markdown-viewer Modern Styles
+   md-lv Modern Styles
    Dark mode support and enhanced UI
    ========================================================================== */
 

package/src/routes/api.js

@@ -22,9 +22,6 @@ async function getAllFiles(dir, baseDir, maxDepth = 5, currentDepth = 0) {
     const entries = await fs.readdir(dir, { withFileTypes: true });
 
     for (const entry of entries) {
-      // 隠しファイル・ディレクトリをスキップ
-      if (entry.name.startsWith('.')) continue;
-
       // node_modules をスキップ
       if (entry.name === 'node_modules') continue;
 

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

@@ -73,11 +73,8 @@ router.get(/^\/.*/, async (req, res, next) => {
       return a.name.localeCompare(b.name);
     });
 
-    // 隠しファイルをフィルタ（オプション）
-    const visible = sorted.filter(entry => !entry.name.startsWith('.'));
-
     // HTML リスト生成
-    const listHtml = visible.map(entry => {
+    const listHtml = sorted.map(entry => {
       const isDir = entry.isDirectory;
       const href = path.join(requestPath, entry.name) + (isDir ? '/' : '');
       const iconClass = getIconClass(entry.name, isDir);
@@ -94,8 +91,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);
 

package/templates/page.html

@@ -42,7 +42,7 @@
   </main>
   <footer>
     <hr>
-    Served by <a href="https://www.npmjs.com/package/markdown-viewer">markdown-viewer</a>
+    Served by <a href="https://www.npmjs.com/package/md-lv">md-lv</a>
   </footer>
 
   <!-- クライアント側ライブラリ -->