@takagaki/cortex-decisions-viewer 0.12.107 → 0.12.109

package/dist/render.js

@@ -4913,14 +4913,23 @@ button.site-icon[aria-busy="true"] .site-icon-plus { opacity: 0; }
 }
 .card:hover { border-color: var(--accent); }
 .card-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12.5px; color: var(--muted); margin-bottom: 6px; }
-.card-title { font-size: 16px; font-weight: 650; margin: 2px 0 6px; color: var(--text); }
+/* card-title はカードの見出し（#1 新しいタブでも開けるよう <a> にした）。見た目は元の <div> と揃える */
+.card-title { display: block; font-size: 16px; font-weight: 650; margin: 2px 0 6px; color: var(--text); }
 .card-summary { color: #3b424c; font-size: 14px; margin: 0; }
 .empty { color: var(--muted); text-align: center; padding: 48px 0; }
 .pager { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 20px 0 4px; }
-.pager-btn { padding: 6px 14px; border-radius: 8px; border: 1px solid var(--border); background: var(--surface); color: inherit; cursor: pointer; font: inherit; }
+.pager-btn { display: inline-block; padding: 6px 14px; border-radius: 8px; border: 1px solid var(--border); background: var(--surface); color: inherit; cursor: pointer; font: inherit; }
 .pager-btn:hover:not(:disabled) { border-color: var(--muted); }
 .pager-btn:disabled { opacity: .4; cursor: default; }
+/* ボタンの見た目の <a> に下線は要らない（.trace-btn 等、押しボタン型のリンクと同じ扱い） */
+a.pager-btn:hover { text-decoration: none; }
+/* 前へ／次へ（#2）の端は <a> ではなく <span>（キーボードでも踏めないように）。このクラスで見た目をそろえる */
+.pager-btn.is-disabled { opacity: .4; cursor: default; pointer-events: none; }
 .pager-ind { color: var(--muted); font-size: 13px; min-width: 72px; text-align: center; }
+/* 詳細の「前へ／次へ」は本文の上（戻るリンクのすぐ下）に置くので、一覧の下の余白は要らない。
+   「前へ」は左端・「次へ」は右端に置く（オーナー指摘）。常に両方の <a>/<span> が居るので、
+   端で押せない側があっても space-between でもう片方の位置は動かない */
+.detail-pager { justify-content: space-between; padding: 0 0 16px; }
 
 /* ---- badges / chips ---- */
 .badge {
@@ -8577,11 +8586,37 @@ ${calendarAddUrl.toString()}
     });
     return a;
   }
