Function createScriptButton

popup/index.js:215–484

(script, isFavorite = false)

}

function createScriptButton(script, isFavorite = false) {
  // Section title
  if (isTitle(script)) {
    const title = document.createElement("h3");
    title.innerHTML = t(script.name);
    title.classList.add("section-title");

    return title;
  }

  // Button Container
  const buttonContainer = document.createElement("div");
  buttonContainer.className = "buttonContainer";

  // button checker
  if (canAutoRun(script)) {
    const checkmarkContainer = document.createElement("div");
    checkmarkContainer.setAttribute("data-flow", "right");

    const checkmark = document.createElement("button");
    checkmark.className = "checkmark";
    checkmark.onclick = async (e) => {
      if (checkIsPreview(script)) return;

      let oldVal = await isActiveScript(script.id);
      let newVal = !oldVal;

      // ⚡ LAZY LOAD: Load full script for onEnable/onDisable
      const fullScript = await loadFullScript(script.id);

      if (
        (newVal && (await fullScript.popupScript?.onEnable?.()) === false) ||
        (!newVal && (await fullScript.popupScript?.onDisable?.()) === false)
      )
        return;

      setActiveScript(script.id, newVal);
      trackEvent(script.id + (newVal ? "-ON" : "-OFF"));
      updateButtonChecker(script, checkmarkContainer, newVal);
    };

    checkmarkContainer.appendChild(checkmark);
    buttonContainer.appendChild(checkmarkContainer);
    updateButtonChecker(script, checkmarkContainer);
  }

  // button
  const button = document.createElement("button");
  button.className = "tooltip";
  if (canClick(script)) {
    button.onclick = () => {
      if (checkIsPreview(script)) return;
      runScript(script);
    };
  } else if (canAutoRun(script)) {
    button.onclick = () => {
      if (checkIsPreview(script)) return;
      openModal(