@drghaliasri/butex 5.5.4 → 5.6.0

package/dist/react-document2.js

@@ -83,21 +83,26 @@ var BUTEX_CLOSING_HAMDALA = "\u0627\u0644\u0652\u062D\u064E\u0645\u0652\u062F\u0
 function escapeButexTextArg(text) {
   return text.replace(/\\/g, "\\textbackslash{}").replace(/[{}]/g, "\\$&");
 }
-function butexDiwaniDisplayTex(text) {
-  return `\\butexdiwani{${escapeButexTextArg(text)}}`;
+function butexFontDisplayTex(macro, text) {
+  return `${macro}{${escapeButexTextArg(text)}}`;
 }
-function butexDiwaniDisplayLatex(text) {
+function butexMaghribiDisplayTex(text) {
+  return butexFontDisplayTex("\\butexmaghribi", text);
+}
+function butexMaghribiDisplayLatex(text) {
   return `\\[
-${butexDiwaniDisplayTex(text)}
+${butexMaghribiDisplayTex(text)}
 \\]`;
 }
 var BASMALA_LINES = [BUTEX_BASMALA_LINE1, BUTEX_BASMALA_LINE2, BUTEX_BASMALA_SALAWAT];
 function butexBasmalaDisplayTex() {
-  return BASMALA_LINES.map((line) => butexDiwaniDisplayTex(line)).join(" \\\\ ");
+  return BASMALA_LINES.map((line) => butexMaghribiDisplayTex(line)).join(" \\\\ ");
 }
 function butexBasmalaDisplayLatex() {
   return `\\[
-${butexBasmalaDisplayTex()}
+\\begin{gathered}
+${BASMALA_LINES.map((line) => butexMaghribiDisplayTex(line)).join(" \\\\\n")}
+\\end{gathered}
 \\]`;
 }
 function butexInColumnMaketitleHook() {
@@ -134,7 +139,7 @@ function butexBasmalaTitlingPreamble(options = {}) {
     "  \\begin{center}",
     ...BASMALA_LINES.map((line, index) => {
       const suffix = index < BASMALA_LINES.length - 1 ? "\\\\" : "";
-      return `  ${butexDiwaniDisplayTex(line)}${suffix}`;
+      return `  ${butexMaghribiDisplayTex(line)}${suffix}`;
     }),
     "  \\par\\vspace{1.5em}",
     "  \\LARGE",
@@ -2099,6 +2104,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators1",
     Tex: "\\neq",
     mirror: true,
+    compileMirror: true,
     Label: "\u2260",
     title: "\u0644\u0627 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2138,6 +2144,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\leq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2264",
     title: "\u0623\u0635\u063A\u0631 \u0645\u0646 \u0623\u0648 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2148,6 +2155,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\geq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2265",
     title: "\u0623\u0643\u0628\u0631 \u0645\u0646 \u0623\u0648 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2158,6 +2166,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\coloneqq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2254",
     title: "\u064A\u0639\u0631\u0641 \u0628\u0623\u0646\u0647 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2168,6 +2177,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\eqqcolon",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2255",
     title: "\u064A\u0633\u0627\u0648\u064A \u0628\u0627\u0644\u062A\u0639\u0631\u064A\u0641",
     svg_path: null
@@ -2179,6 +2189,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\propto",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u221D",
     title: "\u064A\u062A\u0646\u0627\u0633\u0628 \u0645\u0639",
     svg_path: null
@@ -2189,6 +2200,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\in",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2208",
     title: "\u064A\u0646\u062A\u0645\u064A \u0625\u0644\u0649",
     svg_path: null
@@ -2209,6 +2221,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\subset",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2282",
     title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u062C\u0632\u0626\u064A\u0629 \u0645\u0646",
     svg_path: null
@@ -2219,6 +2232,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\supset",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2283",
     title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0640",
     svg_path: null
@@ -2229,6 +2243,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\subseteq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2286",
     title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u062C\u0632\u0626\u064A\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2239,6 +2254,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\supseteq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2287",
     title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2279,6 +2295,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\nsubseteq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2288",
     title: "\u0644\u064A\u0633\u062A \u0645\u062C\u0645\u0648\u0639\u0629 \u062C\u0632\u0626\u064A\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2289,6 +2306,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\nsupseteq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2289",
     title: "\u0644\u064A\u0633\u062A \u0645\u062C\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2336,6 +2354,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\ddots",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u22F1",
     title: "\u0646\u0642\u0627\u0637 \u0642\u0637\u0631\u064A\u0629",
     svg_path: null
@@ -2355,6 +2374,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\implies",
     mirror: true,
+    compileMirror: true,
     Label: "\u21D2",
     title: "\u064A\u0633\u062A\u0644\u0632\u0645",
     svg_path: null
@@ -2364,6 +2384,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\impliedby",
     mirror: true,
+    compileMirror: true,
     Label: "\u21D0",
     title: "\u0645\u0633\u062A\u0644\u0632\u0645 \u0645\u0646",
     svg_path: null
@@ -2382,6 +2403,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\Longrightarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u27F9",
     title: "\u0633\u0647\u0645 \u0645\u0632\u062F\u0648\u062C \u0637\u0648\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2391,6 +2413,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\Longleftarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u27F8",
     title: "\u0633\u0647\u0645 \u0645\u0632\u062F\u0648\u062C \u0637\u0648\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2400,6 +2423,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\to",
     mirror: true,
+    compileMirror: true,
     Label: "\u2192",
     title: "\u064A\u0624\u0648\u0644 \u0625\u0644\u0649",
     svg_path: null
@@ -2409,6 +2433,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\rightleftharpoons",
     mirror: true,
+    compileMirror: true,
     Label: "\u21CC",
     title: "\u0627\u062A\u0632\u0627\u0646",
     svg_path: null
@@ -2418,6 +2443,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\leftarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u2190",
     title: "\u0633\u0647\u0645 \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2427,6 +2453,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\rightarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u2192",
     title: "\u0633\u0647\u0645 \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2436,6 +2463,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\Leftarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u21D0",
     title: "\u0633\u0647\u0645 \u0645\u0632\u062F\u0648\u062C \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2445,6 +2473,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\Rightarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u21D2",
     title: "\u0633\u0647\u0645 \u0645\u0632\u062F\u0648\u062C \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2454,6 +2483,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\leftharpoonup",
     mirror: true,
+    compileMirror: true,
     Label: "\u21BC",
     title: "\u0633\u0647\u0645 \u062E\u0637\u0627\u0641\u064A \u0639\u0644\u0648\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2463,6 +2493,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\rightharpoonup",
     mirror: true,
+    compileMirror: true,
     Label: "\u21C0",
     title: "\u0633\u0647\u0645 \u062E\u0637\u0627\u0641\u064A \u0639\u0644\u0648\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2472,6 +2503,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\leftharpoondown",
     mirror: true,
+    compileMirror: true,
     Label: "\u21BD",
     title: "\u0633\u0647\u0645 \u062E\u0637\u0627\u0641\u064A \u0633\u0641\u0644\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2481,6 +2513,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\rightharpoondown",
     mirror: true,
+    compileMirror: true,
     Label: "\u21C1",
     title: "\u0633\u0647\u0645 \u062E\u0637\u0627\u0641\u064A \u0633\u0641\u0644\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2491,6 +2524,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "integrals",
     Tex: "\\int",
     mirror: true,
+    compileMirror: true,
     Label: "\u222B",
     title: "\u062A\u0643\u0627\u0645\u0644",
     svg_path: null
@@ -2501,6 +2535,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\iint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u222C",
     title: "\u062A\u0643\u0627\u0645\u0644 \u0645\u0632\u062F\u0648\u062C",
     svg_path: null
@@ -2511,6 +2546,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\iiint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u222D",
     title: "\u062A\u0643\u0627\u0645\u0644 \u062B\u0644\u0627\u062B\u064A",
     svg_path: null
@@ -2521,6 +2557,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\iiiint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2A0C",
     title: "\u062A\u0643\u0627\u0645\u0644 \u0631\u0628\u0627\u0639\u064A",
     svg_path: null
@@ -2531,6 +2568,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\oint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u222E",
     title: "\u062A\u0643\u0627\u0645\u0644 \u0645\u063A\u0644\u0642",
     svg_path: null
@@ -2541,6 +2579,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\oiint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u222F",
     title: "\u062A\u0643\u0627\u0645\u0644 \u0633\u0637\u062D\u064A \u0645\u063A\u0644\u0642",
     svg_path: null
@@ -2551,6 +2590,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\oiiint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2230",
     title: "\u062A\u0643\u0627\u0645\u0644 \u062D\u062C\u0645\u064A \u0645\u063A\u0644\u0642",
     svg_path: null
@@ -2560,8 +2600,9 @@ function shouldMirrorOperatorDisplay(command) {
   return command?.displayMirror ?? command?.mirror ?? false;
 }
 var MIRRORED_OPERATOR_TEX = Object.values(ATOMIC_OPERATOR_COMMANDS).filter((command) => command.mirror).map((command) => command.Tex).sort((a, b) => b.length - a.length);
-function matchingMirroredOperator(tex, index) {
-  for (const operatorTex of MIRRORED_OPERATOR_TEX) {
+var COMPILE_MIRRORED_OPERATOR_TEX = Object.values(ATOMIC_OPERATOR_COMMANDS).filter((command) => "compileMirror" in command && command.compileMirror).map((command) => command.Tex).sort((a, b) => b.length - a.length);
+function matchingMirroredOperatorFrom(tex, index, operatorTexList) {
+  for (const operatorTex of operatorTexList) {
     if (!tex.startsWith(operatorTex, index)) {
       continue;
     }
@@ -2592,19 +2633,26 @@ function findMatchingBrace(tex, openIndex) {
   }
   return -1;
 }
-function mirrorBuTeXOperatorsInTex(tex) {
+function mirrorBuTeXOperatorsInTex(tex, options = {}) {
+  const mirroredOperatorTex = options.target === "compile" ? COMPILE_MIRRORED_OPERATOR_TEX : MIRRORED_OPERATOR_TEX;
   let result = "";
   let index = 0;
   while (index < tex.length) {
     if (tex.startsWith("\\butexmirror{", index)) {
       const end = findMatchingBrace(tex, index + "\\butexmirror".length);
       if (end !== -1) {
-        result += tex.slice(index, end + 1);
+        const bodyStart = index + "\\butexmirror{".length;
+        const body = tex.slice(bodyStart, end);
+        if (options.target === "compile" && MIRRORED_OPERATOR_TEX.includes(body) && !mirroredOperatorTex.includes(body)) {
+          result += body;
+        } else {
+          result += tex.slice(index, end + 1);
+        }
         index = end + 1;
         continue;
       }
     }
-    const operatorTex = matchingMirroredOperator(tex, index);
+    const operatorTex = matchingMirroredOperatorFrom(tex, index, mirroredOperatorTex);
     if (operatorTex) {
       result += `\\butexmirror{${operatorTex}}`;
       index += operatorTex.length;
@@ -8266,18 +8314,19 @@ function mathNodeFromSession(session, opening = "$", closing = "$") {
   }
   return { nodeType: "MathObject", mathMode: opening, lines: [], closing };
 }
-function mathTokenSourceForSide(token, side) {
+function mathTokenSourceForSide(token, side, digitForm) {
   if (!token.math || token.sourceOwner === "raw") {
     return token.source;
   }
-  if (token.sourceSide === side) {
+  if (token.sourceSide === side && digitForm === void 0) {
     return token.source;
   }
   const result = mathTokenToEditorSession(token.math, side);
   if (!result.editable) {
     return token.source;
   }
-  return mathSourceFromSession(result.session, side, token.opening, token.closing);
+  const session = digitForm === void 0 ? result.session : setCurrentDigitForm(result.session, digitForm);
+  return mathSourceFromSession(session, side, token.opening, token.closing);
 }
 
 // src/document2/commands.ts
@@ -9011,6 +9060,19 @@ function document2KeyError(key, namespace = {}) {
 }
 
 // src/document2/arabicPreamble.ts
+function fontOptions(digitsMapping, includeScript = true) {
+  const parts = [];
+  if (includeScript) {
+    parts.push("Script=Arabic");
+  }
+  if (digitsMapping !== "digits") {
+    parts.push(`Mapping=${digitsMapping}`);
+  }
+  if (parts.length === 0) {
+    return "";
+  }
+  return `[${parts.join(",")}]`;
+}
 function arabicXeLatexPreamblePkg(twocolumn = false) {
   const classOptions = twocolumn ? "12pt,a4paper,notitlepage,twocolumn" : "12pt,a4paper,notitlepage";
   return `
@@ -9039,25 +9101,27 @@ function arabicXeLatexPreamblePkg(twocolumn = false) {
 % save back tick for use - copy paste ->  ` + "`";
 }
 function arabicXeLatexPreambleFont(digitsMapping = "arabicdigits") {
-  const customFonts = NON_DEFAULT_CHARACTER_FONT_SPECS.filter((font) => font.latexFontCommand && font.latexFontFamily).map((font) => `\\newfontfamily${font.latexFontCommand}[Script=Arabic,Mapping=${digitsMapping}]{${font.latexFontFamily}}`).join("\n");
+  const customFonts = NON_DEFAULT_CHARACTER_FONT_SPECS.filter((font) => font.latexFontCommand && font.latexFontFamily).map((font) => `\\newfontfamily${font.latexFontCommand}${fontOptions(digitsMapping)}{${font.latexFontFamily}}`).join("\n");
+  const mathFontOptions = fontOptions(digitsMapping, false);
   return `
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
-% Toggle between eastern and western digits by changing the Mapping in the below fonts (inside math font as well) between "arabicdigits" and "digits"
+% Persian digits: Mapping=farsidigits
+% Arabic-Indic digits: Mapping=arabicdigits
+% Western digits: omit Mapping entirely
 \\setdefaultlanguage[calendar=gregorian]{arabic}  % from polyglossia
-\\setmainfont[Script=Arabic , Mapping=${digitsMapping}]{Amiri}
+\\setmainfont${fontOptions(digitsMapping)}{Amiri}
 ${customFonts}
-\\newfontfamily\\boldarabic[Script=Arabic,Mapping=${digitsMapping}]{Amiri Bold}
-\\newfontfamily\\italicarabic[Script=Arabic,Mapping=${digitsMapping}]{Amiri Italic}
+\\newfontfamily\\boldarabic${fontOptions(digitsMapping)}{Amiri Bold}
+\\newfontfamily\\italicarabic${fontOptions(digitsMapping)}{Amiri Italic}
 
 % for polyglossia url I dont know, sugggested by cursor
-\\newfontfamily\\arabicfonttt[Script=Arabic,Mapping=${digitsMapping}]{Amiri}
-\\newfontfamily\\arabicfontsf[Script=Arabic,Mapping=${digitsMapping}]{Amiri}
+\\newfontfamily\\arabicfonttt${fontOptions(digitsMapping)}{Amiri}
+\\newfontfamily\\arabicfontsf${fontOptions(digitsMapping)}{Amiri}
 
 
 % Explicitly set math font to XITS Math
-% Remove "Script=Arabic" to cancel reflected symbols and other RTL symbols
-\\setmathfont[Script=Arabic , Mapping=${digitsMapping}]{XITS Math} % Ensure XITS Math is correctly installed and available
+\\setmathfont${mathFontOptions}{XITS Math} % Ensure XITS Math is correctly installed and available
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 `;
@@ -9219,8 +9283,20 @@ function getArabicXeLatexPreamble(digitsMappingOrOptions = "arabicdigits") {
 }
 
 // src/document2/exportLatex.ts
+function digitsMappingFromDigitForm(digitForm) {
+  if (digitForm === "western") {
+    return "digits";
+  }
+  if (digitForm === "persianIndic") {
+    return "farsidigits";
+  }
+  return "arabicdigits";
+}
 function mathBodyLatex(token) {
-  if (!token.math || token.sourceOwner === "raw" || token.sourceOwner === "editor") {
+  if (token.sourceOwner === "editor") {
+    return stripDisplayMathDelimiters(mirrorBuTeXOperatorsInTex(token.source, { target: "compile" }));
+  }
+  if (!token.math || token.sourceOwner === "raw") {
     return stripDisplayMathDelimiters(token.source);
   }
   const rendered = renderMathNodeLatex(token.math);
@@ -9256,7 +9332,10 @@ ${body}
 \\label{${token.label.trim()}}
 \\end{equation}`;
   }
-  if (!token.math || token.sourceOwner === "raw" || token.sourceOwner === "editor") {
+  if (token.sourceOwner === "editor") {
+    return mirrorBuTeXOperatorsInTex(token.source, { target: "compile" });
+  }
+  if (!token.math || token.sourceOwner === "raw") {
     return token.source;
   }
   return renderMathNodeLatex(token.math);
@@ -9374,7 +9453,7 @@ function articleMaketitlePreamble(meta, twocolumn = false) {
   if (meta.authors.trim().length > 0) {
     parts.push(`\\author{${authorLatex(meta.authors)}}`);
   }
-  parts.push(`\\date{${formatHijriDate(meta.date, { locale: "ar", digitForm: "arabicIndic" })}}`);
+  parts.push(`\\date{${formatHijriDate(meta.date, { locale: "ar", digitForm: "western" })}}`);
   return parts.join("\n");
 }
 function articleFrontMatterLatex(meta) {
@@ -9396,7 +9475,7 @@ function document2Latex(document2, options = {}) {
   const twocolumn = options.twocolumn === true;
   const front = articleFrontMatterLatex(meta);
   const bodyBlocks = document2.blocks.map((block) => blockLatex(block, document2.references));
-  const closing = butexDiwaniDisplayLatex(BUTEX_CLOSING_HAMDALA);
+  const closing = butexMaghribiDisplayLatex(BUTEX_CLOSING_HAMDALA);
   const body = [...front, ...bodyBlocks, closing].filter((part) => part.length > 0).join("\n\n");
   const wrapDocument = options.wrapDocument !== false;
   if (!wrapDocument) {
@@ -9406,7 +9485,7 @@ function document2Latex(document2, options = {}) {
 ${body}` : body;
   }
   const preamble = getArabicXeLatexPreamble({
-    digitsMapping: options.digitsMapping ?? "arabicdigits",
+    digitsMapping: options.digitsMapping ?? digitsMappingFromDigitForm(options.digitForm),
     twocolumn
   }) + "\n" + articleMaketitlePreamble(meta, twocolumn);
   return `${preamble}
@@ -9662,8 +9741,8 @@ function remapSelectionAfterRangeMove(selection, direction) {
 }
 
 // src/document2/previewModel.ts
-function mathTex(token, equationSide) {
-  return mathTokenSourceForSide(token, equationSide);
+function mathTex(token, equationSide, digitForm) {
+  return mathTokenSourceForSide(token, equationSide, digitForm);
 }
 function previewInlines(field, islands, output, equationSide, document2, previewOptions) {
   return field.tokens.map((token) => {
@@ -9695,7 +9774,7 @@ function previewInlines(field, islands, output, equationSide, document2, preview
     }
     const island = {
       id: token.id,
-      tex: mathTex(token, equationSide),
+      tex: mathTex(token, equationSide, previewOptions.digitForm),
       display: token.display,
       output,
       editable: token.editable
@@ -9830,7 +9909,7 @@ function document2Preview(document2, output = "svg", equationSide = "arabic", pr
     blocks: [
       ...articleChromePreview(document2, options.uiLocale ?? "ar", options),
       ...body,
-      { kind: "closing", id: "article-closing", text: BUTEX_CLOSING_HAMDALA, tex: butexDiwaniDisplayTex(BUTEX_CLOSING_HAMDALA) }
+      { kind: "closing", id: "article-closing", text: BUTEX_CLOSING_HAMDALA, tex: butexMaghribiDisplayTex(BUTEX_CLOSING_HAMDALA) }
     ],
     mathIslands
   };
@@ -10338,6 +10417,32 @@ function focusArticleMetaPanel(panel) {
 // src/react-document2/ButexDocumentEditor2.tsx
 var import_react13 = require("react");
 
+// src/debugJson.ts
+function lineColumnForPosition(text, position) {
+  const before = text.slice(0, Math.max(0, position));
+  const lines = before.split("\n");
+  return {
+    line: lines.length,
+    column: (lines[lines.length - 1]?.length ?? 0) + 1
+  };
+}
+function parseJsonDebugInput(text) {
+  try {
+    return { ok: true, value: JSON.parse(text) };
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    const positionMatch = message.match(/position\s+(\d+)/i);
+    if (positionMatch) {
+      const position = Number(positionMatch[1]);
+      if (Number.isFinite(position)) {
+        const location = lineColumnForPosition(text, position);
+        return { ok: false, error: `Invalid JSON at line ${String(location.line)}, column ${String(location.column)}: ${message}` };
+      }
+    }
+    return { ok: false, error: `Invalid JSON: ${message}` };
+  }
+}
+
 // src/react-document2/BlockEditor.tsx
 var import_react4 = require("react");
 
@@ -10877,6 +10982,7 @@ function MathChip({
   token,
   output = "svg",
   documentDirection = "rtl",
+  digitForm,
   equationSide = "arabic",
   editable = true,
   uiLocale = "ar",
@@ -10888,7 +10994,7 @@ function MathChip({
   onTextInputFromFocus
 }) {
   const messages = document2Messages(uiLocale);
-  const tex = mathTokenSourceForSide(token, equationSide);
+  const tex = mathTokenSourceForSide(token, equationSide, digitForm);
   const forwardArrowKey = documentDirection === "rtl" ? "ArrowLeft" : "ArrowRight";
   const backwardArrowKey = documentDirection === "rtl" ? "ArrowRight" : "ArrowLeft";
   const island = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MathIsland, { id: token.id, tex, display: token.display, output });
@@ -11298,6 +11404,7 @@ function InlineField({
         token,
         output: mathOutput,
         equationSide,
+        digitForm,
         editable: editableEquations,
         uiLocale,
         buttonRef: (element) => {
@@ -12842,6 +12949,11 @@ var WIDGET_CHROME_CSS = `
   font-family: ${BUTEX_DIWANI_OUTLINE_FONT_STACK};
 }
 
+.butex-widget .font-mode-btn--maghribi,
+.butex-widget .character-font-option--maghribi {
+  font-family: ${BUTEX_MAGHRIBI_FONT_STACK};
+}
+
 .butex-widget .character-font-options {
   position: absolute;
   z-index: 10;
@@ -13376,6 +13488,36 @@ var WIDGET_CHROME_CSS = `
   background: var(--butex-dev-inset-bg);
   color: var(--butex-dev-inset-fg);
 }
+
+.butex-widget .debug-json-import {
+  display: grid;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.butex-widget .debug-json-import textarea {
+  min-height: 150px;
+  resize: vertical;
+  border: 1px solid var(--butex-dev-inset-border);
+  border-radius: 8px;
+  padding: 8px 10px;
+  direction: ltr;
+  text-align: left;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px;
+  background: var(--butex-dev-inset-bg);
+  color: var(--butex-dev-inset-fg);
+}
+
+.butex-widget .debug-json-error {
+  margin: 0;
+  border: 1px solid rgba(220, 38, 38, 0.45);
+  background: rgba(254, 226, 226, 0.9);
+  color: #991b1b;
+  border-radius: 8px;
+  padding: 8px 10px;
+  white-space: pre-wrap;
+}
 `.trim();
 var CHROME_STYLE_ID = "butex-widget-chrome-css";
 function injectWidgetChromeCss(doc) {
@@ -13504,6 +13646,7 @@ ${latex || messages.empty}`;
 var ButexEditor = (0, import_react8.forwardRef)(
   function ButexEditor2({ className, debug = false, defaultSide, uiLocale = "ar", initialSession, onSessionChange }, ref) {
     const messages = equationEditorMessages(uiLocale);
+    const debugEnabled = debug || typeof window !== "undefined" && new URLSearchParams(window.location.search).get("debug") === "1";
     const wrapperRef = (0, import_react8.useRef)(null);
     const surfaceRef = (0, import_react8.useRef)(null);
     const inputRef = (0, import_react8.useRef)(null);
@@ -13521,7 +13664,7 @@ var ButexEditor = (0, import_react8.forwardRef)(
     const digitFormBtnRef = (0, import_react8.useRef)(null);
     const runtimeRef = (0, import_react8.useRef)(null);
     const debugRef = (0, import_react8.useRef)(debug);
-    debugRef.current = debug;
+    debugRef.current = debugEnabled;
     const uiLocaleRef = (0, import_react8.useRef)(uiLocale);
     uiLocaleRef.current = uiLocale;
     const onSessionChangeRef = (0, import_react8.useRef)(onSessionChange);
@@ -13529,6 +13672,9 @@ var ButexEditor = (0, import_react8.forwardRef)(
     const debugBodyHiddenRef = (0, import_react8.useRef)(false);
     const [debugBodyHidden, setDebugBodyHidden] = (0, import_react8.useState)(false);
     debugBodyHiddenRef.current = debugBodyHidden;
+    const [debugImportOpen, setDebugImportOpen] = (0, import_react8.useState)(false);
+    const [debugImportText, setDebugImportText] = (0, import_react8.useState)("");
+    const [debugImportError, setDebugImportError] = (0, import_react8.useState)("");
     const [digitMenuOpen, setDigitMenuOpen] = (0, import_react8.useState)(false);
     const [characterFontMenuOpen, setCharacterFontMenuOpen] = (0, import_react8.useState)(false);
     const [delimiterMenuOpen, setDelimiterMenuOpen] = (0, import_react8.useState)(false);
@@ -13609,6 +13755,54 @@ ${arabic || currentMessages.empty}`;
     }, []);
     const updatePreviewRef = (0, import_react8.useRef)(updatePreview);
     updatePreviewRef.current = updatePreview;
+    async function copyDebugText(text) {
+      try {
+        await navigator.clipboard.writeText(text);
+      } catch {
+      }
+    }
+    function currentMathObjectJsonText() {
+      const session = runtimeRef.current?.getSession();
+      if (!session) {
+        return "";
+      }
+      const math = mathNodeFromEditorSession(session);
+      if (!math.ok) {
+        return "";
+      }
+      return JSON.stringify(toMathObjectJson(math.math), null, 2);
+    }
+    function openDebugMathObjectImport() {
+      setDebugImportText(currentMathObjectJsonText());
+      setDebugImportError("");
+      setDebugImportOpen(true);
+    }
+    function applyDebugMathObjectImport() {
+      const parsed = parseJsonDebugInput(debugImportText);
+      if (!parsed.ok) {
+        setDebugImportError(parsed.error);
+        return;
+      }
+      try {
+        const math = fromMathObjectJson(parsed.value, activeEditorSide);
+        const result = mathObjectToEditorSession(math);
+        if (!result.editable) {
+          setDebugImportError(result.reason);
+          return;
+        }
+        const next = { ...result.session, activeSide: activeEditorSide };
+        runtimeRef.current?.setSession(next);
+        setSelectedDigitForm(next.currentDigitForm ?? "western");
+        setSelectedCharacterFont(next.currentCharacterFont ?? "default");
+        setActiveEditorSide(next.activeSide);
+        onSessionChangeRef.current?.(next);
+        setDebugImportError("");
+        setDebugImportOpen(false);
+        void updatePreviewRef.current(next);
+      } catch (importError) {
+        setDebugImportError(importError instanceof Error ? importError.message : String(importError));
+      }
+    }
     (0, import_react8.useEffect)(() => {
       injectWidgetChromeCss();
       injectBuTeXEditorStyles(typeof document !== "undefined" ? document : void 0);
@@ -14769,7 +14963,7 @@ ${arabic || currentMessages.empty}`;
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: renderErrorRef, className: "error", hidden: true })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { className: "panel panel-preview", "aria-label": messages.renderPreview, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: mathOutputRef, className: "preview-box" }) }),
-          debug ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: "panel", children: [
+          debugEnabled ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: "panel", children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dev-strip", children: [
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "dev-badge", children: messages.development }),
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: latexLinesRef, className: "ascii" }),
@@ -14777,6 +14971,8 @@ ${arabic || currentMessages.empty}`;
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { marginTop: 12 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "debug-head", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: () => void copyDebugText(currentMathObjectJsonText()), children: "Copy MathObject JSON" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", "aria-expanded": debugImportOpen, onClick: openDebugMathObjectImport, children: "Import MathObject JSON" }),
                 /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   "button",
                   {
@@ -14812,6 +15008,35 @@ ${arabic || currentMessages.empty}`;
                   }
                 )
               ] }),
+              debugImportOpen ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "debug-json-import", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "textarea",
+                  {
+                    value: debugImportText,
+                    "aria-label": "Import MathObject JSON",
+                    spellCheck: false,
+                    onChange: (event) => {
+                      setDebugImportText(event.currentTarget.value);
+                      setDebugImportError("");
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "debug-head", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: applyDebugMathObjectImport, children: "Apply" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        setDebugImportOpen(false);
+                        setDebugImportError("");
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] }),
+                debugImportError ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "debug-json-error", children: debugImportError }) : null
+              ] }) : null,
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: debugLogRef, className: "debug-log" })
             ] })
           ] }) : null
@@ -14837,6 +15062,7 @@ function keyErrorMessage2(error, messages) {
   return null;
 }
 function EquationDrawer({
+  debug = false,
   session,
   reason,
   mathMode,
@@ -14954,7 +15180,7 @@ function EquationDrawer({
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             ButexEditor,
             {
-              debug: false,
+              debug,
               defaultSide: equationSide,
               uiLocale,
               initialSession: session,
@@ -16536,6 +16762,42 @@ var DOCUMENT2_WIDGET_CSS = `
   white-space: pre-wrap;
 }
 
+.butex-document2-widget__dev-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 0 0 10px;
+}
+
+.butex-document2-widget__dev-import {
+  display: grid;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.butex-document2-widget__dev-import textarea {
+  background: var(--butex-document2-dev-code-bg);
+  border: 1px solid var(--butex-document2-dev-border);
+  border-radius: 8px;
+  color: var(--butex-document2-dev-code-fg);
+  direction: ltr;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  min-height: 180px;
+  padding: 10px;
+  resize: vertical;
+  text-align: left;
+}
+
+.butex-document2-widget__dev-error {
+  background: rgba(254, 226, 226, 0.9);
+  border: 1px solid rgba(220, 38, 38, 0.45);
+  border-radius: 8px;
+  color: #991b1b;
+  margin: 0;
+  padding: 8px 10px;
+  white-space: pre-wrap;
+}
+
 .butex-document2-widget__dev-diagnostic {
   background: rgba(251, 191, 36, 0.18);
   border: 1px solid rgba(217, 119, 6, 0.4);
@@ -17399,11 +17661,17 @@ function ButexDocumentEditor2({
   const [labelsOpen, setLabelsOpen] = (0, import_react13.useState)(false);
   const [refPicker, setRefPicker] = (0, import_react13.useState)(null);
   const [digitFormState, setDigitFormState] = (0, import_react13.useState)(null);
+  const [debugImportOpen, setDebugImportOpen] = (0, import_react13.useState)(false);
+  const [debugImportText, setDebugImportText] = (0, import_react13.useState)("");
+  const [debugImportError, setDebugImportError] = (0, import_react13.useState)("");
   const [editorFocus, setEditorFocus] = (0, import_react13.useState)(createEmptyDocument2EditorFocus());
   const [collapsedBlockIds, setCollapsedBlockIds] = (0, import_react13.useState)(() => /* @__PURE__ */ new Set());
   const [blockSelectionState, setBlockSelectionState] = (0, import_react13.useState)(emptyBlockSelection);
   const [historyTick, setHistoryTick] = (0, import_react13.useState)(0);
   const digitForm = digitFormProp ?? digitFormState ?? (documentDirection === "rtl" ? "arabicIndic" : "western");
+  function equationSessionWithDocumentDigits(session) {
+    return setCurrentDigitForm(session, digitForm);
+  }
   const historyRef = (0, import_react13.useRef)(createDocument2History());
   const documentRef = (0, import_react13.useRef)(documentNode);
   const textSnapshotArmedRef = (0, import_react13.useRef)(false);
@@ -17412,7 +17680,7 @@ function ButexDocumentEditor2({
   const articleMetaPanelRef = (0, import_react13.useRef)(null);
   const pendingFocusRef = (0, import_react13.useRef)(null);
   documentRef.current = documentNode;
-  const latex = document2Latex(documentNode);
+  const latex = document2Latex(documentNode, { digitForm });
   const documentJson = (0, import_react13.useMemo)(() => toDocumentJson2(documentNode), [documentNode]);
   const documentLabels = (0, import_react13.useMemo)(() => collectDocument2Labels(documentNode), [documentNode]);
   const preview = (0, import_react13.useMemo)(
@@ -17620,6 +17888,46 @@ function ButexDocumentEditor2({
   function openAllBlocks() {
     setCollapsedBlockIds(/* @__PURE__ */ new Set());
   }
+  async function copyDebugText(text) {
+    try {
+      await navigator.clipboard.writeText(text);
+    } catch {
+    }
+  }
+  function openDebugJsonImport() {
+    setDebugImportText(JSON.stringify(documentJson, null, 2));
+    setDebugImportError("");
+    setDebugImportOpen(true);
+  }
+  function applyDebugJsonImport() {
+    const parsed = parseJsonDebugInput(debugImportText);
+    if (!parsed.ok) {
+      setDebugImportError(parsed.error);
+      return;
+    }
+    try {
+      const imported = fromDocumentJson2(parsed.value);
+      textSnapshotArmedRef.current = false;
+      if (textDebounceRef.current !== null) {
+        window.clearTimeout(textDebounceRef.current);
+        textDebounceRef.current = null;
+      }
+      setDocumentNode(imported);
+      setError(null);
+      setSelectedMath(null);
+      setCitePicker(null);
+      setRefPicker(null);
+      clearBlockSelection();
+      setCollapsedBlockIds(/* @__PURE__ */ new Set());
+      setEditorFocus(createEmptyDocument2EditorFocus());
+      historyRef.current = createDocument2History();
+      bumpHistoryUi();
+      setDebugImportError("");
+      setDebugImportOpen(false);
+    } catch (importError) {
+      setDebugImportError(importError instanceof Error ? importError.message : String(importError));
+    }
+  }
   (0, import_react13.useEffect)(() => {
     const root = widgetRef.current;
     if (!root) {
@@ -17675,7 +17983,7 @@ function ButexDocumentEditor2({
       textTokenId: target?.textTokenId ?? null,
       insertAt: target?.caretOffset ?? 0,
       mathMode: mode,
-      session: createEmptyEquationSession(equationSide),
+      session: equationSessionWithDocumentDigits(createEmptyEquationSession(equationSide)),
       reason: null,
       labelEnabled: false,
       label: ""
@@ -17695,7 +18003,7 @@ function ButexDocumentEditor2({
         insertAt: 0,
         textTokenId: null,
         mathMode: mode,
-        session: createEmptyEquationSession(equationSide),
+        session: equationSessionWithDocumentDigits(createEmptyEquationSession(equationSide)),
         reason: result.reason,
         labelEnabled: Boolean(token.labelEnabled),
         label: token.label ?? ""
@@ -17708,7 +18016,7 @@ function ButexDocumentEditor2({
       insertAt: 0,
       textTokenId: null,
       mathMode: mode,
-      session: result.session,
+      session: equationSessionWithDocumentDigits(result.session),
       reason: null,
       labelEnabled: Boolean(token.labelEnabled),
       label: token.label ?? ""
@@ -18133,14 +18441,51 @@ function ButexDocumentEditor2({
             /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: messages.importWarnings }),
             documentNode.diagnostics.map((diagnostic) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "butex-document2-widget__dev-diagnostic", children: formatDocument2Diagnostic(diagnostic, messages) }, `${diagnostic.path}-${diagnostic.message}`))
           ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__dev-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => void copyDebugText(JSON.stringify(documentJson, null, 2)), children: "Copy JSON" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => void copyDebugText(latex), children: "Copy TeX" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", "aria-expanded": debugImportOpen, onClick: openDebugJsonImport, children: "Import JSON" })
+          ] }),
+          debugImportOpen ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__dev-import", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              "textarea",
+              {
+                value: debugImportText,
+                "aria-label": "Import Document2 JSON",
+                spellCheck: false,
+                onChange: (event) => {
+                  setDebugImportText(event.currentTarget.value);
+                  setDebugImportError("");
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__dev-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: applyDebugJsonImport, children: "Apply" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    setDebugImportOpen(false);
+                    setDebugImportError("");
+                  },
+                  children: "Cancel"
+                }
+              )
+            ] }),
+            debugImportError ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "butex-document2-widget__dev-error", children: debugImportError }) : null
+          ] }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "LaTeX" }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { children: latex }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "JSON" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { children: JSON.stringify(documentJson, null, 2) }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "AST" }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { children: JSON.stringify(documentNode, null, 2) })
         ] }) : null,
         !previewOnly && selectedMath ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           EquationDrawer,
           {
+            debug: debugEnabled,
             session: selectedMath.session,
             reason: selectedMath.reason,
             mathMode: selectedMath.mathMode,