mdv-live 0.4.4 → 0.5.0

package/bin/mdv.js

@@ -453,7 +453,7 @@ async function main() {
   }
 
   if (values.version) {
-    console.log('mdv v0.3.3');
+    console.log('mdv v0.5.0');
     process.exit(0);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdv-live",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "description": "Markdown Viewer - File tree + Live preview + Marp support + Hot reload",
   "main": "src/server.js",
   "bin": {

package/src/api/file.js

@@ -160,7 +160,8 @@ export function setupFileRoutes(app) {
         });
       }
 
-      const rendered = await renderFile(fullPath);
+      const relativeDir = path.dirname(relativePath);
+      const rendered = await renderFile(fullPath, relativeDir === '.' ? '' : relativeDir);
       res.json({ name, ...rendered });
     } catch (err) {
       if (err.code === 'ENOENT') {

package/src/rendering/index.js

@@ -3,6 +3,7 @@
  */
 
 import fs from 'fs/promises';
+import path from 'path';
 import { getFileType } from '../utils/fileTypes.js';
 import { renderMarkdown, isMarp } from './markdown.js';
 import { renderMarp } from './marp.js';
@@ -43,17 +44,36 @@ function renderText(content) {
   return `<pre class="plain-text">${escaped}</pre>`;
 }
 
+/**
+ * Rewrite relative image/video/audio src paths to /raw/ URLs
+ * @param {string} html - Rendered HTML
+ * @param {string} relativeDir - Directory of the source file relative to rootDir
+ * @returns {string} HTML with rewritten paths
+ */
+function rewriteMediaPaths(html, relativeDir) {
+  // Match src="..." that are not absolute URLs or data URIs
+  return html.replace(
+    /(<(?:img|video|audio|source)\s[^>]*?\bsrc=")([^"]+)(")/gi,
+    (match, before, src, after) => {
+      if (/^(https?:\/\/|data:|\/raw\/|\/)/.test(src)) return match;
+      const resolved = relativeDir ? `${relativeDir}/${src}` : src;
+      return `${before}/raw/${resolved}${after}`;
+    }
+  );
+}
+
 /**
  * Render a file and return content for the frontend
  * @param {string} filePath - Full path to the file
+ * @param {string} [relativeDir] - Directory of the file relative to rootDir (for resolving relative paths)
  * @returns {Promise<Object>} Rendered content and metadata
  */
-export async function renderFile(filePath) {
+export async function renderFile(filePath, relativeDir) {
   const content = await fs.readFile(filePath, 'utf-8');
   const fileType = getFileType(filePath);
 
   if (fileType.type === 'markdown') {
-    return renderMarkdownFile(content);
+    return renderMarkdownFile(content, relativeDir);
   }
 
   if (fileType.type === 'code') {
@@ -74,13 +94,14 @@ export async function renderFile(filePath) {
 /**
  * Render markdown content, detecting Marp presentations
  * @param {string} content - Raw markdown content
+ * @param {string} [relativeDir] - Directory relative to rootDir for resolving image paths
  * @returns {Object} Rendered content and metadata
  */
-function renderMarkdownFile(content) {
+function renderMarkdownFile(content, relativeDir) {
   if (isMarp(content)) {
     const { html, css } = renderMarp(content);
     return {
-      content: html,
+      content: rewriteMediaPaths(html, relativeDir),
       css,
       raw: content,
       fileType: 'markdown',
@@ -89,7 +110,7 @@ function renderMarkdownFile(content) {
   }
 
   return {
-    content: renderMarkdown(content),
+    content: rewriteMediaPaths(renderMarkdown(content), relativeDir),
     raw: content,
     fileType: 'markdown',
     isMarp: false

package/src/rendering/markdown.js

@@ -26,9 +26,6 @@ const MARP_PATTERN = /^---\s*\n[\s\S]*?marp:\s*true[\s\S]*?\n---/;
 // Pattern to detect YAML frontmatter at start of file
 const FRONTMATTER_PATTERN = /^---\s*\n([\s\S]*?)\n---\s*(\n|$)/;
 
-// Pattern to detect metadata block after h1 heading (Claude Agent format)
-const HEADING_METADATA_PATTERN = /^(#[^\n]+\n+)(---\s*\n)([\s\S]*?)(\n---\s*)(\n|$)/;
-
 // Pattern for Mermaid code blocks
 const MERMAID_PATTERN = /```mermaid\s*\n([\s\S]*?)\n```/g;
 
@@ -55,15 +52,6 @@ function convertFrontmatter(content) {
     return `\`\`\`yaml\n${frontmatter}\n\`\`\`\n${rest}`;
   }
 
-  // Check for metadata block after h1 heading (Claude Agent format)
-  const headingMatch = content.match(HEADING_METADATA_PATTERN);
-  if (headingMatch) {
-    const heading = headingMatch[1];
-    const metadata = headingMatch[3];
-    const rest = content.slice(headingMatch[0].length);
-    return `${heading}\`\`\`yaml\n${metadata}\n\`\`\`\n${rest}`;
-  }
-
   return content;
 }
 

package/src/server.js

@@ -17,7 +17,7 @@ import { setupWebSocket } from './websocket.js';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const STATIC_DIR = path.join(__dirname, 'static');
-const VERSION = '0.3.3';
+const VERSION = '0.5.0';
 
 /**
  * Setup API routes for the Express app