+  // 一覧 ⇄ 詳細のスクロール位置（#1 一覧→詳細→戻るで毎回スクロールが消える問題）。
+  //
+  // ⚠ ブラウザ既定の自動復元（scrollRestoration: "auto"）に任せない。** この画面は
+  // 一覧も詳細も同じ #app を毎回 innerHTML="" で作り直す静的サイトなので、戻ったときの
+  // 高さが自動復元の計算と噛み合わず当てにできない。代わりに「一覧を離れた瞬間のY」を
+  // 自分で1つだけ覚え、一覧へ戻るときに明示的に scrollTo する（分類B 2026-10-01）。
+  //
+  // ⚠ 詳細→詳細（後述の前へ／次へ）では更新しない。** 更新すると、何件か読み進めてから
+  // 一覧へ戻ったときに「最後に見ていた詳細でのスクロール位置」に飛んでしまう。
+  // 一覧に戻る行き先は常に「一覧を離れたときの位置」でなければならない
+  var savedListScrollY = 0;
+  // どのタブの一覧で覚えた位置か（実装レビュー②）。** route() は詳細を描くとき、その記録の
+  // 種類で listState.tab を書き換える（例: 用語集の一覧からウィキリンクで決定の詳細へ移ると
+  // listState.tab は "decisions" になる）。そこで「一覧へ戻る」を押すと、戻る先はその
+  // 書き換わった後のタブになるので、離れたときのタブと戻る先のタブが違うことがある。
+  // 違うタブに離れたときのYを当てはめない（合わなければ先頭へ）
+  var savedListTab = null;
+  // 直前に描いたのが詳細（not foundも含む）か一覧か。popstate（ブラウザの戻る／進む）は
+  // go() を通らないので、この印で「詳細→一覧」の遷移だけを見分けて復元する
+  var lastWasDetail = false;
+  if ("scrollRestoration" in history) history.scrollRestoration = "manual";
+
   function go(id) {
+    // 一覧から詳細へ移るときだけ、今の一覧のスクロール位置とタブを覚える
+    if (id && !lastWasDetail) { savedListScrollY = window.scrollY; savedListTab = listState.tab; }
     var url = id ? "?id=" + encodeURIComponent(id) : tabUrl(listState.tab);
     history.pushState({}, "", url);
     route();
-    window.scrollTo(0, 0);
+    // 詳細は常に先頭から。一覧は、離れたときと同じタブに戻るときだけ元の位置へ
+    if (id) window.scrollTo(0, 0);
+    else window.scrollTo(0, listState.tab === savedListTab ? savedListScrollY : 0);
   }
 
   var listState = { tab: DEFAULT_TAB, q: "", category: "", month: "", status: "", page: 1 };
@@ -8609,6 +8644,38 @@ ${calendarAddUrl.toString()}
     return el("div", { class: "pager" }, [prev, ind, next]);
   }
 
