From 1cb351105acf17445270f0a22111cc8d7498f55b Mon Sep 17 00:00:00 2001
From: "claude[bot]" <209825114+claude[bot]@users.noreply.github.com>
Date: Thu, 7 Aug 2025 02:31:47 +0000
Subject: [PATCH 1/3] feat: Add JSON repair functionality

- Add jsonrepair dependency to package.json
- Implement repairJSON function in json.vue utility
- Add red Repair button with wrench icon to UI
- Support for fixing common JSON errors including Python dict strings, malformed LLM output, missing quotes/commas, and more

Resolves #13

Co-authored-by: Gordon Weakliem <gweakliem@users.noreply.github.com>
---
 package.json         |  1 +
 pages/utils/json.vue | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/package.json b/package.json
index 2652a88..57e5381 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@nuxtjs/tailwindcss": "^6.12.2",
+    "jsonrepair": "^3.8.1",
     "nuxt": "^3.13.2",
     "nuxt-icon": "^1.0.0-beta.7",
     "qrcode-vue3": "^1.7.1",
diff --git a/pages/utils/json.vue b/pages/utils/json.vue
index 7febcaf..ceded72 100644
--- a/pages/utils/json.vue
+++ b/pages/utils/json.vue
@@ -57,6 +57,11 @@
           <Icon name="mdi:format-quote-open" class="w-5 h-5 mr-2" />
           Unescape
         </button>
+        <button @click="repairJSON"
+          class="px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600 flex items-center">
+          <Icon name="mdi:wrench" class="w-5 h-5 mr-2" />
+          Repair
+        </button>
       </div>
 
       <!-- Error message -->
@@ -73,6 +78,8 @@
 </template>
 
 <script setup>
+import { jsonrepair } from 'jsonrepair'
+
 const jsonInput = ref('')
 const hasError = ref(false)
 const errorMessage = ref('')
@@ -323,6 +330,33 @@ const unescapeJSON = () => {
   }
 }
 
+const repairJSON = () => {
+  try {
+    if (!jsonInput.value.trim()) {
+      return
+    }
+
+    // Attempt to repair the malformed JSON
+    const repaired = jsonrepair(jsonInput.value)
+    jsonInput.value = repaired
+    
+    hasError.value = false
+    errorMessage.value = ''
+    showSuccess.value = true
+    errorLocation.value = { line: 0, column: 0 }
+    updateHighlighting(null)
+
+    setTimeout(() => {
+      showSuccess.value = false
+    }, 3000)
+  } catch (e) {
+    hasError.value = true
+    errorMessage.value = `Repair failed: ${e.message}`
+    errorLocation.value = parseErrorPosition(e)
+    updateHighlighting(errorLocation.value)
+  }
+}
+
 
 // Initialize highlighting
 onMounted(() => {

From 82607d84e1481078371683533d1ca0fd449840cc Mon Sep 17 00:00:00 2001
From: Gordon Weakliem <gordon.weakliem@gmail.com>
Date: Thu, 7 Aug 2025 23:17:16 -0600
Subject: [PATCH 2/3] Update package-lock

---
 package-lock.json | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 07b4ce4..f886a77 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "hasInstallScript": true,
       "dependencies": {
         "@nuxtjs/tailwindcss": "^6.12.2",
+        "jsonrepair": "^3.8.1",
         "nuxt": "^3.13.2",
         "nuxt-icon": "^1.0.0-beta.7",
         "qrcode-vue3": "^1.7.1",
@@ -5326,6 +5327,14 @@
         "graceful-fs": "^4.1.6"
       }
     },
+    "node_modules/jsonrepair": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/jsonrepair/-/jsonrepair-3.13.0.tgz",
+      "integrity": "sha512-5YRzlAQ7tuzV1nAJu3LvDlrKtBFIALHN2+a+I1MGJCt3ldRDBF/bZuvIPzae8Epot6KBXd0awRZZcuoeAsZ/mw==",
+      "bin": {
+        "jsonrepair": "bin/cli.js"
+      }
+    },
     "node_modules/keygrip": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",

From 9e282255dac1a77e8d9f6bf1749d3c9861d1826f Mon Sep 17 00:00:00 2001
From: Gordon Weakliem <gordon.weakliem@gmail.com>
Date: Thu, 7 Aug 2025 23:20:30 -0600
Subject: [PATCH 3/3] Add size limit to JSON tools input

---
 pages/utils/json.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/pages/utils/json.vue b/pages/utils/json.vue
index ceded72..367b6f5 100644
--- a/pages/utils/json.vue
+++ b/pages/utils/json.vue
@@ -336,6 +336,13 @@ const repairJSON = () => {
       return
     }
 
+    const MAX_INPUT_SIZE = 1024 * 1024 // 1MB limit
+    if (jsonInput.value.length > MAX_INPUT_SIZE) {
+      hasError.value = true
+      errorMessage.value = 'Input too large for repair operation'
+      return
+    }
+
     // Attempt to repair the malformed JSON
     const repaired = jsonrepair(jsonInput.value)
     jsonInput.value = repaired