<script> // 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 // so it's available during rendering, then this inline script can be removed. (window.updateCloneStates = function() { const httpsBtn = document.getElementById('repo-clone-https'); 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.textContent = window.origin.split(':')[0].toUpperCase(); httpsBtn.classList.toggle('primary', !isSSH); httpsBtn.classList.toggle('basic', isSSH); } if (sshBtn) { sshBtn.classList.toggle('primary', isSSH); sshBtn.classList.toggle('basic', !isSSH); } const btn = isSSH ? sshBtn : httpsBtn; if (!btn) return; // NOTE: Keep this function in sync with the one in the js folder function toOriginUrl(urlStr) { try { if (urlStr.startsWith('http://') || urlStr.startsWith('https://') || urlStr.startsWith('/')) { const {origin, protocol, hostname, port} = window.location; const url = new URL(urlStr, origin); url.protocol = protocol; url.hostname = hostname; url.port = port || (protocol === 'https:' ? '443' : '80'); return url.toString(); } } catch {} return urlStr; } const link = toOriginUrl(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-editor')) { el.href = el.getAttribute('data-href-template').replace('{url}', encodeURIComponent(link)); } })(); </script>