@takagaki/cortex-decisions-viewer 0.4.5 → 0.4.6

package/dist/build.js

@@ -472,7 +472,9 @@ 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から層を推定してノード化する
+    // 参照先IDから層を推定してノード化する。
+    // 外部リンク(http(s))はノード化せず null を返す（外部URLの点はグラフ肥大化＝描画負荷の主因。
+    // リンク自体は各レコードの詳細・参照欄に残るため情報は失われない）。
     const classifyTarget = (target) => {
         if (nodes.has(target))
             return target;
@@ -496,9 +498,7 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
                 return addNode({ id: target, label, group, url });
         }
         else if (/^https?:\/\//.test(target)) {
-            group = "external";
-            label = target.replace(/^https?:\/\//, "").slice(0, 60);
-            return addNode({ id: target, label, group, url: target });
+            return null; // 外部リンクはノード化しない
         }
         else if (target.includes("/") || target.toLowerCase().endsWith(".md")) {
             group = "silver"; // リポジトリ内ファイルへのパス参照 → GitHubのコピーへ飛べるようにする
@@ -508,35 +508,30 @@ 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 });
+    };
     const addRelationEdges = (fromId, relations) => {
-        for (const r of relations) {
-            edges.push({ from: fromId, to: classifyTarget(r.target), rel: r.rel });
-        }
+        for (const r of relations)
+            pushEdge(fromId, classifyTarget(r.target), r.rel);
     };
     const addSourceEdge = (fromId, source) => {
         if (source && source.trim() !== "")
-            edges.push({ from: fromId, to: classifyTarget(source.trim()), rel: "source" });
+            pushEdge(fromId, classifyTarget(source.trim()), "source");
     };
     const addReferenceEdges = (fromId, references) => {
+        // ref.url（http(s)）は classifyTarget が null を返す＝外部はノード化しない。
+        // URLが無い参照（課題キー・議事録ID等）は従来どおり該当ノードへ繋ぐ。
         for (const ref of references) {
-            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" });
-            }
+            pushEdge(fromId, classifyTarget(ref.url ?? ref.label), "reference");
         }
     };
     const addLinkEdges = (fromId, links) => {
         for (const link of links) {
             const key = backlogViewKey(link);
-            edges.push({ from: fromId, to: classifyTarget(key ?? link), rel: "link" });
+            pushEdge(fromId, classifyTarget(key ?? link), "link");
         }
     };
     // Bronze/Silverのノードを先に登録する（Gold・Bronze/Silver双方からの参照が同一ノードに解決されるように）
@@ -573,7 +568,7 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
     }
     for (const c of content) {
         for (const e of c.edges) {
-            edges.push({ from: c.id, to: classifyTarget(e.target), rel: e.rel });
+            pushEdge(c.id, classifyTarget(e.target), e.rel);
         }
     }
     // 自己ループと重複辺を除去する（同じURLが複数回貼られていても辺は1本）
@@ -587,7 +582,15 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
         seen.add(key);
         return true;
     });
-    return { nodes: [...nodes.values()], edges: deduped };
+    // 描画対象は「レコード(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 };
 }
 /**
  * 各レコードの bodyHtml を out/bodies/<i>.html に書き出し、bodyRef にパスを設定して

package/dist/render.js

@@ -1013,7 +1013,7 @@ const CLIENT_JS = `
         n.vx *= 0.85; n.vy *= 0.85;
         n.x += n.vx * alpha; n.y += n.vy * alpha;
       });
-      if (alpha > 0.05) alpha *= 0.995;
+      if (alpha > 0.0015) alpha *= 0.97; // 収束まで減衰しきる（下げ止まりさせず、整定後はループ側で物理計算を止める）
     }
 
     function nodeRadius(n) {
@@ -1257,6 +1257,7 @@ const CLIENT_JS = `
           else if (n.url) window.open(n.url, "_blank", "noopener");
         }
       }
+      if (draggingNode) alpha = Math.max(alpha, 0.2); // 動かした点の周りを少し整え直してから止まる
       draggingNode = null;
       panning = null;
       canvas.classList.remove("dragging");
@@ -1282,7 +1283,9 @@ const CLIENT_JS = `
     var running = true;
     function loop() {
       if (!running || !document.body.contains(canvas)) { running = false; return; }
-      tick();
+      // 収束後（alpha減衰しきり・無操作）は O(n²) の物理計算 tick を止める。これが「固まり続ける」主因。
+      // ドラッグ/パン中は動かす必要があるので回す。描画(draw)はホバー演出・イントロのため毎フレーム続ける。
+      if (alpha > 0.004 || draggingNode || panning) tick();
       draw();
       requestAnimationFrame(loop);
     }

package/package.json

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