npm - koishi-plugin-memesluna - Versions diffs - 0.2.6 → 0.2.8 - Mend

koishi-plugin-memesluna 0.2.6 → 0.2.8

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 (2) hide show

package/lib/index.js +326 -232
package/package.json +1 -1

package/lib/index.js CHANGED Viewed

@@ -1288,7 +1288,7 @@ function buildAdminHtml(basePath) {
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>图床转发 - 管理</title>
+  <title>图床转发 - 合集管理</title>
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
   <style>
@@ -1323,36 +1323,102 @@ function buildAdminHtml(basePath) {
       max-width: 1320px;
     }
-    .sidebar-panel,
-    .main-panel,
-    .sub-card {
+    .panel {
       border-radius: 14px;
       border: 1px solid rgba(255, 255, 255, 0.5);
       background: rgba(255, 255, 255, 0.72);
       -webkit-backdrop-filter: blur(10px) saturate(130%);
       backdrop-filter: blur(10px) saturate(130%);
       box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
+      padding: 1rem;
     }
-    .sidebar-panel {
-      padding: 1rem;
-      position: sticky;
-      top: 1rem;
+    .sub-card {
+      border-radius: 12px;
+      border: 1px solid rgba(255, 255, 255, 0.5);
+      background: rgba(255, 255, 255, 0.72);
+      -webkit-backdrop-filter: blur(10px) saturate(130%);
+      backdrop-filter: blur(10px) saturate(130%);
+      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
+      padding: 0.9rem;
     }
-    .main-panel {
-      padding: 1rem;
+    .folder-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+      gap: 1rem;
     }
-    .collection-item {
+    .folder-card {
+      border-radius: 12px;
+      overflow: hidden;
+      border: 1px solid rgba(148, 163, 184, 0.3);
+      background: rgba(255, 255, 255, 0.88);
       cursor: pointer;
+      transition: transform 0.2s ease, box-shadow 0.2s ease;
+    }
+    .folder-card:hover {
+      transform: translateY(-3px);
+      box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
+    }
+    .folder-card .folder-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100px;
+      background: linear-gradient(135deg, #e0e7ff 0%, #f0f4ff 100%);
+      font-size: 2.5rem;
+      color: #6366f1;
+    }
+    .folder-card .folder-info {
+      padding: 0.6rem 0.8rem;
     }
-    .collection-item.active {
-      background: rgba(59, 130, 246, 0.14);
-      border-color: rgba(59, 130, 246, 0.35);
-      color: #1d4ed8;
+    .folder-card .folder-name {
       font-weight: 700;
+      font-size: 0.95rem;
+      color: #334155;
+    }
+    .folder-card .folder-meta {
+      font-size: 0.78rem;
+      color: #64748b;
+    }
+    .folder-card .folder-desc {
+      font-size: 0.78rem;
+      color: #94a3b8;
+      margin-top: 2px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .folder-card .folder-path {
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+      font-size: 0.72rem;
+      color: #a5b4fc;
+      margin-top: 2px;
+    }
+    .desc-editor {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 0.8rem;
+    }
+    .desc-editor input {
+      flex: 1;
+    }
+    .desc-display {
+      font-size: 0.88rem;
+      color: #64748b;
+      margin-bottom: 0.5rem;
     }
     .image-grid {
@@ -1376,10 +1442,6 @@ function buildAdminHtml(basePath) {
       background: #f1f5f9;
     }
-    .sub-card {
-      padding: 0.9rem;
-    }
     .code-url {
       font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
       font-size: 0.8rem;
@@ -1396,6 +1458,21 @@ function buildAdminHtml(basePath) {
       color: #64748b;
       font-size: 0.9rem;
     }
+    .drop-zone {
+      border: 2px dashed #94a3b8;
+      border-radius: 12px;
+      padding: 2rem;
+      text-align: center;
+      color: #64748b;
+      transition: border-color 0.2s, background 0.2s;
+      cursor: pointer;
+    }
+    .drop-zone.drag-over {
+      border-color: #6366f1;
+      background: rgba(99, 102, 241, 0.06);
+    }
   </style>
 </head>
 <body>
@@ -1416,69 +1493,70 @@ function buildAdminHtml(basePath) {
   </nav>
   <div class="container admin-shell mt-3 pb-4">
-    <div class="row g-3">
-      <div class="col-lg-3">
-        <div class="sidebar-panel">
-          <h5 class="mb-3">合集管理</h5>
-          <div class="input-group mb-3">
-            <input id="new-collection-name" class="form-control" placeholder="新合集名称" />
-            <button id="create-collection" class="btn btn-primary">创建</button>
-          </div>
-          <div id="collection-list" class="list-group mb-3"></div>
-          <button id="delete-collection" class="btn btn-outline-danger w-100" disabled>删除当前合集</button>
-          <hr>
-          <h6 class="mb-2">合集描述</h6>
-          <div class="input-group mb-3">
-            <input id="collection-description" class="form-control" placeholder="为当前合集添加描述" disabled />
-            <button id="save-description" class="btn btn-primary" disabled>保存</button>
-          </div>
-          <hr>
-          <h6 class="mb-2">快捷信息</h6>
-          <div class="small text-muted">
-            <div>管理链接：<code>${basePath}/admin</code></div>
-            <div class="mt-1">随机访问：<code id="collection-random-url">-</code></div>
+    <!-- View: folder list (main) -->
+    <div id="view-folders">
+      <div class="panel mb-3">
+        <div class="d-flex justify-content-between align-items-center mb-3">
+          <h5 class="mb-0">合集管理</h5>
+          <div class="d-flex gap-2">
+            <input id="new-collection-name" class="form-control form-control-sm" style="width:180px" placeholder="新合集名称" />
+            <button id="create-collection" class="btn btn-sm btn-primary">创建</button>
           </div>
         </div>
+        <div id="folder-grid" class="folder-grid"></div>
+        <div id="folders-empty" class="empty-tip mt-2">暂无合集，请先创建</div>
       </div>
+    </div>
-      <div class="col-lg-9">
-        <div class="main-panel mb-3">
-          <div class="d-flex justify-content-between align-items-center">
-            <h5 class="mb-0">合集内容</h5>
-            <span id="selected-collection-badge" class="badge bg-primary">未选择</span>
+    <!-- View: collection detail -->
+    <div id="view-detail" style="display:none">
+      <div class="panel mb-3">
+        <div class="d-flex justify-content-between align-items-center mb-3">
+          <div class="d-flex align-items-center gap-2">
+            <button id="back-to-folders" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left"></i> 返回</button>
+            <h5 class="mb-0" id="detail-title"></h5>
           </div>
+          <div class="d-flex gap-2">
+            <button id="refresh-resources" class="btn btn-sm btn-outline-primary"><i class="bi bi-arrow-clockwise"></i> 刷新缓存</button>
+            <button id="delete-collection" class="btn btn-sm btn-outline-danger">删除合集</button>
+          </div>
+        </div>
+        <div id="detail-path" class="desc-display" style="font-family:monospace;color:#a5b4fc;font-size:0.82rem"></div>
+        <div class="desc-editor">
+          <input id="desc-input" class="form-control form-control-sm" placeholder="为这个合集添加描述，例如：千恋万花的丛雨表情包" />
+          <button id="save-desc" class="btn btn-sm btn-outline-primary">保存描述</button>
+        </div>
-          <div class="row g-3 mt-1">
-            <div class="col-md-6">
-              <div class="sub-card h-100">
-                <div class="section-title mb-2">上传本地图片</div>
-                <input id="upload-files" type="file" class="form-control mb-2" multiple accept="image/*" />
-                <button id="upload-images" class="btn btn-primary w-100" disabled>上传到当前合集</button>
-                <div class="form-text">支持多选。上传后自动刷新列表。</div>
+        <div class="row g-3 mb-3">
+          <div class="col-md-6">
+            <div class="sub-card h-100">
+              <div class="section-title mb-2">上传图片</div>
+              <div id="drop-zone" class="drop-zone mb-2">
+                <i class="bi bi-cloud-arrow-up" style="font-size:1.5rem"></i>
+                <div>拖放图片到此处，或点击选择文件</div>
+                <input id="upload-files" type="file" class="d-none" multiple accept="image/*" />
               </div>
             </div>
-            <div class="col-md-6">
-              <div class="sub-card h-100">
-                <div class="section-title mb-2">添加外链</div>
-                <textarea id="links-input" class="form-control mb-2" rows="4" placeholder="每行一个 http/https 链接"></textarea>
-                <button id="add-links" class="btn btn-primary w-100" disabled>添加外链到当前合集</button>
-              </div>
+          </div>
+          <div class="col-md-6">
+            <div class="sub-card h-100">
+              <div class="section-title mb-2">添加外链</div>
+              <textarea id="links-input" class="form-control mb-2" rows="3" placeholder="每行一个 http/https 链接"></textarea>
+              <button id="add-links" class="btn btn-primary btn-sm w-100">添加外链</button>
             </div>
           </div>
+        </div>
-          <div class="sub-card mt-3">
-            <div class="section-title mb-2">本地图片</div>
-            <div id="images-grid" class="image-grid"></div>
-            <div id="images-empty" class="empty-tip mt-2">暂无本地图片</div>
-          </div>
+        <div class="sub-card mb-3">
+          <div class="section-title mb-2">本地图片</div>
+          <div id="images-grid" class="image-grid"></div>
+          <div id="images-empty" class="empty-tip mt-2">暂无本地图片</div>
+        </div>
-          <div class="sub-card mt-3">
-            <div class="section-title mb-2">外链列表</div>
-            <div id="links-list" class="list-group"></div>
-            <div id="links-empty" class="empty-tip mt-2">暂无外链</div>
-          </div>
+        <div class="sub-card">
+          <div class="section-title mb-2">外链列表</div>
+          <div id="links-list" class="list-group"></div>
+          <div id="links-empty" class="empty-tip mt-2">暂无外链</div>
         </div>
       </div>
     </div>
@@ -1491,7 +1569,6 @@ function buildAdminHtml(basePath) {
     const state = {
       collectionNames: [],
       collections: [],
-      endpoints: [],
       selectedCollection: '',
       images: [],
       links: [],
@@ -1499,173 +1576,184 @@ function buildAdminHtml(basePath) {
     const byId = (id) => document.getElementById(id)
-    function showAlert(message, type = 'info') {
-      const el = byId('admin-alert')
+    function showAlert(message, type) {
+      type = type || 'info'
+      var el = byId('admin-alert')
       el.className = 'alert alert-' + type + ' mt-3'
       el.textContent = message
       el.classList.remove('d-none')
-      setTimeout(() => el.classList.add('d-none'), 2200)
+      setTimeout(function() { el.classList.add('d-none') }, 2200)
     }
-    async function request(url, options = {}) {
-      console.log('Requesting:', url)
-      const headers = Object.assign({}, options.headers || {})
+    async function request(url, options) {
+      options = options || {}
+      var headers = Object.assign({}, options.headers || {})
       if (options.body && !headers['Content-Type']) {
         headers['Content-Type'] = 'application/json'
       }
-      const res = await fetch(url, Object.assign({}, options, { headers }))
-      console.log('Response status:', res.status)
-      let data = null
-      try {
-        data = await res.json()
-        console.log('Response data:', data)
-      } catch (e) {
-        console.log('JSON parse error:', e)
-        data = null
-      }
+      var res = await fetch(url, Object.assign({}, options, { headers: headers }))
+      var data = null
+      try { data = await res.json() } catch(e) { data = null }
       if (!res.ok) {
         throw new Error(data && data.error ? data.error : String(res.status) + ' ' + String(res.statusText))
       }
       return data
     }
+    function readFileAsDataURL(file) {
+      return new Promise(function(resolve, reject) {
+        var reader = new FileReader()
+        reader.onload = function() { resolve(reader.result) }
+        reader.onerror = function() { reject(new Error('读取文件失败')) }
+        reader.readAsDataURL(file)
+      })
+    }
+    /* --- Folder list view --- */
     async function refreshState() {
-      const data = await request(BASE_PATH + '/api/admin/state')
+      var data = await request(BASE_PATH + '/api/admin/state')
       state.collectionNames = Array.isArray(data.collectionNames) ? data.collectionNames : []
       state.collections = Array.isArray(data.collections) ? data.collections : []
-      state.endpoints = Array.isArray(data.endpoints) ? data.endpoints : []
+      renderFolderGrid()
+    }
-      if (!state.selectedCollection || !state.collectionNames.includes(state.selectedCollection)) {
-        state.selectedCollection = state.collectionNames[0] || ''
-      }
+    function renderFolderGrid() {
+      var grid = byId('folder-grid')
+      var empty = byId('folders-empty')
+      grid.textContent = ''
+      empty.style.display = state.collections.length ? 'none' : 'block'
+      state.collections.forEach(function(col) {
+        var card = document.createElement('div')
+        card.className = 'folder-card'
+        card.addEventListener('click', function() { enterCollection(col.name) })
+        var icon = document.createElement('div')
+        icon.className = 'folder-icon'
+        icon.innerHTML = '<i class="bi bi-folder-fill"></i>'
+        card.appendChild(icon)
+        var info = document.createElement('div')
+        info.className = 'folder-info'
+        var nameEl = document.createElement('div')
+        nameEl.className = 'folder-name'
+        nameEl.textContent = col.name
+        info.appendChild(nameEl)
+        if (col.description) {
+          var descEl = document.createElement('div')
+          descEl.className = 'folder-desc'
+          descEl.textContent = col.description
+          descEl.title = col.description
+          info.appendChild(descEl)
+        }
+        var pathEl = document.createElement('div')
+        pathEl.className = 'folder-path'
+        pathEl.textContent = BASE_PATH + '/' + col.name
+        info.appendChild(pathEl)
+        var meta = document.createElement('div')
+        meta.className = 'folder-meta'
+        meta.textContent = '本地 ' + (col.localCount || 0) + ' / 外链 ' + (col.linkCount || 0)
+        info.appendChild(meta)
+        card.appendChild(info)
+        grid.appendChild(card)
+      })
+    }
-      renderCollectionList()
-      await refreshCollectionResources()
-      syncSelectedCollectionUi()
+    function enterCollection(name) {
+      state.selectedCollection = name
+      byId('view-folders').style.display = 'none'
+      byId('view-detail').style.display = 'block'
+      byId('detail-title').textContent = name
+      byId('detail-path').textContent = '端点路径: ' + BASE_PATH + '/' + name
+      var col = state.collections.find(function(c) { return c.name === name })
+      byId('desc-input').value = (col && col.description) ? col.description : ''
+      refreshCollectionResources()
     }
+    function backToFolders() {
+      state.selectedCollection = ''
+      byId('view-detail').style.display = 'none'
+      byId('view-folders').style.display = 'block'
+      refreshState()
+    }
+    /* --- Detail view --- */
     async function refreshCollectionResources() {
-      if (!state.selectedCollection) {
-        state.images = []
-        state.links = []
-        renderImages()
-        renderLinks()
-        return
-      }
-      const data = await request(BASE_PATH + '/api/collections/' + encodeURIComponent(state.selectedCollection) + '/resources')
+      if (!state.selectedCollection) { state.images = []; state.links = []; renderImages(); renderLinks(); return }
+      var data = await request(BASE_PATH + '/api/collections/' + encodeURIComponent(state.selectedCollection) + '/resources')
       state.images = Array.isArray(data.images) ? data.images : []
       state.links = Array.isArray(data.links) ? data.links : []
       renderImages()
       renderLinks()
     }
-    function syncSelectedCollectionUi() {
-      const selected = state.selectedCollection
-      byId('selected-collection-badge').textContent = selected || '未选择'
-      byId('delete-collection').disabled = !selected
-      byId('upload-images').disabled = !selected
-      byId('add-links').disabled = !selected
-      byId('collection-random-url').textContent = selected ? BASE_PATH + '/' + selected : '-'
-      byId('collection-description').disabled = !selected
-      byId('save-description').disabled = !selected
-      const collectionInfo = state.collections.find((c) => c.name === selected)
-      byId('collection-description').value = collectionInfo ? (collectionInfo.description || '') : ''
-    }
-    function renderCollectionList() {
-      const list = byId('collection-list')
-      list.textContent = ''
-      if (!state.collectionNames.length) {
-        const empty = document.createElement('div')
-        empty.className = 'text-muted small'
-        empty.textContent = '暂无合集'
-        list.appendChild(empty)
-        return
-      }
-      state.collectionNames.forEach((name) => {
-        const button = document.createElement('button')
-        button.type = 'button'
-        button.className = 'list-group-item list-group-item-action collection-item' + (name === state.selectedCollection ? ' active' : '')
-        button.textContent = name
-        button.addEventListener('click', async () => {
-          state.selectedCollection = name
-          renderCollectionList()
-          syncSelectedCollectionUi()
-          await refreshCollectionResources()
-        })
-        list.appendChild(button)
-      })
-    }
     function imagePreviewUrl(filename) {
       return BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection) + '/images/' + encodeURIComponent(filename)
     }
     function renderImages() {
-      const grid = byId('images-grid')
-      const empty = byId('images-empty')
+      var grid = byId('images-grid')
+      var empty = byId('images-empty')
       grid.textContent = ''
       empty.style.display = state.images.length ? 'none' : 'block'
-      state.images.forEach((name) => {
-        const card = document.createElement('div')
+      state.images.forEach(function(name) {
+        var card = document.createElement('div')
         card.className = 'image-card'
-        const img = document.createElement('img')
+        var img = document.createElement('img')
         img.src = imagePreviewUrl(name)
         img.alt = name
         card.appendChild(img)
-        const body = document.createElement('div')
+        var body = document.createElement('div')
         body.className = 'p-2'
-        const title = document.createElement('div')
+        var title = document.createElement('div')
         title.className = 'small text-truncate mb-2'
         title.textContent = name
         body.appendChild(title)
-        const row = document.createElement('div')
+        var row = document.createElement('div')
         row.className = 'd-flex gap-1'
-        const moveSelect = document.createElement('select')
+        var moveSelect = document.createElement('select')
         moveSelect.className = 'form-select form-select-sm'
-        const collections = state.collectionNames.filter((item) => item !== state.selectedCollection)
-        const placeholder = document.createElement('option')
-        placeholder.value = ''
-        placeholder.textContent = '移动到...'
-        moveSelect.appendChild(placeholder)
-        collections.forEach((target) => {
-          const opt = document.createElement('option')
-          opt.value = target
-          opt.textContent = target
+        var others = state.collectionNames.filter(function(c) { return c !== state.selectedCollection })
+        var ph = document.createElement('option')
+        ph.value = ''
+        ph.textContent = '移动到...'
+        moveSelect.appendChild(ph)
+        others.forEach(function(t) {
+          var opt = document.createElement('option')
+          opt.value = t; opt.textContent = t
           moveSelect.appendChild(opt)
         })
-        const moveBtn = document.createElement('button')
+        var moveBtn = document.createElement('button')
         moveBtn.className = 'btn btn-sm btn-outline-primary'
         moveBtn.textContent = '移动'
-        moveBtn.disabled = collections.length === 0
-        moveBtn.addEventListener('click', async () => {
-          const targetCollection = moveSelect.value
-          if (!targetCollection) return
+        moveBtn.disabled = others.length === 0
+        moveBtn.addEventListener('click', async function() {
+          var tc = moveSelect.value
+          if (!tc) return
           await request(
             BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection) + '/images/' + encodeURIComponent(name) + '/move',
-            { method: 'POST', body: JSON.stringify({ targetCollection }) }
+            { method: 'POST', body: JSON.stringify({ targetCollection: tc }) }
           )
           showAlert('图片已移动', 'success')
-          await refreshState()
+          refreshCollectionResources()
         })
-        const delBtn = document.createElement('button')
+        var delBtn = document.createElement('button')
         delBtn.className = 'btn btn-sm btn-outline-danger'
         delBtn.textContent = '删除'
-        delBtn.addEventListener('click', async () => {
+        delBtn.addEventListener('click', async function() {
           await request(
             BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection) + '/images/' + encodeURIComponent(name),
             { method: 'DELETE' }
           )
           showAlert('图片已删除', 'success')
-          await refreshCollectionResources()
+          refreshCollectionResources()
         })
         row.appendChild(moveSelect)
@@ -1678,40 +1766,40 @@ function buildAdminHtml(basePath) {
     }
     function renderLinks() {
-      const wrap = byId('links-list')
-      const empty = byId('links-empty')
+      var wrap = byId('links-list')
+      var empty = byId('links-empty')
       wrap.textContent = ''
       empty.style.display = state.links.length ? 'none' : 'block'
-      state.links.forEach((link) => {
-        const row = document.createElement('div')
+      state.links.forEach(function(link) {
+        var row = document.createElement('div')
         row.className = 'list-group-item d-flex justify-content-between align-items-center gap-2'
-        const text = document.createElement('div')
+        var text = document.createElement('div')
         text.className = 'code-url flex-grow-1'
         text.textContent = link
-        const actions = document.createElement('div')
+        var actions = document.createElement('div')
         actions.className = 'd-flex gap-1'
-        const open = document.createElement('a')
-        open.className = 'btn btn-sm btn-outline-primary'
-        open.textContent = '查看'
-        open.href = link
-        open.target = '_blank'
+        var openEl = document.createElement('a')
+        openEl.className = 'btn btn-sm btn-outline-primary'
+        openEl.textContent = '查看'
+        openEl.href = link
+        openEl.target = '_blank'
-        const del = document.createElement('button')
+        var del = document.createElement('button')
         del.className = 'btn btn-sm btn-outline-danger'
         del.textContent = '删除'
-        del.addEventListener('click', async () => {
+        del.addEventListener('click', async function() {
           await request(
             BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection) + '/links',
-            { method: 'DELETE', body: JSON.stringify({ link }) }
+            { method: 'DELETE', body: JSON.stringify({ link: link }) }
           )
           showAlert('外链已删除', 'success')
-          await refreshCollectionResources()
+          refreshCollectionResources()
         })
-        actions.appendChild(open)
+        actions.appendChild(openEl)
         actions.appendChild(del)
         row.appendChild(text)
         row.appendChild(actions)
@@ -1719,87 +1807,93 @@ function buildAdminHtml(basePath) {
       })
     }
-    function readFileAsDataURL(file) {
-      return new Promise((resolve, reject) => {
-        const reader = new FileReader()
-        reader.onload = () => resolve(reader.result)
-        reader.onerror = () => reject(new Error('读取文件失败'))
-        reader.readAsDataURL(file)
+    /* --- Upload with drag/drop --- */
+    async function uploadFiles(files) {
+      if (!state.selectedCollection || !files || !files.length) return
+      var images = []
+      for (var i = 0; i < files.length; i++) {
+        var b64 = await readFileAsDataURL(files[i])
+        images.push({ base64: b64, originalName: files[i].name })
+      }
+      await request(BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection) + '/images', {
+        method: 'POST',
+        body: JSON.stringify({ images: images }),
       })
+      showAlert('图片上传成功', 'success')
+      refreshCollectionResources()
     }
-    byId('create-collection').addEventListener('click', async () => {
-      const name = byId('new-collection-name').value.trim()
+    var dropZone = byId('drop-zone')
+    var fileInput = byId('upload-files')
+    dropZone.addEventListener('click', function() { fileInput.click() })
+    fileInput.addEventListener('change', function() { uploadFiles(fileInput.files); fileInput.value = '' })
+    dropZone.addEventListener('dragover', function(e) { e.preventDefault(); dropZone.classList.add('drag-over') })
+    dropZone.addEventListener('dragleave', function(e) { e.preventDefault(); dropZone.classList.remove('drag-over') })
+    dropZone.addEventListener('drop', function(e) {
+      e.preventDefault()
+      dropZone.classList.remove('drag-over')
+      if (e.dataTransfer && e.dataTransfer.files) uploadFiles(e.dataTransfer.files)
+    })
+    /* --- Buttons --- */
+    byId('create-collection').addEventListener('click', async function() {
+      var name = byId('new-collection-name').value.trim()
       if (!name) return
       await request(BASE_PATH + '/api/admin/collections', {
         method: 'POST',
-        body: JSON.stringify({ name }),
+        body: JSON.stringify({ name: name }),
       })
       byId('new-collection-name').value = ''
       showAlert('合集创建成功', 'success')
-      await refreshState()
+      refreshState()
     })
-    byId('delete-collection').addEventListener('click', async () => {
+    byId('delete-collection').addEventListener('click', async function() {
       if (!state.selectedCollection) return
+      if (!confirm('确定删除合集 ' + state.selectedCollection + ' ?')) return
       await request(BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection), {
         method: 'DELETE',
       })
       showAlert('合集已删除', 'success')
-      await refreshState()
+      backToFolders()
     })
-    byId('save-description').addEventListener('click', async () => {
+    byId('back-to-folders').addEventListener('click', backToFolders)
+    byId('save-desc').addEventListener('click', async function() {
       if (!state.selectedCollection) return
-      const description = byId('collection-description').value.trim()
+      var desc = byId('desc-input').value.trim()
       await request(BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection) + '/description', {
         method: 'PATCH',
-        body: JSON.stringify({ description }),
+        body: JSON.stringify({ description: desc }),
       })
+      var col = state.collections.find(function(c) { return c.name === state.selectedCollection })
+      if (col) col.description = desc
       showAlert('描述已保存', 'success')
-      await refreshState()
     })
-    byId('upload-images').addEventListener('click', async () => {
-      if (!state.selectedCollection) return
-      const files = byId('upload-files').files
-      if (!files || !files.length) return
-      const images = []
-      for (const file of files) {
-        const base64 = await readFileAsDataURL(file)
-        images.push({ base64, originalName: file.name })
-      }
-      await request(BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection) + '/images', {
-        method: 'POST',
-        body: JSON.stringify({ images }),
-      })
-      byId('upload-files').value = ''
-      showAlert('图片上传成功', 'success')
-      await refreshCollectionResources()
-      await refreshState()
+    byId('refresh-resources').addEventListener('click', function() {
+      refreshCollectionResources()
+      showAlert('已刷新', 'success')
     })
-    byId('add-links').addEventListener('click', async () => {
+    byId('add-links').addEventListener('click', async function() {
       if (!state.selectedCollection) return
-      const text = byId('links-input').value
-      const links = text.split(/\r?
-/g).map((line) => line.trim()).filter(Boolean)
-      if (!links.length) return
+      var text = byId('links-input').value
+      var lines = text.split(/\\r?\\n/g).map(function(l) { return l.trim() }).filter(Boolean)
+      if (!lines.length) return
       await request(BASE_PATH + '/api/admin/collections/' + encodeURIComponent(state.selectedCollection) + '/links', {
         method: 'POST',
-        body: JSON.stringify({ links }),
+        body: JSON.stringify({ links: lines }),
       })
       byId('links-input').value = ''
       showAlert('外链添加成功', 'success')
-      await refreshCollectionResources()
-      await refreshState()
-    })
-    byId('upload-files').addEventListener('change', () => {
-      byId('upload-images').disabled = !state.selectedCollection
+      refreshCollectionResources()
     })
-    refreshState().catch((error) => {
+    refreshState().catch(function(error) {
       showAlert(error instanceof Error ? error.message : String(error), 'danger')
     })
   </script>

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-memesluna",
   "description": "Image Forward service for Koishi with ChatLuna integration",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "types": "lib/index.d.ts",