docnest 0.1.0

package/server/views/index.ejs

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+  <title><%= docsTitle %></title>
+  <link rel="icon" href="/favicon.ico?v=<%= assetVersion %>" sizes="any">
+  <link id="markdown-theme" rel="stylesheet" href="/vendor/github-markdown-css/github-markdown-light.css?v=<%= assetVersion %>">
+  <link rel="stylesheet" href="/static/css/styles.css?v=<%= assetVersion %>">
+  <link rel="stylesheet" href="/static/css/highlight.css?v=<%= assetVersion %>">
+  <script src="/mermaid/mermaid.min.js?v=<%= assetVersion %>"></script>
+  <script>
+    window.DOCNEST_CONFIG = {
+      watermarkEnabled: <%= docsWatermarkEnabled ? 'true' : 'false' %>,
+      watermarkText: <%- JSON.stringify(docsWatermarkText) %>
+    };
+  </script>
+  <!-- 基础功能模块 -->
+  <script src="/static/js/core/theme.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/core/mermaid-init.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/core/sidebar.js?v=<%= assetVersion %>"></script>
+</head>
+<body>
+  <div class="container">
+    <%- include('partials/header', { showBackLink: false }) %>
+    <div class="content">
+      <%- include('partials/sidebar') %>
+      <main class="main-content">
+        <div class="welcome">
+          <h2>欢迎使用文档中心</h2>
+          <p>请从左侧目录选择要查看的文档。</p>
+        </div>
+      </main>
+    </div>
+  </div>
+  <%- include('partials/diagram-viewer') %>
+  <!-- 按依赖顺序加载模块 -->
+  <script src="/static/js/utils/modal-stack.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/diagram/diagram-viewer.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/diagram/diagram-zoom.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/diagram/diagram-drag.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/diagram/diagram-controls.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/diagram/diagram-download.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/utils/app.js?v=<%= assetVersion %>"></script>
+  <script src="/socket.io/socket.io.js"></script>
+  <script>
+    // 实时更新功能
+    (function() {
+      const socket = io();
+      
+      socket.on('file-changed', function(data) {
+        console.log('文件已更新:', data.path);
+        // 刷新整个页面以更新目录树
+        location.reload();
+      });
+      
+      socket.on('file-added', function(data) {
+        console.log('新文件已添加:', data.path);
+        location.reload();
+      });
+      
+      socket.on('file-deleted', function(data) {
+        console.log('文件已删除:', data.path);
+        location.reload();
+      });
+      
+      socket.on('connect', function() {
+        console.log('✅ 已连接到服务器，实时更新已启用');
+      });
+      
+      socket.on('disconnect', function() {
+        console.log('❌ 与服务器断开连接');
+      });
+    })();
+  </script>
+</body>
+</html>

package/server/views/not-found.ejs

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+  <title>文件未找到 - <%= docsTitle %></title>
+  <link rel="icon" href="/favicon.ico?v=<%= assetVersion %>" sizes="any">
+  <link id="markdown-theme" rel="stylesheet" href="/vendor/github-markdown-css/github-markdown-light.css?v=<%= assetVersion %>">
+  <link rel="stylesheet" href="/static/css/styles.css?v=<%= assetVersion %>">
+  <link rel="stylesheet" href="/static/css/highlight.css?v=<%= assetVersion %>">
+  <script src="/static/js/core/theme.js?v=<%= assetVersion %>"></script>
+  <script src="/static/js/core/sidebar.js?v=<%= assetVersion %>"></script>
+</head>
+<body class="not-found-page">
+  <div class="container">
+    <%- include('partials/header', { showBackLink: true }) %>
+    <div class="content">
+      <%- include('partials/sidebar') %>
+      <main class="main-content not-found-main">
+        <section class="deep-space-404" aria-labelledby="not-found-title">
+          <div class="deep-space-404__content">
+            <p class="deep-space-404__eyebrow">DEEP SPACE · SIGNAL LOST</p>
+            <p class="deep-space-404__code" aria-label="错误 404">404</p>
+            <h2 id="not-found-title">这份文档，暂时失联</h2>
+            <p class="deep-space-404__description">
+              它可能已迁移、重命名，或正穿过一片未知的事件视界。
+            </p>
+            <% if (requestedPath) { %>
+              <p class="deep-space-404__path">
+                <span>最后坐标</span>
+                <code title="<%= requestedPath %>"><%= requestedPath %></code>
+              </p>
+            <% } %>
+            <div class="deep-space-404__actions">
+              <a class="deep-space-404__primary-action" href="/">返回文档目录</a>
+              <button class="deep-space-404__secondary-action" type="button" id="not-found-back">
+                返回上一页
+              </button>
+            </div>
+          </div>
+          <p class="deep-space-404__caption" aria-hidden="true">LOCAL DOCUMENT SERVICE</p>
+        </section>
+      </main>
+    </div>
+  </div>
+  <script src="/static/js/utils/app.js?v=<%= assetVersion %>"></script>
+  <script>
+    document.getElementById('not-found-back')?.addEventListener('click', () => {
+      if (window.history.length > 1) {
+        window.history.back();
+        return;
+      }
+      window.location.assign('/');
+    });
+  </script>
+</body>
+</html>

