OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
[ KB ]    [ GIT ]    [ PROJECTS ]    [ ABOUT ]                                      EN
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
[ KB ] [ GIT ] [ PROJECTS ] [ ABOUT ]
════════════════════════════════════════════════
 
 
master @ 60 LINES
 
[ HISTORY ]  [ UP ]
 

---
import { SPEC_MAP, SPEC_ICON_MAP, CLASS_COLORS } from "../lib/wow-constants.ts";
---

<script is:inline define:vars={{ SPEC_MAP, SPEC_ICON_MAP, CLASS_COLORS }}>
  window.WoW = window.WoW || {};
  window.WoW.specMap = SPEC_MAP;
  window.WoW.specIconMap = SPEC_ICON_MAP;

  window.WoW.getClassColor = function (className) {
    const normalizedClass = className.toLowerCase().replace(/\s+/g, "_");
    return CLASS_COLORS[normalizedClass] || "#FFFFFF";
  };

  window.WoW.getSpecInfo = function (specId) {
    return SPEC_MAP[specId] || null;
  };

  window.WoW.getSpecIcon = function (className, specName) {
    const key = `${className}|${specName}`;
    return SPEC_ICON_MAP[key] || null;
  };

  window.WoW.createPlayerElement = function (player) {
    const wrapper = document.createElement("span");
    wrapper.className = "player-link-wrapper";

    const link = document.createElement("a");
    const region = player.region || "global";
    const realm = player.realm_name || "unknown";
    link.href = `/player/${region}/${realm}/${player.name}`;
    link.className = "player-link";

    if (player.spec_id) {
      const specInfo = window.WoW.getSpecInfo(player.spec_id);
      if (specInfo) {
        const icon = document.createElement("img");
        icon.src = window.WoW.getSpecIcon(specInfo.class, specInfo.spec) || "";
        icon.alt = specInfo.spec;
        icon.className = "spec-icon";
        icon.loading = "lazy";
        link.appendChild(icon);
      }
    }

    const nameSpan = document.createElement("span");
    nameSpan.className = "player-link-name";
    if (player.class_name) {
      nameSpan.classList.add(
        `text-${player.class_name.toLowerCase().replace(/\s+/g, "-")}`,
      );
    }
    nameSpan.textContent = player.name;
    link.appendChild(nameSpan);

    wrapper.appendChild(link);
    return wrapper;
  };
</script>


---
import { SPEC_MAP, SPEC_ICON_MAP, CLASS_COLO
RS } from "../lib/wow-constants.ts";
---

<script is:inline define:vars={{ SPEC_MAP, S
PEC_ICON_MAP, CLASS_COLORS }}>
  window.WoW = window.WoW || {};
  window.WoW.specMap = SPEC_MAP;
  window.WoW.specIconMap = SPEC_ICON_MAP;

  window.WoW.getClassColor = function (class
Name) {
    const normalizedClass = className.toLowe
rCase().replace(/\s+/g, "_");
    return CLASS_COLORS[normalizedClass] || 
"#FFFFFF";
  };

  window.WoW.getSpecInfo = function (specId)
 {
    return SPEC_MAP[specId] || null;
  };

  window.WoW.getSpecIcon = function (classNa
me, specName) {
    const key = `${className}|${specName}`;
    return SPEC_ICON_MAP[key] || null;
  };

  window.WoW.createPlayerElement = function 
(player) {
    const wrapper = document.createElement("
span");
    wrapper.className = "player-link-wrapper
";

    const link = document.createElement("a")
;
    const region = player.region || "global"
;
    const realm = player.realm_name || "unkn
own";
    link.href = `/player/${region}/${realm}/
${player.name}`;
    link.className = "player-link";

    if (player.spec_id) {
      const specInfo = window.WoW.getSpecInf
o(player.spec_id);
      if (specInfo) {
        const icon = document.createElement(
"img");
        icon.src = window.WoW.getSpecIcon(sp
ecInfo.class, specInfo.spec) || "";
        icon.alt = specInfo.spec;
        icon.className = "spec-icon";
        icon.loading = "lazy";
        link.appendChild(icon);
      }
    }

    const nameSpan = document.createElement(
"span");
    nameSpan.className = "player-link-name";
    if (player.class_name) {
      nameSpan.classList.add(
        `text-${player.class_name.toLowerCas
e().replace(/\s+/g, "-")}`,
      );
    }
    nameSpan.textContent = player.name;
    link.appendChild(nameSpan);

    wrapper.appendChild(link);
    return wrapper;
  };
</script>

 
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET