npm - skill-base - Versions diffs - 2.0.1 - Mend

skill-base 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/README.md +141 -0
package/bin/skill-base.js +53 -0
package/data/.gitkeep +0 -0
package/package.json +36 -0
package/src/database.js +119 -0
package/src/index.js +88 -0
package/src/middleware/.gitkeep +0 -0
package/src/middleware/admin.js +23 -0
package/src/middleware/auth.js +96 -0
package/src/middleware/error.js +23 -0
package/src/models/.gitkeep +0 -0
package/src/models/skill.js +57 -0
package/src/models/user.js +130 -0
package/src/models/version.js +57 -0
package/src/routes/.gitkeep +0 -0
package/src/routes/auth.js +173 -0
package/src/routes/collaborators.js +260 -0
package/src/routes/init.js +86 -0
package/src/routes/publish.js +108 -0
package/src/routes/skills.js +119 -0
package/src/routes/users.js +169 -0
package/src/utils/.gitkeep +0 -0
package/src/utils/crypto.js +35 -0
package/src/utils/permission.js +45 -0
package/src/utils/zip.js +35 -0
package/static/admin/users.html +593 -0
package/static/cli-code.html +203 -0
package/static/css/.gitkeep +0 -0
package/static/css/style.css +1567 -0
package/static/diff.html +466 -0
package/static/file.html +443 -0
package/static/index.html +251 -0
package/static/js/.gitkeep +0 -0
package/static/js/admin/users.js +346 -0
package/static/js/app.js +508 -0
package/static/js/auth.js +151 -0
package/static/js/cli-code.js +184 -0
package/static/js/collaborators.js +283 -0
package/static/js/diff.js +540 -0
package/static/js/file.js +619 -0
package/static/js/i18n.js +739 -0
package/static/js/index.js +168 -0
package/static/js/publish.js +718 -0
package/static/js/settings.js +124 -0
package/static/js/setup.js +157 -0
package/static/js/skill.js +808 -0
package/static/login.html +82 -0
package/static/publish.html +459 -0
package/static/settings.html +163 -0
package/static/setup.html +101 -0
package/static/skill.html +851 -0

package/static/file.html ADDED Viewed

