From 71f735ca68f3536bc7f5187690d74c8898a15dfc Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 23 Nov 2025 17:39:34 +0000
Subject: [PATCH 1/2] Add URL parameter support for repeatable label generation

Parameters (startNumber, prefix, leadingZeros, borderToggle) are now:
- Read from URL query string on page load
- Updated in URL when clicking "Regenerate Labels"

This allows bookmarking and sharing specific label configurations.
---
 index.html | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/index.html b/index.html
index 064f2f8..42411b5 100644
--- a/index.html
+++ b/index.html
@@ -260,6 +260,34 @@
           borderToggle: false,
           labels: [],
 
+          readUrlParams() {
+            const params = new URLSearchParams(window.location.search);
+            if (params.has("startNumber")) {
+              const val = parseInt(params.get("startNumber"), 10);
+              if (!isNaN(val) && val >= 1) this.startNumber = val;
+            }
+            if (params.has("prefix")) {
+              this.prefix = params.get("prefix");
+            }
+            if (params.has("leadingZeros")) {
+              const val = parseInt(params.get("leadingZeros"), 10);
+              if (!isNaN(val) && val >= 0) this.leadingZeros = val;
+            }
+            if (params.has("borderToggle")) {
+              this.borderToggle = params.get("borderToggle") === "true";
+            }
+          },
+
+          updateUrl() {
+            const params = new URLSearchParams();
+            params.set("startNumber", this.startNumber);
+            params.set("prefix", this.prefix);
+            params.set("leadingZeros", this.leadingZeros);
+            params.set("borderToggle", this.borderToggle);
+            const newUrl = `${window.location.pathname}?${params.toString()}`;
+            window.history.replaceState({}, "", newUrl);
+          },
+
           generateLabels() {
             this.labels = [];
             let totalLabels = 7 * 27; // 7 columns x 27 rows
@@ -278,11 +306,13 @@
 
               this.labels.push({ qrCodeUrl, text });
             }
+            this.updateUrl();
           },
           printLabels() {
             window.print();
           },
           init() {
+            this.readUrlParams();
             this.generateLabels();
           },
         };

From 4a37cbc0c69c99b3ca7492d0bdb0f73e407a9cd3 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 24 Nov 2025 15:28:36 +0000
Subject: [PATCH 2/2] Update URL immediately when any form field changes

- Add @input handlers to text/number inputs (startNumber, prefix, leadingZeros)
- Add @change handler to checkbox (borderToggle)
- Remove updateUrl() call from generateLabels() since it's now handled by events

The URL now stays in sync with the form state at all times, not just
when clicking "Regenerate Labels".
---
 index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 42411b5..5739b5d 100644
--- a/index.html
+++ b/index.html
@@ -89,6 +89,7 @@
               type="number"
               id="startNumber"
               x-model="startNumber"
+              @input="updateUrl()"
               required
               min="1"
               step="1"
@@ -120,6 +121,7 @@
               type="text"
               id="prefix"
               x-model="prefix"
+              @input="updateUrl()"
               required
               value="ASN"
               class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500"
@@ -147,6 +149,7 @@
               type="number"
               id="leadingZeros"
               x-model="leadingZeros"
+              @input="updateUrl()"
               required
               value="5"
               min="0"
@@ -160,6 +163,7 @@
                   type="checkbox"
                   id="borderToggle"
                   x-model="borderToggle"
+                  @change="updateUrl()"
                   class="focus:ring-3 h-4 w-4 rounded border border-gray-300 bg-gray-50 focus:ring-blue-300"
                 />
               </div>
@@ -306,7 +310,6 @@
 
               this.labels.push({ qrCodeUrl, text });
             }
-            this.updateUrl();
           },
           printLabels() {
             window.print();