@pie-lib/editable-html 10.0.7-next.10 → 10.0.7

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.0.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@10.0.6...@pie-lib/editable-html@10.0.7) (2023-09-18)
+
+
+### Bug Fixes
+
+* use the mathMl resulted no matter if new latex is not identical; added a function to fix the round branckets issue ([61eeaed](https://github.com/pie-framework/pie-lib/commit/61eeaedc240bc247842a0164c07e58a8d8d792c9))
+* **editable-html:** Disable HTML mode in player & retain html mode on alert dialog cancel PD-2765 ([4c56092](https://github.com/pie-framework/pie-lib/commit/4c56092bc66ebde1571b42419c563c580c68b927))
+
+
+
+
+
 ## [10.0.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@10.0.5...@pie-lib/editable-html@10.0.6) (2023-09-14)
 
 **Note:** Version bump only for package @pie-lib/editable-html

package/lib/plugins/math/index.js

@@ -269,6 +269,12 @@ var lessThanHandling = function lessThanHandling(input) {
   return input;
 };
 
+function fixLatexExpression(latexInput) {
+  // for some reason, mmlToLatex parses () incorrectly - or at least in a way that our interpreter can not use them
+  // Replace '\\left.' and '\\right.' with an empty string
+  return latexInput.replace(/\\left\.\s*|\\right\.\s*/g, '');
+}
+
 var serialization = {
   deserialize: function deserialize(el) {
     var tagName = getTagName(el);
@@ -292,8 +298,9 @@ var serialization = {
       if (MathPlugin.mathMlOptions.mmlEditing) {
         var htmlToUse = (0, _mathRendering.mmlToLatex)(newHtml);
         var latex = htmlDecode(htmlToUse);
+        var correctedLatex = fixLatexExpression(latex);
 
-        var _unWrapMath = (0, _mathRendering.unWrapMath)(latex),
+        var _unWrapMath = (0, _mathRendering.unWrapMath)(correctedLatex),
             unwrapped = _unWrapMath.unwrapped,
             wrapType = _unWrapMath.wrapType;
 
@@ -364,21 +371,24 @@ var serialization = {
         var strippedNewL = newLatex.replace(/\s/g, ''); // we check if the latex keeps his form after being converted to mathml and back to latex
         // if it does we can safely convert it to mathml
 
-        if ((0, _isEqual["default"])(strippedL, strippedNewL)) {
-          return /*#__PURE__*/_react["default"].createElement("span", {
-            "data-type": "mathml",
-            dangerouslySetInnerHTML: {
-              __html: res
-            }
-          });
-        } else {
+        if (!(0, _isEqual["default"])(strippedL, strippedNewL)) {
+          var correctedLatex = fixLatexExpression(newLatex); // As George requested in PD-3167, I will set the new mathML anyway, and also log differences
           // if it doesn't we keep the latex version
+
           console.log('This latex can not be safely converted to mathml so we will keep the latex version!!!', {
             initialLatex: l,
             newLatex: newLatex,
+            correctedLatex: correctedLatex,
             mathML: res
           });
         }
+
+        return /*#__PURE__*/_react["default"].createElement("span", {
+          "data-type": "mathml",
+          dangerouslySetInnerHTML: {
+            __html: res
+          }
+        });
       }
 
       return /*#__PURE__*/_react["default"].createElement("span", {

package/lib/plugins/math/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/math/index.jsx"],"names":["log","TEXT_NODE","generateAdditionalKeys","keyData","map","key","name","latex","write","label","CustomToolbarComp","React","memo","props","node","value","onFocus","onBlur","onClick","pluginProps","math","keypadMode","customKeys","controlledKeypadMode","onDone","update","data","toObject","change","setNodeByKey","nextText","document","getNextText","moveFocusTo","moveAnchorTo","onToolbarDone","onChange","onDataChange","get","prev","next","nodeNext","keypadModeNext","controlledKeypadModeNext","keypadModeChanged","controlledKeypadModeChanged","equal","equals","propTypes","SlatePropTypes","isRequired","PropTypes","func","MathPlugin","opts","mathMlOptions","mmlOutput","mmlEditing","toolbar","icon","inlineMath","insertInline","supports","object","type","schema","match","pluginStyles","parentNode","p","position","top","renderNode","html","attributes","__html","ROUND_BRACKETS","SQUARE_BRACKETS","DOLLAR","DOUBLE_DOLLAR","Inline","create","isVoid","htmlDecode","input","doc","DOMParser","parseFromString","documentElement","textContent","getTagName","el","tagName","toLowerCase","lessThanHandling","arrowSplit","split","length","reduce","st","part","serialization","deserialize","hasMathChild","BLOCK_TAGS","childNodes","firstChild","dataset","newHtml","innerHTML","outerHTML","htmlToUse","unwrapped","wrapType","nodes","wrapper","nodeType","hasLatex","hasAttribute","serialize","l","decoded","res","newLatex","strippedL","replace","strippedNewL","console","initialLatex","mathML"],"mappings":"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","sourcesContent":["import Functions from '@material-ui/icons/Functions';\nimport { Inline } from 'slate';\nimport { MathPreview, MathToolbar } from '@pie-lib/math-toolbar';\nimport { wrapMath, unWrapMath, mmlToLatex, renderMath } from '@pie-lib/math-rendering';\nimport React from 'react';\nimport debug from 'debug';\nimport SlatePropTypes from 'slate-prop-types';\nimport PropTypes from 'prop-types';\n\nimport { BLOCK_TAGS } from '../../serialization';\nimport isEqual from 'lodash/isEqual';\n\nconst log = debug('@pie-lib:editable-html:plugins:math');\n\nconst TEXT_NODE = 3;\n\nfunction generateAdditionalKeys(keyData = []) {\n  return keyData.map((key) => ({\n    name: key,\n    latex: key,\n    write: key,\n    label: key,\n  }));\n}\n\n// eslint-disable-next-line react/display-name\nexport const CustomToolbarComp = React.memo(\n  (props) => {\n    const { node, value, onFocus, onBlur, onClick } = props;\n    const { pluginProps } = props || {};\n    const { math } = pluginProps || {};\n    const { keypadMode, customKeys, controlledKeypadMode = true } = math || {};\n\n    const onDone = (latex) => {\n      const update = {\n        ...node.data.toObject(),\n        latex,\n      };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      const nextText = value.document.getNextText(node.key);\n\n      change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n\n      props.onToolbarDone(change, false);\n    };\n\n    const onChange = (latex) => {\n      const update = {\n        ...node.data.toObject(),\n        latex,\n      };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n      log('call onToolbarChange:', change);\n      props.onDataChange(node.key, update);\n    };\n\n    const latex = node.data.get('latex');\n\n    return (\n      <MathToolbar\n        autoFocus\n        additionalKeys={generateAdditionalKeys(customKeys)}\n        latex={latex}\n        onChange={onChange}\n        onDone={onDone}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onClick={onClick}\n        keypadMode={keypadMode}\n        controlledKeypadMode={controlledKeypadMode}\n      />\n    );\n  },\n  (prev, next) => {\n    const { node, pluginProps: { math: { keypadMode, controlledKeypadMode } = {} } = {} } = prev;\n    const {\n      node: nodeNext,\n      pluginProps: { math: { keypadMode: keypadModeNext, controlledKeypadMode: controlledKeypadModeNext } = {} } = {},\n    } = next;\n    const keypadModeChanged = keypadMode !== keypadModeNext;\n    const controlledKeypadModeChanged = controlledKeypadMode !== controlledKeypadModeNext;\n\n    const equal = node.equals(nodeNext);\n    return equal && !keypadModeChanged && !controlledKeypadModeChanged;\n  },\n);\n\nCustomToolbarComp.propTypes = {\n  node: SlatePropTypes.node.isRequired,\n  value: SlatePropTypes.value,\n  onToolbarDone: PropTypes.func,\n  onDataChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onClick: PropTypes.func,\n  onBlur: PropTypes.func,\n};\n\nexport default function MathPlugin(opts) {\n  MathPlugin.mathMlOptions = {\n    mmlOutput: opts.mmlOutput,\n    mmlEditing: opts.mmlEditing,\n  };\n\n  return {\n    name: 'math',\n    toolbar: {\n      icon: <Functions />,\n      onClick: (value, onChange) => {\n        log('[insertMath]');\n        const math = inlineMath();\n        const change = value.change().insertInline(math);\n        onChange(change);\n      },\n      supports: (node) => node && node.object === 'inline' && node.type === 'math',\n      /**\n       * Return a react component function\n       * @param node {Slate.Node}\n       * @param value {Slate.Value}\n       * @param onDone {(change?: Slate.Change, finishEditing :boolea) => void} - a function to call once the toolbar\n       *   has made any changes, call with the node.key and a data object.\n       */\n      CustomToolbarComp,\n    },\n    schema: {\n      document: { match: [{ type: 'math' }] },\n    },\n\n    pluginStyles: (node, parentNode, p) => {\n      if (p) {\n        return {\n          position: 'absolute',\n          top: 'initial',\n        };\n      }\n    },\n\n    renderNode: (props) => {\n      if (props.node.type === 'math') {\n        log('[renderNode]: data:', props.node.data);\n        return <MathPreview {...props} />;\n      }\n\n      /**\n       * Here for rendering mathml content\n       */\n      if (props.node.type === 'mathml') {\n        const html = props.node.data.get('html');\n\n        return <span {...props.attributes} dangerouslySetInnerHTML={{ __html: html }} />;\n      }\n    },\n  };\n}\n\nMathPlugin.ROUND_BRACKETS = 'round_brackets';\nMathPlugin.SQUARE_BRACKETS = 'square_brackets';\nMathPlugin.DOLLAR = 'dollar';\nMathPlugin.DOUBLE_DOLLAR = 'double_dollar';\nMathPlugin.mathMlOptions = {};\n\nMathPlugin.propTypes = {\n  attributes: PropTypes.object,\n  node: SlatePropTypes.node,\n};\n\nexport const inlineMath = () =>\n  Inline.create({\n    object: 'inline',\n    type: 'math',\n    isVoid: true,\n    data: {\n      latex: '',\n    },\n  });\n\nconst htmlDecode = (input) => {\n  const doc = new DOMParser().parseFromString(input, 'text/html');\n\n  return doc.documentElement.textContent;\n};\n\nconst getTagName = (el) => {\n  return ((el && el.tagName) || '').toLowerCase();\n};\n\n/**\n * Makes sure that strings that contain stuff like:\n * x<y are not transformed into x by the DOMParser because it thinks\n * that <y is the start of a dom element tag\n * @param input\n * @returns {*}\n */\nconst lessThanHandling = (input) => {\n  const arrowSplit = input.split('<');\n\n  // if we don't have at least 2 characters there's no point in checking\n  if (input.length > 2) {\n    return arrowSplit.reduce((st, part) => {\n      /*\n       We check if this element resulted is:\n       div - continuation of a beginning of a HTML element\n       /div - closing of a HTML tag\n       br/> - beginning and closing of a html TAG\n       */\n      if (part.match(/<[a-zA-Z/][\\s\\S]*>/gi)) {\n        return `${st}${st ? '<' : ''}${part}`;\n      }\n\n      return `${st}${st ? '&lt;' : ''}${part}`;\n    }, '');\n  }\n\n  return input;\n};\n\nexport const serialization = {\n  deserialize(el) {\n    const tagName = getTagName(el);\n    /**\n     * This is used for when there's a wrapper over the mathml element.\n     * Because of this slate rule: \"Only allow block nodes or inline and text nodes in blocks.\"\n     * The element that contains only the mathml is removed (along with the math) because it has\n     * an inline child and the block is of type block\n     * This is for legacy content only since our math rendering is valid for the core slate rules\n     */\n    const hasMathChild = BLOCK_TAGS[tagName] && el.childNodes.length === 1 && getTagName(el.firstChild) === 'math';\n    log('[deserialize] name: ', tagName);\n\n    /**\n     * This is here in order to be able to render mathml content\n     */\n    if (tagName === 'math' || (el.dataset && el.dataset.type === 'mathml') || hasMathChild) {\n      const newHtml = hasMathChild ? el.innerHTML : el.outerHTML;\n\n      if (MathPlugin.mathMlOptions.mmlEditing) {\n        const htmlToUse = mmlToLatex(newHtml);\n        const latex = htmlDecode(htmlToUse);\n        const { unwrapped, wrapType } = unWrapMath(latex);\n\n        return {\n          object: 'inline',\n          type: 'math',\n          isVoid: true,\n          nodes: [],\n          data: {\n            latex: unwrapped,\n            wrapper: wrapType,\n          },\n        };\n      }\n\n      return {\n        object: 'inline',\n        isVoid: true,\n        type: 'mathml',\n        data: {\n          html: newHtml,\n        },\n      };\n    }\n\n    if (el.nodeType === TEXT_NODE) {\n      return;\n    }\n\n    if (tagName !== 'span') {\n      return;\n    }\n\n    const hasLatex = el.hasAttribute('data-latex') || el.hasAttribute('latex');\n\n    if (hasLatex) {\n      const latex = htmlDecode(el.innerHTML);\n      const { unwrapped, wrapType } = unWrapMath(latex);\n      log('[deserialize]: noBrackets: ', unwrapped, wrapType);\n      return {\n        object: 'inline',\n        type: 'math',\n        isVoid: true,\n        nodes: [],\n        data: {\n          latex: unwrapped,\n          wrapper: wrapType,\n        },\n      };\n    }\n  },\n  serialize(object) {\n    if (object.type === 'math') {\n      const l = object.data.get('latex');\n      const wrapper = object.data.get('wrapper');\n      log('[serialize] latex: ', l);\n      const decoded = htmlDecode(lessThanHandling(l));\n\n      if (MathPlugin.mathMlOptions.mmlOutput) {\n        const res = renderMath(`<span data-latex=\"\" data-raw=\"${decoded}\">${wrapMath(decoded, wrapper)}</span>`);\n        const newLatex = mmlToLatex(res);\n\n        // we need to remove all the spaces from the latex to be able to compare it\n        const strippedL = l.replace(/\\s/g, '');\n        const strippedNewL = newLatex.replace(/\\s/g, '');\n\n        // we check if the latex keeps his form after being converted to mathml and back to latex\n        // if it does we can safely convert it to mathml\n        if (isEqual(strippedL, strippedNewL)) {\n          return <span data-type=\"mathml\" dangerouslySetInnerHTML={{ __html: res }} />;\n        } else {\n          // if it doesn't we keep the latex version\n          console.log('This latex can not be safely converted to mathml so we will keep the latex version!!!', {\n            initialLatex: l,\n            newLatex: newLatex,\n            mathML: res,\n          });\n        }\n      }\n\n      return (\n        <span data-latex=\"\" data-raw={decoded}>\n          {wrapMath(decoded, wrapper)}\n        </span>\n      );\n    }\n\n    /**\n     * Here for rendering mathml content\n     */\n    if (object.type === 'mathml') {\n      const html = object.data.get('html');\n\n      return <span data-type=\"mathml\" dangerouslySetInnerHTML={{ __html: html }} />;\n    }\n  },\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/plugins/math/index.jsx"],"names":["log","TEXT_NODE","generateAdditionalKeys","keyData","map","key","name","latex","write","label","CustomToolbarComp","React","memo","props","node","value","onFocus","onBlur","onClick","pluginProps","math","keypadMode","customKeys","controlledKeypadMode","onDone","update","data","toObject","change","setNodeByKey","nextText","document","getNextText","moveFocusTo","moveAnchorTo","onToolbarDone","onChange","onDataChange","get","prev","next","nodeNext","keypadModeNext","controlledKeypadModeNext","keypadModeChanged","controlledKeypadModeChanged","equal","equals","propTypes","SlatePropTypes","isRequired","PropTypes","func","MathPlugin","opts","mathMlOptions","mmlOutput","mmlEditing","toolbar","icon","inlineMath","insertInline","supports","object","type","schema","match","pluginStyles","parentNode","p","position","top","renderNode","html","attributes","__html","ROUND_BRACKETS","SQUARE_BRACKETS","DOLLAR","DOUBLE_DOLLAR","Inline","create","isVoid","htmlDecode","input","doc","DOMParser","parseFromString","documentElement","textContent","getTagName","el","tagName","toLowerCase","lessThanHandling","arrowSplit","split","length","reduce","st","part","fixLatexExpression","latexInput","replace","serialization","deserialize","hasMathChild","BLOCK_TAGS","childNodes","firstChild","dataset","newHtml","innerHTML","outerHTML","htmlToUse","correctedLatex","unwrapped","wrapType","nodes","wrapper","nodeType","hasLatex","hasAttribute","serialize","l","decoded","res","newLatex","strippedL","strippedNewL","console","initialLatex","mathML"],"mappings":"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","sourcesContent":["import Functions from '@material-ui/icons/Functions';\nimport { Inline } from 'slate';\nimport { MathPreview, MathToolbar } from '@pie-lib/math-toolbar';\nimport { wrapMath, unWrapMath, mmlToLatex, renderMath } from '@pie-lib/math-rendering';\nimport React from 'react';\nimport debug from 'debug';\nimport SlatePropTypes from 'slate-prop-types';\nimport PropTypes from 'prop-types';\n\nimport { BLOCK_TAGS } from '../../serialization';\nimport isEqual from 'lodash/isEqual';\n\nconst log = debug('@pie-lib:editable-html:plugins:math');\n\nconst TEXT_NODE = 3;\n\nfunction generateAdditionalKeys(keyData = []) {\n  return keyData.map((key) => ({\n    name: key,\n    latex: key,\n    write: key,\n    label: key,\n  }));\n}\n\n// eslint-disable-next-line react/display-name\nexport const CustomToolbarComp = React.memo(\n  (props) => {\n    const { node, value, onFocus, onBlur, onClick } = props;\n    const { pluginProps } = props || {};\n    const { math } = pluginProps || {};\n    const { keypadMode, customKeys, controlledKeypadMode = true } = math || {};\n\n    const onDone = (latex) => {\n      const update = {\n        ...node.data.toObject(),\n        latex,\n      };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      const nextText = value.document.getNextText(node.key);\n\n      change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n\n      props.onToolbarDone(change, false);\n    };\n\n    const onChange = (latex) => {\n      const update = {\n        ...node.data.toObject(),\n        latex,\n      };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n      log('call onToolbarChange:', change);\n      props.onDataChange(node.key, update);\n    };\n\n    const latex = node.data.get('latex');\n\n    return (\n      <MathToolbar\n        autoFocus\n        additionalKeys={generateAdditionalKeys(customKeys)}\n        latex={latex}\n        onChange={onChange}\n        onDone={onDone}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onClick={onClick}\n        keypadMode={keypadMode}\n        controlledKeypadMode={controlledKeypadMode}\n      />\n    );\n  },\n  (prev, next) => {\n    const { node, pluginProps: { math: { keypadMode, controlledKeypadMode } = {} } = {} } = prev;\n    const {\n      node: nodeNext,\n      pluginProps: { math: { keypadMode: keypadModeNext, controlledKeypadMode: controlledKeypadModeNext } = {} } = {},\n    } = next;\n    const keypadModeChanged = keypadMode !== keypadModeNext;\n    const controlledKeypadModeChanged = controlledKeypadMode !== controlledKeypadModeNext;\n\n    const equal = node.equals(nodeNext);\n    return equal && !keypadModeChanged && !controlledKeypadModeChanged;\n  },\n);\n\nCustomToolbarComp.propTypes = {\n  node: SlatePropTypes.node.isRequired,\n  value: SlatePropTypes.value,\n  onToolbarDone: PropTypes.func,\n  onDataChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onClick: PropTypes.func,\n  onBlur: PropTypes.func,\n};\n\nexport default function MathPlugin(opts) {\n  MathPlugin.mathMlOptions = {\n    mmlOutput: opts.mmlOutput,\n    mmlEditing: opts.mmlEditing,\n  };\n\n  return {\n    name: 'math',\n    toolbar: {\n      icon: <Functions />,\n      onClick: (value, onChange) => {\n        log('[insertMath]');\n        const math = inlineMath();\n        const change = value.change().insertInline(math);\n        onChange(change);\n      },\n      supports: (node) => node && node.object === 'inline' && node.type === 'math',\n      /**\n       * Return a react component function\n       * @param node {Slate.Node}\n       * @param value {Slate.Value}\n       * @param onDone {(change?: Slate.Change, finishEditing :boolea) => void} - a function to call once the toolbar\n       *   has made any changes, call with the node.key and a data object.\n       */\n      CustomToolbarComp,\n    },\n    schema: {\n      document: { match: [{ type: 'math' }] },\n    },\n\n    pluginStyles: (node, parentNode, p) => {\n      if (p) {\n        return {\n          position: 'absolute',\n          top: 'initial',\n        };\n      }\n    },\n\n    renderNode: (props) => {\n      if (props.node.type === 'math') {\n        log('[renderNode]: data:', props.node.data);\n        return <MathPreview {...props} />;\n      }\n\n      /**\n       * Here for rendering mathml content\n       */\n      if (props.node.type === 'mathml') {\n        const html = props.node.data.get('html');\n\n        return <span {...props.attributes} dangerouslySetInnerHTML={{ __html: html }} />;\n      }\n    },\n  };\n}\n\nMathPlugin.ROUND_BRACKETS = 'round_brackets';\nMathPlugin.SQUARE_BRACKETS = 'square_brackets';\nMathPlugin.DOLLAR = 'dollar';\nMathPlugin.DOUBLE_DOLLAR = 'double_dollar';\nMathPlugin.mathMlOptions = {};\n\nMathPlugin.propTypes = {\n  attributes: PropTypes.object,\n  node: SlatePropTypes.node,\n};\n\nexport const inlineMath = () =>\n  Inline.create({\n    object: 'inline',\n    type: 'math',\n    isVoid: true,\n    data: {\n      latex: '',\n    },\n  });\n\nconst htmlDecode = (input) => {\n  const doc = new DOMParser().parseFromString(input, 'text/html');\n\n  return doc.documentElement.textContent;\n};\n\nconst getTagName = (el) => {\n  return ((el && el.tagName) || '').toLowerCase();\n};\n\n/**\n * Makes sure that strings that contain stuff like:\n * x<y are not transformed into x by the DOMParser because it thinks\n * that <y is the start of a dom element tag\n * @param input\n * @returns {*}\n */\nconst lessThanHandling = (input) => {\n  const arrowSplit = input.split('<');\n\n  // if we don't have at least 2 characters there's no point in checking\n  if (input.length > 2) {\n    return arrowSplit.reduce((st, part) => {\n      /*\n       We check if this element resulted is:\n       div - continuation of a beginning of a HTML element\n       /div - closing of a HTML tag\n       br/> - beginning and closing of a html TAG\n       */\n      if (part.match(/<[a-zA-Z/][\\s\\S]*>/gi)) {\n        return `${st}${st ? '<' : ''}${part}`;\n      }\n\n      return `${st}${st ? '&lt;' : ''}${part}`;\n    }, '');\n  }\n\n  return input;\n};\n\nfunction fixLatexExpression(latexInput) {\n  // for some reason, mmlToLatex parses () incorrectly - or at least in a way that our interpreter can not use them\n  // Replace '\\\\left.' and '\\\\right.' with an empty string\n  return latexInput.replace(/\\\\left\\.\\s*|\\\\right\\.\\s*/g, '');\n}\n\nexport const serialization = {\n  deserialize(el) {\n    const tagName = getTagName(el);\n    /**\n     * This is used for when there's a wrapper over the mathml element.\n     * Because of this slate rule: \"Only allow block nodes or inline and text nodes in blocks.\"\n     * The element that contains only the mathml is removed (along with the math) because it has\n     * an inline child and the block is of type block\n     * This is for legacy content only since our math rendering is valid for the core slate rules\n     */\n    const hasMathChild = BLOCK_TAGS[tagName] && el.childNodes.length === 1 && getTagName(el.firstChild) === 'math';\n    log('[deserialize] name: ', tagName);\n\n    /**\n     * This is here in order to be able to render mathml content\n     */\n    if (tagName === 'math' || (el.dataset && el.dataset.type === 'mathml') || hasMathChild) {\n      const newHtml = hasMathChild ? el.innerHTML : el.outerHTML;\n\n      if (MathPlugin.mathMlOptions.mmlEditing) {\n        const htmlToUse = mmlToLatex(newHtml);\n        const latex = htmlDecode(htmlToUse);\n        const correctedLatex = fixLatexExpression(latex);\n        const { unwrapped, wrapType } = unWrapMath(correctedLatex);\n\n        return {\n          object: 'inline',\n          type: 'math',\n          isVoid: true,\n          nodes: [],\n          data: {\n            latex: unwrapped,\n            wrapper: wrapType,\n          },\n        };\n      }\n\n      return {\n        object: 'inline',\n        isVoid: true,\n        type: 'mathml',\n        data: {\n          html: newHtml,\n        },\n      };\n    }\n\n    if (el.nodeType === TEXT_NODE) {\n      return;\n    }\n\n    if (tagName !== 'span') {\n      return;\n    }\n\n    const hasLatex = el.hasAttribute('data-latex') || el.hasAttribute('latex');\n\n    if (hasLatex) {\n      const latex = htmlDecode(el.innerHTML);\n      const { unwrapped, wrapType } = unWrapMath(latex);\n      log('[deserialize]: noBrackets: ', unwrapped, wrapType);\n      return {\n        object: 'inline',\n        type: 'math',\n        isVoid: true,\n        nodes: [],\n        data: {\n          latex: unwrapped,\n          wrapper: wrapType,\n        },\n      };\n    }\n  },\n  serialize(object) {\n    if (object.type === 'math') {\n      const l = object.data.get('latex');\n      const wrapper = object.data.get('wrapper');\n      log('[serialize] latex: ', l);\n      const decoded = htmlDecode(lessThanHandling(l));\n\n      if (MathPlugin.mathMlOptions.mmlOutput) {\n        const res = renderMath(`<span data-latex=\"\" data-raw=\"${decoded}\">${wrapMath(decoded, wrapper)}</span>`);\n        const newLatex = mmlToLatex(res);\n\n        // we need to remove all the spaces from the latex to be able to compare it\n        const strippedL = l.replace(/\\s/g, '');\n        const strippedNewL = newLatex.replace(/\\s/g, '');\n\n        // we check if the latex keeps his form after being converted to mathml and back to latex\n        // if it does we can safely convert it to mathml\n        if (!isEqual(strippedL, strippedNewL)) {\n          const correctedLatex = fixLatexExpression(newLatex);\n\n          // As George requested in PD-3167, I will set the new mathML anyway, and also log differences\n          // if it doesn't we keep the latex version\n          console.log('This latex can not be safely converted to mathml so we will keep the latex version!!!', {\n            initialLatex: l,\n            newLatex: newLatex,\n            correctedLatex,\n            mathML: res,\n          });\n        }\n\n        return <span data-type=\"mathml\" dangerouslySetInnerHTML={{ __html: res }} />;\n      }\n\n      return (\n        <span data-latex=\"\" data-raw={decoded}>\n          {wrapMath(decoded, wrapper)}\n        </span>\n      );\n    }\n\n    /**\n     * Here for rendering mathml content\n     */\n    if (object.type === 'mathml') {\n      const html = object.data.get('html');\n\n      return <span data-type=\"mathml\" dangerouslySetInnerHTML={{ __html: html }} />;\n    }\n  },\n};\n"],"file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html",
-  "version": "10.0.7-next.10+b4ffbee0",
+  "version": "10.0.7",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -51,6 +51,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b4ffbee0840334f1ccd6c52f6b8e8de3a084e9f6",
+  "gitHead": "cfece677af97481eb28f18a152dfe80ad471b63f",
   "scripts": {}
 }

package/src/plugins/math/index.jsx

@@ -214,6 +214,12 @@ const lessThanHandling = (input) => {
   return input;
 };
 
+function fixLatexExpression(latexInput) {
+  // for some reason, mmlToLatex parses () incorrectly - or at least in a way that our interpreter can not use them
+  // Replace '\\left.' and '\\right.' with an empty string
+  return latexInput.replace(/\\left\.\s*|\\right\.\s*/g, '');
+}
+
 export const serialization = {
   deserialize(el) {
     const tagName = getTagName(el);
@@ -236,7 +242,8 @@ export const serialization = {
       if (MathPlugin.mathMlOptions.mmlEditing) {
         const htmlToUse = mmlToLatex(newHtml);
         const latex = htmlDecode(htmlToUse);
-        const { unwrapped, wrapType } = unWrapMath(latex);
+        const correctedLatex = fixLatexExpression(latex);
+        const { unwrapped, wrapType } = unWrapMath(correctedLatex);
 
         return {
           object: 'inline',
@@ -303,16 +310,20 @@ export const serialization = {
 
         // we check if the latex keeps his form after being converted to mathml and back to latex
         // if it does we can safely convert it to mathml
-        if (isEqual(strippedL, strippedNewL)) {
-          return <span data-type="mathml" dangerouslySetInnerHTML={{ __html: res }} />;
-        } else {
+        if (!isEqual(strippedL, strippedNewL)) {
+          const correctedLatex = fixLatexExpression(newLatex);
+
+          // As George requested in PD-3167, I will set the new mathML anyway, and also log differences
           // if it doesn't we keep the latex version
           console.log('This latex can not be safely converted to mathml so we will keep the latex version!!!', {
             initialLatex: l,
             newLatex: newLatex,
+            correctedLatex,
             mathML: res,
           });
         }
+
+        return <span data-type="mathml" dangerouslySetInnerHTML={{ __html: res }} />;
       }
 
       return (