@takagaki/cortex-decisions-viewer 0.4.7 → 0.4.8

package/dist/build.js

@@ -472,9 +472,7 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
     for (const sec of sections)
         for (const r of sec.records)
             fileNameToId.set(r.fileName, r.id);
-    // 参照先IDから層を推定してノード化する。
-    // 外部リンク(http(s))はノード化せず null を返す（外部URLの点はグラフ肥大化＝描画負荷の主因。
-    // リンク自体は各レコードの詳細・参照欄に残るため情報は失われない）。
+    // 参照先IDから層を推定してノード化する
     const classifyTarget = (target) => {
         if (nodes.has(target))
             return target;
@@ -498,7 +496,9 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
                 return addNode({ id: target, label, group, url });
         }
         else if (/^https?:\/\//.test(target)) {
-            return null; // 外部リンクはノード化しない
+            group = "external";
+            label = target.replace(/^https?:\/\//, "").slice(0, 60);
+            return addNode({ id: target, label, group, url: target });
         }
         else if (target.includes("/") || target.toLowerCase().endsWith(".md")) {
             group = "silver"; // リポジトリ内ファイルへのパス参照 → GitHubのコピーへ飛べるようにする
@@ -508,45 +508,36 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
         }
         return addNode({ id: target, label, group });
     };
-    // 解決先が null（外部リンク等で非ノード化）の辺は張らない
-    const pushEdge = (fromId, target, rel) => {
-        if (target)
-            edges.push({ from: fromId, to: target, rel });
-    };
-    // 外部URLノードを作る（source/references の出典用フォールバック）。
-    const externalNode = (url, label) => addNode({
-        id: url,
-        label: (label ?? url.replace(/^https?:\/\//, "")).slice(0, 60),
-        group: "external",
-        url,
-    });
-    // 出典(source/reference)の解決: Backlog課題URLは実ノード(bronze)へ、議事録ID等は該当ノードへ。
-    // 解決できない外部URL（Wiki・GitHub等）は外部ノードとして必ず繋ぐ（出典は少数で意味があるため残す。
-    // 大量の「本文リンク」の騒音は addLinkEdges 側でドロップしたまま）。
-    const provenanceTarget = (raw, label) => {
-        const v = raw.trim();
-        return classifyTarget(backlogViewKey(v) ?? v) ?? externalNode(v, label);
-    };
     const addRelationEdges = (fromId, relations) => {
-        for (const r of relations)
-            pushEdge(fromId, classifyTarget(r.target), r.rel);
+        for (const r of relations) {
+            edges.push({ from: fromId, to: classifyTarget(r.target), rel: r.rel });
+        }
     };
     const addSourceEdge = (fromId, source) => {
         if (source && source.trim() !== "")
-            edges.push({ from: fromId, to: provenanceTarget(source), rel: "source" });
+            edges.push({ from: fromId, to: classifyTarget(source.trim()), rel: "source" });
     };
     const addReferenceEdges = (fromId, references) => {
         for (const ref of references) {
-            const to = ref.url ? provenanceTarget(ref.url, ref.label) : classifyTarget(ref.label);
-            pushEdge(fromId, to, "reference");
+            if (ref.url) {
+                const id = addNode({
+                    id: ref.url,
+                    label: ref.label.slice(0, 60),
+                    group: "external",
+                    url: ref.url,
+                });
+                edges.push({ from: fromId, to: id, rel: "reference" });
+            }
+            else {
+                edges.push({ from: fromId, to: classifyTarget(ref.label), rel: "reference" });
+            }
         }
     };
-    // Gold層(Decision/用語/レポート/Home)の本文リンクは必ず繋ぐ（外部URLでも外部ノードとして接続）。
-    // ＝frontmatterを持つレコードは孤立させない。大量の騒音は「コンテキスト側の本文リンク」(content edges)
-    // のみドロップする（下の content ループは classifyTarget のまま）。
     const addLinkEdges = (fromId, links) => {
-        for (const link of links)
-            edges.push({ from: fromId, to: provenanceTarget(link), rel: "link" });
+        for (const link of links) {
+            const key = backlogViewKey(link);
+            edges.push({ from: fromId, to: classifyTarget(key ?? link), rel: "link" });
+        }
     };
     // Bronze/Silverのノードを先に登録する（Gold・Bronze/Silver双方からの参照が同一ノードに解決されるように）
     for (const c of content) {
@@ -582,7 +573,7 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
     }
     for (const c of content) {
         for (const e of c.edges) {
-            pushEdge(c.id, classifyTarget(e.target), e.rel);
+            edges.push({ from: c.id, to: classifyTarget(e.target), rel: e.rel });
         }
     }
     // 自己ループと重複辺を除去する（同じURLが複数回貼られていても辺は1本）
@@ -596,15 +587,7 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
         seen.add(key);
         return true;
     });
