temml 0.10.10 → 0.10.13

package/dist/temml.mjs

@@ -186,6 +186,7 @@ class Settings {
     this.displayMode = utils.deflt(options.displayMode, false);    // boolean
     this.annotate = utils.deflt(options.annotate, false);           // boolean
     this.leqno = utils.deflt(options.leqno, false);                // boolean
+    this.throwOnError = utils.deflt(options.throwOnError, false);  // boolean
     this.errorColor = utils.deflt(options.errorColor, "#b22222");  // string
     this.macros = options.macros || {};
     this.wrap = utils.deflt(options.wrap, "tex");                    // "tex" | "="
@@ -863,6 +864,9 @@ defineSymbol(math, rel, "\u225e", "\\measeq", true);
 defineSymbol(math, rel, "\u225f", "\\questeq", true);
 defineSymbol(math, rel, "\u2260", "\\ne", true);
 defineSymbol(math, rel, "\u2260", "\\neq");
+// unicodemath
+defineSymbol(math, rel, "\u2a75", "\\eqeq", true);
+defineSymbol(math, rel, "\u2a76", "\\eqeqeq", true);
 // mathtools.sty
 defineSymbol(math, rel, "\u2237", "\\dblcolon", true);
 defineSymbol(math, rel, "\u2254", "\\coloneqq", true);
@@ -964,6 +968,7 @@ defineSymbol(math, rel, "\u21c1", "\\rightharpoondown", true);
 defineSymbol(math, rel, "\u2196", "\\nwarrow", true);
 defineSymbol(math, rel, "\u21cc", "\\rightleftharpoons", true);
 defineSymbol(math, mathord, "\u21af", "\\lightning", true);
+defineSymbol(math, mathord, "\u220E", "\\QED", true);
 defineSymbol(math, mathord, "\u2030", "\\permil", true);
 defineSymbol(text, textord, "\u2030", "\\permil");
 
@@ -2128,7 +2133,7 @@ function buildMathML(tree, texExpression, style, settings) {
     math.setAttribute("display", "block");
     math.style.display = math.children.length === 1 && math.children[0].type === "mtable"
       ? "inline"
-      : "inline-block";
+      : "block math";
   }
   return math;
 }
@@ -2412,43 +2417,69 @@ const paddedNode = (group, lspace = 0.3, rspace = 0) => {
   return new mathMLTree.MathNode("mrow", row)
 };
 
-const labelSize = (size, scriptLevel) =>  (size / emScale(scriptLevel)).toFixed(4);
+const labelSize = (size, scriptLevel) =>  Number(size) / emScale(scriptLevel);
 
