md-lv 1.2.3 → 1.2.6

package/CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.6] - 2026-02-05
+
+### Fixed
+
+- **YAML Front Matter**: Fixed support for YAML multiline string notation (`>-`, `>`, `|`, `|-`)
+  - Folded scalars (newlines replaced with spaces)
+  - Literal scalars (newlines preserved)
+
+## [1.2.5] - 2026-02-05
+
+### Added
+
+- **Sidebar Scroll Position**: Sidebar now preserves scroll position when navigating between files
+- **Sticky Breadcrumbs**: Path display (breadcrumbs) now stays fixed at the top when scrolling
+
 ## [1.2.3] - 2026-01-31
 
 ### Fixed

package/package.json

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

package/public/js/app.js

@@ -38,15 +38,56 @@ function parseFrontmatter(markdown) {
     return { frontmatter: null, body };
   }
 
-  // YAML パース（key: value 形式と配列形式に対応）
+  // YAML パース（key: value 形式、配列形式、複数行文字列に対応）
   const frontmatter = {};
   const lines = yamlContent.split('\n');
   let currentKey = null;
+  let multilineMode = null; // 'folded' (>) or 'literal' (|)
+  let multilineBuffer = [];
+  let multilineStripTrailing = false;
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+
+    // 複数行モード中の処理
+    if (multilineMode && currentKey) {
+      // インデントされた行は複数行コンテンツの一部
+      if (line.match(/^[ \t]+\S/) || line.trim() === '') {
+        // インデントを除去して保存
+        const indentMatch = line.match(/^([ \t]+)(.*)$/);
+        if (indentMatch) {
+          multilineBuffer.push(indentMatch[2]);
+        } else if (line.trim() === '') {
+          multilineBuffer.push('');
+        }
+        continue;
+      } else {
+        // インデントされていない行は複数行モードの終了
+        let result = multilineBuffer.join('\n');
+
+        if (multilineMode === 'folded') {
+          // 改行を空白に置き換え（空行は段落区切りとして保持）
+          result = result.replace(/\n(?!\n)/g, ' ').replace(/\n\n+/g, '\n\n');
+        }
+
+        // 末尾の改行を処理
+        if (multilineStripTrailing) {
+          result = result.replace(/\n+$/, '');
+        }
+
+        frontmatter[currentKey] = result.trim();
+        multilineMode = null;
+        multilineBuffer = [];
+        multilineStripTrailing = false;
+        // 現在の行を再処理するためにインデックスを戻す
+        i--;
+        continue;
+      }
+    }
 
-  for (const line of lines) {
     // 配列アイテム（- value）のチェック
     const arrayItemMatch = line.match(/^[ \t]+-[ \t]+(.*)$/);
-    if (arrayItemMatch && currentKey) {
+    if (arrayItemMatch && currentKey && !multilineMode) {
       const itemValue = parseYamlValue(arrayItemMatch[1]);
       if (!Array.isArray(frontmatter[currentKey])) {
         frontmatter[currentKey] = [];
@@ -63,15 +104,37 @@ function parseFrontmatter(markdown) {
 
       if (key) {
         currentKey = key;
-        if (value) {
+
+        // 複数行文字列の開始記号をチェック
+        if (value === '>' || value === '>-' || value === '|' || value === '|-') {
+          multilineMode = (value.startsWith('>') ? 'folded' : 'literal');
+          multilineStripTrailing = value.endsWith('-');
+          multilineBuffer = [];
+        } else if (value) {
           // 同じ行に値がある場合
           frontmatter[key] = parseYamlValue(value);
+          currentKey = key; // 配列の可能性のためにキーを保持
         }
-        // 値が空の場合は次の行で配列として処理される可能性がある
+        // 値が空の場合は次の行で配列または複数行として処理される
       }
     }
   }
 
+  // ファイル終端で複数行モードが残っている場合
+  if (multilineMode && currentKey && multilineBuffer.length > 0) {
+    let result = multilineBuffer.join('\n');
+
+    if (multilineMode === 'folded') {
+      result = result.replace(/\n(?!\n)/g, ' ').replace(/\n\n+/g, '\n\n');
+    }
+
+    if (multilineStripTrailing) {
+      result = result.replace(/\n+$/, '');
+    }
+
+    frontmatter[currentKey] = result.trim();
+  }
+
   return { frontmatter, body };
 }
 

package/public/js/navigation.js

@@ -50,10 +50,33 @@ function addExpandedDirectory(path) {
  */
 function removeExpandedDirectory(path) {
   const expanded = getExpandedDirectories();
-  const index = expanded.indexOf(path);
-  if (index !== -1) {
-    expanded.splice(index, 1);
-    saveExpandedDirectories(expanded);
+  // 閉じたフォルダとその子孫フォルダを全て削除
+  const filtered = expanded.filter(p => !p.startsWith(path));
+  saveExpandedDirectories(filtered);
+}
+
+/**
+ * サイドバーのスクロール位置をlocalStorageに保存
+ */
+function saveSidebarScrollPosition(scrollTop) {
+  try {
+    localStorage.setItem('sidebar-scroll-position', scrollTop.toString());
+  } catch {
+    // Storage full or unavailable
+  }
+}
+
+/**
+ * サイドバーのスクロール位置をlocalStorageから取得して復元
+ */
+function restoreSidebarScrollPosition(element) {
+  try {
+    const savedScrollTop = localStorage.getItem('sidebar-scroll-position');
+    if (savedScrollTop !== null) {
+      element.scrollTop = parseInt(savedScrollTop, 10);
+    }
+  } catch {
+    // Storage unavailable
   }
 }
 
@@ -140,6 +163,23 @@ function initSidebar() {
   // 現在のパスを取得
   const currentPath = window.location.pathname;
 
+  // サイドバーコンテンツのスクロール位置を復元・保存
+  const sidebarContent = document.querySelector('.sidebar-content');
+  if (sidebarContent) {
+    // ページロード時にスクロール位置を復元
+    restoreSidebarScrollPosition(sidebarContent);
+
+    // スクロール時にスクロール位置を保存
+    sidebarContent.addEventListener('scroll', () => {
+      saveSidebarScrollPosition(sidebarContent.scrollTop);
+    });
+
+    // ページ遷移前にスクロール位置を保存
+    window.addEventListener('beforeunload', () => {
+      saveSidebarScrollPosition(sidebarContent.scrollTop);
+    });
+  }
+
   // ルートディレクトリを読み込み
   loadDirectory('/', fileTree, 0).then(async () => {
     // 保存された展開状態を復元
@@ -147,6 +187,11 @@ function initSidebar() {
     for (const dirPath of expandedDirs) {
       await expandToPath(dirPath, fileTree);
     }
+
+    // ツリーの読み込み後、再度スクロール位置を復元（コンテンツが変わった場合に備えて）
+    if (sidebarContent) {
+      restoreSidebarScrollPosition(sidebarContent);
+    }
   });
 }
 
@@ -322,8 +367,7 @@ async function expandToPath(targetPath, container) {
         if (chevron && children && !chevron.classList.contains('expanded')) {
           chevron.classList.add('expanded');
           children.classList.add('expanded');
-          // 展開状態を保存
-          addExpandedDirectory(itemPath);
+          // 注: 復元時は中間パスを保存しない（ユーザー操作時のみ保存）
 
           if (children.children.length === 0) {
             const loading = document.createElement('li');

package/public/styles/modern.css

@@ -78,6 +78,10 @@ a:hover {
   border-radius: 6px;
   margin-bottom: 24px;
   border: 1px solid var(--color-border);
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  box-shadow: var(--shadow-sm);
 }
 
 #breadcrumbs a {