Merge pull request #43 from vkhobor/add-prettyfy-json

Use indentation for JSON logs
kevincobain2000 · Jan 22, 2025 · 74193f9 · 74193f9
2 parents eb70a96 + 92c3cf3
commit 74193f9
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/frontend/dist/index.html b/frontend/dist/index.html
diff --git a/frontend/src/components/JS.astro b/frontend/src/components/JS.astro
@@ -17,6 +17,15 @@
     return number > 999 ? (number / 1000).toFixed(1) + "k" : number;
   }
 
+  function formatLogString(str) {
+    try {
+      const json = JSON.parse(str);
+      return JSON.stringify(json, null, 2);
+    } catch (e) {
+      return str;
+    }
+  }
+
   function timeago(str) {
     if (!str) return "";
     date = new Date(str);

diff --git a/frontend/src/components/partials/viewer/Table.astro b/frontend/src/components/partials/viewer/Table.astro
@@ -204,7 +204,7 @@
               <span class="uppercase" x-text="item.agent.device"></span>
             </td>
             <td><span class="text-sm" x-text="timeago(item.date)"></span></td>
-            <td class="px-3 py-2 text-blue-200" x-text="item.content"></td>
+            <td class="px-3 py-2 text-blue-200 whitespace-pre-wrap" x-text="formatLogString(item.content)"></td>
           </tr>
         </template>
       </tbody>