fix: output raw numbers in JSON filter (hoppscotch#5152)

fix: JSON response filter

Author: g3Bg2

packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue

@@ -350,15 +350,15 @@ const jsonResponseBodyText = computed(() => {
           () =>
             JSONPath({
               path: filterQueryText.value,
-              json: parsedJSON as any,
+              json: JSON.parse(LJSON.stringify(parsedJSON as any) || "{}"),
             }),
           (err): BodyParseError => ({
             type: "JSON_PATH_QUERY_FAILED",
             error: err as Error,
           })
         )
       ),
-      E.map(JSON.stringify)
+      E.map((result: any) => result as string | object)
     )
   }
   return E.right(responseBodyText.value)
@@ -369,12 +369,35 @@ const jsonBodyText = computed(() => {
     props.response as HoppRESTResponse
   )
 
-  return pipe(
+  const rawValue = pipe(
     jsonResponseBodyText.value,
-    E.getOrElse(() => responseBodyText.value),
+    E.getOrElse(() => responseBodyText.value)
+  )
+
+  // If the rawValue is already an object (from JSONPath filtering), stringify it directly
+  if (typeof rawValue === "object" && rawValue !== null) {
+    return JSON.stringify(rawValue, null, 2)
+  }
+
+  // If it's a string, we need to parse and re-stringify
+  const stringValue = rawValue as string
+
+  // If we're filtering, the string should already be clean JSON (no lossless numbers)
+  if (filterQueryText.value.length > 0) {
+    return pipe(
+      stringValue,
+      O.tryCatchK(JSON.parse),
+      O.map((val) => JSON.stringify(val, null, 2)),
+      O.getOrElse(() => stringValue)
+    )
+  }
+
+  // For unfiltered responses, use LJSON for lossless parsing
+  return pipe(
+    stringValue,
     O.tryCatchK(LJSON.parse),
     O.map((val) => LJSON.stringify(val, undefined, 2)),
-    O.getOrElse(() => responseBodyText.value)
+    O.getOrElse(() => stringValue)
   )
 })
 
@@ -401,13 +424,19 @@ const filterResponseError = computed(() =>
             }
         }
       },
-      (result) =>
-        result === "[]"
+      (result) => {
+        const isEmpty =
+          typeof result === "object" && result !== null
+            ? Array.isArray(result) && result.length === 0
+            : result === "[]"
+
+        return isEmpty
           ? {
               type: "RESPONSE_EMPTY",
               error: t("error.no_results_found").toString(),
             }
           : undefined
+      }
     )
   )
 )