ework-web 0.10.42 → 0.10.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ework-web",
-  "version": "0.10.42",
+  "version": "0.10.43",
   "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);
@@ -1837,7 +1838,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/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>`;
 }