From 5f720a9c290b58f6dc9a256b9daab10d970a5ea5 Mon Sep 17 00:00:00 2001
From: Hugo van Kemenade <hugovk@users.noreply.github.com>
Date: Thu, 13 Jul 2023 19:11:28 +0300
Subject: [PATCH 1/6] Replace jQuery with vanilla JavaScript

---
 templates/switchers.js | 72 ++++++++++++++++++++++--------------------
 1 file changed, 38 insertions(+), 34 deletions(-)

diff --git a/templates/switchers.js b/templates/switchers.js
index 7a46ea7..06208c1 100644
--- a/templates/switchers.js
+++ b/templates/switchers.js
@@ -18,8 +18,8 @@
     '(?:dev)',
     '(?:release/\\d.\\d[\\x\\d\\.]*)'];
 
-  var all_versions = $VERSIONS;
-  var all_languages = $LANGUAGES;
+  var all_versions = {"3.13": "dev (3.13)", "3.12": "pre (3.12)", "3.11": "3.11", "3.10": "3.10", "3.9": "3.9", "3.8": "3.8", "3.7": "3.7", "3.6": "3.6", "3.5": "3.5", "2.7": "2.7"};
+  var all_languages = {"en": "English", "es": "Spanish", "fr": "French", "ja": "Japanese", "ko": "Korean", "pt-br": "Brazilian Portuguese", "tr": "Turkish", "zh-cn": "Simplified Chinese", "zh-tw": "Traditional Chinese"};
 
   function quote_attr(str) {
       return '"' + str.replace('"', '\\"') + '"';
@@ -29,11 +29,12 @@
     var buf = ['<select id="version_select">'];
     var major_minor = release.split(".").slice(0, 2).join(".");
 
-    $.each(all_versions, function(version, title) {
-      if (version == major_minor)
-        buf.push('<option value=' + quote_attr(version) + ' selected="selected">' + release + '</option>');
-      else
-        buf.push('<option value=' + quote_attr(version) + '>' + title + '</option>');
+    Object.entries(all_versions).forEach(function([version, title]) {
+      if (version === major_minor) {
+        buf.push('<option value="' + quote_attr(version) + '" selected="selected">' + release + '</option>');
+      } else {
+        buf.push('<option value="' + quote_attr(version) + '">' + title + '</option>');
+      }
     });
 
     buf.push('</select>');
@@ -43,12 +44,12 @@
   function build_language_select(current_language) {
     var buf = ['<select id="language_select">'];
 
-    $.each(all_languages, function(language, title) {
-      if (language == current_language)
-        buf.push('<option value="' + language + '" selected="selected">' +
-                 all_languages[current_language] + '</option>');
-      else
+    Object.entries(all_languages).forEach(function([language, title]) {
+      if (language === current_language) {
+        buf.push('<option value="' + language + '" selected="selected">' + title + '</option>');
+      } else {
         buf.push('<option value="' + language + '">' + title + '</option>');
+      }
     });
     if (!(current_language in all_languages)) {
         // In case we're browsing a language that is not yet in all_languages.
@@ -67,19 +68,21 @@
       window.location.href = url;
       return;
     }
-    $.ajax({
-      url: url,
-      success: function() {
-        window.location.href = url;
-      },
-      error: function() {
+    fetch(url)
+      .then(function(response) {
+        if (response.ok) {
+          window.location.href = url;
+        } else {
+          navigate_to_first_existing(urls);
+        }
+      })
+      .catch(function(error) {
         navigate_to_first_existing(urls);
-      }
-    });
+      });
   }
 
   function on_version_switch() {
-    var selected_version = $(this).children('option:selected').attr('value') + '/';
+    var selected_version = this.options[this.selectedIndex].value + '/';
     var url = window.location.href;
     var current_language = language_segment_from_url();
     var current_version = version_segment_from_url();
@@ -98,7 +101,7 @@
   }
 
   function on_language_switch() {
-    var selected_language = $(this).children('option:selected').attr('value') + '/';
+    var selected_language = this.options[this.selectedIndex].value + '/';
     var url = window.location.href;
     var current_language = language_segment_from_url();
     var current_version = version_segment_from_url();
@@ -143,8 +146,9 @@
     var language_segment = language_segment_from_url();
     var index = "/" + language_segment + version_segment;
 
-    if ($('.version_switcher_placeholder').length)
+    if (document.querySelectorAll('.version_switcher_placeholder').length > 0) {
       return;
+    }
 
     var html = '<span class="language_switcher_placeholder"></span> \
 <span class="version_switcher_placeholder"></span> \
@@ -165,18 +169,18 @@
     }
   }
 
-  $(document).ready(function() {
-    var language_segment = language_segment_from_url();
-    var current_language = language_segment.replace(/\/+$/g, '') || 'en';
-    var version_select = build_version_select(DOCUMENTATION_OPTIONS.VERSION);
+document.addEventListener('DOMContentLoaded', function() {
+  var language_segment = language_segment_from_url();
+  var current_language = language_segment.replace(/\/+$/g, '') || 'en';
+  var version_select = build_version_select(DOCUMENTATION_OPTIONS.VERSION);
 
-    create_placeholders_if_missing();
-    $('.version_switcher_placeholder').html(version_select);
-    $('.version_switcher_placeholder select').bind('change', on_version_switch);
+  create_placeholders_if_missing();
+  document.querySelector('.version_switcher_placeholder').innerHTML = version_select;
+  document.querySelector('.version_switcher_placeholder select').addEventListener('change', on_version_switch);
 
-    var language_select = build_language_select(current_language);
+  var language_select = build_language_select(current_language);
 
-    $('.language_switcher_placeholder').html(language_select);
-    $('.language_switcher_placeholder select').bind('change', on_language_switch);
-  });
+  document.querySelector('.language_switcher_placeholder').innerHTML = language_select;
+  document.querySelector('.language_switcher_placeholder select').addEventListener('change', on_language_switch);
+});
 })();

From 8d9964a8dd0c868e5ed3c01c10519a3238bf1db6 Mon Sep 17 00:00:00 2001
From: Hugo van Kemenade <hugovk@users.noreply.github.com>
Date: Thu, 13 Jul 2023 21:48:49 +0300
Subject: [PATCH 2/6] Revert test change

---
 templates/switchers.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/switchers.js b/templates/switchers.js
index 06208c1..a658d91 100644
--- a/templates/switchers.js
+++ b/templates/switchers.js
@@ -18,8 +18,8 @@
     '(?:dev)',
     '(?:release/\\d.\\d[\\x\\d\\.]*)'];
 
-  var all_versions = {"3.13": "dev (3.13)", "3.12": "pre (3.12)", "3.11": "3.11", "3.10": "3.10", "3.9": "3.9", "3.8": "3.8", "3.7": "3.7", "3.6": "3.6", "3.5": "3.5", "2.7": "2.7"};
-  var all_languages = {"en": "English", "es": "Spanish", "fr": "French", "ja": "Japanese", "ko": "Korean", "pt-br": "Brazilian Portuguese", "tr": "Turkish", "zh-cn": "Simplified Chinese", "zh-tw": "Traditional Chinese"};
+  var all_versions = $VERSIONS;
+  var all_languages = $LANGUAGES;
 
   function quote_attr(str) {
       return '"' + str.replace('"', '\\"') + '"';

From d189df4fcad36a27bb42c20ba5359f2d4187b0d8 Mon Sep 17 00:00:00 2001
From: Hugo van Kemenade <hugovk@users.noreply.github.com>
Date: Fri, 14 Jul 2023 09:23:18 +0300
Subject: [PATCH 3/6] Fix quoting

---
 templates/switchers.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/switchers.js b/templates/switchers.js
index a658d91..c2ecfd2 100644
--- a/templates/switchers.js
+++ b/templates/switchers.js
@@ -31,9 +31,9 @@
 
     Object.entries(all_versions).forEach(function([version, title]) {
       if (version === major_minor) {
-        buf.push('<option value="' + quote_attr(version) + '" selected="selected">' + release + '</option>');
+        buf.push('<option value=' + quote_attr(version) + ' selected="selected">' + release + '</option>');
       } else {
-        buf.push('<option value="' + quote_attr(version) + '">' + title + '</option>');
+        buf.push('<option value=' + quote_attr(version) + '>' + title + '</option>');
       }
     });
 

From 6829b357a67dbeefa242c0bbcefa50760ebcf4cc Mon Sep 17 00:00:00 2001
From: Hugo van Kemenade <hugovk@users.noreply.github.com>
Date: Fri, 14 Jul 2023 09:24:23 +0300
Subject: [PATCH 4/6] Fix indent

---
 templates/switchers.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/templates/switchers.js b/templates/switchers.js
index c2ecfd2..799bbd9 100644
--- a/templates/switchers.js
+++ b/templates/switchers.js
@@ -169,18 +169,18 @@
     }
   }
 
