gitlab-history-button.user.js

// ==UserScript==
// @name         GitLab History Button
// @namespace    https://gitlab.com
// @version      0.3
// @description  Show history button on project page
// @author       CSY54
// @include      https://gitlab.*
// @icon         https://gitlab.com/assets/favicon-72a2cad5025aa931d6ea56c3201d1f18e68a8cd39788c7c80d5b2b82aa5143ef.png
// @grant        none
// @updateURL    https://github.com/CSY54/tampermonkey-userscripts/raw/master/gitlab-history-button.user.js
// @downloadURL  https://github.com/CSY54/tampermonkey-userscripts/raw/master/gitlab-history-button.user.js
// ==/UserScript==

;(async () => {
  const repoName = document.querySelector('.home-panel-title')
  if (!repoName) {
    return
  }

  async function until(cb) {
    const RETRY_LIMIT = 60
    let retryCount = 0
    return new Promise((res, rej) => {
      const id = setInterval(() => {
        if (cb()) {
          clearInterval(id)
          res()
        }

        retryCount++
        if (retryCount > RETRY_LIMIT) {
          clearInterval(id)
          rej()
        }
      }, 1000)
    })
  }

  until(() => {
    try {
      return (
        document.querySelector('.tree-ref-holder button').textContent.trim() !==
        ''
      )
    } catch {
      return false
    }
  })
    .then(() => {
      const path = window.location.pathname
      const currentBranch = document
        .querySelector('.tree-ref-holder button')
        .textContent.trim()
      const historyPath = new URL(
        `${path}/-/commits/${currentBranch}/`,
        window.location.href,
      ).pathname
      const button = `<a href="${historyPath}" class="btn btn-default btn-md gl-button"><span class="gl-button-text">History</span></a>`
      document
        .querySelector('.tree-controls > div')
        .children[1].insertAdjacentHTML('beforebegin', button)
    })
    .catch(() => {})
})()