📝 Userscript to enable profile READMEs on GitHub 🌈 Requires Tampermonkey

GitHubMetaRepository.user.js

// ==UserScript==
// @name         GitHub Meta Repository
// @namespace    https://moeritz.io
// @version      1.1.0
// @description  Enables profile READMEs on GitHub
// @author       Tobias Möritz
// @match        *://github.com/*
// ==/UserScript==

(() => {
  let url = window.location.href;

  const getReadMe = async () => {
    const container = Object.assign(document.createElement("div"), {
      id: "readme",
      style: "margin-top: 25px",
    });

    document
      .querySelector(
        "#js-pjax-container > div > div:nth-child(3) > div.position-relative"
      )
      .prepend(container);

    try {
      const response = await fetch([window.location.href, ".github"].join("/"));
      const text = await response.text();

      container.innerHTML = new DOMParser()
        .parseFromString(text, "text/html")
        .getElementById("readme").outerHTML;
      url = window.location.href;
    } catch (error) {
      console.error(error);
    }
  };

  const shouldFetch = () =>
    !(window.location.href.split("/")[4] && window.location.href.split("?")[1]);

  if (shouldFetch()) {
    getReadMe();
  }

  new MutationObserver(() => {
    if (
      !document.querySelector("#readme") &&
      url === window.location.href &&
      shouldFetch()
    ) {
      getReadMe();
    }
  }).observe(document, {
    childList: true,
    subtree: true,
  });
})();

GitHub Meta Repository

📝 Enable upcoming profile meta repositories. 🌈

---

💖 Preview

📝 How To

Create a .github repository and add a README file - fill it with content as you wish!

👥 Credits

Thanks to @ljosberinn for refactoring :)