Function openHookDetailsModal

website/src/scripts/pages/hooks.ts:114–163

(hookId: string, trigger?: HTMLElement)

}

function openHookDetailsModal(hookId: string, trigger?: HTMLElement): void {
  const item = hookById.get(hookId);
  if (!item) {
    return;
  }

  const metaParts = item.hooks.map(
    (hookName) => `<span class="resource-tag tag-hook">${escapeHtml(hookName)}</span>`
  );

  if (item.assets.length > 0) {
    metaParts.push(
      `<span class="resource-tag tag-assets">${item.assets.length} asset${
        item.assets.length === 1 ? '' : 's'
      }</span>`
    );
  }

  if (item.lastUpdated) {
    metaParts.push(
      `<span class="last-updated">Updated ${escapeHtml(
        formatRelativeTime(item.lastUpdated)
      )}</span>`
    );
  }

  const tagHtml = item.tags
    .map((tagText) => `<span class="resource-tag tag-tag">${escapeHtml(tagText)}</span>`)
    .join('');

  const actionsHtml = `
    <button id="hook-details-download" class="btn btn-primary" type="button" data-hook-id="${escapeHtml(
      item.id
    )}">Download</button>
    <button class="btn btn-secondary" type="button" data-open-file-path="${escapeHtml(
      item.readmeFile
    )}" data-open-file-type="hook">Source</button>
  `;

  openCardDetailsModal({
    title: item.title,
    description: item.description || 'No description',
    previewIcon: '🪝',
    previewText: 'Hook events and download options',
    metaHtml: metaParts.join(''),
    tagsHtml: tagHtml,
    actionsHtml,
    trigger,
  });
}

function setupResourceListHandlers(list: HTMLElement | null): void {
  if (!list || resourceListHandlersReady) return;