Function getInstallDropdownHtml

website/src/scripts/utils.ts:515–552

(
  type: string,
  filePath: string,
  small = false
)

 * Generate HTML for install dropdown button
 */
export function getInstallDropdownHtml(
  type: string,
  filePath: string,
  small = false
): string {
  const vscodeUrl = getVSCodeInstallUrl(type, filePath, false);
  const insidersUrl = getVSCodeInstallUrl(type, filePath, true);

  if (!vscodeUrl) return "";

  const sizeClass = small ? "install-dropdown-small" : "";
  const uniqueId = `install-${filePath.replace(/[^a-zA-Z0-9]/g, "-")}`;

  return `
    <div class="install-dropdown ${sizeClass}" id="${uniqueId}" data-install-scope="list">
      <a href="${vscodeUrl}" class="btn btn-primary ${
    small ? "btn-small" : ""
  } install-btn-main" target="_blank" rel="noopener">
        Install
      </a>
      <button type="button" class="btn btn-primary ${
        small ? "btn-small" : ""
      } install-btn-toggle" aria-label="Install options" aria-expanded="false">
        <svg viewBox="0 0 16 16" width="12" height="12" fill="currentColor">
          <path d="M4.427 7.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 7H4.604a.25.25 0 00-.177.427z"/>
        </svg>
      </button>
      <div class="install-dropdown-menu">
        <a href="${vscodeUrl}" target="_blank" rel="noopener">
          VS Code
        </a>
        <a href="${insidersUrl}" target="_blank" rel="noopener">
          VS Code Insiders
        </a>
      </div>
    </div>
  `;
}

/**
 * Setup dropdown close handlers for dynamically created dropdowns