Support for gists

[Hexer10]

I'd like to see a new feature that will allow us to share links such as https://spider.limetech.io/<gist id>, and the content of the gist would be inserted in the spider page.
In this way a link could be shared and the code could be compiled right away.
(I got the idea of this from https://dartpad.dev which does the same thing.)

If you think this is doable, I could send a pull request implementing the gists api, I'd just need some help on how to handle the routing.

[asherkin]

This is something I'd really like! I'd been waiting until giving Spider a complete overhaul, but if you'd like to add it into to the current code base I would gladly accept the PR. I had a look at the Gist API for saving a few weeks back and was slightly saddened to learn that GitHub doesn't have an implicit grant flow that SPAs can use safely.

Spider already supports a rather hacky and experimental version of this loading from AlliedModders forum attachments: https://spider.limetech.io/#180045 (Probably broken at the time of reading this due to the AM maintenance.)

The code for that can be found here:

spider/src/js/spider.js

Lines 327 to 374 in c24afa0

	if (location.hash.match(/^#\d+$/)) {
	for (var i = localStorage.length - 1; i >= 0; --i) {
	var key = localStorage.key(i);
	if (key.match(/^\//)) {
	delete localStorage[key];
	}
	}
	template = 'Loading...';
	compileButton.disabled = true;
	var xhr = new XMLHttpRequest();
	xhr.onload = function() {
	var type = this.getResponseHeader('Content-Type');
	if (type == 'application/json') {
	input.setValue(JSON.parse(this.responseText).error, -1);
	return;
	}
	input.setValue(this.responseText, -1);
	localStorage['input-file'] = this.responseText;
	var filename = this.getResponseHeader('Content-Disposition');
	if (filename) {
	filename = filename.match(/filename="([^"]*)"/);
	if (filename) {
	filename = filename[1];
	if (filename.match(/\.sp$/)) {
	spcompSetup();
	outputFile = filename.replace(/\.sp$/, '.smx');
	compile();
	} else if (filename.match(/\.sma$/)) {
	amxxpcSetup();
	outputFile = filename.replace(/\.sma$/, '.amxx');
	compile();
	}
	}
	}
	compileButton.disabled = false;
	}
	xhr.open('GET', 'https://users.alliedmods.net/~asherkin/attachment.php?id=' + location.hash.slice(1), true);
	xhr.send();
	}

Probably best to be a little more future-proof and use #gist/<id>. It's also missing handling of the hashchange event.