Formatted JSON columns

Signed-off-by: worksofliam <[email protected]>

Author: worksofliam

src/views/results/html.ts

@@ -184,12 +184,28 @@ export function generateScroller(basicSelect: string, isCL: boolean, withCancel?
                 // Insert a cell at the end of the row
                 var newCell = newRow.insertCell();
 
-                // Append a text node to the cell
-
-                //TODO: handle cell formatting here
                 var newDiv = document.createElement("div");
                 newDiv.className = "hoverable";
-                newDiv.appendChild(document.createTextNode(cell === undefined ? 'null' : cell));
+
+                // Append a formatted JSON object to the cell
+                const contentMightBeJson = typeof cell === 'string' && (cell.startsWith('{') || cell.startsWith('[')) && (cell.endsWith('}') || cell.endsWith(']'));
+                let isJson = false;
+                if (contentMightBeJson) {
+                  try {
+                    const cellJson = JSON.stringify(JSON.parse(cell), null, 2);
+                    newDiv.style.whiteSpace = "pre";
+                    newDiv.style["font-family"] = "monospace";
+                    newDiv.innerText = cellJson;
+                    isJson = true;
+                  } catch (e) {}
+                }
+
+                if (!isJson) {
+                  // Append a text node to the cell
+                  newDiv.appendChild(document.createTextNode(cell === undefined ? 'null' : cell));
+                }
+
+                console.log({isJson, contentMightBeJson})
 
                 newCell.appendChild(newDiv);
               }