working

2026-04-30 19:00:37 +00:00
parent f29df2b033
commit a1976dfa65
1007 changed files with 101609 additions and 0 deletions
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>Markdown Viewer</title>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+  <div id="container">
+    <aside id="tree"></aside>
+    <main id="content"><p>Select a markdown file from the tree.</p></main>
+  </div>
+  <script src="script.js"></script>
+</body>
+</html>
@@ -0,0 +1,62 @@
+// Fetch and render directory tree
+const treeContainer = document.getElementById('tree');
+const contentContainer = document.getElementById('content');
+
+function fetchTree(relPath = '') {
+  fetch(`/api/tree?path=${encodeURIComponent(relPath)}`)
+    .then(r => r.json())
+    .then(data => renderTree(data, relPath))
+    .catch(err => console.error('Tree error', err));
+}
+
+function renderTree(items, parentPath) {
+  const ul = document.createElement('ul');
+  items.forEach(item => {
+    const li = document.createElement('li');
+    li.dataset.path = item.path;
+    const span = document.createElement('span');
+    span.textContent = item.name;
+    li.appendChild(span);
+    if (item.type === 'dir') {
+      li.classList.add('dir');
+      span.onclick = () => {
+        // Toggle expansion
+        if (li.dataset.loaded) {
+          const child = li.querySelector('ul');
+          if (child) child.style.display = child.style.display === 'none' ? 'block' : 'none';
+        } else {
+          fetchTree(item.path);
+          li.dataset.loaded = 'true';
+        }
+      };
+    } else if (item.type === 'file') {
+      li.classList.add('file');
+      span.onclick = () => loadMarkdown(item.path);
+    }
+    ul.appendChild(li);
+  });
+  // Append under the correct parent node
+  const parentLi = treeContainer.querySelector(`li[data-path="${parentPath.replace(/"/g,'\\"')}"]`);
+  if (parentLi) {
+    // If already has a child ul, replace it
+    const existing = parentLi.querySelector('ul');
+    if (existing) parentLi.replaceChild(ul, existing);
+    else parentLi.appendChild(ul);
+  } else {
+    // Root level
+    treeContainer.innerHTML = '';
+    treeContainer.appendChild(ul);
+  }
+}
+
+function loadMarkdown(relPath) {
+  fetch(`/api/md?path=${encodeURIComponent(relPath)}`)
+    .then(r => r.json())
+    .then(data => {
+      contentContainer.innerHTML = data.html;
+    })
+    .catch(err => console.error('MD load error', err));
+}
+
+// Initial load of root directory
+fetchTree();
@@ -0,0 +1,39 @@
+/* Simple two‑pane layout */
+html, body {
+  height: 100%;
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
+#container {
+  display: flex;
+  height: 100%;
+}
+#tree {
+  width: 250px;
+  overflow-y: auto;
+  border-right: 1px solid #ddd;
+  background: #f9f9f9;
+  padding: 10px;
+}
+#content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+ul {
+  list-style: none;
+  padding-left: 1em;
+}
+li {
+  cursor: pointer;
+  margin: 2px 0;
+}
+li.dir > span::before {
+  content: "📁 ";
+}
+li.file > span::before {
+  content: "📄 ";
+}
+li span:hover {
+  background: #e0e0e0;
+}