@morehao/dsh-github-trending 0.8.8 → 0.8.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [v0.8.9] - 2026-11-02
+
+### Fixes
+
+- **client**: 修复宽屏自适应、运行记录筛选与关于弹层 (#90)
+
+**Full Changelog**: https://github.com/morehao/dsh-github-trending/compare/v0.8.8...v0.8.9
+
 ## [v0.8.7] - 2026-11-02
 
 ### Features

package/client.js

@@ -332,6 +332,7 @@ var DICT = {
     "runs.filter.monthly": "月榜",
     "runs.filter.failed": "失败",
     "runs.filter.dry": "试跑",
+    "runs.filterHintSubs": "周期 / 试跑筛选仅对日报有效，订阅不受此限制",
     "runs.type.all": "全部",
     "runs.type.digest": "日报",
     "runs.type.release": "订阅",
@@ -881,6 +882,7 @@ var DICT = {
     "runs.filter.monthly": "Monthly",
     "runs.filter.failed": "Failed",
     "runs.filter.dry": "Dry run",
+    "runs.filterHintSubs": "Period / dry-run filters apply to digests only; subscriptions are exempt",
     "runs.type.all": "All",
     "runs.type.digest": "Digest",
     "runs.type.release": "Subs",
@@ -1231,6 +1233,7 @@ var CSS = `
 .dshgt-period{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gt-fg);}
 .dshgt-period-check{color:var(--gt-ok);font-size:12px;line-height:1;}
 .dshgt-chip{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--gt-border);background:var(--gt-bg);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--gt-muted);}
+.dshgt-chip:disabled{cursor:not-allowed;opacity:.4;}
 .dshgt-chip[aria-pressed="true"]{background:color-mix(in srgb,var(--gt-accent) 14%,var(--gt-bg));border-color:var(--gt-accent);color:var(--gt-fg);}
 .dshgt-switch{appearance:none;cursor:pointer;width:36px;height:20px;border-radius:999px;border:1px solid var(--gt-border);background:var(--gt-muted);position:relative;transition:background .15s;}
 .dshgt-switch::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s;}
@@ -1303,8 +1306,11 @@ var CSS = `
 .dshgt-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;padding-top:2px;flex:none;}
 .dshgt-main-body{flex:1;min-height:0;display:flex;min-width:0;}
 .dshgt-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;}
-.dshgt-main-body > .dshgt-settings{flex:1;min-height:0;padding:16px 24px 20px;}
-.dshgt-view{padding:22px 30px 38px;max-width:1180px;width:100%;display:flex;flex-direction:column;gap:18px;}
+.dshgt-main-body > .dshgt-settings{flex:1;min-height:0;padding:16px 24px 20px;width:100%;max-width:1240px;margin-inline:auto;}
+/* 视图区随可用宽度自适应：不再硬卡 1180，避免超宽屏右侧留大片空白。
+   结构化内容（卡片 / 网格 / 表格 / 列表）铺满；只有长文阅读块（日报正文、空态说明）
+   单独限制行宽并居中，保证可读性。与 .dshgt-page-head 的左/右内边距保持一致。 */
+.dshgt-view{padding:22px 30px 38px;width:100%;display:flex;flex-direction:column;gap:18px;}
 .dshgt-grow{flex:1;min-width:0;}
 .dshgt-dim{font-size:12px;color:var(--gt-muted);}
 .dshgt-empty{padding:48px 0;text-align:center;color:var(--gt-muted);font-size:13px;}
@@ -1404,14 +1410,17 @@ var CSS = `
 @keyframes dshgt-spin{to{transform:rotate(360deg);}}
 
 /* ——— 日报 ——— */
+/* 日报是阅读页：整列（工具栏 + 纸面）统一限宽并居中，避免超宽屏下工具栏与正文两段式错位。 */
 .dshgt-digest{padding-top:20px;gap:12px;}
+.dshgt-digest > *{width:100%;max-width:920px;margin-inline:auto;}
 .dshgt-digest-subbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
 .dshgt-datenav{display:flex;align-items:center;gap:2px;border:1px solid var(--gt-border);border-radius:8px;background:var(--gt-card);padding:2px;}
 .dshgt-icon-btn{width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;background:var(--gt-bg);border-radius:6px;color:var(--gt-fg);font-family:inherit;font-size:18px;line-height:1;cursor:pointer;flex:none;}
 .dshgt-icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--gt-fg) 7%,var(--gt-bg));border-color:var(--gt-border);}
 .dshgt-icon-btn:disabled{opacity:.3;cursor:not-allowed;}
 .dshgt-dateselect{appearance:none;height:28px;border:0;background:transparent;font-family:inherit;font-size:13px;color:var(--gt-fg);padding:0 8px;min-width:210px;max-width:320px;cursor:pointer;}
-.dshgt-digest-sheet{max-width:900px;width:100%;border:1px solid var(--gt-border);border-radius:12px;background:var(--gt-card);overflow:hidden;}
+/* 日报预览纸面：阅读类长文，限制行宽。整体列宽由 .dshgt-digest 视图统一居中约束。 */
+.dshgt-digest-sheet{max-width:920px;width:100%;border:1px solid var(--gt-border);border-radius:12px;background:var(--gt-card);overflow:hidden;}
 .dshgt-digest-body{display:flex;flex-direction:column;min-width:0;}
 .dshgt-digest-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--gt-border) 70%,transparent);background:color-mix(in srgb,var(--gt-fg) 2.5%,var(--gt-card));}
 .dshgt-seg{display:inline-flex;border:1px solid var(--gt-border);border-radius:8px;padding:2px;background:var(--gt-bg);gap:2px;}
@@ -1483,7 +1492,10 @@ var CSS = `
 
 /* ——— 运行记录 ——— */
 .dshgt-runs-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
-.dshgt-runs-filter{display:flex;gap:4px;margin-left:auto;}
+.dshgt-runs-filter{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap;}
+/* 两个筛选维度：记录类型 与 周期/状态，用竖线隔开，避免同名胶囊混淆。 */
+.dshgt-chipgroup{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
+.dshgt-chipgroup-sep{width:1px;align-self:stretch;min-height:14px;background:var(--gt-border);margin:0 4px;}
 .dshgt-run-list{border-top:1px solid var(--gt-border);}
 .dshgt-run-item{border-bottom:1px solid color-mix(in srgb,var(--gt-border) 70%,transparent);}
 .dshgt-run-row{display:grid;grid-template-columns:18px 120px 56px minmax(0,1fr) 78px 74px 20px;align-items:center;gap:12px;min-height:52px;width:100%;padding:0 6px;border:0;background:none;text-align:left;font-family:inherit;color:var(--gt-fg);cursor:pointer;border-radius:6px;}
@@ -1519,10 +1531,11 @@ var CSS = `
 .dshgt-about{max-width:460px;width:100%;}
 .dshgt-about-head{display:flex;align-items:center;gap:10px;}
 .dshgt-about-title{margin:0;font-size:15px;font-weight:600;}
-.dshgt-about-close{margin-left:auto;appearance:none;font:inherit;font-size:12px;cursor:pointer;border-radius:7px;border:1px solid var(--gt-border);background:var(--gt-bg);padding:4px 11px;color:var(--gt-muted);}
-.dshgt-about-close:hover{color:var(--gt-fg);border-color:color-mix(in srgb,var(--gt-accent) 40%,var(--gt-border));}
+.dshgt-about-close{margin-left:auto;flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;appearance:none;font:inherit;cursor:pointer;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--gt-muted);}
+.dshgt-about-close:hover{color:var(--gt-fg);background:color-mix(in srgb,var(--gt-fg) 7%,var(--gt-bg));border-color:var(--gt-border);}
+.dshgt-about-close:focus-visible{outline:2px solid color-mix(in srgb,var(--gt-accent) 45%,transparent);outline-offset:1px;}
 /* 居中的应用身份区块：logo / 名称 / 版本胶囊 */
-.dshgt-about-identity{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0 18px;}
+.dshgt-about-identity{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 16px;}
 .dshgt-about-logo svg{width:56px;height:56px;border-radius:14px;display:block;box-shadow:0 4px 14px rgba(0,0,0,.18);}
 .dshgt-about-name{font-size:16px;font-weight:650;letter-spacing:-.01em;}
 .dshgt-about-ver{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--gt-fg);background:var(--gt-card);border:1px solid var(--gt-border);border-radius:999px;padding:1px 9px;line-height:17px;}
@@ -3944,38 +3957,51 @@ function RunsView(props) {
       h(
         "div",
         { className: "dshgt-runs-filter" },
-        KINDS.map(
-          (item) => h(
-            "button",
-            {
-              key: item.id,
-              type: "button",
-              className: "dshgt-chip",
-              "aria-pressed": kind === item.id ? "true" : "false",
-              onClick: () => {
-                setKind(item.id);
-                if (item.id === "release") setFilter("all");
-              }
-            },
-            t(item.key)
-          )
-        ),
-        kind === "release" ? null : h("span", { key: "sep", className: "dshgt-hint" }, "·"),
-        kind === "release" ? null : FILTERS.filter((item) => item.id !== "all").map(
-          (item) => (
-            // 再点一次当前项 = 取消该筛选，这样不必再摆一个和「全部」重名的胶囊。
-            h(
+        // 记录类型：全部 / 日报 / 订阅，始终可选。
+        h(
+          "div",
+          { key: "kind", className: "dshgt-chipgroup" },
+          KINDS.map(
+            (item) => h(
               "button",
               {
                 key: item.id,
                 type: "button",
                 className: "dshgt-chip",
-                "aria-pressed": filter === item.id ? "true" : "false",
-                onClick: () => setFilter(filter === item.id ? "all" : item.id)
+                "aria-pressed": kind === item.id ? "true" : "false",
+                onClick: () => {
+                  setKind(item.id);
+                  if (item.id === "release") setFilter("all");
+                }
               },
               t(item.key)
             )
           )
+        ),
+        // 周期 / 状态：只对日报有意义。切到订阅时不清空标签，而是置灰禁用，
+        // 让筛选维度保持可见、只是不适用，避免出现「选项突然变少」的错觉。
+        h("span", { key: "sep", className: "dshgt-chipgroup-sep", "aria-hidden": "true" }),
+        h(
+          "div",
+          { key: "filter", className: "dshgt-chipgroup" },
+          FILTERS.filter((item) => item.id !== "all").map(
+            (item) => (
+              // 再点一次当前项 = 取消该筛选，这样不必再摆一个和「全部」重名的胶囊。
+              h(
+                "button",
+                {
+                  key: item.id,
+                  type: "button",
+                  className: "dshgt-chip",
+                  "aria-pressed": filter === item.id ? "true" : "false",
+                  disabled: kind === "release",
+                  title: kind === "release" ? t("runs.filterHintSubs") : void 0,
+                  onClick: () => setFilter(filter === item.id ? "all" : item.id)
+                },
+                t(item.key)
+              )
+            )
+          )
         )
       )
     ),
@@ -5558,7 +5584,27 @@ function AboutDialog(props) {
           "div",
           { className: "dshgt-about-head" },
           h("h3", { className: "dshgt-about-title" }, t("about.title")),
-          h("button", { type: "button", className: "dshgt-about-close", onClick: () => props.onClose() }, t("about.close"))
+          h(
+            "button",
+            {
+              type: "button",
+              className: "dshgt-about-close",
+              title: t("about.close"),
+              "aria-label": t("about.close"),
+              onClick: () => props.onClose()
+            },
+            h(
+              "svg",
+              { viewBox: "0 0 16 16", width: 16, height: 16, "aria-hidden": "true", focusable: "false" },
+              h("path", {
+                d: "M4 4l8 8M12 4l-8 8",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 1.6,
+                strokeLinecap: "round"
+              })
+            )
+          )
         ),
         h(
           "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morehao/dsh-github-trending",
-  "version": "0.8.8",
+  "version": "0.8.9",
   "description": "GitHub 趋势日报的 DeepSeek Harness 插件：按日 / 周 / 月周期定时 spawn 本地 trendradar 核心，抓取 Trending、生成中文简介与周期总结，并可选把订阅仓库的新 Release 合成中文摘要，一起提交到你的仓库、自动开 PR 合并；内置概览 / 榜单 / 运行记录 / 订阅 / 设置工作台。",
   "type": "module",
   "main": "lib/index.js",