package/server/views/partials/breadcrumbs.ejs

@@ -0,0 +1,15 @@
+<nav class="breadcrumbs" aria-label="面包屑导航">
+  <ol>
+    <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">首页</a></li>
+    <% breadcrumbs.forEach(function(crumb) { %>
+      <li class="breadcrumb-separator" aria-hidden="true">/</li>
+      <% if (crumb.isLast) { %>
+        <li class="breadcrumb-item breadcrumb-current" aria-current="page"><%= crumb.name %></li>
+      <% } else if (crumb.url) { %>
+        <li class="breadcrumb-item"><a href="<%= crumb.url %>" class="breadcrumb-link"><%= crumb.name %></a></li>
+      <% } else { %>
+        <li class="breadcrumb-item breadcrumb-text"><%= crumb.name %></li>
+      <% } %>
+    <% }); %>
+  </ol>
+</nav>

package/server/views/partials/diagram-viewer.ejs

@@ -0,0 +1,16 @@
+<!-- 图表查看器模态框 -->
+<div id="diagram-viewer" class="diagram-viewer">
+  <div class="diagram-viewer-content">
+    <button class="diagram-viewer-close" onclick="closeDiagramViewer()">×</button>
+    <div class="diagram-viewer-controls">
+      <button onclick="zoomDiagram('out')">缩小</button>
+      <span class="zoom-info" id="zoom-info">100%</span>
+      <button onclick="zoomDiagram('in')">放大</button>
+      <button onclick="resetDiagramZoom()">重置</button>
+      <button onclick="toggleFullscreen()" class="fullscreen-btn" id="fullscreen-btn">⛶ 全屏</button>
+      <button onclick="copyCurrentDiagram()" class="copy-btn">📋 复制</button>
+      <button onclick="downloadCurrentDiagram()" class="download-btn">⬇️ 下载</button>
+    </div>
+    <div id="diagram-viewer-svg-container" class="diagram-viewer-svg-container"></div>
+  </div>
+</div>

package/server/views/partials/header.ejs

@@ -0,0 +1,37 @@
+<header class="header">
+  <div class="header-content">
+    <div class="header-title-group">
+      <h1>
+        <% if (docsLogo) { %><img class="brand-logo" src="<%= docsLogo %>" alt=""><% } else { %>📚<% } %>
+        <%= docsTitle %>
+      </h1>
+      <% if (typeof showBackLink !== 'undefined' && showBackLink) { %>
+        <a href="/" class="back-link">← 返回目录</a>
+      <% } else { %>
+        <p class="subtitle"><%= docsSubtitle %></p>
+      <% } %>
+    </div>
+    <div class="header-meta">
+      <div class="header-actions">
+        <% if (typeof showPrintButton !== 'undefined' && showPrintButton) { %>
+          <button type="button" id="print-doc-btn" class="header-action-btn print-btn" title="打印当前文章">
+            <span class="print-icon">🖨️</span>
+            <span class="header-action-text">打印</span>
+          </button>
+        <% } %>
+        <% if (typeof showPdfButton !== 'undefined' && showPdfButton) { %>
+          <button type="button" id="download-doc-pdf-btn" class="header-action-btn download-pdf-btn" title="下载当前文章 PDF">
+            <span class="download-pdf-icon">⬇️</span>
+            <span class="header-action-text">下载 PDF</span>
+          </button>
+        <% } %>
+        <div class="theme-selector">
+          <button id="theme-toggle" class="header-action-btn theme-toggle" title="点击切换：跟随系统 / 浅色 / 深色">
+            <span class="theme-icon">💻</span>
+            <span class="theme-text">跟随系统</span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</header>

package/server/views/partials/sidebar.ejs

@@ -0,0 +1,19 @@
+<aside class="sidebar" id="sidebar">
+  <h2>目录</h2>
+  <nav class="tree-nav">
+    <%- treeHtml %>
+  </nav>
+</aside>
+<div class="sidebar-chrome" id="sidebar-chrome">
+  <button
+    type="button"
+    class="sidebar-collapse-toggle"
+    id="sidebar-collapse-toggle"
+    aria-label="收起目录"
+    aria-expanded="true"
+    title="收起目录"
+  >
+    <span class="sidebar-collapse-icon" aria-hidden="true">‹</span>
+  </button>
+  <div class="sidebar-resizer" id="sidebar-resizer"></div>
+</div>