@@ -0,0 +1,443 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title data-i18n="file.title">文件预览 - Skill Base</title>
+  <link rel="stylesheet" href="/css/style.css">
+  <!-- highlight.js 样式 -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github-dark.min.css">
+  <style>
+    /* 面包屑导航 */
+    .breadcrumb {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-sm);
+      font-size: 0.875rem;
+      color: var(--text-secondary);
+      margin-bottom: var(--spacing-lg);
+      flex-wrap: wrap;
+    }
+    .breadcrumb a {
+      color: var(--text-secondary);
+    }
+    .breadcrumb a:hover {
+      color: var(--primary-color);
+    }
+    .breadcrumb-separator {
+      color: var(--text-muted);
+    }
+    .breadcrumb-current {
+      color: var(--text-color);
+      font-weight: 500;
+    }
+    /* 版本信息栏 */
+    .version-bar {
+      background-color: var(--white);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      padding: var(--spacing-md) var(--spacing-lg);
+      margin-bottom: var(--spacing-lg);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      gap: var(--spacing-md);
+    }
+    .version-info {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-md);
+      font-size: 0.875rem;
+      color: var(--text-secondary);
+    }
+    .version-info .version-tag {
+      font-size: 0.875rem;
+    }
+    /* 左右分栏布局 */
+    .file-layout {
+      display: grid;
+      grid-template-columns: 280px 1fr;
+      gap: var(--spacing-lg);
+      margin-bottom: var(--spacing-lg);
+    }
+    /* 文件树面板 */
+    .file-tree-panel {
+      background-color: var(--white);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      padding: var(--spacing-md);
+      max-height: calc(100vh - 280px);
+      overflow-y: auto;
+    }
+    .file-tree-panel-title {
+      font-size: 0.875rem;
+      font-weight: 600;
+      color: var(--text-color);
+      margin-bottom: var(--spacing-md);
+      padding-bottom: var(--spacing-sm);
+      border-bottom: 1px solid var(--border-color);
+    }
+    /* 文件内容面板 */
+    .file-content-panel {
+      background-color: var(--white);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      min-height: 500px;
+      display: flex;
+      flex-direction: column;
+    }
+    .file-content-header {
+      padding: var(--spacing-md) var(--spacing-lg);
+      border-bottom: 1px solid var(--border-color);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--spacing-md);
+    }
+    .file-content-path {
+      font-family: 'SF Mono', Monaco, 'Courier New', monospace;
+      font-size: 0.875rem;
+      color: var(--text-secondary);
+      word-break: break-all;
+    }
+    .file-content-body {
+      flex: 1;
+      padding: var(--spacing-lg);
+      overflow: auto;
+    }
+    .file-content-body pre {
+      margin: 0;
+      padding: var(--spacing-md);
+      background-color: var(--bg-color);
+      border-radius: var(--radius);
+      overflow-x: auto;
+    }
+    .file-content-body code {
+      font-family: 'SF Mono', Monaco, 'Courier New', monospace;
+      font-size: 0.8125rem;
+      line-height: 1.6;
+    }
+    /* 代码行号 */
+    .code-with-lines {
+      display: table;
+      width: 100%;
+    }
+    .code-line {
+      display: table-row;
+    }
+    .code-line-number {
+      display: table-cell;
+      width: 50px;
+      padding-right: var(--spacing-md);
+      text-align: right;
+      color: var(--text-muted);
+      user-select: none;
+      border-right: 1px solid var(--border-color);
+      vertical-align: top;
+    }
+    .code-line-content {
+      display: table-cell;
+      padding-left: var(--spacing-md);
+      white-space: pre;
+    }
+    /* Markdown 预览样式 */
+    .markdown-body {
+      line-height: 1.8;
+    }
+    .markdown-body h1,
+    .markdown-body h2,
+    .markdown-body h3,
+    .markdown-body h4 {
+      margin-top: 1.5em;
+      margin-bottom: 0.5em;
+      font-weight: 600;
+    }
+    .markdown-body h1 { font-size: 1.5rem; }
+    .markdown-body h2 { font-size: 1.25rem; }
+    .markdown-body h3 { font-size: 1.125rem; }
+    .markdown-body p {
+      margin-bottom: 1em;
+    }
+    .markdown-body ul,
+    .markdown-body ol {
+      padding-left: 2em;
+      margin-bottom: 1em;
+    }
+    .markdown-body li {
+      list-style: disc;
+      margin-bottom: 0.25em;
+    }
+    .markdown-body ol li {
+      list-style: decimal;
+    }
+    .markdown-body code {
+      background-color: var(--bg-color);
+      padding: 0.125em 0.375em;
+      border-radius: var(--radius-sm);
+      font-size: 0.875em;
+    }
+    .markdown-body pre code {
+      background: none;
+      padding: 0;
+    }
+    .markdown-body blockquote {
+      border-left: 4px solid var(--border-color);
+      padding-left: 1em;
+      color: var(--text-secondary);
+      margin: 1em 0;
+    }
+    .markdown-body table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 1em 0;
+    }
+    .markdown-body th,
+    .markdown-body td {
+      border: 1px solid var(--border-color);
+      padding: 0.5em 1em;
+      text-align: left;
+    }
+    .markdown-body th {
+      background-color: var(--bg-color);
+    }
+    /* 底部操作栏 */
+    .action-bar {
+      background-color: var(--white);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      padding: var(--spacing-md) var(--spacing-lg);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      gap: var(--spacing-md);
+    }
+    .action-bar-left,
+    .action-bar-right {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-sm);
+    }
+    /* 空状态 */
+    .empty-preview {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      min-height: 300px;
+      color: var(--text-muted);
+    }
+    .empty-preview-icon {
+      font-size: 3rem;
+      margin-bottom: var(--spacing-md);
+      opacity: 0.5;
+    }
+    /* 二进制文件提示 */
+    .binary-notice {
+      text-align: center;
+      padding: var(--spacing-xl);
+      color: var(--text-secondary);
+    }
+    .binary-notice-icon {
+      font-size: 3rem;
+      margin-bottom: var(--spacing-md);
+    }
+    /* 大文件警告 */
+    .large-file-warning {
+      background-color: var(--warning-light);
+      color: var(--warning-color);
+      padding: var(--spacing-md);
+      border-radius: var(--radius);
+      margin-bottom: var(--spacing-md);
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-sm);
+    }
+    /* Loading */
+    .loading-content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 200px;
+    }
+    @media (max-width: 768px) {
+      .file-layout {
+        grid-template-columns: 1fr;
+      }
+      .file-tree-panel {
+        max-height: 300px;
+      }
+      .version-bar {
+        flex-direction: column;
+        align-items: flex-start;
+      }
+      .action-bar {
+        flex-direction: column;
+        align-items: stretch;
+      }
+      .action-bar-left,
+      .action-bar-right {
+        justify-content: center;
+      }
+    }
+  </style>
+</head>
+<body class="app-devtools">
+  <!-- 导航栏 -->
+  <nav class="navbar">
+    <div class="container">
+      <a href="/" class="navbar-brand">
+        <svg class="navbar-brand-icon" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
+        <span>Skill Base</span>
+      </a>
+      <div class="navbar-nav">
+        <a href="/" data-i18n="nav.home">首页</a>
+        <a href="/publish.html" class="hide-mobile" data-i18n="nav.publish">发布</a>
+      </div>
+    </div>
+  </nav>
+  <!-- 页面内容 -->
+  <main class="page-content">
+    <div class="container">
+      <!-- 面包屑导航 -->
+      <nav class="breadcrumb">
+        <a href="/" data-i18n="skill.breadcrumbHome">首页</a>
+        <span class="breadcrumb-separator">›</span>
+        <a href="#" id="breadcrumb-skill" data-i18n="state.loading">加载中...</a>
+        <span class="breadcrumb-separator">›</span>
+        <span id="breadcrumb-file" class="breadcrumb-current" data-i18n="file.breadcrumbFile">文件</span>
+      </nav>
+      <!-- 版本信息栏 -->
+      <div class="version-bar">
+        <div class="version-info">
+          <span data-i18n="file.currentVersion">当前版本:</span>
+          <span id="current-version" class="version-tag current">-</span>
+        </div>
+        <div class="version-info">
+          <span id="file-size" class="text-muted">-</span>
+        </div>
+      </div>
+      <!-- 左右分栏：目录树 + 文件内容 -->
+      <section class="file-layout">
+        <!-- 文件树面板 -->
+        <div class="file-tree-panel">
+          <div class="file-tree-panel-title" data-i18n="file.fileDir">文件目录</div>
+          <div id="file-tree" class="file-tree">
+            <div class="loading-content">
+              <div class="spinner spinner-sm"></div>
+            </div>
+          </div>
+        </div>
+        <!-- 文件内容面板 -->
+        <div class="file-content-panel">
+          <div class="file-content-header">
+            <span id="file-path" class="file-content-path" data-i18n="file.selectFile">选择文件以预览</span>
+          </div>
+          <div id="file-content" class="file-content-body">
+            <div class="empty-preview">
+              <div class="empty-preview-icon">📄</div>
+              <p data-i18n="file.clickFile">点击左侧文件查看内容</p>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- 底部操作栏 -->
+      <div class="action-bar">
+        <div class="action-bar-left">
+          <button class="btn btn-primary" onclick="downloadCurrentVersion()">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
+              <polyline points="7 10 12 15 17 10"/>
+              <line x1="12" y1="15" x2="12" y2="3"/>
+            </svg>
+                        <span data-i18n="file.download">下载当前版本</span>
+          </button>
+          <select id="version-select" class="version-select" onchange="onVersionChange(this.value)" style="min-width: 150px;">
+            <option value="" data-i18n="file.selectOtherVersion">选择其他版本...</option>
+          </select>
+        </div>
+        <div class="action-bar-right">
+          <button class="btn btn-secondary" onclick="goToDiff()">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <line x1="18" y1="20" x2="18" y2="10"/>
+              <line x1="12" y1="20" x2="12" y2="4"/>
+              <line x1="6" y1="20" x2="6" y2="14"/>
+            </svg>
+                        <span data-i18n="file.compare">对比版本</span>
+          </button>
+          <button class="btn btn-secondary" onclick="goToSkillDetail()">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <line x1="19" y1="12" x2="5" y2="12"/>
+              <polyline points="12 19 5 12 12 5"/>
+            </svg>
+            <span data-i18n="file.back">返回详情页</span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </main>
+  <!-- CDN 库 -->
+  <script src="https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/marked@11.1.1/marked.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/highlight.min.js"></script>
+  <!-- 引入 JS -->
+  <script src="/js/i18n.js"></script>
+  <script src="/js/app.js"></script>
+  <script src="/js/file.js"></script>
+</body>
+</html>

