@takagaki/cortex-decisions-viewer 0.4.65 → 0.4.66

package/dist/build.js

@@ -168,6 +168,22 @@ async function readFleetSources(repoRoot) {
         }))
             .filter((c) => c.id !== "")
         : undefined;
+    // 組織ごとの GitHub 接続状況。**「N件が読めていません」だけでは次の一歩が決まらない**
+    // ——トークンは組織ごとにしか効かないので、どの組織かが要る
+    const githubOwners = Array.isArray(obj.githubOwners)
+        ? obj.githubOwners
+            .filter((o) => o != null && typeof o === "object")
+            .map((o) => ({
+            owner: String(o.owner ?? ""),
+            repos: typeof o.repos === "number" ? o.repos : 0,
+            unreadable: typeof o.unreadable === "number" ? o.unreadable : 0,
+            // **写し忘れるとライブ経路とだけ食い違う。** op=state は素通しなので、
+            // 設定を変えた直後だけ数字が出て、静的ビルドのページでは undefined になる
+            unchecked: typeof o.unchecked === "number" ? o.unchecked : 0,
+            source: String(o.source ?? ""),
+        }))
+            .filter((o) => o.owner !== "")
+        : undefined;
     const internalSources = Array.isArray(obj.internalSources)
         ? obj.internalSources
             .filter((s) => s != null && typeof s === "object")
@@ -248,7 +264,7 @@ async function readFleetSources(repoRoot) {
     const secretSources = obj.secretSources && typeof obj.secretSources === "object"
         ? obj.secretSources
         : undefined;
-    return { externalSources, internalSources, pipelines, tools, fleetGeneratedAt, secretSources, checks };
+    return { externalSources, internalSources, pipelines, tools, fleetGeneratedAt, secretSources, checks, githubOwners };
 }
 /** パスがディレクトリとして存在するか */
 async function isDirectory(dirAbs) {
@@ -1125,6 +1141,7 @@ async function build(opts) {
         pipelines: fleet.pipelines,
         tools: fleet.tools,
         checks: fleet.checks,
+        githubOwners: fleet.githubOwners,
     };
     // サムネイル（デザイン画面等）をサイトに同梱し、ノードのパスをサイト内相対に書き換える
     await node_fs_1.promises.mkdir(outAbs, { recursive: true });

package/dist/render.js

@@ -1018,6 +1018,13 @@ a.ds-name:hover { text-decoration: underline; }
 .ds-gate-warn { color: #b45309; }
 .ds-gate-muted { color: #6b7280; }
 .ds-pipes { display: flex; flex-direction: column; gap: 8px; }
+/* 組織ごとの接続状況。トークンは組織ごとにしか効かないので、ここが判断の単位になる */
+.ds-owners { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
+.ds-owner { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 12px;
+  border: 1px solid var(--border); border-radius: 8px; background: var(--bg); }
+.ds-owner-name { font-weight: 700; font-size: 13px; }
+.ds-owner-state { font-size: 12.5px; }
+.ds-owner-install { font-size: 12.5px; margin-left: auto; white-space: nowrap; }
 /* 実行状況の行に直し方を添える。同じ run の未達を別の節にも出すと画面に2回並ぶ */
 .ds-pipe-wrap { display: flex; flex-direction: column; gap: 3px; }
 .ds-pipe-todo { font-size: 12.5px; color: var(--muted); line-height: 1.7; padding-left: 4px; }
@@ -1998,6 +2005,58 @@ ${capabilityState.toString()}
     // 畳まれる（既定は閉）。中に入れると**新規案件（0件）＝一番追加したい場面**で消える。
     var adders = renderExternalAdders();
     pushCap("チャット", adders.querySelector('[data-adder="slack"]'));
+    // **組織ごとの接続状況を、開発の一番上に置く。** トークンは組織ごとにしか
+    // 効かない（Fine-grained PAT も GitHub App のインストールトークンも1組織分）ので、
+    // 「N件が読めていません」だけでは何をすればよいか決まらない。
+    // どの組織が繋がっていないかと、そこへの導線を出す
+    var owners = fleetVal("githubOwners") || [];
+    if (owners.length) {
+      var obox = el("div", { class: "ds-owners" });
+      obox.appendChild(el("div", { class: "ds-sub", text: "組織ごとの接続状況" }));
+      owners.forEach(function (o) {
+        var ok = o.source === "app" || o.source === "token";
+        // **確かめられなかった夜は、そう言う。** gh の不在・タイムアウト・ネットワーク断で
+        // 起きる。「接続OK」と出すと、同じ画面の集計行が「⚠️ 2件に問題」と言っている
+        // 横で食い違う。「未接続」と出すと、繋がっている組織に設定を促す偽の警告になる。
+        // どちらも嘘なので、確かめていないことをそのまま出す
+        var unsure = o.source === "unknown";
+        var row = el("div", { class: "ds-owner" }, [
+          el("span", { class: "ds-owner-name", text: o.owner }),
+          el("span", { class: "ds-owner-state ds-gate-" + (ok ? "ok" : "warn"),
+            // **読める件数を出す。** 総数だけ出すと、同じ画面の
+            // 「⚠️ 15件が読めていません」と食い違う（#101 で3度直した形）
+            // **確かめられなかった件数を出す。** 未接続側は「18リポジトリ中 15件が
+            // 読めていません」と出しているのに、こちらだけ総数だと同じ節の中で
+            // 表現が揃わない。4リポ中1つだけ揺れた夜に「4リポジトリを確かめられて
+            // いません」と読めるのも実態と違う
+            text: unsure
+              ? "⚠️ 確認できませんでした　" + o.repos + "リポジトリ中 " +
+                (o.unchecked || o.repos) + "件の接続を確かめられていません"
+              : ok
+                ? "● 接続OK　" + o.repos + "リポジトリ" + (o.source === "app" ? "（GitHub App）" : "")
+                : "⚠️ 未接続　" + o.repos + "リポジトリ中 " + o.unreadable + "件が読めていません" }),
+        ]);
+        // **未接続のときだけ導線を出す。** 繋がっている組織に「インストール」を
+        // 出すと、押す必要が無いものを押させることになる。
+        // 確かめられなかっただけの組織にも出さない——すでに入っているかもしれないので
+        if (!ok && !unsure) {
+          row.appendChild(el("a", {
+            class: "ds-owner-install",
+            // **文書化されている形だけを使う。** target_id に組織のログイン名を渡す形は
+            // GitHub の文書に無く（GitHub自身のUIは数値のアカウントIDを入れる）、
+            // 未ログインだとログイン画面へ転送されて 200 が返るので、
+            // 効いているかを外から確かめられない。**確かめられないものを顧客に押させない。**
+            // どの組織かはこの行に出ているので、選ばせる形で足りる
+            href: "https://github.com/apps/classmethod-cortex-app/installations/new",
+            target: "_blank", rel: "noopener",
+            text: "この組織にインストール →",
+          }));
+        }
+        obox.appendChild(row);
+      });
+      pushCap("開発", obox);
+    }
+
     pushCap("開発", adders.querySelector('[data-adder="github"]'));
 
     // 連携の鍵は、その能力のところへ置く（画面下まで往復させない）

package/package.json

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