Upload folder using huggingface_hub

src/.idea/workspace.xml

@@ -5,10 +5,9 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="b53f7e4a-53f1-42ea-8826-4ef9a94fcbb4" name="Changes" comment="">
-      <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/demo/app.py" beforeDir="false" afterPath="$PROJECT_DIR$/demo/app.py" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/demo/space.py" beforeDir="false" afterPath="$PROJECT_DIR$/demo/space.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/gradio_json_markdown/templates/component/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/backend/gradio_json_markdown/templates/component/index.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/frontend/shared/JSONNode.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/shared/JSONNode.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/pyproject.toml" beforeDir="false" afterPath="$PROJECT_DIR$/pyproject.toml" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -33,14 +32,14 @@
     <option name="showLibraryContents" value="true" />
     <option name="showMembers" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "Python.app (1).executor": "Run",
-    "Python.app.executor": "Run",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "git-widget-placeholder": "master"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;Python.app (1).executor&quot;: &quot;Run&quot;,
+    &quot;Python.app.executor&quot;: &quot;Run&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;master&quot;
   }
-}]]></component>
+}</component>
   <component name="RecentsManager">
     <key name="MoveFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$" />
@@ -138,12 +137,21 @@
       <option name="project" value="LOCAL" />
       <updated>1724809266516</updated>
     </task>
-    <option name="localTasksCounter" value="4" />
+    <task id="LOCAL-00004" summary="Fix a bug with rendering of xml tags inside of the json text">
+      <option name="closed" value="true" />
+      <created>1728158411722</created>
+      <option name="number" value="00004" />
+      <option name="presentableId" value="LOCAL-00004" />
+      <option name="project" value="LOCAL" />
+      <updated>1728158411723</updated>
+    </task>
+    <option name="localTasksCounter" value="5" />
     <servers />
   </component>
   <component name="VcsManagerConfiguration">
     <MESSAGE value="Initial commit" />
     <MESSAGE value="Add image" />
-    <option name="LAST_COMMIT_MESSAGE" value="Add image" />
+    <MESSAGE value="Fix a bug with rendering of xml tags inside of the json text" />
+    <option name="LAST_COMMIT_MESSAGE" value="Fix a bug with rendering of xml tags inside of the json text" />
   </component>
 </project>

src/backend/gradio_json_markdown/templates/component/index.js

@@ -3770,12 +3770,12 @@ https://github.com/highlightjs/highlight.js/issues/2277`), F = I, V = M), B ===
     }
     B.name || (B.name = I), e[I] = B, B.rawDefinition = M.bind(null, a), B.aliases && k(B.aliases, { languageName: I });
   }