-    // 描画対象は「レコード(Gold) or 辺に接続のあるノード」だけ。外部リンク除去で孤立した
-    // 非レコードノードは描画もされないため、ペイロードからも落としておく（初期ロードを軽くする）。
-    const usedIds = new Set();
-    for (const e of deduped) {
-        usedIds.add(e.from);
-        usedIds.add(e.to);
-    }
-    const prunedNodes = [...nodes.values()].filter((n) => n.recordId || usedIds.has(n.id));
-    return { nodes: prunedNodes, edges: deduped };
+    return { nodes: [...nodes.values()], edges: deduped };
 }
 /**
  * 各レコードの bodyHtml を out/bodies/<i>.html に書き出し、bodyRef にパスを設定して

package/dist/render.js

@@ -1054,22 +1054,25 @@ const CLIENT_JS = `
         var fx = (dx / d) * f, fy = (dy / d) * f;
         e.a.vx += fx; e.a.vy += fy; e.b.vx -= fx; e.b.vy -= fy;
       });
-      // 全ノードを中心へ向ける等方的な引力（Goldは強め＝中央に、コンテキストは弱め＝その周り）。
-      // さらに半径 RING の円で外周を押し戻して封じ込める。これで対角の伸び・飛び出したスポークが
-      // 抑えられ、全体が円形のディスクに収まる（force-directed本来の「丸める力の不在」を補う）。
+      // Goldは中心への重力、グレーは外周リングへの引力 + 減衰（元のロジック）。
+      // 外周リングを多数のグレー（外部リンク等の枝先）が均等に埋めることで全体が円形になり、
+      // Goldが中心に締まる。この見た目は「点を全部残す」ことで成立する（重さはBarnes-Hut＋収束後停止で別途解消）。
       nodes.forEach(function (n) {
-        var g = n.recordId ? 0.012 : 0.005;
-        n.vx -= n.x * g; n.vy -= n.y * g;
-        var r = Math.sqrt(n.x * n.x + n.y * n.y) + 0.01;
-        if (r > RING) {
-          var rf = (r - RING) * 0.05; // 円の外に出た分だけ内側へ強めに戻す（円形の境界）
+        if (n.recordId) {
+          n.vx -= n.x * 0.012; n.vy -= n.y * 0.012;
+        } else {
+          var r = Math.sqrt(n.x * n.x + n.y * n.y) + 0.01;
+          var rf = (r - RING) * 0.012;
           n.vx -= (n.x / r) * rf; n.vy -= (n.y / r) * rf;
         }
         if (n === draggingNode) { n.vx = 0; n.vy = 0; return; }
         n.vx *= 0.85; n.vy *= 0.85;
         n.x += n.vx * alpha; n.y += n.vy * alpha;
       });
-      if (alpha > 0.0015) alpha *= 0.97; // 収束まで減衰しきる（下げ止まりさせず、整定後はループ側で物理計算を止める）
+      // 元のゆっくり減衰(*0.995)に戻す: ウォームアップ320回が高エネルギーで回り、Goldが中心に締まる
+      // 深い平衡（元の見た目）まで到達する。floorは0.05ではなく0.003まで下げ、整定後はループ側で停止できる
+      // ようにする（②の固まり対策と両立）。*0.97の速い減衰だとウォームアップが早期終了し浅い配置で固まっていた。
+      if (alpha > 0.003) alpha *= 0.995;
     }
 
     function nodeRadius(n) {

package/package.json

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