-document.addEventListener('DOMContentLoaded', function() {
-  var language_segment = language_segment_from_url();
-  var current_language = language_segment.replace(/\/+$/g, '') || 'en';
-  var version_select = build_version_select(DOCUMENTATION_OPTIONS.VERSION);
+  document.addEventListener('DOMContentLoaded', function() {
+    var language_segment = language_segment_from_url();
+    var current_language = language_segment.replace(/\/+$/g, '') || 'en';
+    var version_select = build_version_select(DOCUMENTATION_OPTIONS.VERSION);
 
-  create_placeholders_if_missing();
-  document.querySelector('.version_switcher_placeholder').innerHTML = version_select;
-  document.querySelector('.version_switcher_placeholder select').addEventListener('change', on_version_switch);
+    create_placeholders_if_missing();
+    document.querySelector('.version_switcher_placeholder').innerHTML = version_select;
+    document.querySelector('.version_switcher_placeholder select').addEventListener('change', on_version_switch);
 
-  var language_select = build_language_select(current_language);
+    var language_select = build_language_select(current_language);
 
-  document.querySelector('.language_switcher_placeholder').innerHTML = language_select;
-  document.querySelector('.language_switcher_placeholder select').addEventListener('change', on_language_switch);
-});
+    document.querySelector('.language_switcher_placeholder').innerHTML = language_select;
+    document.querySelector('.language_switcher_placeholder select').addEventListener('change', on_language_switch);
+  });
 })();

