GitHubApi.js

'use strict'
class GitHubApi{
	static #ARENA_VERSION = 1;
	static #CLIENT_ID = '19698a5006b153e8a671';
	static #STARTED = sessionStorage.getItem('PageLoaded');
	static #SESSION_KEY = 'GitHub session';
	static #waitUntil = timestamp => new Promise(resolve => setTimeout(resolve, timestamp-Date.now()));
	static getClientId(){
		return GitHubApi.#CLIENT_ID;
	}
	static getSession(){
		const session = localStorage.getItem(GitHubApi.#SESSION_KEY);
		try{
			return JSON.parse(session)
		}catch(error){}
		return session;
	}
	static getSessionStorage(){
		return GitHubApi.getSession()?.storage ?? {};
	}
	static setSessionStorage(storage){
		const session = GitHubApi.getSession() ?? {};
		session.storage = storage;
		localStorage.setItem(GitHubApi.#SESSION_KEY, JSON.stringify(session));
	}
	static async fetch(path='', init={}){
		const accessToken = GitHubApi.getSession()?.accessToken;
		if(accessToken){
			if(init.headers === undefined){
				init.headers = {};
			}
			if(init.headers.Authorization === undefined){
				init.headers.Authorization = 'token '+accessToken;
			}
		}
		if(typeof init.body === 'object'){
			init.body = JSON.stringify(init.body);
		}
		return await fetch(new Request('https://api.github.com/'+path, init)).then(async response => {
			if(localStorage.getItem('GitHub API debug') !== null){
				let a = path.split('/')[0];
				let reset = localStorage.getItem('_GitHub '+a+' x-ratelimit-reset');
				if(response.headers.has('x-ratelimit-reset')){
					reset = reset !== response.headers.get('x-ratelimit-reset');
					localStorage.setItem('_GitHub '+a+' x-ratelimit-reset', response.headers.get('x-ratelimit-reset'));
				}
				if(response.headers.has('x-ratelimit-used')){
					let b = parseInt(response.headers.get('x-ratelimit-used'));
					let value = reset ? b : Math.max(parseInt(localStorage.getItem('_GitHub '+a+' x-ratelimit-used')), b);
					localStorage.setItem('_GitHub '+a+' x-ratelimit-used', value);
				}
				if(response.headers.has('x-ratelimit-remaining')){
					let b = parseInt(response.headers.get('x-ratelimit-remaining'));
					let value = reset ? b : Math.max(parseInt(localStorage.getItem('_GitHub '+a+' x-ratelimit-remaining')), b);
					localStorage.setItem('_GitHub '+a+' x-ratelimit-remaining', value);
				}
				if(response.headers.has('x-ratelimit-limit')){
					let b = parseInt(response.headers.get('x-ratelimit-limit'));
					let value = reset ? b : Math.max(parseInt(localStorage.getItem('_GitHub '+a+' x-ratelimit-limit')), b);
					localStorage.setItem('_GitHub '+a+' x-ratelimit-limit', value);
				}
			}
			if(response.status === 200){
				return response;
			}else if(response.status === 401){
				if(accessToken){
					GitHubApi.logout();
					throw new Error('Unauthorized GitHub OAuth-Token. Logged out.');
				}
				console.error('API call requires authorization. Call dropped.', path);
				return await new Promise(()=>{});
			}else if([403, 429/*Unconfirmed*/].includes(response.status)){
				let timestamp = 1000*(parseInt(response.headers.get('x-ratelimit-reset'))+1);
				if(this.isLoggedIn()){
					localStorage.setItem('PopupMessage-'+this.#STARTED+timestamp, 'GitHub API rate limit reached\n424px\nWait until the <a href="https://docs.github.com/en/free-pro-team@latest/rest/reference/rate-limit" target="_blank">API rate limit</a> timer resets: <time class="countdown" datetime="'+new Date(timestamp)+'"></time>');
				}else{
					localStorage.setItem('PopupMessage-'+this.#STARTED+timestamp, 'GitHub API rate limit reached\n371px\nGitHub has a lower <a href="https://docs.github.com/en/free-pro-team@latest/rest/reference/rate-limit" target="_blank">API rate limit</a> for unsigned requests. <a href="https://algorithmic.games/login">Login</a> to be able to continue to create matches or wait until the timer resets: <time class="countdown" datetime="'+new Date(timestamp)+'"></time>');
				}
				return this.#waitUntil(timestamp).then(()=>GitHubApi.fetch(path, init));
			}
			throw new Error('Uncaught response: ' + response.status + ' ' + response.statusText);
		});
	}
	static formatMarkdown(markdown='', options={}){
		let resolve;
		let reject;
		let promise = new Promise((_resolve, _reject) => {resolve = _resolve; reject = _reject;});
		let iframe = document.createElement('iframe');
		iframe.sandbox = 'allow-same-origin';
		GitHubApi.fetch('markdown', {
			method: 'POST',
			body: JSON.stringify({
				text: markdown
			}),
			headers: {
				Accept: 'application/vnd.github.v3+json',
				'Content-Type':'application/json'
			}
		}).then(response => response.text()).then(html => {
			function awaitPlacement(){
				if(iframe.parentElement){
					let iframeDocument = iframe.contentWindow.window.document;
					function awaitStylesheets(){
						if(1 < iframeDocument.styleSheets.length){
							iframe.style.width = iframeDocument.documentElement.scrollWidth + 'px';
							iframe.style.height = iframeDocument.documentElement.scrollHeight + 'px';
						}else{
							window.requestAnimationFrame(awaitStylesheets);
						}
					}
					awaitStylesheets();
				}else{
					window.requestAnimationFrame(awaitPlacement);
				}
			}
			awaitPlacement();
			iframe.srcdoc =
`<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="https://algorithmic.games/defaults.css">
		<style>
			${options.removeBodyMargin?`html, body {
				margin: 0;
				padding: 0;
			}
			`:''}body>*:first-child {
				margin-top:0
			}
			p {
				white-space: initial;
			}
			h3 {
				margin-bottom: 0.2em;
			}
			h3, h3+p, h3+ul, p+ul {
				margin-top: 0;
			}
			h3+p:has(+ ul) {
				margin-bottom: 0;
			}
		</style>
	</head>
	<body>
		${html.trim().replaceAll('\n', '\n\t\t')}${options.suffix?'\n\t\t'+options.suffix:''}
	</body>
</html>`;
			resolve(iframe);
		}).catch(reject);
		return options.async ? promise : iframe;
	}
	static fetchArenas(){
		return GitHubApi.fetch('search/repositories?q=topic:Algorithmic-Games+topic:Algorithmic-Games-Arena-v'+GitHubApi.#ARENA_VERSION).then(response => response.json()).then(json => {
			let arenas = [];
			let promises = [];
			json.items.forEach(repo => {
				let data = {
					official: repo.owner.login === 'AlgorithmicGames',
					name: repo.full_name.replace(/.*\/|-Arena/g, ''),
					raw_url: null,
					default: 'https://raw.githubusercontent.com/'+repo.full_name+'/'+repo.default_branch+'/',
					html_url: repo.html_url,
					full_name: repo.full_name,
					stars: repo.stargazers_count,
					commit: null,
					version: null
				};
				arenas.push(data);
				let tagPromise = GitHubApi.fetch(repo.tags_url.replace('https://api.github.com/','')).then(response => response.json());
				promises.push(GitHubApi.fetch(repo.releases_url.replace(/https:\/\/api.github.com\/|{\/id}/g,'')).then(response => response.json()).then(releases => {
					if(0 < releases.length){
						data.version = releases.sort((a,b)=>new Date(b.published_at) - new Date(a.published_at))[0].tag_name;
						data.raw_url = 'https://raw.githubusercontent.com/'+repo.full_name+'/'+data.version+'/';
						promises.push(tagPromise.then(tags => {
							let index = 0;
							while(data.commit === null){
								let tag = tags[index++];
								if(tag.name === data.version){
									data.commit = tag.commit.sha;
								}
							}
						}));
					}
				}));
			});
			return Promise.allSettled(promises).then(()=>arenas);
		});
	}
	static login(){
		let oAuthCode = null;
		if(0 < location.href.indexOf('?oAuthCode=')){
			oAuthCode = location.href.substr(location.href.indexOf('=')+1)
		}
		if(!GitHubApi.getSession()?.accessToken){
			GitHubApi.logout();
		}
		if(oAuthCode !== null){
			localStorage.setItem(GitHubApi.#SESSION_KEY, '!'+oAuthCode);
			Backend.call('login', {oAuthCode: oAuthCode, client_id: GitHubApi.#CLIENT_ID}).then(response => response.text()).then(accessToken => {
				localStorage.setItem(GitHubApi.#SESSION_KEY, JSON.stringify({accessToken}));
				location.replace(location.protocol+'//'+location.host+location.pathname);
			}).catch(error => {
				console.error(error);
				GitHubApi.logout();
			});
		}
	}
	static isLoggedIn(){
		return !!GitHubApi.getSession()?.accessToken;
	}
	static logout(){
		localStorage.removeItem(GitHubApi.#SESSION_KEY);
	}
}