Function configureSkillFileSwitcher

website/src/scripts/modal.ts:369–400

(filePath: string)

}

async function configureSkillFileSwitcher(filePath: string): Promise<void> {
  const switcher = document.getElementById("modal-file-switcher");
  const fileButtonLabel = document.getElementById("modal-file-button-label");
  const menu = document.getElementById("modal-file-menu");

  if (!switcher || !fileButtonLabel || !menu) return;

  const skillItem = await getSkillItemByFilePath(filePath);
  if (currentFilePath !== filePath) return;

  if (!skillItem || skillItem.files.length <= 1) {
    switcher.classList.add("hidden");
    fileButtonLabel.textContent = "";
    menu.innerHTML = "";
    return;
  }

  fileButtonLabel.textContent = getFileName(filePath);
  menu.innerHTML = skillItem.files
    .map(
      (file) =>
        `<button type="button" class="modal-file-menu-item${
          file.path === filePath ? " active" : ""
        }" data-path="${escapeHtml(
          file.path
        )}" role="menuitemradio" aria-checked="${
          file.path === filePath ? "true" : "false"
        }">${escapeHtml(file.name)}</button>`
    )
    .join("");
  switcher.classList.remove("hidden");
}

function hideSkillFileSwitcher(): void {
  const switcher = document.getElementById("modal-file-switcher");