From 3f3d1ec5b7b4fb38112a3e3f88b731f7a1dcdacb Mon Sep 17 00:00:00 2001
From: John Reeves <vectorjohn@pm.me>
Date: Fri, 10 Mar 2023 21:28:23 -0800
Subject: [PATCH 1/2] feat: allow pre-set options via query-params

---
 generator.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/generator.html b/generator.html
index 44a70d0..9515c68 100644
--- a/generator.html
+++ b/generator.html
@@ -134,4 +134,23 @@
 
 </div>
 </body>
+<script>
+    (() => {
+        const params = (new URL(window.location.href)).searchParams
+        const options = [
+            'percentage',
+            'min-size',
+            'max-size'
+        ]
+        const preSets = options
+            .filter(opt => params.has(opt))
+
+        if (preSets.length) {
+            preSets.forEach(opt => {
+                document.querySelector(`#${opt}`).value = params.get(opt)
+            })
+            generate()
+        }
+    })()
+</script>
 </html>

From 6d747d08f47c1fac329928a84ab6c1c3ea6bf631 Mon Sep 17 00:00:00 2001
From: John Reeves <vectorjohn@pm.me>
Date: Fri, 10 Mar 2023 21:49:39 -0800
Subject: [PATCH 2/2] feat: update the browser's address bar and a visible link
 on change

---
 generator.html | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/generator.html b/generator.html
index 9515c68..4dc9c19 100644
--- a/generator.html
+++ b/generator.html
@@ -33,6 +33,9 @@
 
 input[type=number] { width: 3em; }
 label { display: inline-block; margin-right: 1em; }
+
+.hidden { display: none; }
+
 </style>
 <script>
 var bar_styles = [
@@ -52,6 +55,18 @@
     '◯⬤',
     '⚪⚫',
 ];
+var allOptions = [
+    'percentage',
+    'min-size',
+    'max-size'
+]
+function makeURLToCurrentSettings() {
+    const url = new URL(window.location.href)
+    allOptions.forEach(opt => {
+        url.searchParams.set(opt, document.querySelector(`#${opt}`).value)
+    })
+    return url
+}
 function repeat(s, i) {
     var r = '';
     for(var j=0; j<i; j++) r += s;
@@ -102,6 +117,14 @@
         r1.innerHTML += row;
         r2.innerHTML += row;
     }
+
+    const bookmarkLink = makeURLToCurrentSettings()
+    const bookmarkInput = document.querySelector('#bookmark-link')
+    bookmarkInput.value = bookmarkLink.toString()
+    bookmarkInput.classList.remove('hidden')
+    if (window.location.href !== bookmarkLink.toString()) {
+        window.location.replace(bookmarkLink)
+    }
 }
 </script>
 </head>
@@ -122,6 +145,8 @@
 
 <noscript>This application requires JavaScript.</noscript>
 
+<label>Bookmark Link: <input type="text" id="bookmark-link" class="hidden" size="100"/></label>
+
 <table id="sans-serif" style="display: none">
 <thead><tr><th>Helvetica Neue<th>Arial<th>sans-serif<th>Delta</thead>
 <tbody id="sans-serif-body"></tbody>
@@ -137,12 +162,8 @@
 <script>
     (() => {
         const params = (new URL(window.location.href)).searchParams
-        const options = [
-            'percentage',
-            'min-size',
-            'max-size'
-        ]
-        const preSets = options
+        
+        const preSets = allOptions
             .filter(opt => params.has(opt))
 
         if (preSets.length) {