From 19886139c2019eb64166fa835569cd2ec0b49e68 Mon Sep 17 00:00:00 2001
From: Hugo van Kemenade <hugovk@users.noreply.github.com>
Date: Fri, 14 Jul 2023 09:40:01 +0300
Subject: [PATCH 5/6] Replace all matching placeholders, not just the first

---
 templates/switchers.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/templates/switchers.js b/templates/switchers.js
index 799bbd9..0194e8f 100644
--- a/templates/switchers.js
+++ b/templates/switchers.js
@@ -175,12 +175,23 @@
     var version_select = build_version_select(DOCUMENTATION_OPTIONS.VERSION);
 
     create_placeholders_if_missing();
-    document.querySelector('.version_switcher_placeholder').innerHTML = version_select;
-    document.querySelector('.version_switcher_placeholder select').addEventListener('change', on_version_switch);
+
+    var placeholders = document.querySelectorAll('.version_switcher_placeholder');
+    placeholders.forEach(function(placeholder) {
+      placeholder.innerHTML = version_select;
+
+      var selectElement = placeholder.querySelector('select');
+      selectElement.addEventListener('change', on_version_switch);
+    });
 
     var language_select = build_language_select(current_language);
 
-    document.querySelector('.language_switcher_placeholder').innerHTML = language_select;
-    document.querySelector('.language_switcher_placeholder select').addEventListener('change', on_language_switch);
+    var placeholders = document.querySelectorAll('.language_switcher_placeholder');
+    placeholders.forEach(function(placeholder) {
+      placeholder.innerHTML = language_select;
+
+      var selectElement = placeholder.querySelector('select');
+      selectElement.addEventListener('change', on_language_switch);
+    });
   });
 })();

