Added error treatment on syntaxHighlight when passing a function or symbol as data prop

Author: josu-dev

src/lib/client/SuperDebug.svelte

@@ -67,6 +67,15 @@
    * @returns {string}
    */
   function syntaxHighlight(json) {
+    switch (typeof json) {
+      case "function": {
+        return `<span class="function">[function ${json.name ?? 'unnamed'}]</span>`;
+      }
+      case "symbol": {
+        return `<span class="symbol">${json.toString()}</span>`;
+      }
+    }
+
     const encodedString = JSON.stringify(
       json,
       function (key, value) {
@@ -385,6 +394,10 @@
     color: var(--sd-code-function, #f06962);
   }
 
+  :global(.super-debug--code .symbol) {
+    color: var(--sd-code-symbol, #77e9c3);
+  }
+
   .super-debug pre::-webkit-scrollbar {
     width: var(--sd-sb-width, 1.25rem);
     height: var(--sd-sb-height, 1.25rem);