mdbook-embedify 0.3.2

A rust based mdbook preprocessor plugin that allows you to embed apps to your book, like youtube, codepen, giscus and many other apps
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<style>
  .giscus {
    margin-top: 6rem;
  }
</style>
<script
  src="{% src='https://giscus.app/client.js' %}"
  data-repo="{% repo %}"
  data-repo-id="{% repo-id %}"
  data-category="{% category %}"
  data-category-id="{% category-id %}"
  data-mapping="title"
  data-strict="0"
  data-reactions-enabled="{% reactions-enabled=1 %}"
  data-emit-metadata="0"
  data-input-position="bottom"
  data-lang="{% lang=en %}"
  data-loading="{% loading=lazy %}"
  crossorigin="anonymous"
  data-theme="{% theme=book %}"
  async
></script>
<script>
  (() => {
    const giscusScript = document.querySelector("script[data-repo][data-repo-id]");
    if (giscusScript?.getAttribute("data-theme") !== "book") return;
    const mapTheme = (theme) => (["light", "rust"].includes(theme) ? "light" : "dark");
    const bookTheme = localStorage.getItem("mdbook-theme") || html.getAttribute("class");
    giscusScript.setAttribute("data-theme", mapTheme(bookTheme));
    document.querySelectorAll("button[role='menuitem'].theme").forEach((btn) => {
      btn.addEventListener("click", (event) => {
        const theme = mapTheme(event.target.id);
        const iframe = document.querySelector("iframe.giscus-frame");
        if (iframe) iframe.contentWindow.postMessage({ giscus: { setConfig: { theme } } }, "*");
      });
    });
  })();
</script>