From 21c3749e3d3b32c342b21dfa6bde888e13fd85c4 Mon Sep 17 00:00:00 2001
From: Hugo van Kemenade <hugovk@users.noreply.github.com>
Date: Fri, 14 Jul 2023 09:50:20 +0300
Subject: [PATCH 6/6] Switch 'var' to 'const' or 'let'

---
 templates/switchers.js | 86 +++++++++++++++++++++---------------------
 1 file changed, 43 insertions(+), 43 deletions(-)

diff --git a/templates/switchers.js b/templates/switchers.js
index 0194e8f..29204ae 100644
--- a/templates/switchers.js
+++ b/templates/switchers.js
@@ -4,7 +4,7 @@
   if (!String.prototype.startsWith) {
     Object.defineProperty(String.prototype, 'startsWith', {
       value: function(search, rawPos) {
-        var pos = rawPos > 0 ? rawPos|0 : 0;
+        const pos = rawPos > 0 ? rawPos|0 : 0;
         return this.substring(pos, pos + search.length) === search;
       }
     });
@@ -12,22 +12,22 @@
 
   // Parses versions in URL segments like:
   // "3", "dev", "release/2.7" or "3.6rc2"
-  var version_regexs = [
+  const version_regexs = [
     '(?:\\d)',
     '(?:\\d\\.\\d[\\w\\d\\.]*)',
     '(?:dev)',
     '(?:release/\\d.\\d[\\x\\d\\.]*)'];
 
-  var all_versions = $VERSIONS;
-  var all_languages = $LANGUAGES;
+  const all_versions = $VERSIONS;
+  const all_languages = $LANGUAGES;
 
   function quote_attr(str) {
       return '"' + str.replace('"', '\\"') + '"';
   }
 
   function build_version_select(release) {
-    var buf = ['<select id="version_select">'];
-    var major_minor = release.split(".").slice(0, 2).join(".");
+    let buf = ['<select id="version_select">'];
+    const major_minor = release.split(".").slice(0, 2).join(".");
 
     Object.entries(all_versions).forEach(function([version, title]) {
       if (version === major_minor) {
@@ -42,7 +42,7 @@
   }
 
   function build_language_select(current_language) {
-    var buf = ['<select id="language_select">'];
+    let buf = ['<select id="language_select">'];
 
     Object.entries(all_languages).forEach(function([language, title]) {
       if (language === current_language) {
@@ -63,7 +63,7 @@
 
   function navigate_to_first_existing(urls) {
     // Navigate to the first existing URL in urls.
-    var url = urls.shift();
+    const url = urls.shift();
     if (urls.length == 0 || url.startsWith("file:///")) {
       window.location.href = url;
       return;
@@ -82,12 +82,12 @@
   }
 
   function on_version_switch() {
-    var selected_version = this.options[this.selectedIndex].value + '/';
-    var url = window.location.href;
-    var current_language = language_segment_from_url();
-    var current_version = version_segment_from_url();
-    var new_url = url.replace('/' + current_language + current_version,
-                              '/' + current_language + selected_version);
+    const selected_version = this.options[this.selectedIndex].value + '/';
+    const url = window.location.href;
+    const current_language = language_segment_from_url();
+    const current_version = version_segment_from_url();
+    const new_url = url.replace('/' + current_language + current_version,
+                                '/' + current_language + selected_version);
     if (new_url != url) {
       navigate_to_first_existing([
         new_url,
@@ -101,13 +101,13 @@
   }
 
   function on_language_switch() {
-    var selected_language = this.options[this.selectedIndex].value + '/';
-    var url = window.location.href;
-    var current_language = language_segment_from_url();
-    var current_version = version_segment_from_url();
-    if (selected_language == 'en/') // Special 'default' case for english.
+    let selected_language = this.options[this.selectedIndex].value + '/';
+    const url = window.location.href;
+    const current_language = language_segment_from_url();
+    const current_version = version_segment_from_url();
+    if (selected_language == 'en/') // Special 'default' case for English.
       selected_language = '';
-    var new_url = url.replace('/' + current_language + current_version,
+    let new_url = url.replace('/' + current_language + current_version,
                               '/' + selected_language + current_version);
     if (new_url != url) {
       navigate_to_first_existing([
@@ -120,9 +120,9 @@
   // Returns the path segment of the language as a string, like 'fr/'
   // or '' if not found.
   function language_segment_from_url() {
-    var path = window.location.pathname;
-    var language_regexp = '/((?:' + Object.keys(all_languages).join("|") + ')/)'
-    var match = path.match(language_regexp);
+    const path = window.location.pathname;
+    const language_regexp = '/((?:' + Object.keys(all_languages).join("|") + ')/)'
+    const match = path.match(language_regexp);
     if (match !== null)
       return match[1];
     return '';
@@ -131,36 +131,36 @@
   // Returns the path segment of the version as a string, like '3.6/'
   // or '' if not found.
   function version_segment_from_url() {
-    var path = window.location.pathname;
-    var language_segment = language_segment_from_url();
-    var version_segment = '(?:(?:' + version_regexs.join('|') + ')/)';
-    var version_regexp = language_segment + '(' + version_segment + ')';
-    var match = path.match(version_regexp);
+    const path = window.location.pathname;
+    const language_segment = language_segment_from_url();
+    const version_segment = '(?:(?:' + version_regexs.join('|') + ')/)';
+    const version_regexp = language_segment + '(' + version_segment + ')';
+    const match = path.match(version_regexp);
     if (match !== null)
       return match[1];
     return ''
   }
 
   function create_placeholders_if_missing() {
-    var version_segment = version_segment_from_url();
-    var language_segment = language_segment_from_url();
-    var index = "/" + language_segment + version_segment;
+    const version_segment = version_segment_from_url();
+    const language_segment = language_segment_from_url();
+    const index = "/" + language_segment + version_segment;
 
     if (document.querySelectorAll('.version_switcher_placeholder').length > 0) {
       return;
     }
 
-    var html = '<span class="language_switcher_placeholder"></span> \
+    const html = '<span class="language_switcher_placeholder"></span> \
 <span class="version_switcher_placeholder"></span> \
 <a href="/" id="indexlink">Documentation</a> &#187;';
 
-    var probable_places = [
+    const probable_places = [
       "body>div.related>ul>li:not(.right):contains('Documentation'):first",
       "body>div.related>ul>li:not(.right):contains('documentation'):first",
     ];
 
-    for (var i = 0; i < probable_places.length; i++) {
-      var probable_place = $(probable_places[i]);
+    for (let i = 0; i < probable_places.length; i++) {
+      let probable_place = $(probable_places[i]);
       if (probable_place.length == 1) {
         probable_place.html(html);
         document.getElementById('indexlink').href = index;
@@ -170,27 +170,27 @@
   }
 
   document.addEventListener('DOMContentLoaded', function() {
-    var language_segment = language_segment_from_url();
-    var current_language = language_segment.replace(/\/+$/g, '') || 'en';
-    var version_select = build_version_select(DOCUMENTATION_OPTIONS.VERSION);
+    const language_segment = language_segment_from_url();
+    const current_language = language_segment.replace(/\/+$/g, '') || 'en';
+    const version_select = build_version_select(DOCUMENTATION_OPTIONS.VERSION);
 
     create_placeholders_if_missing();
 
-    var placeholders = document.querySelectorAll('.version_switcher_placeholder');
+    let placeholders = document.querySelectorAll('.version_switcher_placeholder');
     placeholders.forEach(function(placeholder) {
       placeholder.innerHTML = version_select;
 
-      var selectElement = placeholder.querySelector('select');
+      let selectElement = placeholder.querySelector('select');
       selectElement.addEventListener('change', on_version_switch);
     });
 
-    var language_select = build_language_select(current_language);
+    const language_select = build_language_select(current_language);
 
-    var placeholders = document.querySelectorAll('.language_switcher_placeholder');
+    placeholders = document.querySelectorAll('.language_switcher_placeholder');
     placeholders.forEach(function(placeholder) {
       placeholder.innerHTML = language_select;
 
-      var selectElement = placeholder.querySelector('select');
+      let selectElement = placeholder.querySelector('select');
       selectElement.addEventListener('change', on_language_switch);
     });
   });