perfectionist-plugins 1.0.2 → 1.0.4

package/ban-blocker.js

@@ -1,4 +1,4 @@
-export const version = "3.4.0";
+export const version = "3.4.2";
 
 const PLUGIN_ID = "ban-blocker";
 const STYLE_ID = "perfectionist-ban-blocker-style";
@@ -13,6 +13,7 @@ const FAIL_COOLDOWN_MAX_MS = 30000;
 const POLL_MS = 40;
 const ENSURE_MS = 300;
 const DETECT_RETRY_MS = 2000;
+const GONE_RESET_MS = 1500;
 
 const BAN_GLYPH_SVG =
   "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>" +
@@ -58,11 +59,14 @@ let ensureTimer = null;
 let detectTimer = null;
 let refreshTimer = null;
 let pumpTimer = null;
+let goneTimer = null;
 let observer = null;
 let pollInFlight = false;
 let uiScheduled = false;
 
 const enabled = new Map();
+const alias = new Map();
+const fetchedNames = new Set();
 const playerNames = new Map();
 const cellToPlayer = new Map();
 const buttons = new Map();
@@ -96,13 +100,62 @@ function isPicked(members, champ) {
   return (members ?? []).some((p) => p.championId === champ && p.completed);
 }
 
+function canonOf(id) {
+  return (id != null && alias.get(id)) || id;
+}
+
 function isBlocked(id) {
-  return enabled.get(id) === true;
+  return enabled.get(canonOf(id)) === true;
+}
+
+function isWeakKey(k) {
+  return typeof k === "string" && k.startsWith("cell:");
+}
+
+function payloadName(p) {
+  return norm(`${p?.gameName ?? ""}${p?.tagLine ?? ""}`) || norm(p?.summonerName) || "";
 }
 
