gist support

[dferber90]

first of all, this project is amazing and top-notch quality!

i noticed there's support for files in github hosted files already.

it would be really cool if it could support gists as well.

for example, if I paste a url like https://gist.github.com/databus23/848f60539956284e504605d4d9c01bc1

it could load info via https://api.github.com/gists/:gistId and then show the json/yaml file

that way i could have a swagger viewer link which always points to the latest version of a gist 🥳

[dferber90]

something like this works as a starting point if used as the getServerSideProps of pages/spec/[id].tsx

export const getServerSideProps: GetServerSideProps = async (context) => {
  const id = context.params.id as string;

  const decodedUrl = decodeURIComponent(b64.urlDecode(id));
  let url: string;
  const match = decodedUrl.match(/^https:\/\/gist.github\.com\/([^\s/]+)\/([^\s/]+)$/);
  console.log(match);

  if (match) {
    const data = await fetch(`https://api.github.com/gists/${match[2]}`).then((res) => res.json());
    console.log(data);

    url = Object.values(data.files)[0].raw_url;
  } else {
    url = decodedUrl;
  }

  const ret = ghUtil.extractUrlMeta(url);
  const ogImageUrl = ret ? buildOgImageUrl(ret) : null;

  return {
    props: {
      ogImageUrl,
      url,
    },
  };
};