+  /** 新しいタブ・新しいウィンドウ等を求めるクリックではない（左クリック・修飾キー無し）か */
+  function isPlainClick(ev) {
+    return !ev.defaultPrevented && ev.button === 0 && !ev.metaKey && !ev.ctrlKey && !ev.shiftKey && !ev.altKey;
+  }
+
+  /**
+   * 一覧カードの見出し（#1）。普通の a href="?id=..." にして、中クリック・
+   * Ctrl/Cmd クリックで新しいタブでも開けるようにする（opsTabLink と同じ型）。
+   * 素のクリックは今までどおり SPA 内遷移（go）のまま——1 件ずつ確かめるときに
+   * ページ全体の再読み込みを挟まない。
+   */
+  function cardTitleLink(rec, extraClass) {
+    var a = el("a", {
+      class: "card-title" + (extraClass || ""),
+      href: "?id=" + encodeURIComponent(rec.id),
+      text: humanTitle(rec.title),
+    });
+    a.addEventListener("click", function (ev) {
+      if (ev.defaultPrevented) return;
+      if (!isPlainClick(ev)) {
+        // 新しいタブ・新しいウィンドウ等はブラウザの既定の動作に任せる。
+        // ここで止めないと、外側のカードの click にも伝わって SPA 内遷移も重ねて走ってしまう
+        ev.stopPropagation();
+        return;
+      }
+      ev.preventDefault();
+      ev.stopPropagation();
+      go(rec.id);
+    });
+    return a;
+  }
+
   function monthLabel(m) {
     var p = m.split("-");
     return p[0] + "年" + parseInt(p[1], 10) + "月";
@@ -8677,6 +8744,7 @@ ${calendarAddUrl.toString()}
 
   // ---------- 一覧 ----------
   function renderList() {
+    lastWasDetail = false;
     app.innerHTML = "";
     renderTabs();
     renderInfoBar();
@@ -19177,11 +19245,16 @@ ${calendarAddUrl.toString()}
     return sel;
   }
 
-  function drawCards() {
+  /**
+   * 今の絞り込み（検索語・期間・カテゴリー・状態）を当てた決定の一覧（並びは
+   * SITE.decisions の順＝新しい順のまま）。drawCards と、詳細の「前へ／次へ」
+   * （#2）の両方がここを通る——一覧の並びと前後移動の並びがずれないように、口を1つにする。
+   */
+  function filteredDecisions() {
     var q = listState.q.trim().toLowerCase();
     // 削除済みは絞り込みの手前で落とす（分母も一緒に減るので「12/13件」が残らない）
     var all = visibleRecords(SITE.decisions);
-    var items = all.filter(function (d) {
+    return all.filter(function (d) {
       if (listState.month && d.date.slice(0, 7) !== listState.month) return false;
       if (listState.category && d.category !== listState.category) return false;
       if (!matchesStatusFilter(d, !!SITE.decisionFollowup)) return false;
@@ -19191,6 +19264,11 @@ ${calendarAddUrl.toString()}
       }
       return true;
     });
+  }
+
+  function drawCards() {
+    var all = visibleRecords(SITE.decisions);
+    var items = filteredDecisions();
 
     var wrap = document.getElementById("card-list");
     wrap.innerHTML = "";
@@ -19224,7 +19302,7 @@ ${calendarAddUrl.toString()}
       var card = el("div", { class: "card", title: d.id, "data-record-id": d.id }, [
         meta,
         // 消したレコードは一覧でも取り消し線（次のビルドまで一覧には残る）
-        el("div", { class: "card-title" + (d.deleted ? " is-deleted" : ""), text: humanTitle(d.title) }),
+        cardTitleLink(d, d.deleted ? " is-deleted" : ""),
         d.summary ? el("p", { class: "card-summary", text: d.summary }) : null,
       ]);
       card.addEventListener("click", function () { go(d.id); });
@@ -19237,8 +19315,7 @@ ${calendarAddUrl.toString()}
 
   // ---------- 汎用一覧（records/ を持つディレクトリ） ----------
   function renderGenericList() {
-    var tab = null;
-    TABS.forEach(function (t) { if (t.key === listState.tab) tab = t; });
+    var tab = findTab(listState.tab);
     // 削除済みは描画の手前で落とす（件数の分母・絞り込みの選択肢もこれ1本で揃う）
     var items = visibleRecords(tab && tab.items ? tab.items : []);
 
@@ -19259,12 +19336,7 @@ ${calendarAddUrl.toString()}
     app.appendChild(listWrap);
 
     function draw() {
-      var q = listState.q.trim().toLowerCase();
-      var shown = items.filter(function (r) {
-        if (!matchesStatusFilter(r)) return false;
-        if (!q) return true;
-        return (r.title + " " + r.summary + " " + r.searchText).toLowerCase().indexOf(q) !== -1;
-      });
+      var shown = filteredGenericItems(tab);
       listWrap.innerHTML = "";
       if (!shown.length) {
         countEl.textContent = "0 / " + items.length + " 件";
@@ -19293,7 +19365,7 @@ ${calendarAddUrl.toString()}
         meta.appendChild(traceR);
         var card = el("div", { class: "card", title: r.id, "data-record-id": r.id }, [
           meta,
-          el("div", { class: "card-title" + (r.deleted ? " is-deleted" : ""), text: humanTitle(r.title) }),
+          cardTitleLink(r, r.deleted ? " is-deleted" : ""),
           r.summary ? el("p", { class: "card-summary", text: r.summary }) : null,
         ]);
         card.addEventListener("click", function () { go(r.id); });
@@ -20063,6 +20135,70 @@ ${calendarAddUrl.toString()}
   function visibleRecords(items) {
     return (items || []).filter(function (r) { return !r.deleted; });
   }
+
+  /** タブkeyからTABSの該当行を探す（見つからなければ null） */
+  function findTab(key) {
+    var found = null;
+    TABS.forEach(function (t) { if (t.key === key) found = t; });
+    return found;
+  }
+
+  /**
+   * 今の絞り込み（検索語・状態）を当てた汎用一覧（用語集・関係者・ルール等）。
+   * renderGenericList の draw と、詳細の「前へ／次へ」（#2）の両方がここを通る
+   */
+  function filteredGenericItems(tab) {
+    var q = listState.q.trim().toLowerCase();
+    var items = visibleRecords(tab && tab.items ? tab.items : []);
+    return items.filter(function (r) {
+      if (!matchesStatusFilter(r)) return false;
+      if (!q) return true;
+      return (r.title + " " + r.summary + " " + r.searchText).toLowerCase().indexOf(q) !== -1;
+    });
+  }
+
+  /**
+   * 絞り込んだ並び（filtered）に今の記録が無ければ、絞り込み前の既定の並び（fallback。
+   * 削除済みを除いた新しい順）を使う（#2 一覧を経ずに開いたとき・絞り込みに
+   * 合わない記録を開いたときは既定の順、の受け皿）。
+   */
+  function pagerOrder(filtered, fallback, id) {
+    for (var i = 0; i < filtered.length; i++) { if (filtered[i].id === id) return filtered; }
+    return fallback;
+  }
+
+  /**
+   * 詳細画面の「前へ／次へ」（#2）。ordered の中で id の前後の記録へ移る。
+   * 端（先頭・末尾）では押せない。ordered に id が無ければ何も出さない
+   * （削除済みを直リンクで開いた等、並びそのものが無いとき）
+   */
+  function buildDetailPager(ordered, id) {
+    var idx = -1;
+    for (var i = 0; i < ordered.length; i++) { if (ordered[i].id === id) { idx = i; break; } }
+    if (idx === -1) return null;
+    var prevRec = idx > 0 ? ordered[idx - 1] : null;
+    var nextRec = idx < ordered.length - 1 ? ordered[idx + 1] : null;
+    function navBtn(rec, cls, text) {
+      // 見た目は新設せず、同じ詳細画面の「つながり」ボタン（.trace-btn）のリキッドグラス
+      // （角丸・やわらかい影・半透明の地）をそのまま使い回す（オーナー指摘）
+      // 端では押せない。<a href="#"> のままだとポインタは止められても、Tab→Enter では
+      // 踏めてしまう（#へ飛んで popstate が走り、詳細を描き直してしまう）ので、
+      // 端では href を持たない <span> にする（実装レビュー④）
+      if (!rec) return el("span", { class: "pager-btn trace-btn is-disabled " + cls, "aria-disabled": "true", text: text });
+      var a = el("a", { class: "pager-btn trace-btn " + cls, href: "?id=" + encodeURIComponent(rec.id), text: text });
+      a.addEventListener("click", function (ev) {
+        if (!isPlainClick(ev)) { ev.stopPropagation(); return; }
+        ev.preventDefault();
+        ev.stopPropagation();
+        go(rec.id);
+      });
+      return a;
+    }
+    return el("div", { class: "pager detail-pager" }, [
+      navBtn(prevRec, "detail-pager-prev", "← 前へ"),
+      navBtn(nextRec, "detail-pager-next", "次へ →"),
+    ]);
+  }
   /**
    * 削除済みを除いたグラフ。**消費側で1行ずつ摘まむのではなく、ここ1箇所で作る**
    * ——グラフ・エクスプローラー・件数表示が別々に間引くと、片方だけ消え残る。
@@ -20087,6 +20223,7 @@ ${calendarAddUrl.toString()}
 
   // ---------- 汎用詳細 ----------
   function renderGenericDetail(r) {
+    lastWasDetail = true;
     app.innerHTML = "";
     countEl.textContent = "";
 
@@ -20094,6 +20231,12 @@ ${calendarAddUrl.toString()}
     back.addEventListener("click", function (ev) { ev.preventDefault(); go(null); });
     app.appendChild(back);
 
+    // 前へ／次へ（#2）。一覧の今の絞り込み・並びの順。一覧を経ずに開いたときは既定の順
+    var pagerTabG = findTab("dir:" + r._section);
+    var orderedG = pagerOrder(filteredGenericItems(pagerTabG), visibleRecords(pagerTabG ? pagerTabG.items : []), r.id);
+    var detailPagerG = buildDetailPager(orderedG, r.id);
+    if (detailPagerG) app.appendChild(detailPagerG);
+
     var head = el("div", { class: "detail-head" });
     head.appendChild(el("div", {}, [ el("h1", { class: "detail-title", text: humanTitle(r.title) }) ]));
     var traceBtn2 = el("a", { class: "trace-btn", href: "?tab=graph", text: "🕸 つながり" });
@@ -20779,6 +20922,7 @@ ${calendarAddUrl.toString()}
 
   // ---------- Decision詳細 ----------
   function renderDetail(d) {
+    lastWasDetail = true;
     app.innerHTML = "";
     countEl.textContent = "";
 
@@ -20786,6 +20930,11 @@ ${calendarAddUrl.toString()}
     back.addEventListener("click", function (ev) { ev.preventDefault(); go(null); });
     app.appendChild(back);
 
+    // 前へ／次へ（#2）。一覧の今の絞り込み・並びの順。一覧を経ずに開いたときは既定の順（新しい順）
+    var orderedD = pagerOrder(filteredDecisions(), visibleRecords(SITE.decisions), d.id);
+    var detailPagerD = buildDetailPager(orderedD, d.id);
+    if (detailPagerD) app.appendChild(detailPagerD);
+
     var head = el("div", { class: "detail-head" });
     var headLeft = el("div", {}, [ el("h1", { class: "detail-title", text: humanTitle(d.title) }) ]);
     head.appendChild(headLeft);
@@ -20864,6 +21013,7 @@ ${calendarAddUrl.toString()}
   }
 
   function renderNotFound(id) {
+    lastWasDetail = true;
     app.innerHTML = "";
     var back = el("a", { class: "detail-back", href: "?", text: "← 一覧へ戻る" });
     back.addEventListener("click", function (ev) { ev.preventDefault(); go(null); });
@@ -21348,7 +21498,24 @@ ${calendarAddUrl.toString()}
     }
   })();
 
-  window.addEventListener("popstate", route);
+  // ブラウザの「戻る」「進む」。go() を通らないので、ここで一覧⇄詳細のスクロールだけ別に見る
+  // （#1 ブラウザの戻るでも一覧のスクロール位置を保つ）
+  window.addEventListener("popstate", function () {
+    var goingToId = getParam("id");
+    var cameFromDetail = lastWasDetail;
+    // 「進む」で一覧→詳細に戻ることもある（戻る→スクロール→進む、で位置が古くなる実装レビュー③）。
+    // go() と同じ条件で、そのときの一覧の位置とタブを覚え直す
+    if (goingToId && !cameFromDetail) { savedListScrollY = window.scrollY; savedListTab = listState.tab; }
+    route();
+    if (!goingToId && cameFromDetail) {
+      // 一覧へ戻る。離れたときと同じタブのときだけ元の位置へ（違えば先頭）
+      window.scrollTo(0, listState.tab === savedListTab ? savedListScrollY : 0);
+    } else if (goingToId) {
+      // 詳細はブラウザの戻る／進むでも常に先頭から
+      // （scrollRestoration を manual にしたので、ここで明示しないとブラウザがどこへも戻さない）
+      window.scrollTo(0, 0);
+    }
+  });
   /**
    * ヘッダーの案件名（#379）。**ポータル配下（/p/<key>/ の下）で開いているときだけ**、
    * ポータルの案件一覧（同一オリジンの /）へ戻るリンクにする。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takagaki/cortex-decisions-viewer",
-  "version": "0.12.107",
+  "version": "0.12.109",
   "description": "Cortexの意思決定記録（Decisions/*.md）を静的サイトにビルドして閲覧する。各レコードに「Edit on GitHub」リンクを付与する。",
   "license": "UNLICENSED",
   "private": false,