init.js

// This script is for critical JS that needs to perform DOM mutations
// before the initial browser paint.

let attempts = 0;
window.requestAnimationFrame(function wait() {
  if (document.querySelector('script[src*="index.js"]') || ++attempts > 100) return init();
  window.requestAnimationFrame(wait);
});

// This function runs before DOMContentLoaded and checks if most of the page
// has loaded so we can do DOM mutations before anything is painted on the screen.
function init() {
  // Synchronously set clone button states and urls here to avoid flickering
  // on page load. initRepoCloneLink calls this when proto changes.
  // this applies the protocol-dependant clone url to all elements with the
  // `js-clone-url` and `js-clone-url-vsc` classes.
  // TODO: This localStorage setting should be moved to backend user config.
  (window.updateCloneStates = function() {
    const httpsBtn = document.getElementById('repo-clone-https');
    if (!httpsBtn) return;
    const sshBtn = document.getElementById('repo-clone-ssh');
    const value = localStorage.getItem('repo-clone-protocol') || 'https';
    const isSSH = value === 'ssh' && sshBtn || value !== 'ssh' && !httpsBtn;

    if (httpsBtn) httpsBtn.classList[!isSSH ? 'add' : 'remove']('primary');
    if (sshBtn) sshBtn.classList[isSSH ? 'add' : 'remove']('primary');

    const btn = isSSH ? sshBtn : httpsBtn;
    if (!btn) return;

    const link = btn.getAttribute('data-link');
    for (const el of document.getElementsByClassName('js-clone-url')) {
      el[el.nodeName === 'INPUT' ? 'value' : 'textContent'] = link;
    }
    for (const el of document.getElementsByClassName('js-clone-url-vsc')) {
      el.href = `vscode://vscode.git/clone?url=${encodeURIComponent(link)}`;
    }
  })();
}