Add basic JSON and YAML rendering in pre tag

app/helpers/blazer/base_helper.rb

@@ -24,7 +24,13 @@ def blazer_format_value(key, value)
           link_to value, value, target: "_blank"
         end
       else
-        value
+        if key.include?("json")
+          content_tag(:pre, format_json_value(value), class: "hljs")
+        elsif key.include?("yaml")
+          content_tag(:pre, format_yaml_value(value), class: "hljs")
+        else
+          value
+        end
       end
     end
 
@@ -39,5 +45,19 @@ def blazer_js_var(name, value)
     def blazer_series_name(k)
       k.nil? ? "null" : k.to_s
     end
+
+    private
+
+    def format_json_value(value)
+      JSON.pretty_generate(JSON.parse(value))
+    rescue JSON::ParserError
+      value
+    end
+
+    def format_yaml_value(value)
+        YAML.dump(YAML.load(value))
+    rescue StandardError
+      value
+    end
   end
 end

app/views/blazer/queries/_form.html.erb

@@ -219,6 +219,11 @@
 
         Vue.nextTick(function () {
           $("#results-html").html(data)
+          document.querySelectorAll("#results-html .hljs").forEach((item)=>{
+            if(item.textContent.length < 5000) {
+              hljs.highlightBlock(item)
+            }
+          });
         })
       }
     },

app/views/blazer/queries/show.html.erb

@@ -50,6 +50,11 @@
     function showRun(data) {
       $("#results").html(data)
       $("#results table").stupidtable(stupidtableCustomSettings).stickyTableHeaders({fixedOffset: 60})
+      document.querySelectorAll("#results .hljs").forEach((item)=>{
+        if(item.textContent.length < 5000) {
+          hljs.highlightBlock(item)
+        }
+      });
     }
 
     function showError(message) {