ework-web 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ework-web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "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/config.ts

@@ -164,7 +164,7 @@ export function loadConfig(): Config {
 }
 
 export function resolveTtsBackend(cfg: Config, id?: string): TtsBackend | null {
-  const list = cfg.ttsBackends;
+  const list = cfg.ttsBackends.filter((b) => b.url.trim() !== "");
   if (list.length === 0) return null;
   return list.find((b) => b.id === id) ?? list.find((b) => b.id === cfg.ttsDefaultBackend) ?? list[0] ?? null;
 }

package/src/index.ts

@@ -534,7 +534,7 @@ async function handle(req: Request, url: URL, ip: string, ctx: { authed: boolean
   }
 
   if (req.method === "GET" && url.pathname === "/api/tts/backends") {
-    return json(cfg.ttsBackends.map((b) => ({ id: b.id, label: b.label, voice: b.voice })));
+    return json(cfg.ttsBackends.filter((b) => b.url.trim() !== "").map((b) => ({ id: b.id, label: b.label, voice: b.voice })));
   }
 
   if (req.method === "POST" && url.pathname === "/api/tts") {

package/src/render/components.ts

@@ -44,7 +44,7 @@ export function relTime(iso: string): string {
 }
 
 // Must match app.js cardHTML so client hydration/polling produce identical markup.
-export function renderCommentCard(c: CommentView): string {
+export function renderCommentCard(c: CommentView, cfg?: { translateUrl?: string; ttsBackends?: { url: string }[] }): string {
   const tag = c.tag || "human";
   const label = TAG_LABEL[tag] || "👤";
   const rx =
@@ -53,6 +53,8 @@ export function renderCommentCard(c: CommentView): string {
           .map((r) => `<span class="rxc">${r.e}<span class="rxn">${r.n}</span></span>`)
           .join("")}</span>`
       : "";
+  const translateEnabled = cfg ? !!cfg.translateUrl && cfg.translateUrl.trim() !== "" : true;
+  const ttsEnabled = cfg ? !!(cfg.ttsBackends && cfg.ttsBackends.some((b) => b.url && b.url.trim() !== "")) : true;
   return (
     `<div class="item item-${esc(tag)}" id="comment-${c.id}" data-id="${c.id}">` +
     `<div class="card"><div class="card-h">` +
@@ -60,7 +62,7 @@ export function renderCommentCard(c: CommentView): string {
     `<span class="who">${esc(c.login)}</span>` +
     `<span class="when" data-ts="${esc(c.created_at)}" title="${esc(c.created_at)}">${relTime(c.created_at)}</span>` +
     rx +
-    `<span class="card-actions">` + actionBarHTML({ cid: String(c.id), copy: true, link: true, translate: true, tts: true }) + `</span>` +
+    `<span class="card-actions">` + actionBarHTML({ cid: String(c.id), copy: true, link: true, translate: true, tts: true, translateEnabled, ttsEnabled }) + `</span>` +
     `</div><div class="card-b">${c.body_html}</div></div></div>`
   );
 }

package/src/render/layout.ts

@@ -12,6 +12,8 @@ export interface LayoutProps {
   writesEnabled?: boolean;
   operatorLogin?: string;
   upstreamWebUrl?: string | null;
+  translateEnabled?: boolean;
+  ttsEnabled?: boolean;
 }
 
 export const THEME_CSS = `
@@ -143,7 +145,7 @@ export function renderLayout(props: LayoutProps, inner: string, initialItems: st
   </div>
 </div>
 ${props.descriptionHtml.trim() ? `<div class="desc-wrap">
-  <div class="desc-actions">${actionBarHTML({ copy: true, link: true, translate: true, tts: true })}</div>
+  <div class="desc-actions">${actionBarHTML({ copy: true, link: true, translate: true, tts: true, translateEnabled: props.translateEnabled !== false, ttsEnabled: props.ttsEnabled !== false })}</div>
   <div class="desc${props.descriptionCollapsed ? " collapsed" : ""}" id="issueDesc">${props.descriptionHtml}</div>
   ${props.descriptionCollapsed ? `<button type="button" class="desc-toggle" id="descToggle">显示详情 ▾</button>` : ""}
 </div>` : ""}
@@ -226,14 +228,18 @@ export interface ActionBarOpts {
   link?: boolean;
   translate?: boolean;
   tts?: boolean;
+  translateEnabled?: boolean;
+  ttsEnabled?: boolean;
 }
 
 export function actionBarHTML(o: ActionBarOpts): string {
   const d = o.cid != null ? ` data-cid="${escapeAttr(o.cid)}"` : "";
   const cpy = o.copy ? `<button type="button" class="cbtn"${d} title="复制">📋</button>` : "";
   const lnk = o.link ? `<button type="button" class="clink"${d} title="复制楼层链接">🔗</button>` : "";
-  const tr = o.translate ? `<button type="button" class="tbtn"${d} title="翻译">翻译</button>` : "";
-  const tts = o.tts
+  const tr = (o.translate && o.translateEnabled !== false)
+    ? `<button type="button" class="tbtn"${d} title="翻译">翻译</button>`
+    : "";
+  const tts = (o.tts && o.ttsEnabled !== false)
     ? `<button type="button" class="ttsstop"${d} title="停止朗读">⏹</button><button type="button" class="ttsbtn"${d} title="朗读">🔊</button>`
     : "";
   return cpy + lnk + tr + tts;

package/src/views/issueThread.ts

@@ -124,9 +124,11 @@ export function buildIssueThread(
       writesEnabled: cfg.writesEnabled,
       operatorLogin: viewerLogin ?? cfg.operatorLogin,
       upstreamWebUrl,
+      translateEnabled: !!cfg.translateUrl && cfg.translateUrl.trim() !== "",
+      ttsEnabled: cfg.ttsBackends.some((b) => b.url && b.url.trim() !== ""),
     },
     safeJsonEmbed(payload),
-    displayViews.map(renderCommentCard).join("")
+    displayViews.map((v) => renderCommentCard(v, cfg)).join("")
   );
   return { html };
 }