-function playerId(p) {
+function keyOf(p) {
   if (typeof p === "number") return p;
-  return p?.summonerId ?? p?.puuid ?? null;
+  const strong = p?.summonerId || p?.puuid;
+  if (strong) return strong;
+  const n = payloadName(p);
+  if (n) return `name:${n}`;
+  return p?.cellId != null ? `cell:${p.cellId}` : null;
+}
+
+function linkPlayer(p, rowName, cellId) {
+  const strong = typeof p === "number" ? p : p?.summonerId || p?.puuid;
+  const pn = typeof p === "number" ? "" : payloadName(p);
+  const rn = norm(rowName);
+  const keys = [];
+  if (strong) keys.push(strong);
+  if (pn) keys.push(`name:${pn}`);
+  if (rn && rn !== pn) keys.push(`name:${rn}`);
+  const weak = cellId != null ? `cell:${cellId}` : null;
+
+  let root = null;
+  for (const k of keys) {
+    const r = alias.get(k);
+    if (r != null) {
+      root = r;
+      break;
+    }
+  }
+  if (root == null && keys.length) {
+    root = keys[0];
+    const prev = weak ? alias.get(weak) : null;
+    if (prev != null && isWeakKey(prev) && enabled.has(prev)) {
+      if (!enabled.has(root)) enabled.set(root, enabled.get(prev));
+      enabled.delete(prev);
+    }
+  }
+  if (root == null) root = (weak && alias.get(weak)) || weak;
+  if (root == null) return null;
+  for (const k of keys) alias.set(k, root);
+  if (weak) alias.set(weak, root);
+  return root;
 }
 
 function banPending(s) {
@@ -149,7 +202,10 @@ function decide(s) {
   const me = s?.localPlayerCellId;
 
   cellToPlayer.clear();
-  for (const p of m) cellToPlayer.set(p.cellId, playerId(p));
+  for (const p of m) {
+    const row = rows.find((r) => r.slotId === p.cellId);
+    cellToPlayer.set(p.cellId, linkPlayer(p, row?.name, p.cellId));
+  }
 
   let myPick = null;
   for (const a of actions) {
@@ -160,7 +216,7 @@ function decide(s) {
   }
   myActionId = myPick ? myPick.id : null;
 
-  const blockedCells = new Set(m.filter((p) => isBlocked(playerId(p))).map((p) => p.cellId));
+  const blockedCells = new Set(m.filter((p) => isBlocked(cellToPlayer.get(p.cellId))).map((p) => p.cellId));
 
   let threat = 0;
   for (const a of actions) {
@@ -193,6 +249,15 @@ function onSessionGone() {
   goneAway = true;
   uiVisible = false;
   removeButtons();
+  if (!goneTimer) {
+    goneTimer = setTimeout(() => {
+      goneTimer = null;
+      enabled.clear();
+      alias.clear();
+      playerNames.clear();
+      fetchedNames.clear();
+    }, GONE_RESET_MS);
+  }
 }
 
 function onSession(raw) {
@@ -208,6 +273,8 @@ function onSession(raw) {
       return;
     }
     if (!s?.myTeam) return;
+    clearTimeout(goneTimer);
+    goneTimer = null;
     goneAway = false;
     lastSession = s;
 
@@ -256,29 +323,27 @@ function getRows() {
 }
 
 function ensureName(cell) {
-  const id = playerId(cell);
-  if (id == null || playerNames.has(id)) return;
-  playerNames.set(id, []);
+  const strong = cell?.summonerId || cell?.puuid;
+  if (!strong || fetchedNames.has(strong)) return;
   const get = api?.lcu?.get;
-  if (!get) {
-    playerNames.delete(id);
-    return;
-  }
-  const byPuuid = typeof id === "string" && id.length > 20;
-  const path = byPuuid ? `/lol-summoner/v2/summoners/puuid/${id}` : `/lol-summoner/v1/summoners/${id}`;
+  if (!get) return;
+  fetchedNames.add(strong);
+  const byPuuid = typeof strong === "string" && strong.length > 20;
+  const path = byPuuid ? `/lol-summoner/v2/summoners/puuid/${strong}` : `/lol-summoner/v1/summoners/${strong}`;
   get(path)
     .then((data) => {
       const names = [norm(data?.displayName), norm(data?.gameName)].filter(Boolean);
-      if (names.length) playerNames.set(id, names);
-      else playerNames.delete(id);
+      if (!names.length) return;
+      const root = canonOf(strong);
+      playerNames.set(root, [...new Set([...(playerNames.get(root) ?? []), ...names])]);
     })
-    .catch(() => playerNames.delete(id));
+    .catch(() => fetchedNames.delete(strong));
 }
 
 function nameMatches(rowName, id) {
   const rn = norm(rowName);
   if (!rn) return false;
-  return (playerNames.get(id) ?? []).some(
+  return (playerNames.get(canonOf(id)) ?? []).some(
     (n) => n === rn || (n.length >= 3 && rn.length >= 3 && (n.startsWith(rn) || rn.startsWith(n))),
   );
 }
@@ -292,8 +357,13 @@ function bindRowsToTeam(session) {
   for (const r of list) {
     const cell =
       (r.slotId != null ? cells.find((c) => c.cellId === r.slotId) : null) ??
-      cells.find((c) => nameMatches(r.name, playerId(c)));
-    r.player = cell ? playerId(cell) : null;
+      cells.find((c) => nameMatches(r.name, keyOf(c)));
+    if (cell) {
+      r.player = linkPlayer(cell, r.name, cell.cellId);
+      cellToPlayer.set(cell.cellId, r.player);
+    } else {
+      r.player = null;
+    }
   }
 }
 
@@ -303,14 +373,18 @@ function stopEvent(e) {
   e.preventDefault();
 }
 
+function playerForBadge(btn) {
+  const rowEl = btn.closest(".summoner-object");
+  const r = rowEl ? rows.find((x) => x.el === rowEl) : rows[Number(btn.dataset.slot)];
+  const byCell = btn.dataset.cell ? cellToPlayer.get(Number(btn.dataset.cell)) ?? null : null;
+  return canonOf(byCell ?? r?.player ?? null);
+}
+
 function toggle(btn) {
-  let id = btn.dataset.cell ? (cellToPlayer.get(Number(btn.dataset.cell)) ?? null) : null;
-  if (id == null) {
-    if (lastSession) bindRowsToTeam(lastSession);
-    const list = getRows();
-    const rowEl = btn.closest(".summoner-object");
-    const r = list.find((x) => x.el === rowEl) ?? list[Number(btn.dataset.slot)];
-    id = r?.player ?? null;
+  let id = playerForBadge(btn);
+  if (id == null && lastSession) {
+    bindRowsToTeam(lastSession);
+    id = playerForBadge(btn);
   }
   if (id == null) return;
   const myCell = lastSession?.localPlayerCellId;
@@ -386,7 +460,7 @@ function ensureButtons() {
 function renderButtons() {
   const hasSession = !!lastSession?.myTeam;
   for (const [, btn] of buttons) {
-    const id = btn.dataset.cell ? (cellToPlayer.get(Number(btn.dataset.cell)) ?? null) : null;
+    const id = playerForBadge(btn);
     const on = id != null && isBlocked(id);
     btn.classList.toggle("on", on);
     btn.classList.toggle("unresolved", id == null && hasSession);
@@ -505,7 +579,8 @@ function onDisable() {
   clearTimeout(refreshTimer);
   clearTimeout(detectTimer);
   clearTimeout(pumpTimer);
-  pollTimer = ensureTimer = refreshTimer = detectTimer = pumpTimer = null;
+  clearTimeout(goneTimer);
+  pollTimer = ensureTimer = refreshTimer = detectTimer = pumpTimer = goneTimer = null;
   observer?.disconnect();
   observer = null;
 
@@ -518,6 +593,8 @@ function onDisable() {
   cellToPlayer.clear();
   enabled.clear();
   playerNames.clear();
+  alias.clear();
+  fetchedNames.clear();
   lastSession = null;
   rows = [];
   removeButtons();

package/hide-unowned-skins.js

@@ -1,4 +1,4 @@
-export const version = "2.1.1";
+export const version = "2.2.0";
 
 const PLUGIN_ID = "hide-unowned-skins";
 const STYLE_ID = "perfectionist-hide-unowned-skins-style";
@@ -11,7 +11,7 @@ const CAROUSEL_URI = "/lol-champ-select/v1/skin-carousel-skins";
 const CURRENT_SUMMONER_URI = "/lol-summoner/v1/current-summoner";
 const SUMMONER_TTL = 10 * 60 * 1000;
 const INVENTORY_TTL = 60 * 1000;
-const SESSION_POLL_MS = 1000;
+const REFRESH_DEBOUNCE_MS = 350;
 const RETRY_MS = 5000;
 const STATE_KEY = "perfectionist-plugins:state";
 
@@ -57,6 +57,7 @@ function filterSkinList(list) {
 }
 
 function recordClientOrder(list) {
+  scheduleRefresh();
   if (Array.isArray(list)) {
     clientSkinOrder = list.map((skin) => (skin && typeof skin.id === "number" ? skin.id : null)).filter((id) => id !== null);
   }
@@ -262,7 +263,8 @@ let carouselOrder = [];
 let selectedSkinId = null;
 let failure = null;
 let requestToken = 0;
-let pollTimer = null;
+let refreshTimer = null;
+let unsubscribe = null;
 let pollInFlight = false;
 let selectInFlight = false;
 let sessionMisses = 0;
@@ -452,7 +454,7 @@ function resetState() {
   failure = null;
   sessionMisses = 0;
   championMisses = 0;
-  applyAll();
+  applyAllGuarded();
 }
 
 function loadChampion(championId) {
@@ -467,7 +469,7 @@ function loadChampion(championId) {
       if (token !== requestToken) return;
       ownedSkinIds = owned;
       carouselOrder = carouselIds.length > 0 ? carouselIds : inventoryOrder;
-      applyAll();
+      applyAllGuarded();
     },
     (error) => {
       if (token !== requestToken) return;
@@ -507,7 +509,23 @@ function updateForSession(session, selection) {
     }
   }
 
-  applyAll();
+  applyAllGuarded();
+}
+
+function scheduleRefresh() {
+  clearTimeout(refreshTimer);
+  refreshTimer = setTimeout(pollSession, REFRESH_DEBOUNCE_MS);
+}
+
+function onSessionPush(raw) {
+  const msg = raw ?? {};
+  if (msg.eventType === "Delete") {
+    resetState();
+    return;
+  }
+  const s = msg.data ?? msg;
+  if (!s?.myTeam) return;
+  updateForSession(s, null);
 }
 
 async function pollSession() {
@@ -515,11 +533,9 @@ async function pollSession() {
   ensureSourceFilter();
   pollInFlight = true;
   try {
-    const [session, selection] = await Promise.all([
-      api.lcu.get(SESSION_URI),
-      api.lcu.get(SELECTION_URI).catch(() => null),
-    ]);
+    const session = await api.lcu.get(SESSION_URI);
     sessionMisses = 0;
+    const selection = await api.lcu.get(SELECTION_URI).catch(() => null);
     updateForSession(session, selection);
   } catch {
     sessionMisses++;
@@ -534,16 +550,21 @@ function onEnable(utils) {
   filterActive = true;
   removeStyle = api.addStyle(STYLE_ID, CSS);
 
-  renderObserver = new MutationObserver(() => applyAllGuarded());
+  renderObserver = new MutationObserver(() => {
+    applyAllGuarded();
+    if (document.querySelector(SKIN_ITEM_SELECTOR)) scheduleRefresh();
+  });
   renderObserver.observe(document.documentElement ?? document, OBSERVER_OPTIONS);
 
-  pollTimer = setInterval(pollSession, SESSION_POLL_MS);
+  unsubscribe = api.subscribe(SESSION_URI, onSessionPush);
   pollSession();
 }
 
 function onDisable() {
-  clearInterval(pollTimer);
-  pollTimer = null;
+  unsubscribe?.();
+  unsubscribe = null;
+  clearTimeout(refreshTimer);
+  refreshTimer = null;
   renderObserver?.disconnect();
   removeStyle?.();
   renderObserver = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "perfectionist-plugins",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Small plugins that fix the annoying parts of League of Legends champ select. Built for Pengu Loader.",
   "type": "module",
   "main": "perfectionist-utils.js",

package/perfectionist-utils.js

@@ -6,7 +6,7 @@ const PANEL_ID = "perfectionist-plugins-panel";
 const STYLE_ID = "perfectionist-plugins-style";
 const TAB_TITLE = "Perfectionism";
 
-export const version = "1.0.1";
+export const version = "1.0.4";
 
 const PKG = "perfectionist-plugins";
 const CDN = "https://cdn.jsdelivr.net/npm";
@@ -26,14 +26,14 @@ const BUNDLED_MODULES = [
     id: "ban-blocker",
     file: "ban-blocker.js",
     name: "Ban Blocker",
-    version: "3.4.0",
+    version: "3.4.2",
     description: "During bans, blocking a teammate instantly claims the champion they hover to ban.",
   },
   {
     id: "hide-unowned-skins",
     file: "hide-unowned-skins.js",
     name: "Hide Unowned Skins",
-    version: "2.1.1",
+    version: "2.2.0",
     description: "In champion select, only shows the skins you own for the picked champion.",
   },
 ];
@@ -113,11 +113,6 @@ async function loadState() {
     state = { installed: saved.installed, enabled: saved.enabled ?? {} };
     return;
   }
-  for (const mod of BUNDLED_MODULES) {
-    if (mod.core) continue;
-    state.installed[mod.id] = true;
-    state.enabled[mod.id] = mod.defaultEnabled ?? true;
-  }
   saveState();
 }
 
@@ -128,11 +123,15 @@ function saveState() {
     enabled: state.enabled,
   };
   try {
-    if (typeof DataStore !== "undefined") DataStore.set(STATE_KEY, record);
     localStorage.setItem(STATE_KEY, JSON.stringify(record));
   } catch (error) {
     console.error("[Perfectionism] Could not save plugin state.", error);
   }
+  try {
+    if (typeof DataStore !== "undefined") DataStore.set(STATE_KEY, record);
+  } catch (error) {
+    console.error("[Perfectionism] Could not save plugin state.", error);
+  }
 }
 
 function logError(scope, error) {