@takagaki/cortex-decisions-viewer 0.12.174 → 0.12.175

package/dist/render.js

@@ -7795,6 +7795,13 @@ ${story_1.splitByNameLinks.toString()}
       (mfInflight[w.id] = mfInflight[w.id] || []).push(w.box);
     });
     if (!ids.length) return;
+    mfRequest(ids, false);
+  }
+  /**
+   * member-faces を 1 回頼む（200 人まで）。頼んだ人は mfAsked に入れ、答え（または諦め）で待っている丸を最後の形へ。
+   * preload＝起動時の先読み。画像もブラウザのキャッシュに載せておく
+   */
+  function mfRequest(ids, preload) {
     ids.forEach(function (id) { mfAsked[id] = 1; });
     var finished = false;
     // 答えが出た（または諦めた）人の待ち行列を空にして、全部の丸を最後の形へ
@@ -7807,7 +7814,10 @@ ${story_1.splitByNameLinks.toString()}
     };
     var give = function (j) {
       (j.people || []).forEach(function (one) {
-        if (one && typeof one.userId === "string" && typeof one.avatarUrl === "string" && MF_AVATAR.test(one.avatarUrl)) mfFaces[one.userId] = one.avatarUrl;
+        if (one && typeof one.userId === "string" && typeof one.avatarUrl === "string" && MF_AVATAR.test(one.avatarUrl)) {
+          mfFaces[one.userId] = one.avatarUrl;
+          if (preload) mfWarm(one.avatarUrl);
+        }
       });
       ids.forEach(function (id) { if (!Object.prototype.hasOwnProperty.call(mfFaces, id)) mfFaces[id] = null; });
       if (!finished) { finished = true; clearTimeout(giveUp); drain(); }
@@ -7827,6 +7837,39 @@ ${story_1.splitByNameLinks.toString()}
       else forget();
     }, forget);
   }
+  /** 先読みした画像のパス -> 読み込み済み（読み込み済みなら関係者タブでスケルトンを経ずに写真から出す） */
+  var mfReady = {};
+  function mfWarm(path) {
+    if (Object.prototype.hasOwnProperty.call(mfReady, path)) return;
+    mfReady[path] = false;
+    var img = new Image();
+    img.setAttribute("referrerpolicy", "no-referrer");
+    img.addEventListener("load", function () { mfReady[path] = true; });
+    img.addEventListener("error", function () { delete mfReady[path]; });
+    img.src = PORTAL_ORIGIN + path;
+  }
+  /**
+   * 起動時に 1 回だけ、全部の関係者の portal.id を 200 人ずつ頼んで写真を先読みする（loadLiveFleet と同じ作り）。
+   * 🔴 route() の後に置く（popstate は route だけ通るので、戻る／進むで何度も走らない）。券・intake が無ければ何もしない。
+   * 先読みの飛行中に関係者タブを開いた丸は mfInflight に並び、先読みの答えで同じ流れ（スケルトン → 写真）に乗る。
+   * 失敗は覚えない（mfRequest の forget）。タブを開いたときにもう一度頼める
+   */
+  function mfPreload() {
+    if (!SITE.intake || !actorTicket()) return;
+    var ids = [];
+    (SITE.sections || []).forEach(function (sec) {
+      (sec.records || []).forEach(function (r) {
+        if (!isMemberRec(r)) return;
+        var id = mfPortalId(r);
+        if (id && ids.indexOf(id) < 0 && !Object.prototype.hasOwnProperty.call(mfAsked, id) && !Object.prototype.hasOwnProperty.call(mfFaces, id)) ids.push(id);
+      });
+    });
+    for (var i = 0; i < ids.length; i += 200) {
+      var chunk = ids.slice(i, i + 200);
+      chunk.forEach(function (id) { mfAsked[id] = 1; });
+      mfRequest(chunk, true);
+    }
+  }
   function mfWant(id, box) {
     mfWaiting.push({ id: id, box: box });
     if (!mfTimer) mfTimer = setTimeout(mfFlush, 0);
@@ -7869,6 +7912,32 @@ ${story_1.splitByNameLinks.toString()}
     });
     // 行ごと（カード・詳細）の click に伝えない（カードを押した扱いで詳細へ移らない）
     a.addEventListener("click", function (ev) { ev.stopPropagation(); });
+    // 先読みで答えが分かっている人は、スケルトンを経ずに最後の形から出す（写真は読み込み済みのときだけ）
+    if (Object.prototype.hasOwnProperty.call(mfFaces, id)) {
+      var known = mfFaces[id];
+      if (!known) {
+        a.classList.remove("mface-loading");
+        a.setAttribute("data-state", "initial");
+        a.appendChild(el("span", { class: "mface-initial", text: name }));
+        return a;
+      }
+      if (mfReady[known] === true) {
+        var ready = document.createElement("img");
+        ready.setAttribute("alt", "");
+        ready.setAttribute("referrerpolicy", "no-referrer");
+        ready.addEventListener("error", function () {
+          // 先読みで読めていたはずの画像が壊れたとき（キャッシュ切れ・ポータル不調）も頭文字に落とす
+          if (ready.parentNode) ready.parentNode.removeChild(ready);
+          a.setAttribute("data-state", "initial");
+          a.appendChild(el("span", { class: "mface-initial", text: name }));
+        });
+        ready.setAttribute("src", PORTAL_ORIGIN + known);
+        a.classList.remove("mface-loading");
+        a.setAttribute("data-state", "photo");
+        a.appendChild(ready);
+        return a;
+      }
+    }
     mfWant(id, a);
     return a;
   }
@@ -21776,6 +21845,8 @@ ${story_1.splitByNameLinks.toString()}
   // ビルド時には存在しないので、**焼いた href は起動の時点で既に古いことがある**。
   // 🔴 route() の後に置く——ヘッダー以外の導線は route() が描くまで DOM に無い
   syncAiLinks();
+  /** 関係者の写真の先読み（mfPreload の項）。loadLiveFleet と同じく起動時に 1 回だけ */
+  mfPreload();
   /**
    * 接続状況の先読み（#264）。**開いたタブに関係なく、起動時に1回だけ取りに行く。**
    *

package/package.json

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