ework-web 0.10.42 → 0.10.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ework-web",
-  "version": "0.10.42",
+  "version": "0.10.44",
   "type": "module",
   "description": "ework-web — standalone multi-project issue tracker. Local SQLite-backed, no external API dependency. Bun + TypeScript + SSR HTML.",
   "license": "MIT",

package/src/build.ts

@@ -3,7 +3,7 @@ import { join } from "path";
 
 const STATIC = join(__dirname, "static");
 let m = 0;
-for (const f of ["app.js", "session.js", "file.js", "tts.js", "highlight.css"]) {
+for (const f of ["app.js", "session.js", "file.js", "tts.js", "highlight.css", "label-picker.js", "project-labels.js", "daemon-groups.js", "db-wizard.js", "daemon-mgr.js"]) {
   try {
     const s = statSync(join(STATIC, f));
     if (s.mtimeMs > m) m = s.mtimeMs;

package/src/index.ts

@@ -467,6 +467,7 @@ async function handle(req: Request, url: URL, ip: string, ctx: { authed: boolean
   if (url.pathname === "/static/daemon-mgr.js") return staticAsset("daemon-mgr.js", "text/javascript; charset=utf-8", req);
   if (url.pathname === "/static/daemon-groups.js") return staticAsset("daemon-groups.js", "text/javascript; charset=utf-8", req);
   if (url.pathname === "/static/label-picker.js") return staticAsset("label-picker.js", "text/javascript; charset=utf-8", req);
+  if (url.pathname === "/static/project-labels.js") return staticAsset("project-labels.js", "text/javascript; charset=utf-8", req);
   if (url.pathname === "/static/session.js") return staticAsset("session.js", "text/javascript; charset=utf-8", req);
   if (url.pathname === "/static/file.js") return staticAsset("file.js", "text/javascript; charset=utf-8", req);
   if (url.pathname === "/static/tts.js") return staticAsset("tts.js", "text/javascript; charset=utf-8", req);
@@ -1022,8 +1023,34 @@ async function handle(req: Request, url: URL, ip: string, ctx: { authed: boolean
 
   const daemonIdRe = /^\/api\/daemons\/(\d+)$/;
   const daemonRestartRe = /^\/api\/daemons\/(\d+)\/restart$/;
+  const daemonPauseRe = /^\/api\/daemons\/(\d+)\/pause$/;
+  const daemonResumeRe = /^\/api\/daemons\/(\d+)\/resume$/;
   const daemonRemoveRe = /^\/api\/daemons\/(\d+)\/remove$/;
 
+  if (req.method === "POST" && (daemonPauseRe.test(url.pathname) || daemonResumeRe.test(url.pathname))) {
+    if (!ctx.user || ctx.user.is_admin !== 1) return json({ error: "admin required" }, 403);
+    const isPause = daemonPauseRe.test(url.pathname);
+    const match = url.pathname.match(isPause ? daemonPauseRe : daemonResumeRe);
+    const id = match ? Number(match[1]) : NaN;
+    if (!Number.isFinite(id)) return json({ error: "invalid id" }, 400);
+    const rows = await getDB().all<{ endpoint: string }>(
+      `SELECT internal_endpoint AS endpoint FROM {{d_daemons}} WHERE id = ?`, [id]
+    );
+    if (rows.length === 0) return json({ ok: false, error: "daemon not found" }, 404);
+    const ep = rows[0]!.endpoint;
+    const proto = ep.startsWith("http") ? "" : "http://";
+    try {
+      const upstream = await fetch(`${proto}${ep}/api/admin/${isPause ? "pause" : "resume"}`, { method: "POST" });
+      if (!upstream.ok) {
+        const body = await upstream.text().catch(() => "");
+        return json({ ok: false, error: `daemon returned ${upstream.status}: ${body.slice(0, 200)}` }, 502);
+      }
+    } catch (e) {
+      return json({ ok: false, error: `cannot reach daemon: ${errMsg(e)}` }, 502);
+    }
+    return json({ ok: true, paused: isPause });
+  }
+
   if (req.method === "POST" && daemonRestartRe.test(url.pathname)) {
     if (!ctx.user || ctx.user.is_admin !== 1) return json({ error: "admin required" }, 403);
     const match = url.pathname.match(daemonRestartRe);
@@ -1837,7 +1864,7 @@ async function handle(req: Request, url: URL, ip: string, ctx: { authed: boolean
       const project = await getProject(owner, repo);
       if (!project) return html(errorPage("项目不存在", ""), 404);
       const back = `${url.origin}/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/settings/labels`;
-      if (!(await canAdminProject(project.id, ctx.user))) {
+      if (!(await canWriteProject(project.id, ctx.user))) {
         return Response.redirect(`${back}?err=${encodeURIComponent("无权限")}`, 303);
       }
       const form = await req.formData().catch(() => new FormData());

package/src/render/layout.ts

@@ -141,7 +141,7 @@ export function renderLayout(props: LayoutProps, inner: string, initialItems: st
   const repoIssuesHref = `/${encodeURIComponent(repoOwner ?? "")}/${encodeURIComponent(repoName ?? "")}/issues`;
   const op = props.operatorLogin ?? "operator";
   const labelsHtml = (props.labels ?? []).length
-    ? props.labels!.map((l) => `<span class="issue-label" style="border-color:${escapeAttr(l.color)};color:${escapeAttr(l.color)}">${escapeHtml(l.name)}</span>`).join("")
+    ? props.labels!.map((l) => `<a class="issue-label" href="${repoIssuesHref}?state=all&label=${encodeURIComponent(l.name)}" style="border-color:${escapeAttr(l.color)};color:${escapeAttr(l.color)}">${escapeHtml(l.name)}</a>`).join("")
     : "";
   const labelPickerBtn = props.canEditLabels
     ? `<button type="button" class="label-edit-btn" id="labelEditBtn" title="管理标签">🏷️</button>`

package/src/static/daemon-mgr.js

@@ -55,7 +55,11 @@
       var stRaw = String(d.status || 'unknown').toLowerCase();
       var actions = '';
       if (stRaw === 'active') {
-        actions = '<button type="button" class="stop" data-id="' + d.id + '">停止</button>';
+        actions = '<button type="button" class="pause" data-id="' + d.id + '">暂停</button>' +
+          '<button type="button" class="stop" data-id="' + d.id + '">停止</button>';
+      } else if (stRaw === 'drained' || stRaw === 'paused') {
+        actions = '<button type="button" class="resume" data-id="' + d.id + '">恢复</button>' +
+          '<button type="button" class="remove" data-id="' + d.id + '">删除</button>';
       } else {
         actions = '<button type="button" class="restart" data-id="' + d.id + '">重启</button>' +
           '<button type="button" class="remove" data-id="' + d.id + '">删除</button>';
@@ -81,6 +85,8 @@
       });
     };
     bindBtn('button.stop', stopDaemon);
+    bindBtn('button.pause', pauseDaemon);
+    bindBtn('button.resume', resumeDaemon);
     bindBtn('button.restart', restartDaemon);
     bindBtn('button.remove', removeDaemon);
   }
@@ -138,6 +144,29 @@
     }
   }
 
+  async function pauseDaemon(id) {
+    if (!confirm('确认暂停 daemon #' + id + '？\n暂停后不再接收新任务，已进行中的会话不受影响。')) return;
+    setResult('正在暂停 daemon #' + id + '…', 'loading');
+    try {
+      var res = await fetch('/api/daemons/' + id + '/pause', { method: 'POST' });
+      if (res.status === 401) { setResult('✗ 登录已过期，请刷新页面重新登录', 'err'); return; }
+      var data = await res.json();
+      if (data.ok) { setResult('✓ daemon #' + id + ' 已暂停', 'ok'); await loadDaemons(); }
+      else setResult('✗ ' + (data.error || '未知错误'), 'err');
+    } catch (e) { setResult('✗ ' + (e.message || String(e)), 'err'); }
+  }
+
+  async function resumeDaemon(id) {
+    setResult('正在恢复 daemon #' + id + '…', 'loading');
+    try {
+      var res = await fetch('/api/daemons/' + id + '/resume', { method: 'POST' });
+      if (res.status === 401) { setResult('✗ 登录已过期，请刷新页面重新登录', 'err'); return; }
+      var data = await res.json();
+      if (data.ok) { setResult('✓ daemon #' + id + ' 已恢复', 'ok'); await loadDaemons(); }
+      else setResult('✗ ' + (data.error || '未知错误'), 'err');
+    } catch (e) { setResult('✗ ' + (e.message || String(e)), 'err'); }
+  }
+
   async function stopDaemon(id) {
     if (!confirm('确认停止 daemon #' + id + '？\n只会标记为 drained（不再接新任务），需手动 kill 进程。')) return;
     setResult('正在标记 daemon #' + id + ' 为 drained…', 'loading');

package/src/static/project-labels.js

@@ -0,0 +1,53 @@
+(function () {
+  var dataEl = document.getElementById('label-data');
+  if (!dataEl) return;
+  var data = JSON.parse(dataEl.textContent || '{}');
+  var palette = data.palette || [];
+  var LABELS = data.labels || [];
+
+  function bindSwatches(container, colorInput) {
+    if (!container || !colorInput) return;
+    container.innerHTML = palette.map(function (c) {
+      return '<button type="button" class="swatch" data-color="' + c + '" style="background:' + c + '" aria-label="' + c + '"></button>';
+    }).join('');
+    function sync() {
+      container.querySelectorAll('.swatch').forEach(function (b) {
+        b.classList.toggle('sel', b.dataset.color.toLowerCase() === colorInput.value.toLowerCase());
+      });
+    }
+    sync();
+    container.addEventListener('click', function (e) {
+      var b = e.target.closest('.swatch');
+      if (!b) return;
+      colorInput.value = b.dataset.color;
+      sync();
+    });
+    colorInput.addEventListener('input', sync);
+  }
+
+  bindSwatches(document.getElementById('palette'), document.getElementById('f-color'));
+
+  var dlg = document.getElementById('dlg');
+  if (!dlg) return;
+  var ef = document.getElementById('edit-form');
+  var dp = document.getElementById('dlg-palette');
+  var dlgColor;
+
+  document.addEventListener('click', function (e) {
+    var btn = e.target.closest('[data-edit-btn]');
+    if (!btn) return;
+    var id = Number(btn.dataset.editBtn);
+    var l = LABELS.find(function (x) { return x.id === id; });
+    if (!l) return;
+    ef.action = btn.form.action;
+    ef.querySelector('[name=name]').value = l.name;
+    ef.querySelector('[name=color]').value = l.color;
+    dlgColor = ef.querySelector('[name=color]');
+    ef.querySelector('[name=description]').value = l.description;
+    ef.querySelector('[name=exclusive]').checked = l.exclusive === 1;
+    bindSwatches(dp, dlgColor);
+    dlg.showModal();
+  });
+
+  document.getElementById('dlg-cancel').addEventListener('click', function () { dlg.close(); });
+})();

package/src/views/projectLabels.ts

@@ -1,4 +1,5 @@
 import { THEME_CSS, escapeHtml, escapeAttr } from "../render/layout";
+import { BUILD_ID } from "../build";
 import { projectSettingsTabsHTML } from "./projectUpstreams";
 import { listLabels, type ProjectRow, type UserRow, type LabelRow } from "../store";
 
@@ -58,7 +59,6 @@ export async function buildProjectLabelsPage(
   const flashHtml = flash ? `<div class="flash ${flash.kind}">${escapeHtml(flash.msg)}</div>` : "";
   const createAction = `/${encodeURIComponent(project.owner)}/${encodeURIComponent(project.name)}/settings/labels/add`;
   const paletteHtml = PALETTE.map((c) => `<button type="button" class="swatch" data-color="${c}" style="background:${c}" aria-label="${c}"></button>`).join("");
-  const labelsJson = JSON.stringify(labels.map((l) => ({ id: l.id, name: l.name, color: l.color, description: l.description, exclusive: l.exclusive, is_archived: l.is_archived })));
 
   return `<!doctype html>
 <html lang="zh"><head><meta charset="utf-8">
@@ -157,34 +157,7 @@ ${rowsHtml}
     </div>
   </form>
 </dialog>
-<script>
-const LABELS = ${labelsJson};
-const palette = ${JSON.stringify(PALETTE)};
-function bindSwatches(container, colorInput){
-  container.innerHTML = palette.map(c => '<button type="button" class="swatch" data-color="'+c+'" style="background:'+c+'" aria-label="'+c+'"></button>').join('');
-  const sync = ()=>{ container.querySelectorAll('.swatch').forEach(b=>b.classList.toggle('sel', b.dataset.color.toLowerCase()===colorInput.value.toLowerCase())); };
-  sync();
-  container.addEventListener('click', e=>{ const b=e.target.closest('.swatch'); if(!b)return; colorInput.value=b.dataset.color; sync(); });
-  colorInput.addEventListener('input', sync);
-}
-bindSwatches(document.getElementById('palette'), document.getElementById('f-color'));
-const dlg=document.getElementById('dlg'), ef=document.getElementById('edit-form'), dp=document.getElementById('dlg-palette');
-let dlgColor;
-document.addEventListener('click', e=>{
-  const btn=e.target.closest('[data-edit-btn]');
-  if(!btn)return;
-  const id=Number(btn.dataset.editBtn);
-  const l=LABELS.find(x=>x.id===id); if(!l)return;
-  ef.action=btn.form.action;
-  ef.querySelector('[name=name]').value=l.name;
-  ef.querySelector('[name=color]').value=l.color;
-  dlgColor=ef.querySelector('[name=color]');
-  ef.querySelector('[name=description]').value=l.description;
-  ef.querySelector('[name=exclusive]').checked=l.exclusive===1;
-  bindSwatches(dp, dlgColor);
-  dlg.showModal();
-});
-document.getElementById('dlg-cancel').addEventListener('click', ()=>dlg.close());
-</script>
+<script type="application/json" id="label-data">${JSON.stringify({ labels: labels.map((l) => ({ id: l.id, name: l.name, color: l.color, description: l.description, exclusive: l.exclusive, is_archived: l.is_archived })), palette: PALETTE })}</script>
+<script src="/static/project-labels.js?v=${BUILD_ID}" defer></script>
 </body></html>`;
 }