ework-web 0.10.39 → 0.10.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ework-web",
-  "version": "0.10.39",
+  "version": "0.10.41",
   "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/index.ts

@@ -638,7 +638,7 @@ async function handle(req: Request, url: URL, ip: string, ctx: { authed: boolean
     const q = url.searchParams.get("q")?.trim() ?? "";
     try {
       const daemonMap = await getSessionDaemonMap();
-      const { html: body } = await buildSessionList(opencode, q, daemonMap);
+      const { html: body } = await buildSessionList(opencode, q, daemonMap, ctx.user);
       return html(body);
     } catch (e) {
       return html(errorPage("加载失败", errMsg(e)), e instanceof OpencodeError ? e.status : 502);
@@ -1953,7 +1953,7 @@ async function handle(req: Request, url: URL, ip: string, ctx: { authed: boolean
     const q = url.searchParams.get("q")?.trim() ?? "";
     const label = url.searchParams.get("label")?.trim() ?? "";
     try {
-      return html(await buildIssueList(owner, repo, state, cfg.writesEnabled, q, label));
+      return html(await buildIssueList(owner, repo, state, cfg.writesEnabled, q, label, ctx.user));
     } catch (e) {
       return html(errorPage("加载失败", errMsg(e)), e instanceof StoreError ? e.status : 500);
     }

package/src/remote-file.ts

@@ -118,7 +118,7 @@ export async function browseRemoteFile(
     throw new RemoteFileError(err.error ?? `daemon returned ${readResp.status}`, readResp.status);
   }
   const data = (await readResp.json()) as FileContent;
-  return { html: renderFileContent(data, endpoint, daemonLabel, viewerLogin) };
+  return { html: renderFileContent(data, rawPath, endpoint, daemonLabel, viewerLogin) };
 }
 
 function renderDirListing(
@@ -179,6 +179,7 @@ ${tabNavHTML("sessions", user)}
 
 function renderFileContent(
   data: FileContent,
+  rawPath: string,
   endpoint: string,
   daemonLabel: string,
   viewerLogin?: string
@@ -187,16 +188,16 @@ function renderFileContent(
   const daemonParam = `&daemon=${enc(endpoint)}`;
   const user = viewerLogin ? { login: viewerLogin, is_admin: 0 } : undefined;
 
-  const ext = (data.path.split(".").pop() || "").toLowerCase();
+  const ext = (rawPath.split(".").pop() || "").toLowerCase();
   const isMd = ext === "md" || ext === "markdown";
-  const lang = extToLang(data.path);
+  const lang = extToLang(rawPath);
   const fullText = data.rows.map((r) => r.t).join("\n");
   const shownBytes = data.rows.reduce((s, r) => s + r.t.length + 1, 0);
 
   let body: string;
   if (isMd) {
     body = `<div class="md-render">${renderMarkdown(fullText, "")}</div>`;
-  } else if (lang && shownBytes <= 100000) {
+  } else if (lang && shownBytes <= 256000) {
     const nums = data.rows.map((r) => r.n).join("\n");
     body = `<div class="fv-code"><pre class="fv-gutter">${escapeHtml(nums)}</pre><pre class="fv-src"><code class="hljs language-${escapeHtml(lang)}">${hljsHighlight(fullText, lang)}</code></pre></div>`;
   } else {
@@ -210,6 +211,18 @@ function renderFileContent(
 <title>ework-web · ${escapeHtml(data.path)}</title>
 <link rel="stylesheet" href="/static/highlight.css">
 <style>${THEME_CSS}
+.hljs{color:var(--text);background:transparent}
+.hljs-comment,.hljs-quote{color:var(--text-muted);font-style:italic}
+.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-type{color:#d73a49;font-weight:600}
+.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-addition{color:#032f62}
+.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable{color:#005cc5}
+.hljs-title,.hljs-section,.hljs-name,.hljs-function .hljs-title{color:#6f42c1;font-weight:600}
+.hljs-tag{color:var(--text-muted)}
+.hljs-attribute{color:#005cc5}
+.hljs-regexp,.hljs-link{color:#032f62}
+.hljs-deletion{color:#b31d28;background-color:#ffeef0}
+.hljs-addition{background-color:#f0fff4}
+@media(prefers-color-scheme:dark){.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-type{color:#ff7b72}.hljs-string,.hljs-attr,.hljs-template-tag{color:#a5d6ff}.hljs-number,.hljs-literal,.hljs-variable{color:#79c0ff}.hljs-title,.hljs-section,.hljs-name,.hljs-function .hljs-title{color:#d2a8ff}.hljs-comment,.hljs-quote{color:#8b949e}.hljs-deletion{color:#ffa198;background:#67060c}.hljs-addition{background:#033a16}}
 .nav{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:var(--header-bg);color:var(--header-text);font-size:13px}
 .nav a{color:var(--header-text);opacity:.95}
 .wrap{max-width:1100px;margin:0 auto;padding:1rem}

package/src/render/layout.ts

@@ -98,9 +98,14 @@ header.topbar .num{opacity:.7}
 .composer .btn-close:hover{border-color:var(--accent)}
 .composer .btn-close.armed{background:#d23f31;color:#fff;border-color:#d23f31}
 .composer-ro{max-width:900px;margin:0 auto .9rem;padding:.7rem 1rem;color:var(--text-muted);font-size:13px;text-align:center;border:1px dashed var(--border);border-radius:8px}
-.tabs{display:flex;gap:.4rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);max-width:900px;margin:0 auto}
+.tabs{display:flex;gap:.4rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);max-width:900px;margin:0 auto;align-items:center}
 .tab{padding:.4rem 1rem;border-radius:6px;font-size:14px;color:var(--text-muted)}
 .tab.active{background:var(--bg-muted);color:var(--text);font-weight:600}
+.tab-spacer{flex:1}
+.user-area{display:flex;align-items:center;gap:.3rem}
+.logout-form{display:inline}
+.logout-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .8rem;font-size:13px;color:var(--text-muted);cursor:pointer;font:inherit}
+.logout-btn:hover{border-color:var(--accent);color:var(--accent)}
 .desc-wrap{max-width:900px;margin:0 auto;padding:.5rem 1rem}
 .desc-actions{margin-bottom:.4rem;display:flex;gap:.3rem;justify-content:flex-end}
 .desc{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
@@ -241,10 +246,10 @@ export function tabNavHTML(active: "projects" | "issues" | "sessions" | "me", us
   const i = active === "issues" ? " active" : "";
   const s = active === "sessions" ? " active" : "";
   const m = active === "me" ? " active" : "";
-  const userTab = user
-    ? `<a class="tab${m}" href="/me" title="${escapeAttr(user.login)}">👤 ${escapeHtml(user.login)}</a>`
+  const userArea = user
+    ? `<span class="user-area"><a class="tab${m}" href="/me" title="${escapeAttr(user.login)}">👤 ${escapeHtml(user.login)}</a><form method="post" action="/logout" class="logout-form"><button type="submit" class="logout-btn" title="退出登录">退出</button></form></span>`
     : "";
-  return `<nav class="tabs"><a class="tab${p}" href="/projects">项目</a><a class="tab${i}" href="/issues">Issues</a><a class="tab${s}" href="/sessions">会话</a><a class="tab" href="/settings" style="margin-left:auto">⚙️ 设置</a>${userTab}</nav>`;
+  return `<nav class="tabs"><a class="tab${p}" href="/projects">项目</a><a class="tab${i}" href="/issues">Issues</a><a class="tab${s}" href="/sessions">会话</a><span style="margin-left:auto" class="tab-spacer"></span><a class="tab" href="/settings">⚙️ 设置</a>${userArea}</nav>`;
 }
 
 export interface ActionBarOpts {

package/src/views/home.ts

@@ -71,7 +71,7 @@ export async function buildHome(
 .flash.err{background:rgba(248,81,73,.12);color:#f85149;border-color:rgba(248,81,73,.4)}
 </style></head><body>
 <header class="topbar"><span style="font-weight:600">📦 ework</span></header>
-${tabNavHTML("projects")}
+${tabNavHTML("projects", viewer ? { login: viewer.login, is_admin: viewer.is_admin } : undefined)}
 <main class="home-wrap">
   ${flashHtml}
   <div class="section">

package/src/views/issueList.ts

@@ -35,6 +35,7 @@ export async function buildIssueList(
   writesEnabled: boolean,
   q: string,
   label: string = "",
+  viewer?: { login: string; is_admin: number } | null,
 ): Promise<string> {
   const project = await getProject(owner, repo);
   if (!project) {
@@ -92,7 +93,7 @@ export async function buildIssueList(
   <span style="opacity:.5">/</span>
   <a href="/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues" style="color:var(--header-text)">${escapeHtml(owner)}<span style="opacity:.55">/</span>${escapeHtml(repo)}</a>
 </header>
-${tabNavHTML("issues")}
+${tabNavHTML("issues", viewer ? { login: viewer.login, is_admin: viewer.is_admin } : undefined)}
 <main class="list-wrap">
   <form class="search" method="GET" action="/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues">
     <input type="text" name="q" value="${searchVal}" placeholder="搜索标题/正文…">

package/src/views/issues.ts

@@ -72,7 +72,7 @@ export async function buildIssuesFeed(
 .label-filter strong{color:var(--text)}
 </style></head><body>
 <header class="topbar"><span style="font-weight:600">📦 ework</span></header>
-${tabNavHTML("issues")}
+${tabNavHTML("issues", viewer ? { login: viewer.login, is_admin: viewer.is_admin } : undefined)}
 <main class="feed-wrap">
   <form class="search" method="GET" action="/issues">
     <input type="text" name="q" value="${escapeAttr(q)}" placeholder="搜索全部项目的标题/正文/项目名…">

package/src/views/sessionLog.ts

@@ -13,6 +13,7 @@ export async function buildSessionList(
   client: OpencodeClientInterface,
   q: string,
   daemonMap?: Map<string, SessionDaemonInfo>,
+  viewer?: { login: string; is_admin: number } | null,
 ): Promise<{ html: string }> {
   let sessions = await client.listSessions(LIST_LIMIT);
   if (daemonMap) {
@@ -48,7 +49,7 @@ export async function buildSessionList(
 .empty{padding:2rem;text-align:center;color:var(--text-muted)}
 </style></head><body>
 <header class="nav" style="display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:var(--header-bg);color:var(--header-text);font-size:13px"><a href="/" style="color:var(--header-text)">🏠 ework-web</a><span style="opacity:.8"> · OpenCode 会话 ${sessions.length}</span></header>
-${tabNavHTML("sessions")}
+${tabNavHTML("sessions", viewer ? { login: viewer.login, is_admin: viewer.is_admin } : undefined)}
 <form class="sbar" method="get" action="/sessions">
   <input name="q" value="${escapeAttr(q)}" placeholder="按标题或会话 ID 搜索…" autocomplete="off">
 </form>

package/src/views/settings.ts

@@ -162,7 +162,7 @@ button.secondary{background:transparent;color:var(--text-muted);border:1px solid
 .daemon-list button.remove{padding:.25rem .6rem;font-size:11px;background:transparent;color:var(--text-muted);border:1px solid var(--border)}
 .daemon-empty{color:var(--text-muted);font-size:13px;padding:.5rem 0}
 </style></head><body>
-<header class="nav"><a href="/" style="color:var(--header-text)">🏠 ework-web</a><span style="opacity:.8"> · 设置</span></header>
+<header class="nav"><a href="/" style="color:var(--header-text)">🏠 ework-web</a><span style="opacity:.8"> · 设置</span><span style="margin-left:auto;opacity:.85">👤 ${escapeHtml(viewer.login)}</span><form method="post" action="/logout" style="display:inline"><button type="submit" style="background:none;border:1px solid rgba(255,255,255,.3);color:var(--header-text);border-radius:6px;padding:.2rem .7rem;font-size:12px;cursor:pointer;font:inherit">退出</button></form></header>
 <main class="wrap">
 <h1>后台配置</h1>
 <p class="hint">改完保存立即生效，无需重启。密钥/启动项（token、端口等）仍在 <code>.env</code>，不在此处。</p>

package/src/views/users.ts

@@ -32,7 +32,7 @@ button{padding:.5rem 1rem;border:0;border-radius:6px;background:var(--accent);co
 .hint{color:var(--text-muted);font-size:12px;line-height:1.5;margin-top:.5rem}
 </style></head><body>
 <header class="topbar"><span style="font-weight:600">👤 我的账户</span></header>
-${tabNavHTML("projects")}
+${tabNavHTML("projects", { login: user.login, is_admin: user.is_admin })}
 <main class="wrap">
 <h1>${escapeHtml(user.login)}${adminBadge}${user.is_active ? "" : ' <span class="badge inactive">未激活</span>'}</h1>
 ${lastUpdated}
@@ -130,7 +130,7 @@ button.primary{padding:.5rem 1rem;border:0;border-radius:6px;background:var(--gr
 .admin-nav a:hover{border-color:var(--accent)}
 </style></head><body>
 <header class="topbar"><span style="font-weight:600">👥 用户管理</span></header>
-${tabNavHTML("projects")}
+${tabNavHTML("projects", { login: viewer.login, is_admin: viewer.is_admin })}
 <main class="wrap">
 <h1>用户</h1>
 ${flashHtml}