Passer au contenu principal

Lister les nouveautés de GitLab-CE

Entrer les lignes suivantes dans la console Javascript du navigateur

{
  const version = document.querySelector('h1').textContent;
  const wishesSections = ['top-feature', 'primary-features', 'secondary-features'];
  const availableData = '[data-original-title="Available in GitLab self-managed Free"]'
  const notAvailable = '[data-original-title="Not available in GitLab self-managed Free"]'
  const [topFeatures, primaryFeatures, secondaryFeatures] = Array.from(document.querySelectorAll('.content > section')).filter(el => wishesSections.includes(el.id));
  
  const nestedElement = (el, overload, linkEl = 'previousElementSibling') => {
    const paths = overload.split(".");
    let result = el.parentNode.parentNode.parentNode;
    const doc = result.parentNode.lastElementChild.firstElementChild.firstElementChild.href;
    const docLink = doc ? `[_(doc)_](${doc})` : '';
    for (path of paths) {
      result = result[path];
    }
    const link = result[linkEl];
    return [`- [${result.textContent}](${link.href}) ${docLink}`];
  };
  
  const hideElements = (el, overload, linkEl = false) => {
    const paths = overload.split(".");
    let result = el.parentNode.parentNode.parentNode;
    for (path of paths) {
      result = result[path];
    }
    if (linkEl) result.previousElementSibling.style.display="none";
    result.style.display="none";
  };
  
  Array.from(topFeatures.querySelectorAll(notAvailable)).forEach(el => hideElements(el, 'parentNode'));
  
  Array.from(primaryFeatures.querySelectorAll(notAvailable)).forEach(el => hideElements(el, 'parentNode.parentNode', true));
  
  Array.from(secondaryFeatures.querySelectorAll(notAvailable)).forEach(el => hideElements(el, 'parentNode'));
  
  const primaryAvailable = Array.from(primaryFeatures.querySelectorAll(availableData)).map(el => nestedElement(el, 'parentNode.parentNode.previousElementSibling.firstElementChild.lastElementChild'));
  
  const secondaryAvailable = Array.from(secondaryFeatures.querySelectorAll(availableData)).map(el => nestedElement(el, 'previousElementSibling.lastElementChild'));
  
  const finalResult = [].concat(version,primaryAvailable,secondaryAvailable).join('\n');
 
  console.log(finalResult);

  const copyButton = document.createElement("button");
  copyButton.style.position = "fixed";
  copyButton.style.margin = "20px";
  copyButton.innerHTML = "Copier la liste Community Edition";
  document.body.insertBefore(copyButton, document.body.firstChild);
  const copyFunction = () => {
    navigator.clipboard.writeText("finalResult").then(() => {
      console.log("Données copiées dans le presse-papier.");
    }, (e) => {
      console.error("Les données ne sont pas copiées…");
    });
    document.execCommand("copy");
  }
  copyButton.addEventListener("click", copyFunction)
}

Résultat

Exemple avec la page GitLab 16.0 released.

Les éléments ne correspondant pas à Self-Managed Free sont masqués sur la page.

Une fenêtre d'alerte affiche le markdown correspondant au résultat suivant :

GitLab 16.0 Release

Retour en haut