fix: Use jsonrepair to parse potentially broken json payload (#154)

grafana · Sep 17, 2024 · 5124852 · 5124852
1 parent 96bf2b4
commit 5124852
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -81,6 +81,7 @@
     "chokidar": "^3.6.0",
     "electron-squirrel-startup": "^1.0.1",
     "immer": "^10.1.1",
+    "jsonrepair": "^3.8.0",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.50.0",
     "node-forge": "^1.3.1",

diff --git a/src/components/WebLogView/RequestDetails/utils.ts b/src/components/WebLogView/RequestDetails/utils.ts
@@ -1,6 +1,7 @@
 import { ProxyData } from '@/types'
 import { safeAtob, stringify } from '@/utils/format'
 import { getContentType } from '@/utils/headers'
+import { jsonrepair } from 'jsonrepair'
 
 export function parseParams(data: ProxyData) {
   const hasParams = data.request.query.length || data.request.content
@@ -17,7 +18,9 @@ export function parseParams(data: ProxyData) {
     }
 
     return stringify(
-      JSON.parse(parsePythonByteString(safeAtob(data.request.content ?? '')))
+      JSON.parse(
+        jsonrepair(parsePythonByteString(safeAtob(data.request.content ?? '')))
+      )
     )
   } catch (e) {
     console.error('Failed to parse query parameters', e)