From 1fa09e83d7967637df7cd40b6a4fb8294e20fd32 Mon Sep 17 00:00:00 2001
From: hanbollar <github@hannahbollar.com>
Date: Wed, 22 May 2024 14:19:15 -0700
Subject: [PATCH] toggling works

Signed-off-by: hanbollar <github@hannahbollar.com>
---
 source/_template.html                         | 33 ++++++++++++++++
 v-saved/all-saved/main/source/_template.html  | 33 ++++++++++++++++
 .../all-saved/v0.6.2/source/_template.html    | 11 +++++-
 .../all-saved/v0.6.3/source/_template.html    | 37 +++++++++++++++++-
 .../all-saved/v0.6.4/source/_template.html    | 39 +++++++++++++++++--
 5 files changed, 147 insertions(+), 6 deletions(-)

diff --git a/source/_template.html b/source/_template.html
index b6db5eb..89b8395 100644
--- a/source/_template.html
+++ b/source/_template.html
@@ -46,6 +46,30 @@
 
     <script type="module" src="$base-url$/static/inline-repl.js"></script>
 
+    <script>
+        function changeVersion(version) {
+            var currentUrl = window.location.href;
+
+            // Identify the part of the URL before the version (assumed to end with '/v/')
+            var prefixEndIndex = currentUrl.indexOf('/v/') + 3;
+            var urlPrefix = currentUrl.substring(0, prefixEndIndex);
+            var remainingUrl = currentUrl.substring(prefixEndIndex);
+
+            // Find where the current version info ends (first slash after the version)
+            var versionEndIndex = remainingUrl.indexOf('/');
+            var urlSuffix = '';
+
+            // Check if there is any suffix
+            if (versionEndIndex !== -1) {
+                urlSuffix = remainingUrl.substring(versionEndIndex);
+            }
+            var newUrl = urlPrefix + version + urlSuffix;
+
+            // Redirect to the new URL
+            window.location.href = newUrl;
+        }
+    </script>
+
     <!-- Sidebar selection -->
     <style>
         [data-slug="$slug$"] {
@@ -65,6 +89,15 @@
             <img src="$base-url$/static/mrjs-logo.svg" alt="The MRjs logo, an indigo and purple bowtie." width="110" height="30" />
         </a>
 
+        <section>
+            <select id="versionSelect" onchange="changeVersion(this.value)">
+                <option value="main" selected>main</option>
+                <option value="v0.6.4">v0.6.4 - latest</option>
+                <option value="v0.6.3">v0.6.3</option>
+                <option value="v0.6.2">v0.6.2</option>
+            </select>
+        </section>
+
         <section>
             <div class="section-title">General</div>
             $for(pages)$
diff --git a/v-saved/all-saved/main/source/_template.html b/v-saved/all-saved/main/source/_template.html
index b6db5eb..89b8395 100644
--- a/v-saved/all-saved/main/source/_template.html
+++ b/v-saved/all-saved/main/source/_template.html
@@ -46,6 +46,30 @@
 
     <script type="module" src="$base-url$/static/inline-repl.js"></script>
 
+    <script>
+        function changeVersion(version) {
+            var currentUrl = window.location.href;
+
+            // Identify the part of the URL before the version (assumed to end with '/v/')
+            var prefixEndIndex = currentUrl.indexOf('/v/') + 3;
+            var urlPrefix = currentUrl.substring(0, prefixEndIndex);
+            var remainingUrl = currentUrl.substring(prefixEndIndex);
+
+            // Find where the current version info ends (first slash after the version)
+            var versionEndIndex = remainingUrl.indexOf('/');
+            var urlSuffix = '';
+
+            // Check if there is any suffix
+            if (versionEndIndex !== -1) {
+                urlSuffix = remainingUrl.substring(versionEndIndex);
+            }
+            var newUrl = urlPrefix + version + urlSuffix;
+
+            // Redirect to the new URL
+            window.location.href = newUrl;
+        }
+    </script>
+
     <!-- Sidebar selection -->
     <style>
         [data-slug="$slug$"] {
@@ -65,6 +89,15 @@
             <img src="$base-url$/static/mrjs-logo.svg" alt="The MRjs logo, an indigo and purple bowtie." width="110" height="30" />
         </a>
 
+        <section>
+            <select id="versionSelect" onchange="changeVersion(this.value)">
+                <option value="main" selected>main</option>
+                <option value="v0.6.4">v0.6.4 - latest</option>
+                <option value="v0.6.3">v0.6.3</option>
+                <option value="v0.6.2">v0.6.2</option>
+            </select>
+        </section>
+
         <section>
             <div class="section-title">General</div>
             $for(pages)$
diff --git a/v-saved/all-saved/v0.6.2/source/_template.html b/v-saved/all-saved/v0.6.2/source/_template.html
index 2363762..b79ea17 100644
--- a/v-saved/all-saved/v0.6.2/source/_template.html
+++ b/v-saved/all-saved/v0.6.2/source/_template.html
@@ -44,7 +44,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.11/beautify-css.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.11/beautify-html.min.js"></script>
 
-    <script type="module" src="/static/inline-repl.js"></script>
+    <script type="module" src="$base-url$/static/inline-repl.js"></script>
 
     <!-- Sidebar selection -->
     <style>
@@ -65,6 +65,15 @@
             <img src="$base-url$/static/mrjs-logo.svg" alt="The MRjs logo, an indigo and purple bowtie." width="110" height="30" />
         </a>
 
+        <section>
+            <select id="versionSelect" onchange="changeVersion(this.value)">
+                <option value="main">main</option>
+                <option value="v0.6.4">v0.6.4 - latest</option>
+                <option value="v0.6.3">v0.6.3</option>
+                <option value="v0.6.2" selected>v0.6.2</option>
+            </select>
+        </section>
+
         <section>
             <div class="section-title">General</div>
             $for(pages)$
diff --git a/v-saved/all-saved/v0.6.3/source/_template.html b/v-saved/all-saved/v0.6.3/source/_template.html
index b554d46..aa9c5cf 100644
--- a/v-saved/all-saved/v0.6.3/source/_template.html
+++ b/v-saved/all-saved/v0.6.3/source/_template.html
@@ -44,7 +44,31 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.11/beautify-css.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.11/beautify-html.min.js"></script>
 
-    <script type="module" src="/static/inline-repl.js"></script>
+    <script type="module" src="$base-url$/static/inline-repl.js"></script>
+
+    <script>
+        function changeVersion(version) {
+            var currentUrl = window.location.href;
+
+            // Identify the part of the URL before the version (assumed to end with '/v/')
+            var prefixEndIndex = currentUrl.indexOf('/v/') + 3;
+            var urlPrefix = currentUrl.substring(0, prefixEndIndex);
+            var remainingUrl = currentUrl.substring(prefixEndIndex);
+
+            // Find where the current version info ends (first slash after the version)
+            var versionEndIndex = remainingUrl.indexOf('/');
+            var urlSuffix = '';
+
+            // Check if there is any suffix
+            if (versionEndIndex !== -1) {
+                urlSuffix = remainingUrl.substring(versionEndIndex);
+            }
+            var newUrl = urlPrefix + version + urlSuffix;
+
+            // Redirect to the new URL
+            window.location.href = newUrl;
+        }
+    </script>
 
     <!-- Sidebar selection -->
     <style>
@@ -62,9 +86,18 @@
 
     <aside id="sidebar">
         <a href="/" class="main-logo">
-            <img src="/static/mrjs-logo.svg" alt="The MRjs logo, an indigo and purple bowtie." width="110" height="30" />
+            <img src="$base-url$/static/mrjs-logo.svg" alt="The MRjs logo, an indigo and purple bowtie." width="110" height="30" />
         </a>
 
+        <section>
+            <select id="versionSelect" onchange="changeVersion(this.value)">
+                <option value="main">main</option>
+                <option value="v0.6.4">v0.6.4 - latest</option>
+                <option value="v0.6.3" selected>v0.6.3</option>
+                <option value="v0.6.2">v0.6.2</option>
+            </select>
+        </section>
+
         <section>
             <div class="section-title">General</div>
             $for(pages)$
diff --git a/v-saved/all-saved/v0.6.4/source/_template.html b/v-saved/all-saved/v0.6.4/source/_template.html
index acb3ec8..284266a 100644
--- a/v-saved/all-saved/v0.6.4/source/_template.html
+++ b/v-saved/all-saved/v0.6.4/source/_template.html
@@ -44,7 +44,31 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.11/beautify-css.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.11/beautify-html.min.js"></script>
 
-    <script type="module" src="/static/inline-repl.js"></script>
+    <script type="module" src="$base-url$/static/inline-repl.js"></script>
+
+    <script>
+        function changeVersion(version) {
+            var currentUrl = window.location.href;
+
+            // Identify the part of the URL before the version (assumed to end with '/v/')
+            var prefixEndIndex = currentUrl.indexOf('/v/') + 3;
+            var urlPrefix = currentUrl.substring(0, prefixEndIndex);
+            var remainingUrl = currentUrl.substring(prefixEndIndex);
+
+            // Find where the current version info ends (first slash after the version)
+            var versionEndIndex = remainingUrl.indexOf('/');
+            var urlSuffix = '';
+
+            // Check if there is any suffix
+            if (versionEndIndex !== -1) {
+                urlSuffix = remainingUrl.substring(versionEndIndex);
+            }
+            var newUrl = urlPrefix + version + urlSuffix;
+
+            // Redirect to the new URL
+            window.location.href = newUrl;
+        }
+    </script>
 
     <!-- Sidebar selection -->
     <style>
@@ -61,10 +85,19 @@
     <div id="dim_layer"></div>
 
     <aside id="sidebar">
-        <a href="/" class="main-logo">
-            <img src="/static/mrjs-logo.svg" alt="The MRjs logo, an indigo and purple bowtie." width="110" height="30" />
+        <a href="$base-url$/" class="main-logo">
+            <img src="$base-url$/static/mrjs-logo.svg" alt="The MRjs logo, an indigo and purple bowtie." width="110" height="30" />
         </a>
 
+        <section>
+            <select id="versionSelect" onchange="changeVersion(this.value)">
+                <option value="main">main</option>
+                <option value="v0.6.4" selected>v0.6.4 - latest</option>
+                <option value="v0.6.3">v0.6.3</option>
+                <option value="v0.6.2">v0.6.2</option>
+            </select>
+        </section>
+
         <section>
             <div class="section-title">General</div>
             $for(pages)$