Gitlab CE - Link to upgrade path from help page

Add a link to the upgrade path tool on Gitlab help page.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        Gitlab CE - Link to upgrade path from help page
// @namespace   Violentmonkey Scripts
// @match       https://gitlab.*/help
// @grant       none
// @version     1.0
// @author      PotatoesMaster
// @description Add a link to the upgrade path tool on Gitlab help page.
// @run-at document-end
// @license     WTFPL
// ==/UserScript==

const tagA = document.querySelector('a[href^="https://gitlab.com/gitlab-org/gitlab-foss/-/tags/v"]');
if (tagA) {
  const tag = tagA.href.split('tags/v')[1];

  // addapt the following parameters according to your Gitlab install
  const params = new URLSearchParams({
    distro: 'docker',
    edition: 'ce',
    current: tag,
  });

  const upgradeA = document.createElement('a');
  upgradeA.href = `https://gitlab-com.gitlab.io/support/toolbox/upgrade-path/?${params}`;
  upgradeA.innerText = "-> upgrade path";
  tagA.insertAdjacentElement('afterend', upgradeA);
  tagA.insertAdjacentText('afterend', ' ');
}