ework-web 0.10.40 → 0.10.42

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 (10) hide show
  1. package/package.json +1 -1
  2. package/src/index.ts +2 -2
  3. package/src/remote-file.ts +5 -4
  4. package/src/render/layout.ts +9 -4
  5. package/src/views/home.ts +1 -1
  6. package/src/views/issueList.ts +2 -1
  7. package/src/views/issues.ts +1 -1
  8. package/src/views/sessionLog.ts +2 -1
  9. package/src/views/settings.ts +1 -1
  10. package/src/views/users.ts +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ework-web",
3
- "version": "0.10.40",
3
+ "version": "0.10.42",
4
4
  "type": "module",
5
5
  "description": "ework-web — standalone multi-project issue tracker. Local SQLite-backed, no external API dependency. Bun + TypeScript + SSR HTML.",
6
6
  "license": "MIT",
package/src/index.ts CHANGED
@@ -638,7 +638,7 @@ async function handle(req: Request, url: URL, ip: string, ctx: { authed: boolean
638
638
  const q = url.searchParams.get("q")?.trim() ?? "";
639
639
  try {
640
640
  const daemonMap = await getSessionDaemonMap();
641
- const { html: body } = await buildSessionList(opencode, q, daemonMap);
641
+ const { html: body } = await buildSessionList(opencode, q, daemonMap, ctx.user);
642
642
  return html(body);
643
643
  } catch (e) {
644
644
  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
1953
1953
  const q = url.searchParams.get("q")?.trim() ?? "";
1954
1954
  const label = url.searchParams.get("label")?.trim() ?? "";
1955
1955
  try {
1956
- return html(await buildIssueList(owner, repo, state, cfg.writesEnabled, q, label));
1956
+ return html(await buildIssueList(owner, repo, state, cfg.writesEnabled, q, label, ctx.user));
1957
1957
  } catch (e) {
1958
1958
  return html(errorPage("加载失败", errMsg(e)), e instanceof StoreError ? e.status : 500);
1959
1959
  }
package/src/remote-file.ts CHANGED
@@ -191,17 +191,18 @@ function renderFileContent(
191
191
  const ext = (rawPath.split(".").pop() || "").toLowerCase();
192
192
  const isMd = ext === "md" || ext === "markdown";
193
193
  const lang = extToLang(rawPath);
194
- const fullText = data.rows.map((r) => r.t).join("\n");
195
- const shownBytes = data.rows.reduce((s, r) => s + r.t.length + 1, 0);
194
+ const sorted = [...data.rows].sort((a, b) => a.n - b.n);
195
+ const fullText = sorted.map((r) => r.t).join("\n");
196
+ const shownBytes = sorted.reduce((s, r) => s + r.t.length + 1, 0);
196
197
 
197
198
  let body: string;
198
199
  if (isMd) {
199
200
  body = `<div class="md-render">${renderMarkdown(fullText, "")}</div>`;
200
201
  } else if (lang && shownBytes <= 256000) {
201
- const nums = data.rows.map((r) => r.n).join("\n");
202
+ const nums = sorted.map((r) => r.n).join("\n");
202
203
  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>`;
203
204
  } else {
204
- body = `<pre class="fv-plain"><code>${data.rows.map((r) => `<span class="ln"><span class="lnn">${r.n}</span><span class="lnc">${escapeHtml(r.t)}</span></span>`).join("")}</code></pre>`;
205
+ body = `<pre class="fv-plain"><code>${sorted.map((r) => `<span class="ln"><span class="lnn">${r.n}</span><span class="lnc">${escapeHtml(r.t)}</span></span>`).join("")}</code></pre>`;
205
206
  }
206
207
 
207
208
  return `<!doctype html>
package/src/render/layout.ts CHANGED
@@ -98,9 +98,14 @@ header.topbar .num{opacity:.7}
98
98
  .composer .btn-close:hover{border-color:var(--accent)}
99
99
  .composer .btn-close.armed{background:#d23f31;color:#fff;border-color:#d23f31}
100
100
  .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}
101
- .tabs{display:flex;gap:.4rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);max-width:900px;margin:0 auto}
101
+ .tabs{display:flex;gap:.4rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);max-width:900px;margin:0 auto;align-items:center}
102
102
  .tab{padding:.4rem 1rem;border-radius:6px;font-size:14px;color:var(--text-muted)}
103
103
  .tab.active{background:var(--bg-muted);color:var(--text);font-weight:600}
104
+ .tab-spacer{flex:1}
105
+ .user-area{display:flex;align-items:center;gap:.3rem}
106
+ .logout-form{display:inline}
107
+ .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}
108
+ .logout-btn:hover{border-color:var(--accent);color:var(--accent)}
104
109
  .desc-wrap{max-width:900px;margin:0 auto;padding:.5rem 1rem}
105
110
  .desc-actions{margin-bottom:.4rem;display:flex;gap:.3rem;justify-content:flex-end}
106
111
  .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
241
246
  const i = active === "issues" ? " active" : "";
242
247
  const s = active === "sessions" ? " active" : "";
243
248
  const m = active === "me" ? " active" : "";
244
- const userTab = user
245
- ? `<a class="tab${m}" href="/me" title="${escapeAttr(user.login)}">👤 ${escapeHtml(user.login)}</a>`
249
+ const userArea = user
250
+ ? `<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>`
246
251
  : "";
247
- 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>`;
252
+ 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>`;
248
253
  }
249
254
 
250
255
  export interface ActionBarOpts {
package/src/views/home.ts CHANGED
@@ -71,7 +71,7 @@ export async function buildHome(
71
71
  .flash.err{background:rgba(248,81,73,.12);color:#f85149;border-color:rgba(248,81,73,.4)}
72
72
  </style></head><body>
73
73
  <header class="topbar"><span style="font-weight:600">📦 ework</span></header>
74
- ${tabNavHTML("projects")}
74
+ ${tabNavHTML("projects", viewer ? { login: viewer.login, is_admin: viewer.is_admin } : undefined)}
75
75
  <main class="home-wrap">
76
76
  ${flashHtml}
77
77
  <div class="section">
package/src/views/issueList.ts CHANGED
@@ -35,6 +35,7 @@ export async function buildIssueList(
35
35
  writesEnabled: boolean,
36
36
  q: string,
37
37
  label: string = "",
38
+ viewer?: { login: string; is_admin: number } | null,
38
39
  ): Promise<string> {
39
40
  const project = await getProject(owner, repo);
40
41
  if (!project) {
@@ -92,7 +93,7 @@ export async function buildIssueList(
92
93
  <span style="opacity:.5">/</span>
93
94
  <a href="/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues" style="color:var(--header-text)">${escapeHtml(owner)}<span style="opacity:.55">/</span>${escapeHtml(repo)}</a>
94
95
  </header>
95
- ${tabNavHTML("issues")}
96
+ ${tabNavHTML("issues", viewer ? { login: viewer.login, is_admin: viewer.is_admin } : undefined)}
96
97
  <main class="list-wrap">
97
98
  <form class="search" method="GET" action="/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues">
98
99
  <input type="text" name="q" value="${searchVal}" placeholder="搜索标题/正文…">
package/src/views/issues.ts CHANGED
@@ -72,7 +72,7 @@ export async function buildIssuesFeed(
72
72
  .label-filter strong{color:var(--text)}
73
73
  </style></head><body>
74
74
  <header class="topbar"><span style="font-weight:600">📦 ework</span></header>
75
- ${tabNavHTML("issues")}
75
+ ${tabNavHTML("issues", viewer ? { login: viewer.login, is_admin: viewer.is_admin } : undefined)}
76
76
  <main class="feed-wrap">
77
77
  <form class="search" method="GET" action="/issues">
78
78
  <input type="text" name="q" value="${escapeAttr(q)}" placeholder="搜索全部项目的标题/正文/项目名…">
package/src/views/sessionLog.ts CHANGED
@@ -13,6 +13,7 @@ export async function buildSessionList(
13
13
  client: OpencodeClientInterface,
14
14
  q: string,
15
15
  daemonMap?: Map<string, SessionDaemonInfo>,
16
+ viewer?: { login: string; is_admin: number } | null,
16
17
  ): Promise<{ html: string }> {
17
18
  let sessions = await client.listSessions(LIST_LIMIT);
18
19
  if (daemonMap) {
@@ -48,7 +49,7 @@ export async function buildSessionList(
48
49
  .empty{padding:2rem;text-align:center;color:var(--text-muted)}
49
50
  </style></head><body>
50
51
  <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>
51
- ${tabNavHTML("sessions")}
52
+ ${tabNavHTML("sessions", viewer ? { login: viewer.login, is_admin: viewer.is_admin } : undefined)}
52
53
  <form class="sbar" method="get" action="/sessions">
53
54
  <input name="q" value="${escapeAttr(q)}" placeholder="按标题或会话 ID 搜索…" autocomplete="off">
54
55
  </form>
package/src/views/settings.ts CHANGED
@@ -162,7 +162,7 @@ button.secondary{background:transparent;color:var(--text-muted);border:1px solid
162
162
  .daemon-list button.remove{padding:.25rem .6rem;font-size:11px;background:transparent;color:var(--text-muted);border:1px solid var(--border)}
163
163
  .daemon-empty{color:var(--text-muted);font-size:13px;padding:.5rem 0}
164
164
  </style></head><body>
165
- <header class="nav"><a href="/" style="color:var(--header-text)">🏠 ework-web</a><span style="opacity:.8"> · 设置</span></header>
165
+ <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>
166
166
  <main class="wrap">
167
167
  <h1>后台配置</h1>
168
168
  <p class="hint">改完保存立即生效，无需重启。密钥/启动项（token、端口等）仍在 <code>.env</code>，不在此处。</p>
package/src/views/users.ts CHANGED
@@ -32,7 +32,7 @@ button{padding:.5rem 1rem;border:0;border-radius:6px;background:var(--accent);co
32
32
  .hint{color:var(--text-muted);font-size:12px;line-height:1.5;margin-top:.5rem}
33
33
  </style></head><body>
34
34
  <header class="topbar"><span style="font-weight:600">👤 我的账户</span></header>
35
- ${tabNavHTML("projects")}
35
+ ${tabNavHTML("projects", { login: user.login, is_admin: user.is_admin })}
36
36
  <main class="wrap">
37
37
  <h1>${escapeHtml(user.login)}${adminBadge}${user.is_active ? "" : ' <span class="badge inactive">未激活</span>'}</h1>
38
38
  ${lastUpdated}
@@ -130,7 +130,7 @@ button.primary{padding:.5rem 1rem;border:0;border-radius:6px;background:var(--gr
130
130
  .admin-nav a:hover{border-color:var(--accent)}
131
131
  </style></head><body>
132
132
  <header class="topbar"><span style="font-weight:600">👥 用户管理</span></header>
133
- ${tabNavHTML("projects")}
133
+ ${tabNavHTML("projects", { login: viewer.login, is_admin: viewer.is_admin })}
134
134
  <main class="wrap">
135
135
  <h1>用户</h1>
136
136
  ${flashHtml}