-const munderoverNode = (name, body, below, style) => {
-  const arrowNode = stretchy.mathMLnode(name);
+const munderoverNode = (fName, body, below, style) => {
+  const arrowNode = stretchy.mathMLnode(fName);
   // Is this the short part of a mhchem equilibrium arrow?
-  const isEq = name.slice(1, 3) === "eq";
-  const minWidth = name.charAt(1) === "x"
-    ? "1.75"  // mathtools extensible arrows are 1.75em long
-    : name.slice(2, 4) === "cd"
+  const isEq = fName.slice(1, 3) === "eq";
+  const minWidth = fName.charAt(1) === "x"
+    ? "1.75"  // mathtools extensible arrows are ≥ 1.75em long
+    : fName.slice(2, 4) === "cd"
     ? "3.0"  // cd package arrows
     : isEq
     ? "1.0"  // The shorter harpoon of a mhchem equilibrium arrow
     : "2.0"; // other mhchem arrows
-  arrowNode.setAttribute("minsize", String(minWidth) + "em");
+  // TODO: When Firefox supports minsize, use the next line.
+  //arrowNode.setAttribute("minsize", String(minWidth) + "em")
   arrowNode.setAttribute("lspace", "0");
   arrowNode.setAttribute("rspace", (isEq ? "0.5em" : "0"));
 
   // <munderover> upper and lower labels are set to scriptlevel by MathML
-  // So we have to adjust our dimensions accordingly.
+  // So we have to adjust our label dimensions accordingly.
   const labelStyle = style.withLevel(style.level < 2 ? 2 : 3);
-  const emptyLabelWidth = labelSize(minWidth, labelStyle.level);
-  const lspace = labelSize((isEq ? 0 : 0.3), labelStyle.level);
-  const rspace = labelSize((isEq ? 0 : 0.3), labelStyle.level);
-
-  const upperNode = (body && body.body &&
+  const minArrowWidth = labelSize(minWidth, labelStyle.level);
+  // The dummyNode will be inside a <mover> inside a <mover>
+  // So it will be at scriptlevel 3
+  const dummyWidth = labelSize(minWidth, 3);
+  const emptyLabel = paddedNode(null, minArrowWidth.toFixed(4), 0);
+  const dummyNode = paddedNode(null, dummyWidth.toFixed(4), 0);
+  // The arrow is a little longer than the label. Set a spacer length.
+  const space = labelSize((isEq ? 0 : 0.3), labelStyle.level).toFixed(4);
+  let upperNode;
+  let lowerNode;
+
+  const gotUpper = (body && body.body &&
     // \hphantom        visible content
-    (body.body.body || body.body.length > 0))
-    ? paddedNode(buildGroup$1(body, labelStyle), lspace, rspace)
-      // Since Firefox does not recognize minsize set on the arrow,
-      // create an upper node w/correct width.
-    : paddedNode(null, emptyLabelWidth, 0);
-  const lowerNode = (below && below.body &&
-    (below.body.body || below.body.length > 0))
-    ? paddedNode(buildGroup$1(below, labelStyle), lspace, rspace)
-    : paddedNode(null, emptyLabelWidth, 0);
-  const node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode]);
-  if (minWidth === "3.0") { node.style.height = "1em"; }
+    (body.body.body || body.body.length > 0));
+  if (gotUpper) {
+    let label =  buildGroup$1(body, labelStyle);
+    label = paddedNode(label, space, space);
+    // Since Firefox does not support minsize, stack a invisible node
+    // on top of the label. Its width will serve as a min-width.
+    // TODO: Refactor this after Firefox supports minsize.
+    upperNode = new mathMLTree.MathNode("mover", [label, dummyNode]);
+  }
+  const gotLower = (below && below.body &&
+    (below.body.body || below.body.length > 0));
+  if (gotLower) {
+    let label =  buildGroup$1(below, labelStyle);
+    label = paddedNode(label, space, space);
+    lowerNode = new mathMLTree.MathNode("munder", [label, dummyNode]);
+  }
+
+  let node;
+  if (!gotUpper && !gotLower) {
+    node = new mathMLTree.MathNode("mover", [arrowNode, emptyLabel]);
+  } else if (gotUpper && gotLower) {
+    node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode]);
+  } else if (gotUpper) {
+    node = new mathMLTree.MathNode("mover", [arrowNode, upperNode]);
+  } else {
+    node = new mathMLTree.MathNode("munder", [arrowNode, lowerNode]);
+  }
+  if (minWidth === "3.0") { node.style.height = "1em"; } // CD environment
+  node.setAttribute("accent", "false"); // Necessary for MS Word
   return node
 };
 
