lbry.tech/app/dist/scripts/api.js

"use strict"; /* global document, Jets, window */



// Initiate search functionality
const contentTag = window.location.pathname.split("/").pop() === "sdk" ?
  ".api-toc__section" :
  "#toc";

let jets = new Jets({
  contentTag,
  searchTag: "#input-search"
});

// Reset search on page load
document.getElementById("input-search").value = "";

// Activate search
document.getElementById("input-search").addEventListener("keyup", () => {
  if (document.getElementById("input-search").value)
    document.querySelector(".api-toc__search-clear").classList.add("active");
  else
    document.querySelector(".api-toc__search-clear").classList.remove("active");
});

// Cancel search
document.querySelector(".api-toc__search-clear").addEventListener("click", () => {
  document.getElementById("input-search").value = "";
  document.querySelector(".api-toc__search-clear").classList.remove("active");

  jets.destroy();
  reinitJets();
});

// Handle menu toggle for mobile
if (document.getElementById("toggle-menu")) {
  document.getElementById("toggle-menu").addEventListener("click", () => {
    document.querySelector("body").classList.toggle("disable-scrolling");
    document.querySelector(".api-toc").classList.toggle("active");
  });

  // Handle menu toggle when clicking on commands
  document.querySelectorAll(".api-toc__command a").forEach(command => {
    command.addEventListener("click", () => {
      document.querySelector("body").classList.remove("disable-scrolling");
      document.querySelector(".api-toc").classList.remove("active");
    });
  });
}



// Code toggles
handleApiLanguageToggles("cli");
handleApiLanguageToggles("curl");
handleApiLanguageToggles("lbrynet");
handleApiLanguageToggles("python");



//  H E L P E R S

function changeDocumentationVersion(value) {
  console.log(value);
}

function handleApiLanguageToggles(language) {
  if (!document.getElementById(`toggle-${language}`))
    return;

  document.getElementById(`toggle-${language}`).addEventListener("click", () => {
    const codeExamples = document.querySelectorAll(`[data-api-example-type="${language}"]`);
    const examples = document.querySelectorAll("[data-api-example-type]");
    const toggles = document.querySelectorAll("*[id^='toggle-']");

    examples.forEach(example => example.classList.remove("active"));
    codeExamples.forEach(example => example.classList.add("active"));
    toggles.forEach(example => example.classList.remove("active"));

    document.getElementById(`toggle-${language}`).classList.add("active");
  });
}

function reinitJets() {
  jets = new Jets({
    contentTag,
    searchTag: "#input-search"
  });

  document.getElementById("input-search").focus();
}