temml 0.10.16 → 0.10.17

package/dist/temmlPostProcess.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "temml",
-  "version": "0.10.16",
+  "version": "0.10.17",
   "description": "TeX to MathML conversion in JavaScript.",
   "main": "dist/temml.js",
   "engines": {

package/src/buildMathML.js

@@ -207,13 +207,8 @@ const taggedExpression = (expression, tag, style, leqno) => {
 
   expression = new mathMLTree.MathNode("mtd", [expression])
   const rowArray = [glue(), expression, glue()]
-  if (leqno) {
-    rowArray[0].children.push(tag)
-    rowArray[0].style.textAlign = "-webkit-left"
-  } else {
-    rowArray[2].children.push(tag)
-    rowArray[2].style.textAlign = "-webkit-right"
-  }
+  rowArray[leqno ? 0 : 2].classes.push(leqno ? "tml-left" : "tml-right")
+  rowArray[leqno ? 0 : 2].children.push(tag)
   const mtr = new mathMLTree.MathNode("mtr", rowArray, ["tml-tageqn"])
   const table = new mathMLTree.MathNode("mtable", [mtr])
   table.style.width = "100%"

package/src/environments/array.js

@@ -2,6 +2,7 @@ import defineEnvironment from "../defineEnvironment";
 import { parseCD } from "./cd";
 import defineFunction from "../defineFunction";
 import mathMLTree from "../mathMLTree";
+import { Span } from "../domTree"
 import { StyleLevel } from "../constants"
 import ParseError from "../ParseError";
 import { assertNodeType, assertSymbolNodeType } from "../parseNode";
@@ -57,8 +58,9 @@ const getTag = (group, style, rowNum) => {
     return tag
   } else {
     // AMS automatcally numbered equaton.
-    // Insert a class so the element can be populated by a post-processor.
-    tag = new mathMLTree.MathNode("mtext", [], ["tml-eqn"])
+    // Insert a class so the element can be populated by a CSS counter.
+    // WebKit will display the CSS counter only inside a span.
+    tag = new mathMLTree.MathNode("mtext", [new Span(["tml-eqn"])])
   }
   return tag
 }
@@ -255,7 +257,7 @@ const mathmlBuilder = function(group, style) {
         const align = i === 0 ? "left" : i === numRows - 1 ? "right" : "center"
         mtd.setAttribute("columnalign", align)
         if (align !== "center") {
-          mtd.style.textAlign = "-webkit-" + align
+          mtd.classes.push("tml-" + align)
         }
       }
       row.push(mtd)
@@ -266,10 +268,10 @@ const mathmlBuilder = function(group, style) {
       const tag = getTag(group, style.withLevel(cellLevel), i)
       if (group.leqno) {
         row[0].children.push(tag)
-        row[0].style.textAlign = "-webkit-left"
+        row[0].classes.push("tml-left")
       } else {
         row[row.length - 1].children.push(tag)
-        row[row.length - 1].style.textAlign = "-webkit-right"
+        row[row.length - 1].classes.push("tml-right")
       }
     }
     const mtr = new mathMLTree.MathNode("mtr", row, [])
@@ -340,11 +342,11 @@ const mathmlBuilder = function(group, style) {
         for (let j = 0; j < row.children.length; j++) {
           // Chromium does not recognize text-align: left. Use -webkit-
           // TODO: Remove -webkit- when Chromium no longer needs it.
-          row.children[j].style.textAlign = "-webkit-" + (j % 2 ? "left" : "right")
+          row.children[j].classes = ["tml-" + (j % 2 ? "left" : "right")]
         }
         if (group.addEqnNum) {
           const k = group.leqno ? 0 : row.children.length - 1
-          row.children[k].style.textAlign = "-webkit-" + (group.leqno ? "left" : "right")
+          row.children[k].classes = ["tml-" + (group.leqno ? "left" : "right")]
         }
       }
       if (row.children.length > 1 && group.envClasses.includes("cases")) {
@@ -353,7 +355,7 @@ const mathmlBuilder = function(group, style) {
 
       if (group.envClasses.includes("cases") || group.envClasses.includes("subarray")) {
         for (const cell of row.children) {
-          cell.style.textAlign = "-webkit-" + "left"
+          cell.classes.push("tml-left")
         }
       }
     }
@@ -408,7 +410,7 @@ const mathmlBuilder = function(group, style) {
         iCol += 1
         for (const row of table.children) {
           if (colAlign.trim() !== "center" && iCol < row.children.length) {
-            row.children[iCol].style.textAlign = "-webkit-" + colAlign.trim()
+            row.children[iCol].classes = ["tml-" + colAlign.trim()]
           }
         }
         prevTypeWasAlign = true;

package/src/functions/accent.js

@@ -2,6 +2,16 @@ import defineFunction, { normalizeArgument } from "../defineFunction"
 import mathMLTree from "../mathMLTree"
 import stretchy from "../stretchy"
 import * as mml from "../buildMathML"
+import utils from "../utils"
+
+const smalls = "acegıȷmnopqrsuvwxyzαγεηικμνοπρςστυχωϕ𝐚𝐜𝐞𝐠𝐦𝐧𝐨𝐩𝐪𝐫𝐬𝐮𝐯𝐰𝐱𝐲𝐳"
+const talls = "ABCDEFGHIJKLMNOPQRSTUVWXYZbdfhkltΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩβδλζφθψ"
+             + "𝐀𝐁𝐂𝐃𝐄𝐅𝐆𝐇𝐈𝐉𝐊𝐋𝐌𝐍𝐎𝐏𝐐𝐑𝐒𝐓𝐔𝐕𝐖𝐗𝐘𝐙𝐛𝐝𝐟𝐡𝐤𝐥𝐭"
+const longSmalls = new Set(["\\alpha", "\\gamma", "\\delta", "\\epsilon", "\\eta", "\\iota",
+  "\\kappa", "\\mu", "\\nu", "\\pi", "\\rho", "\\sigma", "\\tau", "\\upsilon", "\\chi", "\\psi",
+  "\\omega", "\\imath", "\\jmath"])
+const longTalls = new Set(["\\Gamma", "\\Delta", "\\Sigma", "\\Omega", "\\beta", "\\delta",
+  "\\lambda", "\\theta", "\\psi"])
 
 const mathmlBuilder = (group, style) => {
   const accentNode = group.isStretchy
@@ -13,6 +23,13 @@ const mathmlBuilder = (group, style) => {
   } else {
     accentNode.style.mathStyle = "normal"
     accentNode.style.mathDepth = "0"
+    if (needWebkitShift.has(group.label) &&  utils.isCharacterBox(group.base)) {
+      let shift = ""
+      const ch = group.base.text
+      if (smalls.indexOf(ch) > -1 || longSmalls.has(ch)) { shift = "tml-xshift" }
+      if (talls.indexOf(ch) > -1  || longTalls.has(ch))  { shift = "tml-capshift" }
+      if (shift) { accentNode.classes.push(shift) }
+    }
   }
   if (!group.isStretchy) {
     accentNode.setAttribute("stretchy", "false")
@@ -41,6 +58,19 @@ const nonStretchyAccents = new Set([
   "\\mathring"
 ])
 
+const needWebkitShift = new Set([
+  "\\acute",
+  "\\bar",
+  "\\breve",
+  "\\check",
+  "\\dot",
+  "\\ddot",
+  "\\grave",
+  "\\hat",
+  "\\mathring",
+  "\\'", "\\^", "\\~", "\\=", "\\u", "\\.", '\\"', "\\r", "\\H", "\\v"
+])
+
 // Accents
 defineFunction({
   type: "accent",

package/src/functions/enclose.js

@@ -63,7 +63,10 @@ rgba(0,0,0,0) 100%);`
       node.style.marginRight = "0.03889em"
       break
     case "\\sout":
-      node.style["text-decoration"] = "line-through 0.08em solid"
+      node.style.backgroundImage = 'linear-gradient(black, black)'
+      node.style.backgroundRepeat = 'no-repeat'
+      node.style.backgroundSize = '100% 1.5px'
+      node.style.backgroundPosition = '0 center'
       break
     case "\\boxed":
       // \newcommand{\boxed}[1]{\fbox{\m@th$\displaystyle#1$}} from amsmath.sty

package/src/functions/lap.js

@@ -4,7 +4,7 @@ import mathMLTree from "../mathMLTree"
 import * as mml from "../buildMathML"
 import ParseError from "../ParseError";
 
-const textModeLap = ["\\clap", "\\llap", "\\rlap"]
+const textModeLap = ["\\clap", "\\llap", "\\rlap"];
 
 defineFunction({
   type: "lap",

package/src/postProcess.js

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

package/src/symbols.js

@@ -913,8 +913,6 @@ for (let i = 0; i < letters.length; i++) {
   defineSymbol(math, mathord, ch, ch);
   defineSymbol(text, textord, ch, ch);
 }
-// Prevent Firefox from using a dotless i.
-defineSymbol(text, textord, "i\uFE0E", "i")
 
 // Some more letters in Unicode Basic Multilingual Plane.
 const narrow = "ÇÐÞçþℂℍℕℙℚℝℤℎℏℊℋℌℐℑℒℓ℘ℛℜℬℰℱℳℭℨ";