-  function A(I) {
+  function O(I) {
     delete e[I];
     for (const M of Object.keys(t))
       t[M] === I && delete t[M];
   }
-  function O() {
+  function A() {
     return Object.keys(e);
   }
   function D(I) {
@@ -3828,8 +3828,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`), F = I, V = M), B ===
     initHighlighting: f,
     initHighlightingOnLoad: g,
     registerLanguage: N,
-    unregisterLanguage: A,
-    listLanguages: O,
+    unregisterLanguage: O,
+    listLanguages: A,
     getLanguage: D,
     registerAliases: k,
     autoDetection: L,
@@ -5580,7 +5580,7 @@ function nS() {
       ],
       built_in: ["_Pragma"],
       _type_hints: g
-    }, A = {
+    }, O = {
       className: "function.dispatch",
       relevance: 0,
       keywords: {
@@ -5597,8 +5597,8 @@ function nS() {
         t.IDENT_RE,
         n.lookahead(/(<[^<>]+>|)\s*\(/)
       )
-    }, O = [
-      A,
+    }, A = [
+      O,
       u,
       c,
       r,
@@ -5624,12 +5624,12 @@ function nS() {
         }
       ],
       keywords: N,
-      contains: O.concat([
+      contains: A.concat([
         {
           begin: /\(/,
           end: /\)/,
           keywords: N,
-          contains: O.concat(["self"]),
+          contains: A.concat(["self"]),
           relevance: 0
         }
       ]),
@@ -5728,8 +5728,8 @@ function nS() {
       contains: [].concat(
         D,
         k,
-        A,
         O,
+        A,
         [
           u,
           {
@@ -10240,7 +10240,7 @@ function hS() {
         e.IDENT_RE,
         t.lookahead(/(<[^<>]+>|)\s*\(/)
       )
-    }, A = [
+    }, O = [
       N,
       p,
       l,
@@ -10248,7 +10248,7 @@ function hS() {
       e.C_BLOCK_COMMENT_MODE,
       d,
       _
-    ], O = {
+    ], A = {
       // This mode covers expression context where we can't expect a function
       // definition and shouldn't highlight anything that looks like one:
       // `return some()`, `else if()`, `(x*sum(1, 2))`
@@ -10267,12 +10267,12 @@ function hS() {
         }
       ],
       keywords: h,
-      contains: A.concat([
+      contains: O.concat([
         {
           begin: /\(/,
           end: /\)/,
           keywords: h,
-          contains: A.concat(["self"]),
+          contains: O.concat(["self"]),
           relevance: 0
         }
       ]),
@@ -10369,10 +10369,10 @@ function hS() {
       illegal: "</",
       classNameAliases: { "function.dispatch": "built_in" },
       contains: [].concat(
-        O,
+        A,
         D,
         N,
-        A,
+        O,
         [
           p,
           {
@@ -12085,12 +12085,12 @@ function wS() {
       className: "string",
       begin: 'q"\\{',
       end: '\\}"'
-    }, A = {
+    }, O = {
       className: "meta",
       begin: "^#!",
       end: "$",
       relevance: 5
-    }, O = {
+    }, A = {
       className: "meta",
       begin: "#(line)",
       end: "$",
@@ -12121,8 +12121,8 @@ function wS() {
         S,
         m,
         E,
-        A,
         O,
+        A,
         D
       ]
     };
@@ -14074,7 +14074,7 @@ function QS() {
           keywords: s
         }
       ]
-    }, A = [
+    }, O = [
       p,
       {
         variants: [
@@ -14217,13 +14217,13 @@ function QS() {
         relevance: 0
       }
     ].concat(c, _);
-    d.contains = A, E.contains = A;
+    d.contains = O, E.contains = O;
     const L = [
       {
         begin: /^\s*=>/,
         starts: {
           end: "$",
-          contains: A
+          contains: O
         }
       },
       {
@@ -14232,7 +14232,7 @@ function QS() {
         starts: {
           end: "$",
           keywords: s,
-          contains: A
+          contains: O
         }
       }
     ];
@@ -14247,7 +14247,7 @@ function QS() {
       ],
       keywords: s,
       illegal: /\/\*/,
-      contains: [e.SHEBANG({ binary: "ruby" })].concat(L).concat(_).concat(A)
+      contains: [e.SHEBANG({ binary: "ruby" })].concat(L).concat(_).concat(O)
     };
   }
   return mr = a, mr;
@@ -15951,7 +15951,7 @@ function nT() {
         // A single $ can be used as an operator
         relevance: 0
       };
-    }, A = N({ includeEqual: !0 }), O = N({ includeEqual: !1 }), D = function(v, ee) {
+    }, O = N({ includeEqual: !0 }), A = N({ includeEqual: !1 }), D = function(v, ee) {
       return {
         begin: n(
           // a type annotation is a
@@ -16002,7 +16002,7 @@ function nT() {
           h,
           s.inherit(R, { scope: null }),
           // match to avoid strange patterns inside that may break the parsing
-          O
+          A
         ]
       };
     }, k = D(/:/, "operator"), L = D(/\bof\b/, "keyword"), Y = {
@@ -16158,7 +16158,7 @@ function nT() {
       Q,
       q,
       h,
-      A
+      O
     ], {
       name: "F#",
       aliases: [
@@ -16209,7 +16209,7 @@ function nT() {
         Q,
         q,
         h,
-        A
+        O
       ]
     };
   }
@@ -22168,7 +22168,7 @@ function IT() {
         ],
         subLanguage: "xml"
       }
-    }, A = {
+    }, O = {
       begin: ".?css`",
       end: "",
       starts: {
@@ -22180,7 +22180,7 @@ function IT() {
         ],
         subLanguage: "css"
       }
-    }, O = {
+    }, A = {
       begin: ".?gql`",
       end: "",
       starts: {
@@ -22249,8 +22249,8 @@ function IT() {
       c.APOS_STRING_MODE,
       c.QUOTE_STRING_MODE,
       N,
-      A,
       O,
+      A,
       D,
       // Skip numbers when they are part of a variable name
       { match: /\$\d+/ },
@@ -22459,8 +22459,8 @@ function IT() {
         c.APOS_STRING_MODE,
         c.QUOTE_STRING_MODE,
         N,
-        A,
         O,
+        A,
         D,
         L,
         // Skip numbers when they are part of a variable name
@@ -23636,14 +23636,14 @@ function wT() {
         },
         C(g, Y)
       );
-    }, A = (L = "string") => e.END_SAME_AS_BEGIN({
+    }, O = (L = "string") => e.END_SAME_AS_BEGIN({
       className: L,
       begin: /(.|\r?\n)/,
       end: /(.|\r?\n)/,
       excludeBegin: !0,
       excludeEnd: !0,
       endsParent: !0
-    }), O = function(L) {
+    }), A = function(L) {
       return {
         className: "string",
         end: "(?=\\\\end\\{" + L + "\\})"
@@ -23673,11 +23673,11 @@ function wT() {
       ...[
         "verb",
         "lstinline"
-      ].map((L) => h(L, { contains: [A()] })),
-      h("mint", C(g, { contains: [A()] })),
+      ].map((L) => h(L, { contains: [O()] })),
+      h("mint", C(g, { contains: [O()] })),
       h("mintinline", C(g, { contains: [
         D(),
-        A()
+        O()
       ] })),
       h("url", { contains: [
         D("link"),
@@ -23689,17 +23689,17 @@ function wT() {
         "",
         "\\*"
       ].map((L) => [
-        N("verbatim" + L, O("verbatim" + L)),
-        N("filecontents" + L, C(g, O("filecontents" + L))),
+        N("verbatim" + L, A("verbatim" + L)),
+        N("filecontents" + L, C(g, A("filecontents" + L))),
         ...[
           "",
           "B",
           "L"
         ].map(
-          (Y) => N(Y + "Verbatim" + L, C(R, O(Y + "Verbatim" + L)))
+          (Y) => N(Y + "Verbatim" + L, C(R, A(Y + "Verbatim" + L)))
         )
       ])),
-      N("minted", C(R, C(g, O("minted"))))
+      N("minted", C(R, C(g, A("minted"))))
     ];
     return {
       name: "LaTeX",
@@ -24597,12 +24597,12 @@ function kT() {
       begin: /\{/,
       end: /\}/,
       contains: E
-    }), A = {
+    }), O = {
       beginKeywords: "when",
       endsWithParent: !0,
       contains: [{ beginKeywords: "and not" }].concat(f)
       // using this form to override VALUE’s 'function' match
-    }, O = {
+    }, A = {
       begin: S + "\\s*:",
       returnBegin: !0,
       end: /[;}]/,
@@ -24672,7 +24672,7 @@ function kT() {
       contains: [
         _.C_LINE_COMMENT_MODE,
         _.C_BLOCK_COMMENT_MODE,
-        A,
+        O,
         R("keyword", "all\\b"),
         R("variable", "@\\{" + m + "\\}"),
         // otherwise it’s identified as tag
@@ -24716,9 +24716,9 @@ function kT() {
       D,
       k,
       Y,
-      O,
-      L,
       A,
+      L,
+      O,
       d.FUNCTION_DISPATCH
     ), {
       name: "Less",
@@ -32819,8 +32819,8 @@ function VT() {
         className: "builtin-symbol",
         begin: m,
         // for performance out of fear of regex.either(...Mathematica.SYSTEM_SYMBOLS)
-        "on:begin": (A, O) => {
-          S.has(A[0]) || O.ignoreMatch();
+        "on:begin": (O, A) => {
+          S.has(O[0]) || A.ignoreMatch();
         }
       },
       {
@@ -36502,14 +36502,14 @@ function gf() {
           4: "title.class"
         }
       }
-    ] }, A = t.concat(r, "\\b(?!\\()"), O = { variants: [
+    ] }, O = t.concat(r, "\\b(?!\\()"), A = { variants: [
       {
         match: [
           t.concat(
             /::/,
             t.lookahead(/(?!class\b)/)
           ),
-          A
+          O
         ],
         scope: { 2: "variable.constant" }
       },
@@ -36527,7 +36527,7 @@ function gf() {
             /::/,
             t.lookahead(/(?!class\b)/)
           ),
-          A
+          O
         ],
         scope: {
           1: "title.class",
@@ -36566,7 +36566,7 @@ function gf() {
       contains: [
         D,
         o,
-        O,
+        A,
         e.C_BLOCK_COMMENT_MODE,
         m,
         S,
@@ -36588,7 +36588,7 @@ function gf() {
     k.contains.push(L);
     const Y = [
       D,
-      O,
+      A,
       e.C_BLOCK_COMMENT_MODE,
       m,
       S,
@@ -36667,7 +36667,7 @@ function gf() {
         },
         o,
         L,
-        O,
+        A,
         {
           match: [
             /const/,
@@ -36705,7 +36705,7 @@ function gf() {
               contains: [
                 "self",
                 o,
-                O,
+                A,
                 e.C_BLOCK_COMMENT_MODE,
                 m,
                 S
@@ -44808,8 +44808,8 @@ function Xf() {
       exceptions: h,
       when: N
     } = {}) {
-      const A = N;
-      return h = h || [], C.map((O) => O.match(/\|\d+$/) || h.includes(O) ? O : A(O) ? `${O}|0` : O);
+      const O = N;
+      return h = h || [], C.map((A) => A.match(/\|\d+$/) || h.includes(A) ? A : O(A) ? `${A}|0` : A);
     }
     return {
       name: "SQL",
@@ -46354,26 +46354,26 @@ var Co, sd;
 function nb() {
   if (sd) return Co;
   sd = 1;
-  function a(O) {
-    return O ? typeof O == "string" ? O : O.source : null;
+  function a(A) {
+    return A ? typeof A == "string" ? A : A.source : null;
   }
-  function e(O) {
-    return t("(?=", O, ")");
+  function e(A) {
+    return t("(?=", A, ")");
   }
-  function t(...O) {
-    return O.map((k) => a(k)).join("");
+  function t(...A) {
+    return A.map((k) => a(k)).join("");
   }
-  function n(O) {
-    const D = O[O.length - 1];
-    return typeof D == "object" && D.constructor === Object ? (O.splice(O.length - 1, 1), D) : {};
+  function n(A) {
+    const D = A[A.length - 1];
+    return typeof D == "object" && D.constructor === Object ? (A.splice(A.length - 1, 1), D) : {};
   }
-  function r(...O) {
-    return "(" + (n(O).capture ? "" : "?:") + O.map((L) => a(L)).join("|") + ")";
+  function r(...A) {
+    return "(" + (n(A).capture ? "" : "?:") + A.map((L) => a(L)).join("|") + ")";
   }
-  const i = (O) => t(
+  const i = (A) => t(
     /\b/,
-    O,
-    /\w$/.test(O) ? /\b/ : /\B/
+    A,
+    /\w$/.test(A) ? /\b/ : /\B/
   ), o = [
     "Protocol",
     // contextual
@@ -46686,16 +46686,16 @@ function nb() {
     "tvOSApplicationExtension",
     "swift"
   ];
-  function A(O) {
+  function O(A) {
     const D = {
       match: /\s+/,
       relevance: 0
-    }, k = O.COMMENT(
+    }, k = A.COMMENT(
       "/\\*",
       "\\*/",
       { contains: ["self"] }
     ), L = [
-      O.C_LINE_COMMENT_MODE,
+      A.C_LINE_COMMENT_MODE,
       k
     ], Y = {
       match: [
@@ -46809,12 +46809,12 @@ function nb() {
         pe("###")
       ]
     }, Ce = [
-      O.BACKSLASH_ESCAPE,
+      A.BACKSLASH_ESCAPE,
       {
         begin: /\[/,
         end: /\]/,
         relevance: 0,
-        contains: [O.BACKSLASH_ESCAPE]
+        contains: [A.BACKSLASH_ESCAPE]
       }
     ], De = {
       begin: /\/[^\s](?=[^/\n]*\/)/,
@@ -47125,7 +47125,7 @@ function nb() {
       ]
     };
   }
-  return Co = A, Co;
+  return Co = O, Co;
 }
 var No, ld;
 function ab() {
@@ -48252,7 +48252,7 @@ function _b() {
       keywords: f,
       contains: []
       // defined later
-    }, A = {
+    }, O = {
       begin: ".?html`",
       end: "",
       starts: {
@@ -48264,7 +48264,7 @@ function _b() {
         ],
         subLanguage: "xml"
       }
-    }, O = {
+    }, A = {
       begin: ".?css`",
       end: "",
       starts: {
@@ -48344,8 +48344,8 @@ function _b() {
     }, te = [
       _.APOS_STRING_MODE,
       _.QUOTE_STRING_MODE,
-      A,
       O,
+      A,
       D,
       k,
       // Skip numbers when they are part of a variable name
@@ -48554,8 +48554,8 @@ function _b() {
         B,
         _.APOS_STRING_MODE,
         _.QUOTE_STRING_MODE,
-        A,
         O,
+        A,
         D,
         k,
         Y,
@@ -48750,14 +48750,14 @@ function _b() {
     }, R = {
       className: "meta",
       begin: "@" + p
-    }, C = (A, O, D) => {
-      const k = A.contains.findIndex((L) => L.label === O);
+    }, C = (O, A, D) => {
+      const k = O.contains.findIndex((L) => L.label === A);
       if (k === -1)
         throw new Error("can not find mode to replace");
-      A.contains.splice(k, 1, D);
+      O.contains.splice(k, 1, D);
     };
     Object.assign(d.keywords, g), d.exports.PARAMS_CONTAINS.push(R);
-    const h = d.contains.find((A) => A.className === "attr");
+    const h = d.contains.find((O) => O.className === "attr");
     d.exports.PARAMS_CONTAINS.push([
       d.exports.CLASS_REFERENCE,
       // class reference for highlighting the params types
@@ -48768,7 +48768,7 @@ function _b() {
       m,
       S
     ]), C(d, "shebang", _.SHEBANG()), C(d, "use_strict", E);
-    const N = d.contains.find((A) => A.label === "func.def");
+    const N = d.contains.find((O) => O.label === "func.def");
     return N.relevance = 0, Object.assign(d, {
       name: "TypeScript",
       aliases: [
@@ -50299,7 +50299,7 @@ function fb() {
       ...r,
       ...o,
       ...i
-    ], A = {
+    ], O = {
       relevance: 0,
       match: t.concat(
         "\\b(?!",
@@ -50362,7 +50362,7 @@ function fb() {
         p,
         S,
         m,
-        A
+        O
       ]
     };
   }
@@ -51749,23 +51749,23 @@ function zb(a) {
     /*key*/
     a[4] !== null && Pd(a)
   );
-  function R(O, D) {
+  function R(A, D) {
     return D & /*value*/
     1 && (c = null), c == null && (c = !!vt(
       /*value*/
-      O[0]
+      A[0]
     )), c ? Vb : typeof /*value*/
-    O[0] == "string" ? Hb : typeof /*value*/
-    O[0] == "number" ? qb : typeof /*value*/
-    O[0] == "boolean" ? Yb : (
+    A[0] == "string" ? Hb : typeof /*value*/
+    A[0] == "number" ? qb : typeof /*value*/
+    A[0] == "boolean" ? Yb : (
       /*value*/
-      O[0] === null ? Gb : Bb
+      A[0] === null ? Gb : Bb
     );
   }
-  let C = R(a, -1), h = C(a), N = d && Ud(), A = u && Fd(a);
+  let C = R(a, -1), h = C(a), N = d && Ud(), O = u && Fd(a);
   return {
     c() {
-      e = Re("div"), t = Re("div"), n = Re("span"), r = ut(), i = Re("span"), f && f.c(), s = ut(), g && g.c(), l = ut(), h.c(), _ = ut(), N && N.c(), p = ut(), A && A.c(), ge(n, "class", "line-number svelte-1340jar"), ge(i, "class", "content svelte-1340jar"), ge(t, "class", "line svelte-1340jar"), Ge(
+      e = Re("div"), t = Re("div"), n = Re("span"), r = ut(), i = Re("span"), f && f.c(), s = ut(), g && g.c(), l = ut(), h.c(), _ = ut(), N && N.c(), p = ut(), O && O.c(), ge(n, "class", "line-number svelte-1340jar"), ge(i, "class", "content svelte-1340jar"), ge(t, "class", "line svelte-1340jar"), Ge(
         t,
         "collapsed",
         /*collapsed*/
@@ -51787,67 +51787,67 @@ function zb(a) {
         a[6] === "dark"
       );
     },
-    m(O, D) {
-      ye(O, e, D), Ee(e, t), Ee(t, n), Ee(t, r), Ee(t, i), f && f.m(i, null), Ee(i, s), g && g.m(i, null), Ee(i, l), h.m(i, null), Ee(i, _), N && N.m(i, null), Ee(e, p), A && A.m(e, null), a[15](e), m = !0, S || (E = Ss(
+    m(A, D) {
+      ye(A, e, D), Ee(e, t), Ee(t, n), Ee(t, r), Ee(t, i), f && f.m(i, null), Ee(i, s), g && g.m(i, null), Ee(i, l), h.m(i, null), Ee(i, _), N && N.m(i, null), Ee(e, p), O && O.m(e, null), a[15](e), m = !0, S || (E = Ss(
         e,
         "toggle",
         /*toggle_handler*/
         a[13]
       ), S = !0);
     },
-    p(O, [D]) {
+    p(A, [D]) {
       D & /*value*/
       1 && (o = vt(
         /*value*/
-        O[0]
-      )), o ? f ? f.p(O, D) : (f = xd(O), f.c(), f.m(i, s)) : f && (f.d(1), f = null), /*key*/
-      O[4] !== null ? g ? g.p(O, D) : (g = Pd(O), g.c(), g.m(i, l)) : g && (g.d(1), g = null), C === (C = R(O, D)) && h ? h.p(O, D) : (h.d(1), h = C(O), h && (h.c(), h.m(i, _))), D & /*is_last_item, value, collapsed*/
+        A[0]
+      )), o ? f ? f.p(A, D) : (f = xd(A), f.c(), f.m(i, s)) : f && (f.d(1), f = null), /*key*/
+      A[4] !== null ? g ? g.p(A, D) : (g = Pd(A), g.c(), g.m(i, l)) : g && (g.d(1), g = null), C === (C = R(A, D)) && h ? h.p(A, D) : (h.d(1), h = C(A), h && (h.c(), h.m(i, _))), D & /*is_last_item, value, collapsed*/
       521 && (d = !/*is_last_item*/
-      O[3] && (!vt(
+      A[3] && (!vt(
         /*value*/
-        O[0]
+        A[0]
       ) || /*collapsed*/
-      O[9])), d ? N || (N = Ud(), N.c(), N.m(i, null)) : N && (N.d(1), N = null), (!m || D & /*collapsed*/
+      A[9])), d ? N || (N = Ud(), N.c(), N.m(i, null)) : N && (N.d(1), N = null), (!m || D & /*collapsed*/
       512) && Ge(
         t,
         "collapsed",
         /*collapsed*/
-        O[9]
+        A[9]
       ), D & /*value*/
       1 && (u = vt(
         /*value*/
-        O[0]
-      )), u ? A ? (A.p(O, D), D & /*value*/
-      1 && Ut(A, 1)) : (A = Fd(O), A.c(), Ut(A, 1), A.m(e, null)) : A && (ep(), pn(A, 1, 1, () => {
-        A = null;
+        A[0]
+      )), u ? O ? (O.p(A, D), D & /*value*/
+      1 && Ut(O, 1)) : (O = Fd(A), O.c(), Ut(O, 1), O.m(e, null)) : O && (ep(), pn(O, 1, 1, () => {
+        O = null;
       }), ju()), (!m || D & /*depth*/
       2) && Ld(
         e,
         "--depth",
         /*depth*/
-        O[1]
+        A[1]
       ), (!m || D & /*is_root*/
       4) && Ge(
         e,
         "root",
         /*is_root*/
-        O[2]
+        A[2]
       ), (!m || D & /*theme_mode*/
       64) && Ge(
         e,
         "dark-mode",
         /*theme_mode*/
-        O[6] === "dark"
+        A[6] === "dark"
       );
     },
-    i(O) {
-      m || (Ut(A), m = !0);
+    i(A) {
+      m || (Ut(O), m = !0);
     },
-    o(O) {
-      pn(A), m = !1;
+    o(A) {
+      pn(O), m = !1;
     },
-    d(O) {
-      O && ve(e), f && f.d(), g && g.d(), h.d(), N && N.d(), A && A.d(), a[15](null), S = !1, E();
+    d(A) {
+      A && ve(e), f && f.d(), g && g.d(), h.d(), N && N.d(), O && O.d(), a[15](null), S = !1, E();
     }
   };
 }
@@ -51858,10 +51858,11 @@ function Yd(a) {
   return Array.isArray(a) ? `Array(${a.length})` : typeof a == "object" && a !== null ? `Object(${Object.keys(a).length})` : String(a);
 }
 function Wb(a) {
-  return a.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  const e = /(```[\s\S]*?```)/g;
+  return a.split(e).map((n) => n.startsWith("```") && n.endsWith("```") ? n : n.replace(/</g, "&lt;").replace(/>/g, "&gt;")).join("");
 }
 function Kb(a, e, t) {
-  var n = this && this.__awaiter || function(A, O, D, k) {
+  var n = this && this.__awaiter || function(O, A, D, k) {
     function L(Y) {
       return Y instanceof D ? Y : new D(function(te) {
         te(Y);
@@ -51885,7 +51886,7 @@ function Kb(a, e, t) {
       function X(I) {
         I.done ? Y(I.value) : L(I.value).then(Q, q);
       }
-      X((k = k.apply(A, O || [])).next());
+      X((k = k.apply(O, A || [])).next());
     });
   };
   let { value: r } = e, { depth: i = 0 } = e, { is_root: o = !1 } = e, { is_last_item: s = !0 } = e, { key: l = null } = e, { open: c = !1 } = e, { theme_mode: _ = "system" } = e, { show_indices: d = !1 } = e;
@@ -51898,22 +51899,20 @@ function Kb(a, e, t) {
   }
   const f = new Fu($E({
     langPrefix: "hljs language-",
-    highlight(A, O, D) {
-      const k = yd.getLanguage(O) ? O : "plaintext";
-      return yd.highlight(A, { language: k }).value;
+    highlight(O, A, D) {
+      const k = yd.getLanguage(A) ? A : "plaintext";
+      return yd.highlight(O, { language: k }).value;
     }
   }));
-  function g(A) {
-    const O = Wb(A);
-    console.log("Escaped:" + O);
-    const D = f.parse(O), L = new DOMParser().parseFromString(D, "text/html");
+  function g(O) {
+    const A = Wb(O), D = f.parse(A), L = new DOMParser().parseFromString(D, "text/html");
     return L.querySelectorAll("code").forEach((Y) => {
       Y.setAttribute("style", "border: 1px solid #d3d3d3; background-color: rgba(150,150,150,0.05);");
     }), L.body.innerHTML;
   }
   function R() {
-    u.querySelectorAll(".line").forEach((O, D) => {
-      const k = O.querySelector(".line-number");
+    u.querySelectorAll(".line").forEach((A, D) => {
+      const k = A.querySelector(".line-number");
       k && (k.setAttribute("data-pseudo-content", (D + 1).toString()), k == null || k.setAttribute("aria-roledescription", `Line number ${D + 1}`), k == null || k.setAttribute("title", `Line number ${D + 1}`));
     });
   }
@@ -51922,19 +51921,19 @@ function Kb(a, e, t) {
   }), Fb(() => {
     o && R();
   });
-  function C(A) {
-    Dd.call(this, a, A);
+  function C(O) {
+    Dd.call(this, a, O);
   }
-  function h(A) {
-    Dd.call(this, a, A);
+  function h(O) {
+    Dd.call(this, a, O);
   }
-  function N(A) {
-    Ib[A ? "unshift" : "push"](() => {
-      u = A, t(8, u);
+  function N(O) {
+    Ib[O ? "unshift" : "push"](() => {
+      u = O, t(8, u);
     });
   }
-  return a.$$set = (A) => {
-    "value" in A && t(0, r = A.value), "depth" in A && t(1, i = A.depth), "is_root" in A && t(2, o = A.is_root), "is_last_item" in A && t(3, s = A.is_last_item), "key" in A && t(4, l = A.key), "open" in A && t(5, c = A.open), "theme_mode" in A && t(6, _ = A.theme_mode), "show_indices" in A && t(7, d = A.show_indices);
+  return a.$$set = (O) => {
+    "value" in O && t(0, r = O.value), "depth" in O && t(1, i = O.depth), "is_root" in O && t(2, o = O.is_root), "is_last_item" in O && t(3, s = O.is_last_item), "key" in O && t(4, l = O.key), "open" in O && t(5, c = O.open), "theme_mode" in O && t(6, _ = O.theme_mode), "show_indices" in O && t(7, d = O.show_indices);
   }, a.$$.update = () => {
     a.$$.dirty & /*value*/
     1 && (vt(r) ? t(10, S = Object.entries(r)) : t(10, S = [])), a.$$.dirty & /*is_root, root_element*/
@@ -52214,15 +52213,15 @@ function lR(a, e, t) {
       function R(N) {
         try {
           h(S.next(N));
-        } catch (A) {
-          g(A);
+        } catch (O) {
+          g(O);
         }
       }
       function C(N) {
         try {
           h(S.throw(N));
-        } catch (A) {
-          g(A);
+        } catch (O) {
+          g(O);
         }
       }
       function h(N) {
@@ -52437,22 +52436,22 @@ function RR(a, e, t) {
       });
     }
     return new (S || (S = Promise))(function(g, R) {
-      function C(A) {
+      function C(O) {
         try {
-          N(E.next(A));
-        } catch (O) {
-          R(O);
+          N(E.next(O));
+        } catch (A) {
+          R(A);
         }
       }
-      function h(A) {
+      function h(O) {
         try {
-          N(E.throw(A));
-        } catch (O) {
-          R(O);
+          N(E.throw(O));
+        } catch (A) {
+          R(A);
         }
       }
-      function N(A) {
-        A.done ? g(A.value) : f(A.value).then(C, h);
+      function N(O) {
+        O.done ? g(O.value) : f(O.value).then(C, h);
       }
       N((E = E.apply(u, m || [])).next());
     });
@@ -53402,20 +53401,20 @@ function VR(a, e, t) {
   let n, { $$slots: r = {}, $$scope: i } = e;
   this && this.__awaiter;
   const o = vR();
-  let { i18n: s } = e, { eta: l = null } = e, { queue_position: c } = e, { queue_size: _ } = e, { status: d } = e, { scroll_to_output: p = !1 } = e, { timer: u = !0 } = e, { show_progress: m = "full" } = e, { message: S = null } = e, { progress: E = null } = e, { variant: f = "default" } = e, { loading_text: g = "Loading..." } = e, { absolute: R = !0 } = e, { translucent: C = !1 } = e, { border: h = !1 } = e, { autoscroll: N } = e, A, O = !1, D = 0, k = 0, L = null, Y = null, te = 0, Q = null, q, X = null, I = !0;
+  let { i18n: s } = e, { eta: l = null } = e, { queue_position: c } = e, { queue_size: _ } = e, { status: d } = e, { scroll_to_output: p = !1 } = e, { timer: u = !0 } = e, { show_progress: m = "full" } = e, { message: S = null } = e, { progress: E = null } = e, { variant: f = "default" } = e, { loading_text: g = "Loading..." } = e, { absolute: R = !0 } = e, { translucent: C = !1 } = e, { border: h = !1 } = e, { autoscroll: N } = e, O, A = !1, D = 0, k = 0, L = null, Y = null, te = 0, Q = null, q, X = null, I = !0;
   const M = () => {
-    t(0, l = t(27, L = t(19, F = null))), t(25, D = performance.now()), t(26, k = 0), O = !0, B();
+    t(0, l = t(27, L = t(19, F = null))), t(25, D = performance.now()), t(26, k = 0), A = !0, B();
   };
   function B() {
     requestAnimationFrame(() => {
-      t(26, k = (performance.now() - D) / 1e3), O && B();
+      t(26, k = (performance.now() - D) / 1e3), A && B();
     });
   }
   function V() {
-    t(26, k = 0), t(0, l = t(27, L = t(19, F = null))), O && (O = !1);
+    t(26, k = 0), t(0, l = t(27, L = t(19, F = null))), A && (A = !1);
   }
   hR(() => {
-    O && V();
+    A && V();
   });
   let F = null;
   function _e(v) {
@@ -53428,7 +53427,7 @@ function VR(a, e, t) {
   };
   function Se(v) {
     $d[v ? "unshift" : "push"](() => {
-      A = v, t(13, A);
+      O = v, t(13, O);
     });
   }
   return a.$$set = (v) => {
@@ -53445,7 +53444,7 @@ function VR(a, e, t) {
         return v.progress;
     })) : t(14, Q = null), Q ? (t(15, q = Q[Q.length - 1]), X && (q === 0 ? t(16, X.style.transition = "0", X) : t(16, X.style.transition = "150ms", X))) : t(15, q = void 0)), a.$$.dirty[0] & /*status*/
     16 && (d === "pending" ? M() : V()), a.$$.dirty[0] & /*el, scroll_to_output, status, autoscroll*/
-    20979728 && A && p && (d === "pending" || d === "complete") && HR(A, N), a.$$.dirty[0] & /*status, message*/
+    20979728 && O && p && (d === "pending" || d === "complete") && HR(O, N), a.$$.dirty[0] & /*status, message*/
     8388624, a.$$.dirty[0] & /*timer_diff*/
     67108864 && t(20, n = k.toFixed(1));
   }, [
@@ -53462,7 +53461,7 @@ function VR(a, e, t) {
     R,
     C,
     h,
-    A,
+    O,
     Q,
     q,
     X,
@@ -53684,8 +53683,8 @@ function fp() {
   let C, h = "";
   const {
     implementation: N,
-    createNodeIterator: A,
-    createDocumentFragment: O,
+    createNodeIterator: O,
+    createDocumentFragment: A,
     getElementsByTagName: D
   } = t, {
     importNode: k
@@ -53835,7 +53834,7 @@ function fp() {
     const Me = y.body || y.documentElement;
     return b && P && Me.insertBefore(t.createTextNode(P), Me.childNodes[0] || null), St === Fe ? D.call(y, Ce ? "html" : "body")[0] : Ce ? y.documentElement : Me;
   }, Qn = function(b) {
-    return A.call(
+    return O.call(
       b.ownerDocument || b,
       b,
       // eslint-disable-next-line no-bitwise
@@ -54003,7 +54002,7 @@ function fp() {
       return U;
     if (Ve) {
       if (ze)
-        for (Me = O.call(y.ownerDocument); y.firstChild; )
+        for (Me = A.call(y.ownerDocument); y.firstChild; )
           Me.appendChild(y.firstChild);
       else
         Me = y;

src/frontend/shared/JSONNode.svelte

@@ -46,14 +46,21 @@
       })
     );
 
-    function escapeXmlTags(value: string): string {
-        return value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    function escapeXmlTagsOutsideCodeBlocks(value: string): string {
+        const codeBlockRegex = /(```[\s\S]*?```)/g;
+        const parts = value.split(codeBlockRegex);
+        return parts.map(part => {
+            if (part.startsWith('```') && part.endsWith('```')) {
+                return part; // Do not escape inside code blocks
+            }
+            return part.replace(/</g, '&lt;').replace(/>/g, '&gt;'); // Escape outside code blocks
+        }).join('');
     }
 
     function toMarkdown(value: string): string {
         // console.log("Render:" + value);
-        const escapedValue = escapeXmlTags(value);
-        console.log("Escaped:" + escapedValue);
+        const escapedValue = escapeXmlTagsOutsideCodeBlocks(value);
+        //console.log("Escaped:" + escapedValue);
         const parsed = marked.parse(escapedValue);
         const parser = new DOMParser();
         const doc = parser.parseFromString(parsed, 'text/html');

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_json_markdown"
-version = "0.0.2"
+version = "0.0.3"
 description = "JSON module with markdown support"
 readme = "README.md"
 license = "apache-2.0"