package/static/index.html ADDED Viewed

@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Skill Base</title>
+  <link rel="stylesheet" href="/css/style.css">
+  <style>
+    /* 页面标题区域 */
+    .page-header {
+      margin-bottom: var(--spacing-lg);
+    }
+    .page-title {
+      font-size: 1.75rem;
+      font-weight: 700;
+      color: var(--text-color);
+      margin-bottom: var(--spacing-md);
+    }
+    /* 搜索栏 */
+    .search-container {
+      max-width: 500px;
+    }
+    /* Skill 卡片网格 */
+    .skill-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+      gap: var(--spacing-lg);
+    }
+    .skill-card {
+      background-color: var(--white);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      padding: var(--spacing-lg);
+      cursor: pointer;
+      transition: var(--transition);
+      text-decoration: none;
+      color: inherit;
+      display: block;
+    }
+    .skill-card:hover {
+      box-shadow: var(--shadow-md);
+      transform: translateY(-2px);
+      text-decoration: none;
+    }
+    .skill-card-header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      margin-bottom: var(--spacing-sm);
+    }
+    .skill-card-name {
+      font-size: 1.125rem;
+      font-weight: 600;
+      color: var(--text-color);
+      margin: 0;
+    }
+    .skill-card-desc {
+      font-size: 0.875rem;
+      color: var(--text-secondary);
+      line-height: 1.5;
+      margin-bottom: var(--spacing-md);
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+    }
+    .skill-card-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 0.75rem;
+      color: var(--text-muted);
+    }
+    .skill-card-meta {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-md);
+    }
+    .skill-card-owner {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-xs);
+    }
+    /* 空状态 */
+    .empty-state {
+      text-align: center;
+      padding: var(--spacing-xl) var(--spacing-md);
+      color: var(--text-secondary);
+    }
+    .empty-state-icon {
+      font-size: 4rem;
+      margin-bottom: var(--spacing-md);
+      opacity: 0.5;
+    }
+    .empty-state-text {
+      font-size: 1rem;
+      margin-bottom: var(--spacing-md);
+    }
+    /* 浮动按钮 */
+    .fab {
+      position: fixed;
+      bottom: var(--spacing-xl);
+      right: var(--spacing-xl);
+      width: 56px;
+      height: 56px;
+      border-radius: 50%;
+      background-color: var(--primary-color);
+      color: var(--white);
+      border: none;
+      box-shadow: var(--shadow-lg);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: var(--transition);
+      text-decoration: none;
+      font-size: 1.5rem;
+    }
+    .fab:hover {
+      background-color: var(--primary-hover);
+      transform: scale(1.1);
+      text-decoration: none;
+    }
+    /* Loading 骨架屏 */
+    .skeleton-card {
+      background-color: var(--white);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      padding: var(--spacing-lg);
+    }
+    .skeleton-title {
+      height: 24px;
+      width: 60%;
+      margin-bottom: var(--spacing-sm);
+    }
+    .skeleton-desc {
+      height: 16px;
+      width: 100%;
+      margin-bottom: var(--spacing-xs);
+    }
+    .skeleton-desc-short {
+      height: 16px;
+      width: 75%;
+      margin-bottom: var(--spacing-md);
+    }
+    .skeleton-footer {
+      height: 14px;
+      width: 50%;
+    }
+    @media (max-width: 768px) {
+      .skill-grid {
+        grid-template-columns: 1fr;
+      }
+      .fab {
+        bottom: var(--spacing-lg);
+        right: var(--spacing-lg);
+      }
+    }
+  </style>
+</head>
+<body class="app-devtools">
+  <!-- 导航栏 -->
+  <nav class="navbar">
+    <div class="container">
+      <a href="/" class="navbar-brand">
+        <svg class="navbar-brand-icon" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
+        <span>Skill Base</span>
+      </a>
+      <div class="navbar-nav">
+        <a href="/" class="active" data-i18n="nav.home">首页</a>
+        <a href="/publish.html" class="hide-mobile" data-i18n="nav.publish">发布</a>
+      </div>
+      <!-- 用户区域由 JS 动态渲染 -->
+    </div>
+  </nav>
+  <!-- 页面内容 -->
+  <main class="page-content">
+    <div class="container">
+      <!-- 页面标题 + 搜索 -->
+      <div class="page-header">
+        <!-- <h1 class="page-title">Skill Base</h1> -->
+        <div class="search-container">
+          <div class="search-bar">
+            <input
+              type="search"
+              id="searchInput"
+              data-i18n-placeholder="index.searchPlaceholder"
+              placeholder="搜索 Skill..."
+              autocomplete="off"
+            >
+            <span class="search-icon">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="11" cy="11" r="8"/>
+                <line x1="21" y1="21" x2="16.65" y2="16.65"/>
+              </svg>
+            </span>
+            <button type="button" class="clear-btn" id="clearSearch">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <line x1="18" y1="6" x2="6" y2="18"/>
+                <line x1="6" y1="6" x2="18" y2="18"/>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+      <!-- Skill 列表 -->
+      <div id="skill-list" class="skill-grid">
+        <!-- 由 JS 动态渲染 -->
+      </div>
+    </div>
+  </main>
+  <!-- 浮动发布按钮 -->
+  <a href="/publish.html" class="fab" data-i18n-title="index.fabTitle" title="发布新版本">
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+      <line x1="12" y1="5" x2="12" y2="19"/>
+      <line x1="5" y1="12" x2="19" y2="12"/>
+    </svg>
+  </a>
+  <!-- 引入 JS -->
+  <script src="/js/i18n.js"></script>
+  <script src="/js/app.js"></script>
+  <script src="/js/index.js"></script>
+</body>
+</html>

package/static/js/.gitkeep ADDED Viewed

File without changes