@@ -2527,7 +2558,7 @@ defineFunction({
     "\\xleftrightharpoons",   // mathtools
     "\\xrightleftharpoons",   // mathtools
     "\\yieldsLeftRight",      // mhchem
-    "\\equilibrium",           // mhchem
+    "\\equilibrium",          // mhchem
     "\\equilibriumRight",
     "\\equilibriumLeft"
   ],
@@ -5999,7 +6030,9 @@ defineFunction({
     const arr = (body.body) ? body.body : [body];
     for (const arg of arr) {
       if (textAtomTypes.includes(arg.type)) {
-        if (arg.text) {
+        if (symbols[parser.mode][arg.text]) {
+          mord.text += symbols[parser.mode][arg.text].replace;
+        } else if (arg.text) {
           mord.text += arg.text;
         } else if (arg.body) {
           arg.body.map(e => { mord.text += e.text; });
@@ -7746,6 +7779,8 @@ defineFunctionBuilders({
       node = new mathMLTree.MathNode("mi", [text]);
       if (text.text === origText && latinRegEx.test(origText)) {
         node.setAttribute("mathvariant", "italic");
+      } else if (text.text === "∇" && variant === "normal") {
+        node.setAttribute("mathvariant", "normal");
       }
     }
     return node
@@ -12867,7 +12902,7 @@ class Style {
  * https://mit-license.org/
  */
 
-const version = "0.10.10";
+const version = "0.10.13";
 
 function postProcess(block) {
   const labelMap = {};

package/dist/temmlPostProcess.js

@@ -14,7 +14,7 @@
    * https://mit-license.org/
    */
 
-  const version = "0.10.10";
+  const version = "0.10.13";
 
   function postProcess(block) {
     const labelMap = {};

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "temml",
-  "version": "0.10.10",
+  "version": "0.10.13",
   "description": "TeX to MathML conversion in JavaScript.",
   "main": "dist/temml.js",
+  "engines": {
+    "node": ">=18.13.0"
+  },
   "exports": {
     ".": {
       "require": "./dist/temml.cjs"
@@ -23,7 +26,7 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "eslint": "^8.7.0",
+    "eslint": "^8.39.0",
     "esm": "^3.2.25",
     "rollup": "^2.66.1",
     "terser": "^5.14.2"

package/src/Settings.js

@@ -15,6 +15,7 @@ export default class Settings {
     this.displayMode = utils.deflt(options.displayMode, false);    // boolean
     this.annotate = utils.deflt(options.annotate, false)           // boolean
     this.leqno = utils.deflt(options.leqno, false);                // boolean
+    this.throwOnError = utils.deflt(options.throwOnError, false);  // boolean
     this.errorColor = utils.deflt(options.errorColor, "#b22222");  // string
     this.macros = options.macros || {};
     this.wrap = utils.deflt(options.wrap, "tex")                    // "tex" | "="

package/src/buildMathML.js

@@ -262,7 +262,7 @@ export default function buildMathML(tree, texExpression, style, settings) {
     math.setAttribute("display", "block");
     math.style.display = math.children.length === 1 && math.children[0].type === "mtable"
       ? "inline"
-      : "inline-block"
+      : "block math"
   }
   return math;
 }

package/src/functions/arrow.js

@@ -18,45 +18,71 @@ const paddedNode = (group, lspace = 0.3, rspace = 0) => {
   if (lspace !== 0)   { row.unshift(padding(lspace)) }
   if (rspace > 0) { row.push(padding(rspace)) }
   return new mathMLTree.MathNode("mrow", row)
-};
+}
 
-const labelSize = (size, scriptLevel) =>  (size / emScale(scriptLevel)).toFixed(4)
+const labelSize = (size, scriptLevel) =>  Number(size) / emScale(scriptLevel);
 
-const munderoverNode = (name, body, below, style) => {
-  const arrowNode = stretchy.mathMLnode(name);
+const munderoverNode = (fName, body, below, style) => {
+  const arrowNode = stretchy.mathMLnode(fName);
   // Is this the short part of a mhchem equilibrium arrow?
-  const isEq = name.slice(1, 3) === "eq"
-  const minWidth = name.charAt(1) === "x"
-    ? "1.75"  // mathtools extensible arrows are 1.75em long
-    : name.slice(2, 4) === "cd"
+  const isEq = fName.slice(1, 3) === "eq"
+  const minWidth = fName.charAt(1) === "x"
+    ? "1.75"  // mathtools extensible arrows are ≥ 1.75em long
+    : fName.slice(2, 4) === "cd"
     ? "3.0"  // cd package arrows
     : isEq
     ? "1.0"  // The shorter harpoon of a mhchem equilibrium arrow
     : "2.0"; // other mhchem arrows
-  arrowNode.setAttribute("minsize", String(minWidth) + "em");
+  // TODO: When Firefox supports minsize, use the next line.
+  //arrowNode.setAttribute("minsize", String(minWidth) + "em")
   arrowNode.setAttribute("lspace", "0")
   arrowNode.setAttribute("rspace", (isEq ? "0.5em" : "0"))
 
   // <munderover> upper and lower labels are set to scriptlevel by MathML
-  // So we have to adjust our dimensions accordingly.
+  // So we have to adjust our label dimensions accordingly.
   const labelStyle = style.withLevel(style.level < 2 ? 2 : 3)
-  const emptyLabelWidth = labelSize(minWidth, labelStyle.level)
-  const lspace = labelSize((isEq ? 0 : 0.3), labelStyle.level)
-  const rspace = labelSize((isEq ? 0 : 0.3), labelStyle.level)
+  const minArrowWidth = labelSize(minWidth, labelStyle.level)
+  // The dummyNode will be inside a <mover> inside a <mover>
+  // So it will be at scriptlevel 3
+  const dummyWidth = labelSize(minWidth, 3)
+  const emptyLabel = paddedNode(null, minArrowWidth.toFixed(4), 0)
+  const dummyNode = paddedNode(null, dummyWidth.toFixed(4), 0)
+  // The arrow is a little longer than the label. Set a spacer length.
+  const space = labelSize((isEq ? 0 : 0.3), labelStyle.level).toFixed(4)
+  let upperNode
+  let lowerNode
 
-  const upperNode = (body && body.body &&
+  const gotUpper = (body && body.body &&
     // \hphantom        visible content
     (body.body.body || body.body.length > 0))
-    ? paddedNode(mml.buildGroup(body, labelStyle), lspace, rspace)
-      // Since Firefox does not recognize minsize set on the arrow,
-      // create an upper node w/correct width.
-    : paddedNode(null, emptyLabelWidth, 0)
-  const lowerNode = (below && below.body &&
+  if (gotUpper) {
+    let label =  mml.buildGroup(body, labelStyle)
+    label = paddedNode(label, space, space)
+    // Since Firefox does not support minsize, stack a invisible node
+    // on top of the label. Its width will serve as a min-width.
+    // TODO: Refactor this after Firefox supports minsize.
+    upperNode = new mathMLTree.MathNode("mover", [label, dummyNode])
+  }
+  const gotLower = (below && below.body &&
     (below.body.body || below.body.length > 0))
-    ? paddedNode(mml.buildGroup(below, labelStyle), lspace, rspace)
-    : paddedNode(null, emptyLabelWidth, 0)
-  const node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode]);
-  if (minWidth === "3.0") { node.style.height = "1em" }
+  if (gotLower) {
+    let label =  mml.buildGroup(below, labelStyle)
+    label = paddedNode(label, space, space)
+    lowerNode = new mathMLTree.MathNode("munder", [label, dummyNode])
+  }
+
+  let node
+  if (!gotUpper && !gotLower) {
+    node = new mathMLTree.MathNode("mover", [arrowNode, emptyLabel])
+  } else if (gotUpper && gotLower) {
+    node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode])
+  } else if (gotUpper) {
+    node = new mathMLTree.MathNode("mover", [arrowNode, upperNode])
+  } else {
+    node = new mathMLTree.MathNode("munder", [arrowNode, lowerNode])
+  }
+  if (minWidth === "3.0") { node.style.height = "1em" } // CD environment
+  node.setAttribute("accent", "false") // Necessary for MS Word
   return node
 }
 
@@ -135,7 +161,7 @@ defineFunction({
     "\\xleftrightharpoons",   // mathtools
     "\\xrightleftharpoons",   // mathtools
     "\\yieldsLeftRight",      // mhchem
-    "\\equilibrium",           // mhchem
+    "\\equilibrium",          // mhchem
     "\\equilibriumRight",
     "\\equilibriumLeft"
   ],

package/src/functions/mclass.js

@@ -1,4 +1,5 @@
 import defineFunction, { ordargument } from "../defineFunction";
+import symbols from "../symbols";
 import mathMLTree from "../mathMLTree";
 import utils from "../utils";
 
@@ -112,7 +113,9 @@ defineFunction({
     const arr = (body.body) ? body.body : [body];
     for (const arg of arr) {
       if (textAtomTypes.includes(arg.type)) {
-        if (arg.text) {
+        if (symbols[parser.mode][arg.text]) {
+          mord.text += symbols[parser.mode][arg.text].replace
+        } else if (arg.text) {
           mord.text += arg.text
         } else if (arg.body) {
           arg.body.map(e => { mord.text += e.text })

package/src/functions/symbolsOrd.js

@@ -88,6 +88,8 @@ defineFunctionBuilders({
       node = new mathMLTree.MathNode("mi", [text])
       if (text.text === origText && latinRegEx.test(origText)) {
         node.setAttribute("mathvariant", "italic")
+      } else if (text.text === "∇" && variant === "normal") {
+        node.setAttribute("mathvariant", "normal")
       }
     }
     return node

package/src/postProcess.js

@@ -8,7 +8,7 @@
  * https://mit-license.org/
  */
 
-export const version = "0.10.10";
+export const version = "0.10.13";
 
 export function postProcess(block) {
   const labelMap = {}

package/src/symbols.js

@@ -105,6 +105,9 @@ defineSymbol(math, rel, "\u225e", "\\measeq", true);
 defineSymbol(math, rel, "\u225f", "\\questeq", true);
 defineSymbol(math, rel, "\u2260", "\\ne", true);
 defineSymbol(math, rel, "\u2260", "\\neq");
+// unicodemath
+defineSymbol(math, rel, "\u2a75", "\\eqeq", true);
+defineSymbol(math, rel, "\u2a76", "\\eqeqeq", true);
 // mathtools.sty
 defineSymbol(math, rel, "\u2237", "\\dblcolon", true);
 defineSymbol(math, rel, "\u2254", "\\coloneqq", true);
@@ -206,6 +209,7 @@ defineSymbol(math, rel, "\u21c1", "\\rightharpoondown", true);
 defineSymbol(math, rel, "\u2196", "\\nwarrow", true);
 defineSymbol(math, rel, "\u21cc", "\\rightleftharpoons", true);
 defineSymbol(math, mathord, "\u21af", "\\lightning", true);
+defineSymbol(math, mathord, "\u220E", "\\QED", true);
 defineSymbol(math, mathord, "\u2030", "\\permil", true);
 defineSymbol(text, textord, "\u2030", "\\permil");