@takagaki/cortex-decisions-viewer 0.4.19 → 0.4.21

package/dist/build.js

@@ -106,6 +106,58 @@ function resolveKnowledgeRoot(decisionsDirAbs) {
     }
     return null;
 }
+/**
+ * リポジトリルートの fleet-status.json から externalSources / internalSources / pipelines を読む。
+ * ファイルが無い・パース不能・当該フィールドが無い場合は undefined を返し、
+ * ビューア側で「データソースと自動化」セクションを出さない（後方互換・旧fleet-statusで壊れない）。
+ */
+async function readFleetSources(repoRoot) {
+    let json;
+    try {
+        const raw = await node_fs_1.promises.readFile(path.join(repoRoot, "fleet-status.json"), "utf8");
+        json = JSON.parse(raw);
+    }
+    catch {
+        return {}; // 無い・壊れている → セクション非表示
+    }
+    if (json == null || typeof json !== "object")
+        return {};
+    const obj = json;
+    const externalSources = Array.isArray(obj.externalSources)
+        ? obj.externalSources
+            .filter((s) => s != null && typeof s === "object")
+            .map((s) => ({
+            type: String(s.type ?? ""),
+            name: String(s.name ?? ""),
+            ref: s.ref != null ? String(s.ref) : undefined,
+            url: s.url != null ? String(s.url) : undefined,
+            gold: typeof s.gold === "boolean" ? s.gold : undefined,
+            notify: typeof s.notify === "boolean" ? s.notify : undefined,
+            gate: s.gate != null ? String(s.gate) : undefined,
+        }))
+        : undefined;
+    const internalSources = Array.isArray(obj.internalSources)
+        ? obj.internalSources
+            .filter((s) => s != null && typeof s === "object")
+            .map((s) => ({
+            kind: String(s.kind ?? ""),
+            tool: String(s.tool ?? ""),
+            label: String(s.label ?? ""),
+            url: s.url != null ? String(s.url) : undefined,
+            lastSync: s.lastSync != null ? String(s.lastSync) : undefined,
+        }))
+        : undefined;
+    const pipelines = Array.isArray(obj.pipelines)
+        ? obj.pipelines
+            .filter((p) => p != null && typeof p === "object")
+            .map((p) => ({
+            id: String(p.id ?? ""),
+            label: String(p.label ?? ""),
+            lastSuccess: p.lastSuccess != null ? String(p.lastSuccess) : undefined,
+        }))
+        : undefined;
+    return { externalSources, internalSources, pipelines };
+}
 /** ディレクトリ内の .md を汎用レコードとして読み込む（存在しなければ空配列） */
 async function loadGenericRecords(dirAbs, exclude, repoBaseUrl, branch) {
     let entries;
@@ -866,6 +918,8 @@ async function build(opts) {
     const contentEntries = await scanContent(repoRoot, knowledgeRoot ? path.basename(knowledgeRoot) : null, repo.baseUrl, repo.branch);
     const graph = buildGraph(decisions, home, sections, contentEntries, targetUrls, repo.baseUrl, repo.branch);
     computeLayout(graph); // 各ノードに x/y を書き込む（クライアントはこれを初期位置に使いウォームアップ省略）
+    // データソースと自動化（fleet-status.json 由来）。無ければ undefined でセクション非表示。
+    const fleet = await readFleetSources(repoRoot);
     const site = {
         title: opts.title,
         generatedAt: opts.generatedAt,
@@ -884,6 +938,9 @@ async function build(opts) {
                 projectKey: opts.projectKey,
             }
             : undefined,
+        externalSources: fleet.externalSources,
+        internalSources: fleet.internalSources,
+        pipelines: fleet.pipelines,
     };
     // サムネイル（デザイン画面等）をサイトに同梱し、ノードのパスをサイト内相対に書き換える
     await node_fs_1.promises.mkdir(outAbs, { recursive: true });

package/dist/render.js

@@ -324,6 +324,41 @@ a:hover { text-decoration: underline; }
 }
 .edit-btn:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
 .section-label { font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: .04em; text-transform: uppercase; margin: 24px 0 8px; }
+/* ---- データソースと自動化 ---- */
+.datasources { margin-top: 34px; }
+.datasources-head { font-size: 18px; font-weight: 700; color: var(--text); margin: 0 0 4px; }
+.datasources-intro { color: var(--muted); font-size: 13.5px; line-height: 1.8; margin: 0 0 14px; }
+.ds-sub { font-size: 13px; font-weight: 700; color: var(--muted); margin: 20px 0 8px; }
+.ds-list { display: flex; flex-direction: column; gap: 10px; }
+.ds-card {
+  background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
+  padding: 14px 16px; box-shadow: var(--shadow);
+  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px;
+}
+.ds-card-main { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; }
+.ds-icon { font-size: 18px; line-height: 1; flex: 0 0 auto; }
+.ds-type { font-size: 12px; font-weight: 600; color: var(--muted); flex: 0 0 auto; }
+.ds-name { font-size: 14.5px; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+a.ds-name { color: var(--accent); }
+a.ds-name:hover { text-decoration: underline; }
+.ds-note { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 6px 0 0; }
+.ds-sync { font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; flex: 0 0 auto; }
+.ds-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; flex: 0 0 auto; }
+.badge.ds-gold { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
+.badge.ds-excluded { background: #eceef1; color: #6b7280; }
+.badge.ds-notify { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; }
+.ds-gate { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; flex: 0 0 auto; }
+.ds-gate::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: currentColor; }
+.ds-gate-ok { color: #1f7a45; }
+.ds-gate-warn { color: #b45309; }
+.ds-gate-muted { color: #6b7280; }
+.ds-pipes { display: flex; flex-direction: column; gap: 8px; }
+.ds-pipe {
+  display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px;
+  padding: 10px 14px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--shadow);
+}
+.ds-pipe-label { font-size: 14px; font-weight: 600; color: var(--text); }
+.ds-pipe-time { font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
 /* ---- 操作タブ ---- */
 .ops-intro { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 4px 0 8px; }
 .ops-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
@@ -642,6 +677,111 @@ const CLIENT_JS = `
     var homeBody = el("div", { class: "body" });
     app.appendChild(homeBody);
     loadBody(h, homeBody);
+    renderDataSources();
+  }
+
+  // ---------- データソースと自動化（fleet-status.json 由来。無ければ非表示） ----------
+  // 顧客も読む面なので内部用語（cron・stub等）を避け「毎晩自動で〜」調にする。
+  var DS_TYPE = {
+    "slack": { icon: "💬", label: "Slack" },
+    "github-issues": { icon: "🐙", label: "GitHub Issues" },
+    "github-discussions": { icon: "💠", label: "GitHub Discussions" },
+  };
+  var DS_GATE = {
+    "ok": { text: "接続OK", cls: "ds-gate-ok" },
+    "not_in_channel": { text: "bot未招待", cls: "ds-gate-warn" },
+    "unreachable": { text: "アクセス不可", cls: "ds-gate-warn" },
+    "no_token": { text: "トークン未設定", cls: "ds-gate-muted" },
+    "unknown": { text: "不明", cls: "ds-gate-muted" },
+  };
+  var DS_KIND_ICON = {
+    "課題管理": "📋",
+    "会議": "🗒️",
+    "共有資料": "📎",
+    "デザイン": "🎨",
+    "開発": "🐙",
+    "チャット": "💬",
+  };
+  function dsFmtTime(iso) {
+    var d = new Date(iso);
+    if (isNaN(d.getTime())) return "";
+    var hh = ("0" + d.getHours()).slice(-2);
+    var mm = ("0" + d.getMinutes()).slice(-2);
+    return (d.getMonth() + 1) + "/" + d.getDate() + " " + hh + ":" + mm;
+  }
+  // 名前表示: url があれば新しいタブで正本を開くリンクにする
+  function dsNameEl(text, url) {
+    if (url) return el("a", { class: "ds-name", href: url, target: "_blank", rel: "noopener", text: text });
+    return el("span", { class: "ds-name", text: text });
+  }
+  function renderDataSources() {
+    var internals = SITE.internalSources || [];
+    var sources = SITE.externalSources || [];
+    var pipes = SITE.pipelines || [];
+    if (!internals.length && !sources.length && !pipes.length) return; // すべて無ければセクションごと出さない
+
+    var sec = el("section", { class: "datasources" });
+    sec.appendChild(el("h2", { class: "datasources-head", text: "データソースと自動化" }));
+    sec.appendChild(el("p", { class: "datasources-intro", text: "このCortexが接続している情報源と、毎晩自動でGoldに昇格する処理の一覧です。" }));
+
+    if (internals.length) {
+      sec.appendChild(el("div", { class: "ds-sub", text: "リポジトリ内の情報源（自動同期）" }));
+      var ilist = el("div", { class: "ds-list" });
+      internals.forEach(function (s) {
+        var card = el("div", { class: "ds-card" }, [
+          el("div", { class: "ds-card-main" }, [
+            el("span", { class: "ds-icon", text: DS_KIND_ICON[s.kind] || "📁" }),
+            el("span", { class: "ds-type", text: s.kind || "" }),
+            dsNameEl(s.label || "", s.url),
+          ]),
+          s.lastSync && dsFmtTime(s.lastSync)
+            ? el("span", { class: "ds-sync", text: "最終同期: " + dsFmtTime(s.lastSync) })
+            : null,
+        ]);
+        ilist.appendChild(card);
+      });
+      sec.appendChild(ilist);
+      sec.appendChild(el("p", { class: "ds-note", text: "これらの更新は毎晩の Gold 昇格が読み取ります。" }));
+    }
+
+    if (sources.length) {
+      sec.appendChild(el("div", { class: "ds-sub", text: "外部ソース（ライブ参照）" }));
+      var list = el("div", { class: "ds-list" });
+      sources.forEach(function (s) {
+        var meta = DS_TYPE[s.type] || { icon: "🔗", label: s.type || "その他" };
+        var badges = el("div", { class: "ds-badges" });
+        if (s.gold === true) badges.appendChild(el("span", { class: "badge ds-gold", text: "Gold昇格の読み取り対象" }));
+        else if (s.gold === false) badges.appendChild(el("span", { class: "badge ds-excluded", text: "除外" }));
+        if (s.notify === true) badges.appendChild(el("span", { class: "badge ds-notify", text: "通知先" }));
+        var gate = DS_GATE[s.gate] || DS_GATE["unknown"];
+        var gateEl = el("span", { class: "ds-gate " + gate.cls, text: gate.text });
+        var card = el("div", { class: "ds-card" }, [
+          el("div", { class: "ds-card-main" }, [
+            el("span", { class: "ds-icon", text: meta.icon }),
+            el("span", { class: "ds-type", text: meta.label }),
+            dsNameEl(s.name || "", s.url),
+          ]),
+          badges,
+          gateEl,
+        ]);
+        list.appendChild(card);
+      });
+      sec.appendChild(list);
+    }
+
+    if (pipes.length) {
+      sec.appendChild(el("div", { class: "ds-sub", text: "自動化パイプライン" }));
+      var plist = el("div", { class: "ds-pipes" });
+      pipes.forEach(function (p) {
+        var t = p.lastSuccess ? dsFmtTime(p.lastSuccess) : "";
+        var children = [ el("span", { class: "ds-pipe-label", text: p.label || p.id || "" }) ];
+        if (t) children.push(el("span", { class: "ds-pipe-time", text: "最終成功: " + t }));
+        plist.appendChild(el("div", { class: "ds-pipe" }, children));
+      });
+      sec.appendChild(plist);
+    }
+
+    app.appendChild(sec);
   }
 
   // ---------- 操作タブ（Cortex自体への操作。まずは取り込み。今後この受け皿に機能を足す） ----------

package/package.json

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