ranim 0.2.0

An animation engine inspired by manim and JAnim
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100

(function () {
    var siteBase = (function () {
        var base = document.querySelector("base");
        if (base) return base.getAttribute("href").replace(/\/$/, "");
        var m = location.pathname.match(/^(\/ranim-book)/);
        return m ? m[1] : "";
    })();

    var versionsUrl = siteBase + "/versions.json";

    function detectVersion() {
        var rel = location.pathname.slice(siteBase.length).replace(/^\//, "");
        var seg = rel.split("/")[0];
        if (seg && (seg === "main" || /^v\d/.test(seg))) return seg;
        return "main";
    }

    function createPicker(versions) {
        var current = detectVersion();

        var wrapper = document.createElement("div");
        wrapper.className = "version-picker";

        var btn = document.createElement("button");
        btn.className = "version-picker-btn";
        btn.setAttribute("type", "button");
        btn.setAttribute("aria-label", "Select version");
        btn.setAttribute("aria-haspopup", "true");
        btn.setAttribute("aria-expanded", "false");
        btn.textContent = current;

        var popup = document.createElement("ul");
        popup.className = "version-popup";

        versions.forEach(function (v) {
            var li = document.createElement("li");
            var a = document.createElement("a");
            a.href = siteBase + "/" + v + "/";
            a.textContent = v;
            if (v === current) a.className = "active";
            li.appendChild(a);
            popup.appendChild(li);
        });

        btn.addEventListener("click", function (e) {
            e.stopPropagation();
            var open = popup.classList.toggle("open");
            btn.setAttribute("aria-expanded", open);
        });

        document.addEventListener("click", function () {
            popup.classList.remove("open");
            btn.setAttribute("aria-expanded", "false");
        });

        wrapper.appendChild(btn);
        wrapper.appendChild(popup);
        return wrapper;
    }

    function inject(versions) {
        var bar = document.getElementById("mdbook-menu-bar") || document.getElementById("menu-bar");
        if (!bar) return;
        var rightButtons = bar.querySelector(".right-buttons");
        if (!rightButtons) return;
        rightButtons.insertBefore(createPicker(versions), rightButtons.firstChild);
    }

    function syncPicker() {
        var current = detectVersion();
        var btn = document.querySelector(".version-picker-btn");
        if (btn) btn.textContent = current;
        var links = document.querySelectorAll(".version-popup li a");
        for (var i = 0; i < links.length; i++) {
            if (links[i].textContent === current) {
                links[i].className = "active";
            } else {
                links[i].className = "";
            }
        }
    }

    var xhr = new XMLHttpRequest();
    xhr.open("GET", versionsUrl);
    xhr.onload = function () {
        if (xhr.status === 200) {
            try {
                var versions = JSON.parse(xhr.responseText);
                if (Array.isArray(versions) && versions.length > 1) {
                    inject(versions);
                }
            } catch (e) {}
        }
    };
    xhr.send();

    window.addEventListener("pageshow", function (e) {
        if (e.persisted) syncPicker();
    });
})();