Function setupActionHandlers

website/src/scripts/pages/extensions.ts:294–400

(list: HTMLElement | null)

}

function setupActionHandlers(list: HTMLElement | null): void {
  if (!list || actionHandlersReady) return;

  list.addEventListener("click", async (event) => {
    const target = event.target as HTMLElement;

    const installButton = target.closest(
      ".copy-install-url-btn"
    ) as HTMLButtonElement | null;

    if (!installButton) return;

    event.stopPropagation();
    const installUrl = installButton.dataset.installUrl || "";
    if (!installUrl) {
      showToast("No install URL available for this extension", "error");
      return;
    }
    const success = await copyToClipboard(installUrl);
    showToast(
      success ? "Extension URL copied!" : "Failed to copy extension URL",
      success ? "success" : "error"
    );
    return;
  });

  list.addEventListener("click", (event) => {
    const target = event.target as HTMLElement;

    const thumbnailButton = target.closest(
      ".resource-thumbnail-btn"
    ) as HTMLElement | null;
    if (thumbnailButton) {
      event.preventDefault();
      event.stopPropagation();
      const extensionId = thumbnailButton.dataset.extensionId;
      if (!extensionId) return;
      const previewButton = thumbnailButton.closest(".resource-preview") as HTMLElement | null;
      openDetailsModal(extensionId, undefined, previewButton || undefined);
      return;
    }

    if (
      target.closest(".resource-actions") ||
      target.closest(".extension-details-thumbnail-btn")
    ) {
      return;
    }

    const card = target.closest(".resource-item") as HTMLElement | null;
    const previewButton = card?.querySelector(".resource-preview") as HTMLElement | null;
    const extensionId = card?.dataset.extensionId;
    if (extensionId) {
      openDetailsModal(extensionId, undefined, previewButton || undefined);
    }
  });

  list.addEventListener("keydown", (event) => {