Insert branches into <select> in template

assets/document-branches.js

@@ -1,15 +1,16 @@
 window.addEventListener("load", function() {
+    function resetSelect(select) {
+        for (let option of select.options) {
+            option.selected = option.defaultSelected;
+        }
+    }
     let select = document.querySelector("header .documentBranch select");
-    while (select.length > 0) {
-        select.remove(0);
-    }
-    for (let branch of documentBranches) {
-        select.add(new Option(branch, branch, branch === documentBranch, branch === documentBranch), 0);
-    }
+    resetSelect(select);
     select.addEventListener("change", function() {
-        if (select.value !== documentBranch) {
-            location.assign(encodeURIComponent(select.value + ".html"));
-            select.value = documentBranch;
+        let option = select.selectedOptions.item(0);
+        if (option && !option.defaultSelected) {
+            location.assign(option.value);
         }
+        resetSelect(select);
     });
 });

documentation-generator/run.py

@@ -9,7 +9,6 @@ Gracefully handles conflicting commits.
 
 import contextlib
 import glob
-import html
 import json
 import os
 import re
@@ -17,7 +16,7 @@ import shutil
 import subprocess
 import sys
 import urllib.parse
-from tempfile import TemporaryDirectory
+from tempfile import NamedTemporaryFile, TemporaryDirectory
 
 REMOTE = "origin"
 GIT_CONFIG = {"protocol.version": "2",
@@ -41,23 +40,19 @@ PANDOC_SHA256 = ("2001d93463c003f8fee6c36b1bfeccd5"
 BRANCH_ORDERING = [  # Format: (REGEX, ORDER, DEFAULT)
     (r"v?\d+(?:\.\d+)*(?:\.x)*", 0, True),
     (r".*", 1, False)]
-
-
-def escape_js(s):
-    return s.translate(str.maketrans({
-        "\t": "\\t",
-        "\v": "\\v",
-        "\0": "\\0",
-        "\b": "\\b",
-        "\f": "\\f",
-        "\n": "\\n",
-        "\r": "\\r",
-        "\'": "\\'",
-        "\"": "\\\"",
-        "\\": "\\\\"}))
+PROG = "documentation-generator"
 
 
 def convert_doc(src_path, to_path, branch, branches):
+    with NamedTemporaryFile(mode="w", prefix="%s-" % PROG,
+                            suffix=".json") as metadata_file:
+        json.dump({
+            "document-css": False,
+            "branch": branch,
+            "branches": [{"default": b == branch,
+                          "href": urllib.parse.quote_plus("%s.html" % b),
+                          "name": b} for b in branches]}, metadata_file)
+        metadata_file.flush()
         raw_html = subprocess.run([
             PANDOC_EXE,
             "--sandbox",
@@ -66,14 +61,11 @@ def convert_doc(src_path, to_path, branch, branches):
             os.path.abspath(src_path),
             "--toc",
             "--template=%s" % os.path.basename(TEMPLATE_PATH),
-        "--metadata=document-css=false",
+            "--metadata-file=%s" % os.path.abspath(metadata_file.name),
             "--section-divs",
             "--shift-heading-level-by=%d" % SHIFT_HEADING,
             "--toc-depth=%d" % (TOC_DEPTH+SHIFT_HEADING),
-        "--filter=%s" % os.path.abspath(FILTER_EXE),
-        "--variable=branch_html=%s" % html.escape(branch),
-        "--variable=branch_js=%s" % escape_js(branch),
-        *("--variable=branches_js=%s" % escape_js(b) for b in branches)],
+            "--filter=%s" % os.path.abspath(FILTER_EXE)],
             cwd=os.path.dirname(TEMPLATE_PATH),
             stdout=subprocess.PIPE, check=True).stdout
     raw_html = subprocess.run([POSTPROCESSOR_EXE], input=raw_html,
@@ -153,7 +145,7 @@ def main():
     run_git_fetch_and_restart_if_changed(remote_commits, target_branch)
     branches = [ref[len("refs/remotes/%s/" % REMOTE):] for ref in run_git(
         "rev-parse", "--symbolic-full-name", "--remotes=%s" % REMOTE)]
-    with TemporaryDirectory() as temp:
+    with TemporaryDirectory(prefix="%s-" % PROG) as temp:
         branch_docs = {}
         for branch in branches[:]:
             checkout(branch)

documentation-generator/template.html

@@ -15,24 +15,24 @@ $endif$
 <noscript><link href="assets/screen-noscript.css" media="screen" rel="stylesheet"></noscript>
 <link href="https://github.com/Kozea/Radicale/releases.atom" type="application/atom+xml" rel="alternate" title="Radicale Releases">
 <link href="assets/icon.png" type="image/png" rel="icon">
-<title>Radicale $branch_html$ Documentation</title>
+<title>Radicale $branch$ Documentation</title>
 <meta name="description" content="Free and Open-Source CalDAV and CardDAV Server">
 <script src="assets/navigation.js"></script>
 <script src="assets/document-branches.js"></script>
 <script src="assets/narrow-menu.js"></script>
 <script src="assets/navigation-scroll-fix.js"></script>
-<script>
-    const documentBranch = "$branch_js$";
-    const documentBranches = ["$branches_js[", "]$"];
-</script>
 
 <header>
     <div class="logoContainer">
         <h1>
             Radicale
             <span class="documentBranch">
-                <span>$branch_html$</span>
-                <select></select>
+                <span>$branch$</span>
+                <select>
+$for(branches)$
+                    <option value="$it.href$"$if(it.default)$ selected$endif$>$it.name$</option>
+$endfor$
+                </select>
             </span>
         </h1>
         <p>Free and Open-Source CalDAV and CardDAV Server</p>