@pie-lib/math-rendering 2.3.13 → 2.4.2

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.4.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-rendering@2.4.1...@pie-lib/math-rendering@2.4.2) (2022-05-30)
+
+
+### Bug Fixes
+
+* unable to load items locally ([17ab686](https://github.com/pie-framework/pie-lib/commit/17ab6864557288aef6ec1d9a130cb508e2591562))
+
+
+
+
+
+## [2.4.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-rendering@2.4.0...@pie-lib/math-rendering@2.4.1) (2022-05-24)
+
+
+### Bug Fixes
+
+* unable to load items locally ([a0ddf20](https://github.com/pie-framework/pie-lib/commit/a0ddf2095646e6e84569cb7e0de42d0cd9ea0fb6))
+
+
+
+
+
+# [2.4.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-rendering@2.3.13...@pie-lib/math-rendering@2.4.0) (2022-04-28)
+
+
+### Bug Fixes
+
+* tests ([90d79c4](https://github.com/pie-framework/pie-lib/commit/90d79c4b8c61c029959a729ba1eea1d69a3f2cbe))
+
+
+### Features
+
+* add data-mathml attribute on MathJax containers to be able to use with Text to Speech (TTS) PD-1499 ([df50318](https://github.com/pie-framework/pie-lib/commit/df503184814f0463ef588e468570db3f7d2651df))
+
+
+
+
+
 ## [2.3.13](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-rendering@2.3.12...@pie-lib/math-rendering@2.3.13) (2022-03-21)
 
 

package/lib/render-math.js

@@ -29,6 +29,8 @@ var _normalization = require("./normalization");
 
 var _MmlFactory = require("mathjax-full/js/core/MmlTree/MmlFactory");
 
+var _SerializedMmlVisitor = require("mathjax-full/js/core/MmlTree/SerializedMmlVisitor");
+
 var _WrapperFactory = require("mathjax-full/js/output/chtml/WrapperFactory");
 
 var _mspace = require("mathjax-full/js/output/chtml/Wrappers/mspace");
@@ -47,6 +49,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -57,6 +61,12 @@ if (typeof window !== 'undefined') {
   (0, _html.RegisterHTMLHandler)((0, _browserAdaptor.browserAdaptor)());
 }
 
+var visitor = new _SerializedMmlVisitor.SerializedMmlVisitor();
+
+var toMMl = function toMMl(node) {
+  return visitor.visitTree(node);
+};
+
 var log = (0, _debug["default"])('pie-lib:math-rendering');
 var NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
 var NEWLINE_LATEX = '\\newline ';
@@ -113,6 +123,13 @@ var fixMathElements = function fixMathElements() {
 
 exports.fixMathElements = fixMathElements;
 
+var adjustMathMLStyle = function adjustMathMLStyle() {
+  var nodes = document.querySelectorAll('math');
+  nodes.forEach(function (node) {
+    return node.setAttribute('displaystyle', 'true');
+  });
+};
+
 var bootstrap = function bootstrap(opts) {
   if (typeof window === 'undefined') {
     return {
@@ -144,21 +161,15 @@ var bootstrap = function bootstrap(opts) {
     longdiv: '\\enclose{longdiv}'
   };
   var texConfig = opts.useSingleDollar ? {
-    loader: {
-      require: require
-    },
     packages: packages,
     macros: macros,
     inlineMath: [['$', '$'], ['\\(', '\\)']],
-    displayMath: [['$$', '$$'], ['\\[', '\\]']],
     processEscapes: true
   } : {
     packages: packages,
     macros: macros
   };
   var mmlConfig = {
-    parseAs: 'html',
-    forceReparse: false,
     parseError: function parseError(node) {
       // function to process parsing errors
       console.log('error:', node);
@@ -171,7 +182,6 @@ var bootstrap = function bootstrap(opts) {
     wrapperFactory: new _WrapperFactory.CHTMLWrapperFactory(_objectSpread(_objectSpread({}, _WrapperFactory.CHTMLWrapperFactory.defaultNodes), _mstack.chtmlNodes))
   };
   var mml = new _mathml.MathML(mmlConfig);
-  console.log([new _tex.TeX(texConfig), mml]);
   var customMmlFactory = new _MmlFactory.MmlFactory(_objectSpread(_objectSpread({}, _MmlFactory.MmlFactory.defaultNodes), _mstack.mmlNodes));
 
   var html = _mathjax.mathjax.document(document, {
@@ -198,9 +208,23 @@ var bootstrap = function bootstrap(opts) {
         elements[_key] = arguments[_key];
       }
 
-      this.html.findMath(elements.length ? {
+      var updatedDocument = this.html.findMath(elements.length ? {
         elements: elements
-      } : {}).compile().getMetrics().typeset().updateDocument().clear();
+      } : {}).compile().getMetrics().typeset().updateDocument();
+
+      try {
+        var list = updatedDocument.math.list;
+
+        for (var item = list.next; _typeof(item.data) !== 'symbol'; item = item.next) {
+          var mathMl = toMMl(item.data.root);
+          var parsedMathMl = mathMl.replaceAll('\n', '');
+          item.data.typesetRoot.setAttribute('data-mathml', parsedMathMl);
+        }
+      } catch (e) {
+        console.error(e.toString());
+      }
+
+      updatedDocument.clear();
     }
   };
 };
@@ -208,6 +232,7 @@ var bootstrap = function bootstrap(opts) {
 var renderMath = function renderMath(el, renderOpts) {
   //TODO: remove this - has nothing to do with math-rendering (it's from editable-html)
   fixMathElements();
+  adjustMathMLStyle();
 
   if (!getGlobal().instance) {
     getGlobal().instance = bootstrap(renderOpts);
@@ -236,7 +261,7 @@ var renderMath = function renderMath(el, renderOpts) {
   "display": 'in-line',
   "text-align": 'left'
 } which prevents it from showing as a newline value
-*/
+ */
 
 
 _mspace.CHTMLmspace.styles = {

package/lib/render-math.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/render-math.js"],"names":["window","log","NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","getGlobal","key","pkg","name","version","split","defaultOpts","opts","fixMathElement","element","property","textContent","unwrapped","replace","fixMathElements","mathElements","document","querySelectorAll","forEach","item","bootstrap","Typeset","useSingleDollar","console","warn","packages","AllPackages","filter","push","macros","parallelogram","overarc","napprox","longdiv","texConfig","loader","require","inlineMath","displayMath","processEscapes","mmlConfig","parseAs","forceReparse","parseError","node","error","adaptor","fontURL","mathjax","htmlConfig","wrapperFactory","CHTMLWrapperFactory","defaultNodes","chtmlNodes","mml","MathML","TeX","customMmlFactory","MmlFactory","mmlNodes","html","compileError","mj","math","err","typesetError","doc","InputJax","OutputJax","CHTML","setMmlFactory","elements","findMath","length","compile","getMetrics","typeset","updateDocument","clear","renderMath","el","renderOpts","instance","Element","arr","Array","from","CHTMLmspace","styles","display","height"],"mappings":"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","sourcesContent":["import { mathjax } from 'mathjax-full/js/mathjax';\nimport { MathML } from 'mathjax-full/js/input/mathml';\nimport { TeX } from 'mathjax-full/js/input/tex';\n\nimport { CHTML } from 'mathjax-full/js/output/chtml';\nimport { RegisterHTMLHandler } from 'mathjax-full/js/handlers/html';\nimport { browserAdaptor } from 'mathjax-full/js/adaptors/browserAdaptor';\nimport { AllPackages } from 'mathjax-full/js/input/tex/AllPackages';\n\nif (typeof window !== 'undefined') {\n  RegisterHTMLHandler(browserAdaptor());\n}\n\nimport pkg from '../package.json';\nimport { mmlNodes, chtmlNodes } from './mstack';\nimport debug from 'debug';\nimport { wrapMath, unWrapMath } from './normalization';\nimport { MmlFactory } from 'mathjax-full/js/core/MmlTree/MmlFactory';\nimport { CHTMLWrapperFactory } from 'mathjax-full/js/output/chtml/WrapperFactory';\nimport { CHTMLmspace } from 'mathjax-full/js/output/chtml/Wrappers/mspace';\n\nconst log = debug('pie-lib:math-rendering');\n\nconst NEWLINE_BLOCK_REGEX = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = '\\\\newline ';\n\nconst getGlobal = () => {\n  const key = `${pkg.name}@${pkg.version.split('.')[0]}`;\n\n  if (typeof window !== 'undefined') {\n    if (!window[key]) {\n      window[key] = {};\n    }\n    return window[key];\n  } else {\n    return {};\n  }\n};\n\n/** Add temporary support for a global singleDollar override\n *  <code>\n *   // This will enable single dollar rendering\n *   window.pie = window.pie || {};\n *   window.pie.mathRendering =  {useSingleDollar: true };\n *  </code>\n */\nconst defaultOpts = () => getGlobal().opts || {};\n\nexport const fixMathElement = element => {\n  let property = 'innerText';\n\n  if (element.textContent) {\n    property = 'textContent';\n  }\n\n  if (element[property]) {\n    element[property] = wrapMath(unWrapMath(element[property]).unwrapped);\n    // because mathquill doesn't understand line breaks, sometimes we end up with custom elements on prompts/rationale/etc.\n    // we need to replace the custom embedded elements with valid latex that Mathjax can understand\n    element[property] = element[property].replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX);\n  }\n};\n\nexport const fixMathElements = () => {\n  const mathElements = document.querySelectorAll('[data-latex]');\n\n  mathElements.forEach(item => fixMathElement(item));\n};\n\nconst bootstrap = opts => {\n  if (typeof window === 'undefined') {\n    return { Typeset: () => ({}) };\n  }\n\n  opts = opts || defaultOpts();\n\n  if (opts.useSingleDollar) {\n    // eslint-disable-next-line\n    console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\\\(...\\\\)');\n  }\n\n  const packages = AllPackages.filter(name => name !== 'bussproofs'); // Bussproofs needs an output jax\n\n  // The autoload extension predefines all the macros from the extensions that haven't been loaded already\n  // so that they automatically load the needed extension when they are first used\n  packages.push('autoload');\n\n  const macros = {\n    parallelogram: '\\\\lower.2em{\\\\Huge\\\\unicode{x25B1}}',\n    overarc: '\\\\overparen',\n    napprox: '\\\\not\\\\approx',\n    longdiv: '\\\\enclose{longdiv}'\n  };\n\n  const texConfig = opts.useSingleDollar\n    ? {\n        loader: {\n          require: require\n        },\n        packages,\n        macros,\n        inlineMath: [\n          ['$', '$'],\n          ['\\\\(', '\\\\)']\n        ],\n        displayMath: [\n          ['$$', '$$'],\n          ['\\\\[', '\\\\]']\n        ],\n        processEscapes: true\n      }\n    : {\n        packages,\n        macros\n      };\n\n  const mmlConfig = {\n    parseAs: 'html',\n    forceReparse: false,\n    parseError: function(node) {\n      // function to process parsing errors\n      console.log('error:', node);\n      this.error(this.adaptor.textContent(node).replace(/\\n.*/g, ''));\n    }\n  };\n\n  const fontURL = `https://unpkg.com/mathjax-full@${mathjax.version}/ts/output/chtml/fonts/tex-woff-v2`;\n  const htmlConfig = {\n    fontURL,\n\n    wrapperFactory: new CHTMLWrapperFactory({\n      ...CHTMLWrapperFactory.defaultNodes,\n      ...chtmlNodes\n    })\n  };\n\n  const mml = new MathML(mmlConfig);\n  console.log([new TeX(texConfig), mml]);\n\n  const customMmlFactory = new MmlFactory({\n    ...MmlFactory.defaultNodes,\n    ...mmlNodes\n  });\n\n  const html = mathjax.document(document, {\n    compileError: (mj, math, err) => {\n      console.log('bad math?:', math);\n      console.error(err);\n    },\n    typesetError: function(doc, math, err) {\n      console.log('typeset error');\n      console.error(err);\n      doc.typesetError(math, err);\n    },\n\n    InputJax: [new TeX(texConfig), mml],\n    OutputJax: new CHTML(htmlConfig)\n  });\n\n  // Note: we must set this *after* mathjax.document (no idea why)\n  mml.setMmlFactory(customMmlFactory);\n\n  return {\n    version: mathjax.version,\n    html: html,\n\n    Typeset: function(...elements) {\n      this.html\n        .findMath(elements.length ? { elements } : {})\n        .compile()\n        .getMetrics()\n        .typeset()\n        .updateDocument()\n        .clear();\n    }\n  };\n};\n\nconst renderMath = (el, renderOpts) => {\n  //TODO: remove this - has nothing to do with math-rendering (it's from editable-html)\n  fixMathElements();\n\n  if (!getGlobal().instance) {\n    getGlobal().instance = bootstrap(renderOpts);\n  }\n\n  if (!el) {\n    log('el is undefined');\n    return;\n  }\n\n  if (el instanceof Element) {\n    getGlobal().instance.Typeset(el);\n  } else if (el.length) {\n    const arr = Array.from(el);\n    getGlobal().instance.Typeset(...arr);\n  }\n};\n\n/**\n * This style is added to overried default styling of mjx-mspace Mathjax tag\n * In mathjax src code \\newline latex gets parsed to <mjx-mspace></mjx-mspace>,\n * but has the default style\n * 'mjx-mspace': {\n  \"display\": 'in-line',\n  \"text-align\": 'left'\n} which prevents it from showing as a newline value\n*/\nCHTMLmspace.styles = {\n  'mjx-mspace': {\n    display: 'block',\n    'text-align': 'center',\n    height: '5px'\n  }\n};\n\nexport default renderMath;\n"],"file":"render-math.js"}
+{"version":3,"sources":["../src/render-math.js"],"names":["window","visitor","SerializedMmlVisitor","toMMl","node","visitTree","log","NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","getGlobal","key","pkg","name","version","split","defaultOpts","opts","fixMathElement","element","property","textContent","unwrapped","replace","fixMathElements","mathElements","document","querySelectorAll","forEach","item","adjustMathMLStyle","nodes","setAttribute","bootstrap","Typeset","useSingleDollar","console","warn","packages","AllPackages","filter","push","macros","parallelogram","overarc","napprox","longdiv","texConfig","inlineMath","processEscapes","mmlConfig","parseError","error","adaptor","fontURL","mathjax","htmlConfig","wrapperFactory","CHTMLWrapperFactory","defaultNodes","chtmlNodes","mml","MathML","customMmlFactory","MmlFactory","mmlNodes","html","compileError","mj","math","err","typesetError","doc","InputJax","TeX","OutputJax","CHTML","setMmlFactory","elements","updatedDocument","findMath","length","compile","getMetrics","typeset","updateDocument","list","next","data","mathMl","root","parsedMathMl","replaceAll","typesetRoot","e","toString","clear","renderMath","el","renderOpts","instance","Element","arr","Array","from","CHTMLmspace","styles","display","height"],"mappings":"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","sourcesContent":["import { mathjax } from 'mathjax-full/js/mathjax';\nimport { MathML } from 'mathjax-full/js/input/mathml';\nimport { TeX } from 'mathjax-full/js/input/tex';\n\nimport { CHTML } from 'mathjax-full/js/output/chtml';\nimport { RegisterHTMLHandler } from 'mathjax-full/js/handlers/html';\nimport { browserAdaptor } from 'mathjax-full/js/adaptors/browserAdaptor';\nimport { AllPackages } from 'mathjax-full/js/input/tex/AllPackages';\n\nif (typeof window !== 'undefined') {\n  RegisterHTMLHandler(browserAdaptor());\n}\n\nimport pkg from '../package.json';\nimport { mmlNodes, chtmlNodes } from './mstack';\nimport debug from 'debug';\nimport { wrapMath, unWrapMath } from './normalization';\nimport { MmlFactory } from 'mathjax-full/js/core/MmlTree/MmlFactory';\nimport { SerializedMmlVisitor } from 'mathjax-full/js/core/MmlTree/SerializedMmlVisitor';\nimport { CHTMLWrapperFactory } from 'mathjax-full/js/output/chtml/WrapperFactory';\nimport { CHTMLmspace } from 'mathjax-full/js/output/chtml/Wrappers/mspace';\n\nconst visitor = new SerializedMmlVisitor();\nconst toMMl = node => visitor.visitTree(node);\n\nconst log = debug('pie-lib:math-rendering');\n\nconst NEWLINE_BLOCK_REGEX = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = '\\\\newline ';\n\nconst getGlobal = () => {\n  const key = `${pkg.name}@${pkg.version.split('.')[0]}`;\n\n  if (typeof window !== 'undefined') {\n    if (!window[key]) {\n      window[key] = {};\n    }\n    return window[key];\n  } else {\n    return {};\n  }\n};\n\n/** Add temporary support for a global singleDollar override\n *  <code>\n *   // This will enable single dollar rendering\n *   window.pie = window.pie || {};\n *   window.pie.mathRendering =  {useSingleDollar: true };\n *  </code>\n */\nconst defaultOpts = () => getGlobal().opts || {};\n\nexport const fixMathElement = element => {\n  let property = 'innerText';\n\n  if (element.textContent) {\n    property = 'textContent';\n  }\n\n  if (element[property]) {\n    element[property] = wrapMath(unWrapMath(element[property]).unwrapped);\n    // because mathquill doesn't understand line breaks, sometimes we end up with custom elements on prompts/rationale/etc.\n    // we need to replace the custom embedded elements with valid latex that Mathjax can understand\n    element[property] = element[property].replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX);\n  }\n};\n\nexport const fixMathElements = () => {\n  const mathElements = document.querySelectorAll('[data-latex]');\n\n  mathElements.forEach(item => fixMathElement(item));\n};\n\nconst adjustMathMLStyle = () => {\n  const nodes = document.querySelectorAll('math');\n  nodes.forEach(node => node.setAttribute('displaystyle', 'true'));\n};\n\nconst bootstrap = opts => {\n  if (typeof window === 'undefined') {\n    return { Typeset: () => ({}) };\n  }\n\n  opts = opts || defaultOpts();\n\n  if (opts.useSingleDollar) {\n    // eslint-disable-next-line\n    console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\\\(...\\\\)');\n  }\n\n  const packages = AllPackages.filter(name => name !== 'bussproofs'); // Bussproofs needs an output jax\n\n  // The autoload extension predefines all the macros from the extensions that haven't been loaded already\n  // so that they automatically load the needed extension when they are first used\n  packages.push('autoload');\n\n  const macros = {\n    parallelogram: '\\\\lower.2em{\\\\Huge\\\\unicode{x25B1}}',\n    overarc: '\\\\overparen',\n    napprox: '\\\\not\\\\approx',\n    longdiv: '\\\\enclose{longdiv}'\n  };\n\n  const texConfig = opts.useSingleDollar\n    ? {\n        packages,\n        macros,\n        inlineMath: [\n          ['$', '$'],\n          ['\\\\(', '\\\\)']\n        ],\n        processEscapes: true\n      }\n    : {\n        packages,\n        macros\n      };\n\n  const mmlConfig = {\n    parseError: function(node) {\n      // function to process parsing errors\n      console.log('error:', node);\n      this.error(this.adaptor.textContent(node).replace(/\\n.*/g, ''));\n    }\n  };\n\n  const fontURL = `https://unpkg.com/mathjax-full@${mathjax.version}/ts/output/chtml/fonts/tex-woff-v2`;\n  const htmlConfig = {\n    fontURL,\n\n    wrapperFactory: new CHTMLWrapperFactory({\n      ...CHTMLWrapperFactory.defaultNodes,\n      ...chtmlNodes\n    })\n  };\n\n  const mml = new MathML(mmlConfig);\n\n  const customMmlFactory = new MmlFactory({\n    ...MmlFactory.defaultNodes,\n    ...mmlNodes\n  });\n\n  const html = mathjax.document(document, {\n    compileError: (mj, math, err) => {\n      console.log('bad math?:', math);\n      console.error(err);\n    },\n    typesetError: function(doc, math, err) {\n      console.log('typeset error');\n      console.error(err);\n      doc.typesetError(math, err);\n    },\n\n    InputJax: [new TeX(texConfig), mml],\n    OutputJax: new CHTML(htmlConfig)\n  });\n\n  // Note: we must set this *after* mathjax.document (no idea why)\n  mml.setMmlFactory(customMmlFactory);\n\n  return {\n    version: mathjax.version,\n    html: html,\n    Typeset: function(...elements) {\n      const updatedDocument = this.html\n        .findMath(elements.length ? { elements } : {})\n        .compile()\n        .getMetrics()\n        .typeset()\n        .updateDocument();\n\n      try {\n        const list = updatedDocument.math.list;\n\n        for (let item = list.next; typeof item.data !== 'symbol'; item = item.next) {\n          const mathMl = toMMl(item.data.root);\n          const parsedMathMl = mathMl.replaceAll('\\n', '');\n\n          item.data.typesetRoot.setAttribute('data-mathml', parsedMathMl);\n        }\n      } catch (e) {\n        console.error(e.toString());\n      }\n\n      updatedDocument.clear();\n    }\n  };\n};\n\nconst renderMath = (el, renderOpts) => {\n  //TODO: remove this - has nothing to do with math-rendering (it's from editable-html)\n  fixMathElements();\n  adjustMathMLStyle();\n\n  if (!getGlobal().instance) {\n    getGlobal().instance = bootstrap(renderOpts);\n  }\n\n  if (!el) {\n    log('el is undefined');\n    return;\n  }\n\n  if (el instanceof Element) {\n    getGlobal().instance.Typeset(el);\n  } else if (el.length) {\n    const arr = Array.from(el);\n    getGlobal().instance.Typeset(...arr);\n  }\n};\n\n/**\n * This style is added to overried default styling of mjx-mspace Mathjax tag\n * In mathjax src code \\newline latex gets parsed to <mjx-mspace></mjx-mspace>,\n * but has the default style\n * 'mjx-mspace': {\n  \"display\": 'in-line',\n  \"text-align\": 'left'\n} which prevents it from showing as a newline value\n */\nCHTMLmspace.styles = {\n  'mjx-mspace': {\n    display: 'block',\n    'text-align': 'center',\n    height: '5px'\n  }\n};\n\nexport default renderMath;\n"],"file":"render-math.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/math-rendering",
-  "version": "2.3.13",
+  "version": "2.4.2",
   "description": "math rendering utilities",
   "publishConfig": {
     "access": "public"
@@ -12,8 +12,8 @@
   "dependencies": {
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
-    "mathjax-full": "^3.2.0"
+    "mathjax-full": "3.2.0"
   },
-  "gitHead": "aece71eebc3d81299789f41be579058ca796d106",
+  "gitHead": "debcaf764c62d97a1401f2898b062183847ce33b",
   "scripts": {}
 }

package/src/render-math.js

@@ -16,9 +16,13 @@ import { mmlNodes, chtmlNodes } from './mstack';
 import debug from 'debug';
 import { wrapMath, unWrapMath } from './normalization';
 import { MmlFactory } from 'mathjax-full/js/core/MmlTree/MmlFactory';
+import { SerializedMmlVisitor } from 'mathjax-full/js/core/MmlTree/SerializedMmlVisitor';
 import { CHTMLWrapperFactory } from 'mathjax-full/js/output/chtml/WrapperFactory';
 import { CHTMLmspace } from 'mathjax-full/js/output/chtml/Wrappers/mspace';
 
+const visitor = new SerializedMmlVisitor();
+const toMMl = node => visitor.visitTree(node);
+
 const log = debug('pie-lib:math-rendering');
 
 const NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
@@ -67,6 +71,11 @@ export const fixMathElements = () => {
   mathElements.forEach(item => fixMathElement(item));
 };
 
+const adjustMathMLStyle = () => {
+  const nodes = document.querySelectorAll('math');
+  nodes.forEach(node => node.setAttribute('displaystyle', 'true'));
+};
+
 const bootstrap = opts => {
   if (typeof window === 'undefined') {
     return { Typeset: () => ({}) };
@@ -94,19 +103,12 @@ const bootstrap = opts => {
 
   const texConfig = opts.useSingleDollar
     ? {
-        loader: {
-          require: require
-        },
         packages,
         macros,
         inlineMath: [
           ['$', '$'],
           ['\\(', '\\)']
         ],
-        displayMath: [
-          ['$$', '$$'],
-          ['\\[', '\\]']
-        ],
         processEscapes: true
       }
     : {
@@ -115,8 +117,6 @@ const bootstrap = opts => {
       };
 
   const mmlConfig = {
-    parseAs: 'html',
-    forceReparse: false,
     parseError: function(node) {
       // function to process parsing errors
       console.log('error:', node);
@@ -135,7 +135,6 @@ const bootstrap = opts => {
   };
 
   const mml = new MathML(mmlConfig);
-  console.log([new TeX(texConfig), mml]);
 
   const customMmlFactory = new MmlFactory({
     ...MmlFactory.defaultNodes,
@@ -163,15 +162,28 @@ const bootstrap = opts => {
   return {
     version: mathjax.version,
     html: html,
-
     Typeset: function(...elements) {
-      this.html
+      const updatedDocument = this.html
         .findMath(elements.length ? { elements } : {})
         .compile()
         .getMetrics()
         .typeset()
-        .updateDocument()
-        .clear();
+        .updateDocument();
+
+      try {
+        const list = updatedDocument.math.list;
+
+        for (let item = list.next; typeof item.data !== 'symbol'; item = item.next) {
+          const mathMl = toMMl(item.data.root);
+          const parsedMathMl = mathMl.replaceAll('\n', '');
+
+          item.data.typesetRoot.setAttribute('data-mathml', parsedMathMl);
+        }
+      } catch (e) {
+        console.error(e.toString());
+      }
+
+      updatedDocument.clear();
     }
   };
 };
@@ -179,6 +191,7 @@ const bootstrap = opts => {
 const renderMath = (el, renderOpts) => {
   //TODO: remove this - has nothing to do with math-rendering (it's from editable-html)
   fixMathElements();
+  adjustMathMLStyle();
 
   if (!getGlobal().instance) {
     getGlobal().instance = bootstrap(renderOpts);
@@ -205,7 +218,7 @@ const renderMath = (el, renderOpts) => {
   "display": 'in-line',
   "text-align": 'left'
 } which prevents it from showing as a newline value
-*/
+ */
 CHTMLmspace.styles = {
   'mjx-mspace': {
     display: 'block',