@pie-lib/math-input-mathlive 1.0.6 → 1.0.8

package/lib/mf/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","Holder","styled","display","width","Input","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","onChange","mathField","latex","fromMathLive","getValue","lastEmitted","event","key","preventDefault","holderRef","React","createRef","undefined","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","_this$setState","ml","wrap","_context","prev","next","loadMathLive","sent","current","abrupt","MathfieldElement","macros","getMacros","toMathLive","readOnly","mathVirtualKeyboardPolicy","addEventListener","onInputEdit","appendChild","innerRef","setState","stop","componentDidMount","arguments","componentDidUpdate","prevProps","_this$props","componentWillUnmount","removeEventListener","remove","get","_this2","v","setLatex","el","focus","blur","clear","command","action","keyToAction","insert","keystroke","selector","KEYSTROKES","executeCommand","message","write","_this3","values","Array","isArray","forEach","vv","render","_this$props2","className","onFocus","onBlur","onClick","createElement","onKeyDown","ref","Component","PropTypes","string","func","bool","_default"],"sources":["../../src/mf/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { loadMathLive, getMacros } from '../mathlive-instance';\nimport { toMathLive, fromMathLive, keyToAction, KEYSTROKES } from '../latex-bridge';\n\nconst log = debug('pie-lib:math-input-mathlive:input');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  '& math-field': {\n    display: 'block',\n    width: '100%',\n  },\n  // MathLive ships its own virtual keyboard toggle; pie supplies its own keypad.\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Editable math field. Drop-in replacement for @pie-lib/math-input's `mq.Input`.\n *\n * Keeps the same imperative surface used by MathInput's keypad\n * (`write`, `command`, `keystroke`, `clear`, `focus`, `blur`) so callers do not\n * change, and the same `latex` / `onChange` props.\n */\nexport class Input extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    latex: PropTypes.string,\n    onChange: PropTypes.func,\n    onClick: PropTypes.func,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    readOnly: PropTypes.bool,\n    innerRef: PropTypes.func,\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    // Tracks the last latex we emitted, so prop echoes don't reset the cursor.\n    this.lastEmitted = undefined;\n  }\n\n  async componentDidMount() {\n    const ml = await loadMathLive();\n\n    if (!ml || !this.holderRef.current) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.value = toMathLive(this.props.latex || '');\n\n    if (this.props.readOnly) {\n      this.mathField.readOnly = true;\n    }\n\n    // pie drives input through its own keypad, so suppress MathLive's.\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n\n    this.mathField.addEventListener('input', this.onInputEdit);\n    this.holderRef.current.appendChild(this.mathField);\n\n    if (this.props.innerRef) {\n      this.props.innerRef(this);\n    }\n\n    this.setState?.({});\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!this.mathField) {\n      return;\n    }\n\n    const { latex, readOnly } = this.props;\n\n    if (readOnly !== prevProps.readOnly) {\n      this.mathField.readOnly = !!readOnly;\n    }\n\n    // Only push the prop back into the field when it genuinely differs from\n    // what the field already holds. This is the analogue of the old\n    // shouldComponentUpdate latex-equality guard and prevents cursor thrash.\n    if (latex !== undefined && latex !== null && latex !== this.lastEmitted) {\n      const next = toMathLive(latex);\n\n      if (next !== this.mathField.value) {\n        this.mathField.value = next;\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onInputEdit);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    if (this.props.innerRef) {\n      this.props.innerRef(null);\n    }\n  }\n\n  onInputEdit = () => {\n    const { onChange } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const latex = fromMathLive(this.mathField.getValue('latex'));\n\n    this.lastEmitted = latex;\n\n    if (onChange) {\n      onChange(latex);\n    }\n  };\n\n  /** Current latex, in stored (MathQuill-compatible) form. */\n  latex() {\n    return this.mathField ? fromMathLive(this.mathField.getValue('latex')) : '';\n  }\n\n  /**\n   * The underlying `<math-field>` element, or undefined until MathLive has\n   * finished loading. Exposed for callers that need the real element.\n   *\n   * NOTE: this is NOT a MathQuill field. Code written against\n   * `@pie-lib/math-input` often did `input.mathField.latex()`; that shape is\n   * provided by `mqCompat` below, and `latex()` on this component is the\n   * supported replacement.\n   */\n  get element() {\n    return this.mathField;\n  }\n\n  /**\n   * MathQuill-shaped facade, so existing `input.mathField.latex()` /\n   * `.el()` call sites keep working instead of throwing. Only the members that\n   * consumers actually used are provided; MathQuill internals such as\n   * `__controller` have no MathLive equivalent and are deliberately absent.\n   */\n  get mqCompat() {\n    return {\n      latex: (v) => (v === undefined ? this.latex() : (this.setLatex(v), v)),\n      el: () => this.mathField,\n      focus: () => this.focus(),\n      blur: () => this.blur(),\n    };\n  }\n\n  /** Programmatically replace the content. */\n  setLatex(v) {\n    if (this.mathField) {\n      this.mathField.value = toMathLive(v || '');\n    }\n  }\n\n  clear() {\n    if (this.mathField) {\n      this.mathField.value = '';\n    }\n\n    return '';\n  }\n\n  blur() {\n    log('blur mathfield');\n    this.mathField && this.mathField.blur();\n  }\n\n  focus() {\n    log('focus mathfield...');\n    this.mathField && this.mathField.focus();\n  }\n\n  /**\n   * MathQuill `cmd()` equivalent.\n   *\n   * Callers pass MathQuill command names (`'\\\\frac'`, `'\\\\sqrt'`, `'^'`, or an\n   * array of them). Those must be expanded into latex with `#?` placeholders,\n   * otherwise inserting a bare `\\frac` produces no editable slots.\n   */\n  command(v) {\n    log('command: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const action = keyToAction({ command: v });\n\n    if (action) {\n      this.mathField.insert(action.value, { focus: true });\n    }\n\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /**\n   * MathQuill `keystroke()` equivalent.\n   *\n   * Accepts MathQuill keystroke names (`'Left'`, `'Right'`, `'Backspace'`) as\n   * the keypad emits them, and passes anything else through as a MathLive\n   * selector.\n   */\n  keystroke(v) {\n    log('keystroke: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const selector = KEYSTROKES[v] || v;\n\n    try {\n      this.mathField.executeCommand(selector);\n    } catch (e) {\n      log('unknown keystroke/selector \"%s\": %s', v, e && e.message);\n    }\n\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /** MathQuill `write()` equivalent. Accepts an array, as `cmd()` did. */\n  write(v) {\n    log('write: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const values = Array.isArray(v) ? v : [v];\n\n    values.forEach((vv) => this.mathField.insert(vv, { focus: true }));\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /**\n   * Enter must not insert a line break: math input is single-expression, and\n   * the MathQuill version swallowed charCode 13 for the same reason. Newlines\n   * are authored explicitly through the newLine embed, not the Enter key.\n   */\n  onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n    }\n  };\n\n  render() {\n    const { className, onFocus, onBlur, onClick } = this.props;\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onClick={onClick}\n        onKeyDown={this.onKeyDown}\n        ref={this.holderRef}\n      />\n    );\n  }\n}\n\nexport default Input;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","Holder","styled","display","width","Input","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","onChange","mathField","latex","fromMathLive","getValue","lastEmitted","event","key","preventDefault","holderRef","React","createRef","undefined","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","generation","ml","wrap","_context","prev","next","mountGeneration","loadMathLive","sent","current","abrupt","MathfieldElement","macros","getMacros","toMathLive","readOnly","mathVirtualKeyboardPolicy","mathModeSpace","MATH_MODE_SPACE","addEventListener","onInputEdit","replaceChildren","innerRef","stop","componentDidMount","arguments","componentDidUpdate","prevProps","_this$props","componentWillUnmount","removeEventListener","remove","get","_this2","v","setLatex","el","focus","blur","clear","command","action","keyToAction","insert","keystroke","selector","KEYSTROKES","executeCommand","message","write","_this3","values","Array","isArray","forEach","vv","render","_this$props2","className","onFocus","onBlur","onClick","createElement","onKeyDown","ref","Component","PropTypes","string","func","bool","_default"],"sources":["../../src/mf/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { loadMathLive, getMacros, MATH_MODE_SPACE } from '../mathlive-instance';\nimport { toMathLive, fromMathLive, keyToAction, KEYSTROKES } from '../latex-bridge';\n\nconst log = debug('pie-lib:math-input-mathlive:input');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  '& math-field': {\n    display: 'block',\n    width: '100%',\n  },\n  // MathLive ships its own virtual keyboard toggle; pie supplies its own keypad.\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Editable math field. Drop-in replacement for @pie-lib/math-input's `mq.Input`.\n *\n * Keeps the same imperative surface used by MathInput's keypad\n * (`write`, `command`, `keystroke`, `clear`, `focus`, `blur`) so callers do not\n * change, and the same `latex` / `onChange` props.\n */\nexport class Input extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    latex: PropTypes.string,\n    onChange: PropTypes.func,\n    onClick: PropTypes.func,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    readOnly: PropTypes.bool,\n    innerRef: PropTypes.func,\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    // Tracks the last latex we emitted, so prop echoes don't reset the cursor.\n    this.lastEmitted = undefined;\n  }\n\n  async componentDidMount() {\n    // MathLive loads asynchronously, so this method resumes after an await and\n    // has to know whether it is still the current mount. React StrictMode calls\n    // mount -> unmount -> mount on the SAME instance in dev, so a boolean\n    // \"unmounted\" flag would latch and block the remount from ever creating a\n    // field. A generation counter identifies the live mount instead: only the\n    // newest one proceeds, and a real unmount invalidates all pending ones.\n    const generation = (this.mountGeneration = (this.mountGeneration || 0) + 1);\n    const ml = await loadMathLive();\n\n    if (generation !== this.mountGeneration || !ml || !this.holderRef.current || this.mathField) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.value = toMathLive(this.props.latex || '');\n\n    if (this.props.readOnly) {\n      this.mathField.readOnly = true;\n    }\n\n    // pie drives input through its own keypad, so suppress MathLive's.\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n    // Without this the spacebar does nothing: MathLive's mathModeSpace\n    // defaults to an empty string.\n    this.mathField.mathModeSpace = MATH_MODE_SPACE;\n\n    this.mathField.addEventListener('input', this.onInputEdit);\n\n    // Belt and braces: drop anything a previous mount may have left behind.\n    this.holderRef.current.replaceChildren(this.mathField);\n\n    if (this.props.innerRef) {\n      this.props.innerRef(this);\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!this.mathField) {\n      return;\n    }\n\n    const { latex, readOnly } = this.props;\n\n    if (readOnly !== prevProps.readOnly) {\n      this.mathField.readOnly = !!readOnly;\n    }\n\n    // Only push the prop back into the field when it genuinely differs from\n    // what the field already holds. This is the analogue of the old\n    // shouldComponentUpdate latex-equality guard and prevents cursor thrash.\n    if (latex !== undefined && latex !== null && latex !== this.lastEmitted) {\n      const next = toMathLive(latex);\n\n      if (next !== this.mathField.value) {\n        this.mathField.value = next;\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    // Invalidate any mount still awaiting the MathLive load, so it does not\n    // append a field into a holder that is going away.\n    this.mountGeneration = (this.mountGeneration || 0) + 1;\n\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onInputEdit);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    if (this.props.innerRef) {\n      this.props.innerRef(null);\n    }\n  }\n\n  onInputEdit = () => {\n    const { onChange } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const latex = fromMathLive(this.mathField.getValue('latex'));\n\n    this.lastEmitted = latex;\n\n    if (onChange) {\n      onChange(latex);\n    }\n  };\n\n  /** Current latex, in stored (MathQuill-compatible) form. */\n  latex() {\n    return this.mathField ? fromMathLive(this.mathField.getValue('latex')) : '';\n  }\n\n  /**\n   * The underlying `<math-field>` element, or undefined until MathLive has\n   * finished loading. Exposed for callers that need the real element.\n   *\n   * NOTE: this is NOT a MathQuill field. Code written against\n   * `@pie-lib/math-input` often did `input.mathField.latex()`; that shape is\n   * provided by `mqCompat` below, and `latex()` on this component is the\n   * supported replacement.\n   */\n  get element() {\n    return this.mathField;\n  }\n\n  /**\n   * MathQuill-shaped facade, so existing `input.mathField.latex()` /\n   * `.el()` call sites keep working instead of throwing. Only the members that\n   * consumers actually used are provided; MathQuill internals such as\n   * `__controller` have no MathLive equivalent and are deliberately absent.\n   */\n  get mqCompat() {\n    return {\n      latex: (v) => (v === undefined ? this.latex() : (this.setLatex(v), v)),\n      el: () => this.mathField,\n      focus: () => this.focus(),\n      blur: () => this.blur(),\n    };\n  }\n\n  /** Programmatically replace the content. */\n  setLatex(v) {\n    if (this.mathField) {\n      this.mathField.value = toMathLive(v || '');\n    }\n  }\n\n  clear() {\n    if (this.mathField) {\n      this.mathField.value = '';\n    }\n\n    return '';\n  }\n\n  blur() {\n    log('blur mathfield');\n    this.mathField && this.mathField.blur();\n  }\n\n  focus() {\n    log('focus mathfield...');\n    this.mathField && this.mathField.focus();\n  }\n\n  /**\n   * MathQuill `cmd()` equivalent.\n   *\n   * Callers pass MathQuill command names (`'\\\\frac'`, `'\\\\sqrt'`, `'^'`, or an\n   * array of them). Those must be expanded into latex with `#?` placeholders,\n   * otherwise inserting a bare `\\frac` produces no editable slots.\n   */\n  command(v) {\n    log('command: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const action = keyToAction({ command: v });\n\n    if (action) {\n      this.mathField.insert(action.value, { focus: true });\n    }\n\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /**\n   * MathQuill `keystroke()` equivalent.\n   *\n   * Accepts MathQuill keystroke names (`'Left'`, `'Right'`, `'Backspace'`) as\n   * the keypad emits them, and passes anything else through as a MathLive\n   * selector.\n   */\n  keystroke(v) {\n    log('keystroke: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const selector = KEYSTROKES[v] || v;\n\n    try {\n      this.mathField.executeCommand(selector);\n    } catch (e) {\n      log('unknown keystroke/selector \"%s\": %s', v, e && e.message);\n    }\n\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /** MathQuill `write()` equivalent. Accepts an array, as `cmd()` did. */\n  write(v) {\n    log('write: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const values = Array.isArray(v) ? v : [v];\n\n    values.forEach((vv) => this.mathField.insert(vv, { focus: true }));\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /**\n   * Enter must not insert a line break: math input is single-expression, and\n   * the MathQuill version swallowed charCode 13 for the same reason. Newlines\n   * are authored explicitly through the newLine embed, not the Enter key.\n   */\n  onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n    }\n  };\n\n  render() {\n    const { className, onFocus, onBlur, onClick } = this.props;\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onClick={onClick}\n        onKeyDown={this.onKeyDown}\n        ref={this.holderRef}\n      />\n    );\n  }\n}\n\nexport default Input;\n"],"mappings":"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","ignoreList":[]}

package/lib/mf/static.js

@@ -20,11 +20,15 @@ var _styles = require("@mui/material/styles");
 var _debug = _interopRequireDefault(require("debug"));
 var _mathliveInstance = require("../mathlive-instance");
 var _latexBridge = require("../latex-bridge");
+var _commonStyles = require("./common-styles");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var log = (0, _debug["default"])('pie-lib:math-input-mathlive:static');
-var Holder = (0, _styles.styled)('span')({
-  display: 'inline-block',
+var Holder = (0, _styles.styled)('span')(_objectSpread(_objectSpread({
+  display: 'inline-block'
+}, _commonStyles.placeholderStyles), {}, {
   '& math-field': {
     display: 'inline-block',
     border: 'none',
@@ -36,7 +40,7 @@ var Holder = (0, _styles.styled)('span')({
   '& math-field::part(menu-toggle)': {
     display: 'none'
   }
-});
+}));
 
 /**
  * Static math. Drop-in replacement for @pie-lib/math-input's `mq.Static`.
@@ -198,10 +202,14 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var ml;
+        var generation, ml;
         return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
+              // See the note in mf/input.jsx: a generation counter, not a boolean, so a
+              // StrictMode mount -> unmount -> mount on the same instance still ends up
+              // with exactly one field.
+              generation = this.mountGeneration = (this.mountGeneration || 0) + 1;
               if (this.isInteractive()) {
                 _context.next = 2;
                 break;
@@ -209,14 +217,16 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
               _context.next = 1;
               return (0, _mathliveInstance.loadMathLive)();
             case 1:
-              this.renderMarkup();
+              if (generation === this.mountGeneration) {
+                this.renderMarkup();
+              }
               return _context.abrupt("return");
             case 2:
               _context.next = 3;
               return (0, _mathliveInstance.loadMathLive)();
             case 3:
               ml = _context.sent;
-              if (!(!ml || !this.holderRef.current)) {
+              if (!(generation !== this.mountGeneration || !ml || !this.holderRef.current || this.mathField)) {
                 _context.next = 4;
                 break;
               }
@@ -227,11 +237,16 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
               });
               this.mathField.readOnly = true;
               this.mathField.mathVirtualKeyboardPolicy = 'manual';
+              // Without this the spacebar does nothing: MathLive's mathModeSpace
+              // defaults to an empty string.
+              this.mathField.mathModeSpace = _mathliveInstance.MATH_MODE_SPACE;
               this.mathField.value = (0, _latexBridge.toMathLive)(this.props.latex);
               this.mathField.addEventListener('input', this.onPromptInput);
               this.mathField.addEventListener('focusin', this.onPromptFocus);
               this.mathField.addEventListener('keydown', this.onKeyDown);
-              this.holderRef.current.appendChild(this.mathField);
+
+              // Belt and braces: drop anything a previous mount may have left behind.
+              this.holderRef.current.replaceChildren(this.mathField);
               this.createLiveRegion();
             case 5:
             case "end":
@@ -259,6 +274,8 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      // Invalidate any mount still awaiting the MathLive load.
+      this.mountGeneration = (this.mountGeneration || 0) + 1;
       if (this.mathField) {
         this.mathField.removeEventListener('input', this.onPromptInput);
         this.mathField.removeEventListener('focusin', this.onPromptFocus);

package/lib/mf/static.js.map

@@ -1 +1 @@
-{"version":3,"file":"static.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","Holder","styled","display","border","background","Static","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","document","liveRegion","createElement","Object","assign","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","parentNode","removeChild","undefined","message","textContent","clearTimeout","announceTimeout","setTimeout","event","isDeleting","key","next","converted","keys","some","id","before","promptValues","after","length","test","slice","announce","_this$props","onSubFieldChange","getFieldName","mathField","values","announceConversion","fields","innerFields","forEach","name","promptHandle","_this$props2","onSubFieldFocus","ids","getPrompts","focused","find","range","getPromptRange","selection","ranges","_range","_slicedToArray2","start","end","_selection$ranges$","selStart","handle","setInput","holderRef","React","createRef","state","markup","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","ml","wrap","_context","prev","isInteractive","loadMathLive","renderMarkup","abrupt","sent","current","MathfieldElement","macros","getMacros","readOnly","mathVirtualKeyboardPolicy","toMathLive","latex","addEventListener","onPromptInput","onPromptFocus","onKeyDown","createLiveRegion","stop","componentDidMount","arguments","componentDidUpdate","prevProps","componentWillUnmount","removeEventListener","remove","removeLiveRegion","fieldIds","indexOf","latexToMarkup","setState","_this2","out","fromMathLive","getPromptValue","_this3","setPromptValue","get","_this4","map","focus","blur","render","_this$props3","className","onFocus","onBlur","ref","dangerouslySetInnerHTML","__html","Component","PropTypes","string","isRequired","func"],"sources":["../../src/mf/static.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { loadMathLive, getMacros, latexToMarkup } from '../mathlive-instance';\nimport { toMathLive, fromMathLive, fieldIds } from '../latex-bridge';\n\nconst log = debug('pie-lib:math-input-mathlive:static');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  '& math-field': {\n    display: 'inline-block',\n    border: 'none',\n    background: 'transparent',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Static math. Drop-in replacement for @pie-lib/math-input's `mq.Static`.\n *\n * Two modes, chosen automatically:\n *\n *  - **display** (no answer blocks in the latex): rendered with\n *    `convertLatexToMarkup`. No mathfield instance, so it is cheap enough for\n *    keypad labels - the old implementation created a full MathQuill\n *    StaticMath per button.\n *\n *  - **interactive** (latex contains `\\MathQuillMathField[..]{}` /\n *    `\\placeholder[..]{}`): a read-only `<math-field>` whose placeholders stay\n *    editable. Sub-field values are surfaced through the prompts API, replacing\n *    MathQuill's `innerFields`.\n */\nexport default class Static extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    getFieldName: PropTypes.func,\n    onSubFieldChange: PropTypes.func,\n    onSubFieldFocus: PropTypes.func,\n    setInput: PropTypes.func,\n  };\n\n  static defaultProps = {\n    getFieldName: () => {},\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    this.state = { markup: '' };\n    this.promptValues = {};\n  }\n\n  async componentDidMount() {\n    if (!this.isInteractive()) {\n      await loadMathLive();\n      this.renderMarkup();\n      return;\n    }\n\n    const ml = await loadMathLive();\n\n    if (!ml || !this.holderRef.current) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.readOnly = true;\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n    this.mathField.value = toMathLive(this.props.latex);\n\n    this.mathField.addEventListener('input', this.onPromptInput);\n    this.mathField.addEventListener('focusin', this.onPromptFocus);\n    this.mathField.addEventListener('keydown', this.onKeyDown);\n\n    this.holderRef.current.appendChild(this.mathField);\n\n    this.createLiveRegion();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latex === this.props.latex) {\n      return;\n    }\n\n    if (this.mathField) {\n      this.mathField.value = toMathLive(this.props.latex);\n    } else {\n      this.renderMarkup();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onPromptInput);\n      this.mathField.removeEventListener('focusin', this.onPromptFocus);\n      this.mathField.removeEventListener('keydown', this.onKeyDown);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    this.removeLiveRegion();\n  }\n\n  /**\n   * Off-screen aria-live region, ported from @pie-lib/math-input's Static.\n   *\n   * MathLive has its own accessibility layer, but it does not announce that\n   * typed input was converted into a math symbol, which screen-reader users\n   * relied on in the MathQuill implementation.\n   */\n  createLiveRegion = () => {\n    if (typeof document === 'undefined' || this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion = document.createElement('div');\n    Object.assign(this.liveRegion.style, {\n      position: 'absolute',\n      width: '1px',\n      height: '1px',\n      marginTop: '-1px',\n      clip: 'rect(1px, 1px, 1px, 1px)',\n      overflow: 'hidden',\n    });\n    this.liveRegion.setAttribute('aria-live', 'polite');\n    this.liveRegion.setAttribute('aria-atomic', 'true');\n\n    document.body.appendChild(this.liveRegion);\n  };\n\n  removeLiveRegion = () => {\n    if (this.liveRegion && this.liveRegion.parentNode) {\n      this.liveRegion.parentNode.removeChild(this.liveRegion);\n    }\n\n    this.liveRegion = undefined;\n  };\n\n  announce = (message) => {\n    if (!this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion.textContent = message;\n\n    // Clear once announced, so the same message can be announced again.\n    clearTimeout(this.announceTimeout);\n    this.announceTimeout = setTimeout(() => {\n      if (this.liveRegion) {\n        this.liveRegion.textContent = '';\n      }\n    }, 500);\n  };\n\n  onKeyDown = (event) => {\n    // Deletions should not be announced as conversions.\n    this.isDeleting = event?.key === 'Backspace' || event?.key === 'Delete';\n  };\n\n  /**\n   * Announce when typed input became a math symbol. The MathQuill version\n   * inferred this by counting braces; here a prompt whose latex grew by more\n   * than the single character typed means a command was expanded.\n   */\n  announceConversion = (next) => {\n    if (this.isDeleting) {\n      this.isDeleting = false;\n      return;\n    }\n\n    const converted = Object.keys(next).some((id) => {\n      const before = this.promptValues[id] || '';\n      const after = next[id] || '';\n\n      return after.length > before.length + 1 && /\\\\/.test(after.slice(before.length));\n    });\n\n    if (converted) {\n      this.announce('Converted to math symbol');\n    }\n  };\n\n  /** Does this latex contain answer blocks? */\n  isInteractive() {\n    const latex = this.props.latex || '';\n\n    return fieldIds(latex).length > 0 || latex.indexOf('\\\\placeholder') !== -1;\n  }\n\n  renderMarkup() {\n    const markup = latexToMarkup(this.props.latex);\n\n    if (markup !== this.state.markup) {\n      this.setState({ markup });\n    }\n  }\n\n  /** MathQuill's `innerFields` equivalent, keyed by prompt id. */\n  values() {\n    if (!this.mathField) {\n      return {};\n    }\n\n    const out = {};\n\n    (this.mathField.getPrompts() || []).forEach((id) => {\n      out[id] = fromMathLive(this.mathField.getPromptValue(id));\n    });\n\n    return out;\n  }\n\n  /**\n   * A MathQuill-inner-field-like handle for a prompt.\n   *\n   * The old API handed callers a MathQuill field object, and consumers commonly\n   * called `field.latex()` on it. There is no equivalent object in MathLive -\n   * prompts are addressed by id - so this adapter exposes the parts that were\n   * actually used: `id` and a get/set `latex()`.\n   */\n  promptHandle(id) {\n    return {\n      id,\n      latex: (value) => {\n        if (!this.mathField) {\n          return '';\n        }\n\n        if (value === undefined) {\n          return fromMathLive(this.mathField.getPromptValue(id));\n        }\n\n        this.mathField.setPromptValue(id, toMathLive(value), {});\n\n        return value;\n      },\n    };\n  }\n\n  /** All prompt handles, the analogue of `mathField.innerFields`. */\n  get innerFields() {\n    if (!this.mathField) {\n      return [];\n    }\n\n    return (this.mathField.getPrompts() || []).map((id) => this.promptHandle(id));\n  }\n\n  onPromptInput = () => {\n    const { onSubFieldChange, getFieldName } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const next = this.values();\n\n    this.announceConversion(next);\n\n    if (!onSubFieldChange) {\n      this.promptValues = next;\n      return;\n    }\n\n    const fields = this.innerFields;\n\n    // Emit only the prompts whose value actually changed, mirroring the\n    // per-field granularity of the old onSubFieldChange(name, latex).\n    Object.keys(next).forEach((id) => {\n      if (next[id] === this.promptValues[id]) {\n        return;\n      }\n\n      const name = getFieldName(this.promptHandle(id), fields) || id;\n\n      onSubFieldChange(name, next[id]);\n    });\n\n    this.promptValues = next;\n  };\n\n  onPromptFocus = () => {\n    const { onSubFieldFocus, getFieldName } = this.props;\n\n    if (!this.mathField || !onSubFieldFocus) {\n      return;\n    }\n\n    try {\n      const ids = this.mathField.getPrompts() || [];\n      // The focused prompt is the one containing the current selection.\n      const focused = ids.find((id) => {\n        const range = this.mathField.getPromptRange(id);\n        const selection = this.mathField.selection;\n\n        if (!range || !selection || !selection.ranges || !selection.ranges.length) {\n          return false;\n        }\n\n        const [start, end] = range;\n        const [selStart] = selection.ranges[0];\n\n        return selStart >= start && selStart <= end;\n      });\n\n      if (focused) {\n        const handle = this.promptHandle(focused);\n        const name = getFieldName(handle, this.innerFields) || focused;\n\n        if (this.props.setInput) {\n          this.props.setInput(handle);\n        }\n\n        onSubFieldFocus(name, handle);\n      }\n    } catch (e) {\n      log('error resolving focused prompt: %s', e.message);\n    }\n  };\n\n  focus() {\n    this.mathField && this.mathField.focus();\n  }\n\n  blur() {\n    this.mathField && this.mathField.blur();\n  }\n\n  render() {\n    const { className, onFocus, onBlur } = this.props;\n    const { markup } = this.state;\n\n    if (this.mathField || this.isInteractive()) {\n      return <Holder className={className} onFocus={onFocus} onBlur={onBlur} ref={this.holderRef} />;\n    }\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={this.holderRef}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: markup }}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"static.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_commonStyles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","Holder","styled","display","placeholderStyles","border","background","Static","exports","_React$Component","props","_this","_classCallCheck2","document","liveRegion","createElement","assign","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","parentNode","removeChild","undefined","message","textContent","clearTimeout","announceTimeout","setTimeout","event","isDeleting","key","next","converted","some","id","before","promptValues","after","test","slice","announce","_this$props","onSubFieldChange","getFieldName","mathField","values","announceConversion","fields","innerFields","name","promptHandle","_this$props2","onSubFieldFocus","ids","getPrompts","focused","find","range","getPromptRange","selection","ranges","_range","_slicedToArray2","start","end","_selection$ranges$","selStart","handle","setInput","holderRef","React","createRef","state","markup","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","generation","ml","wrap","_context","prev","mountGeneration","isInteractive","loadMathLive","renderMarkup","abrupt","sent","current","MathfieldElement","macros","getMacros","readOnly","mathVirtualKeyboardPolicy","mathModeSpace","MATH_MODE_SPACE","toMathLive","latex","addEventListener","onPromptInput","onPromptFocus","onKeyDown","replaceChildren","createLiveRegion","stop","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","removeEventListener","remove","removeLiveRegion","fieldIds","indexOf","latexToMarkup","setState","_this2","out","fromMathLive","getPromptValue","_this3","setPromptValue","get","_this4","map","focus","blur","render","_this$props3","className","onFocus","onBlur","ref","dangerouslySetInnerHTML","__html","Component","PropTypes","string","isRequired","func"],"sources":["../../src/mf/static.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { loadMathLive, getMacros, latexToMarkup, MATH_MODE_SPACE } from '../mathlive-instance';\nimport { toMathLive, fromMathLive, fieldIds } from '../latex-bridge';\nimport { placeholderStyles } from './common-styles';\n\nconst log = debug('pie-lib:math-input-mathlive:static');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  // Shared static-math rules: muted empty-slot glyphs and svg containment.\n  ...placeholderStyles,\n  '& math-field': {\n    display: 'inline-block',\n    border: 'none',\n    background: 'transparent',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Static math. Drop-in replacement for @pie-lib/math-input's `mq.Static`.\n *\n * Two modes, chosen automatically:\n *\n *  - **display** (no answer blocks in the latex): rendered with\n *    `convertLatexToMarkup`. No mathfield instance, so it is cheap enough for\n *    keypad labels - the old implementation created a full MathQuill\n *    StaticMath per button.\n *\n *  - **interactive** (latex contains `\\MathQuillMathField[..]{}` /\n *    `\\placeholder[..]{}`): a read-only `<math-field>` whose placeholders stay\n *    editable. Sub-field values are surfaced through the prompts API, replacing\n *    MathQuill's `innerFields`.\n */\nexport default class Static extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    getFieldName: PropTypes.func,\n    onSubFieldChange: PropTypes.func,\n    onSubFieldFocus: PropTypes.func,\n    setInput: PropTypes.func,\n  };\n\n  static defaultProps = {\n    getFieldName: () => {},\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    this.state = { markup: '' };\n    this.promptValues = {};\n  }\n\n  async componentDidMount() {\n    // See the note in mf/input.jsx: a generation counter, not a boolean, so a\n    // StrictMode mount -> unmount -> mount on the same instance still ends up\n    // with exactly one field.\n    const generation = (this.mountGeneration = (this.mountGeneration || 0) + 1);\n\n    if (!this.isInteractive()) {\n      await loadMathLive();\n\n      if (generation === this.mountGeneration) {\n        this.renderMarkup();\n      }\n\n      return;\n    }\n\n    const ml = await loadMathLive();\n\n    if (generation !== this.mountGeneration || !ml || !this.holderRef.current || this.mathField) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.readOnly = true;\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n    // Without this the spacebar does nothing: MathLive's mathModeSpace\n    // defaults to an empty string.\n    this.mathField.mathModeSpace = MATH_MODE_SPACE;\n    this.mathField.value = toMathLive(this.props.latex);\n\n    this.mathField.addEventListener('input', this.onPromptInput);\n    this.mathField.addEventListener('focusin', this.onPromptFocus);\n    this.mathField.addEventListener('keydown', this.onKeyDown);\n\n    // Belt and braces: drop anything a previous mount may have left behind.\n    this.holderRef.current.replaceChildren(this.mathField);\n\n    this.createLiveRegion();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latex === this.props.latex) {\n      return;\n    }\n\n    if (this.mathField) {\n      this.mathField.value = toMathLive(this.props.latex);\n    } else {\n      this.renderMarkup();\n    }\n  }\n\n  componentWillUnmount() {\n    // Invalidate any mount still awaiting the MathLive load.\n    this.mountGeneration = (this.mountGeneration || 0) + 1;\n\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onPromptInput);\n      this.mathField.removeEventListener('focusin', this.onPromptFocus);\n      this.mathField.removeEventListener('keydown', this.onKeyDown);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    this.removeLiveRegion();\n  }\n\n  /**\n   * Off-screen aria-live region, ported from @pie-lib/math-input's Static.\n   *\n   * MathLive has its own accessibility layer, but it does not announce that\n   * typed input was converted into a math symbol, which screen-reader users\n   * relied on in the MathQuill implementation.\n   */\n  createLiveRegion = () => {\n    if (typeof document === 'undefined' || this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion = document.createElement('div');\n    Object.assign(this.liveRegion.style, {\n      position: 'absolute',\n      width: '1px',\n      height: '1px',\n      marginTop: '-1px',\n      clip: 'rect(1px, 1px, 1px, 1px)',\n      overflow: 'hidden',\n    });\n    this.liveRegion.setAttribute('aria-live', 'polite');\n    this.liveRegion.setAttribute('aria-atomic', 'true');\n\n    document.body.appendChild(this.liveRegion);\n  };\n\n  removeLiveRegion = () => {\n    if (this.liveRegion && this.liveRegion.parentNode) {\n      this.liveRegion.parentNode.removeChild(this.liveRegion);\n    }\n\n    this.liveRegion = undefined;\n  };\n\n  announce = (message) => {\n    if (!this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion.textContent = message;\n\n    // Clear once announced, so the same message can be announced again.\n    clearTimeout(this.announceTimeout);\n    this.announceTimeout = setTimeout(() => {\n      if (this.liveRegion) {\n        this.liveRegion.textContent = '';\n      }\n    }, 500);\n  };\n\n  onKeyDown = (event) => {\n    // Deletions should not be announced as conversions.\n    this.isDeleting = event?.key === 'Backspace' || event?.key === 'Delete';\n  };\n\n  /**\n   * Announce when typed input became a math symbol. The MathQuill version\n   * inferred this by counting braces; here a prompt whose latex grew by more\n   * than the single character typed means a command was expanded.\n   */\n  announceConversion = (next) => {\n    if (this.isDeleting) {\n      this.isDeleting = false;\n      return;\n    }\n\n    const converted = Object.keys(next).some((id) => {\n      const before = this.promptValues[id] || '';\n      const after = next[id] || '';\n\n      return after.length > before.length + 1 && /\\\\/.test(after.slice(before.length));\n    });\n\n    if (converted) {\n      this.announce('Converted to math symbol');\n    }\n  };\n\n  /** Does this latex contain answer blocks? */\n  isInteractive() {\n    const latex = this.props.latex || '';\n\n    return fieldIds(latex).length > 0 || latex.indexOf('\\\\placeholder') !== -1;\n  }\n\n  renderMarkup() {\n    const markup = latexToMarkup(this.props.latex);\n\n    if (markup !== this.state.markup) {\n      this.setState({ markup });\n    }\n  }\n\n  /** MathQuill's `innerFields` equivalent, keyed by prompt id. */\n  values() {\n    if (!this.mathField) {\n      return {};\n    }\n\n    const out = {};\n\n    (this.mathField.getPrompts() || []).forEach((id) => {\n      out[id] = fromMathLive(this.mathField.getPromptValue(id));\n    });\n\n    return out;\n  }\n\n  /**\n   * A MathQuill-inner-field-like handle for a prompt.\n   *\n   * The old API handed callers a MathQuill field object, and consumers commonly\n   * called `field.latex()` on it. There is no equivalent object in MathLive -\n   * prompts are addressed by id - so this adapter exposes the parts that were\n   * actually used: `id` and a get/set `latex()`.\n   */\n  promptHandle(id) {\n    return {\n      id,\n      latex: (value) => {\n        if (!this.mathField) {\n          return '';\n        }\n\n        if (value === undefined) {\n          return fromMathLive(this.mathField.getPromptValue(id));\n        }\n\n        this.mathField.setPromptValue(id, toMathLive(value), {});\n\n        return value;\n      },\n    };\n  }\n\n  /** All prompt handles, the analogue of `mathField.innerFields`. */\n  get innerFields() {\n    if (!this.mathField) {\n      return [];\n    }\n\n    return (this.mathField.getPrompts() || []).map((id) => this.promptHandle(id));\n  }\n\n  onPromptInput = () => {\n    const { onSubFieldChange, getFieldName } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const next = this.values();\n\n    this.announceConversion(next);\n\n    if (!onSubFieldChange) {\n      this.promptValues = next;\n      return;\n    }\n\n    const fields = this.innerFields;\n\n    // Emit only the prompts whose value actually changed, mirroring the\n    // per-field granularity of the old onSubFieldChange(name, latex).\n    Object.keys(next).forEach((id) => {\n      if (next[id] === this.promptValues[id]) {\n        return;\n      }\n\n      const name = getFieldName(this.promptHandle(id), fields) || id;\n\n      onSubFieldChange(name, next[id]);\n    });\n\n    this.promptValues = next;\n  };\n\n  onPromptFocus = () => {\n    const { onSubFieldFocus, getFieldName } = this.props;\n\n    if (!this.mathField || !onSubFieldFocus) {\n      return;\n    }\n\n    try {\n      const ids = this.mathField.getPrompts() || [];\n      // The focused prompt is the one containing the current selection.\n      const focused = ids.find((id) => {\n        const range = this.mathField.getPromptRange(id);\n        const selection = this.mathField.selection;\n\n        if (!range || !selection || !selection.ranges || !selection.ranges.length) {\n          return false;\n        }\n\n        const [start, end] = range;\n        const [selStart] = selection.ranges[0];\n\n        return selStart >= start && selStart <= end;\n      });\n\n      if (focused) {\n        const handle = this.promptHandle(focused);\n        const name = getFieldName(handle, this.innerFields) || focused;\n\n        if (this.props.setInput) {\n          this.props.setInput(handle);\n        }\n\n        onSubFieldFocus(name, handle);\n      }\n    } catch (e) {\n      log('error resolving focused prompt: %s', e.message);\n    }\n  };\n\n  focus() {\n    this.mathField && this.mathField.focus();\n  }\n\n  blur() {\n    this.mathField && this.mathField.blur();\n  }\n\n  render() {\n    const { className, onFocus, onBlur } = this.props;\n    const { markup } = this.state;\n\n    if (this.mathField || this.isInteractive()) {\n      return <Holder className={className} onFocus={onFocus} onBlur={onBlur} ref={this.holderRef} />;\n    }\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={this.holderRef}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: markup }}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "MathLive-based math input (drop-in alternative to @pie-lib/math-input)",
   "main": "lib/index.js",
   "module": "src/index.jsx",

package/src/__tests__/composites.test.jsx

@@ -0,0 +1,220 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import MathInput from '../math-input';
+import HorizontalKeypad from '../horizontal-keypad';
+import Input from '../mf/input';
+
+/**
+ * The pieces that sit between the keypad and the field: how a pressed key is
+ * routed into the field, and the legacy `{value,type}` shape math-toolbar
+ * consumes.
+ */
+describe('MathInput.keypadPress routing', () => {
+  const withInput = () => {
+    const mi = new MathInput({});
+    const calls = { write: [], keystroke: [] };
+
+    mi.input = {
+      write: (v) => calls.write.push(v),
+      keystroke: (v) => calls.keystroke.push(v),
+    };
+
+    return { mi, calls };
+  };
+
+  it('routes an insert action to write()', () => {
+    const { mi, calls } = withInput();
+
+    mi.keypadPress({ latex: '\\pi' });
+
+    expect(calls.write).toEqual(['\\pi']);
+    expect(calls.keystroke).toEqual([]);
+  });
+
+  it('expands an argument-taking command before writing', () => {
+    const { mi, calls } = withInput();
+
+    mi.keypadPress({ command: '\\frac' });
+
+    expect(calls.write).toEqual(['\\frac{#?}{#?}']);
+  });
+
+  it('routes a cursor keystroke to keystroke()', () => {
+    const { mi, calls } = withInput();
+
+    mi.keypadPress({ keystroke: 'Left' });
+
+    expect(calls.keystroke).toEqual(['moveToPreviousChar']);
+    expect(calls.write).toEqual([]);
+  });
+
+  it('ignores keys with no action', () => {
+    const { mi, calls } = withInput();
+
+    mi.keypadPress({});
+    mi.keypadPress({ keystroke: 'Nonsense' });
+
+    expect(calls.write).toEqual([]);
+    expect(calls.keystroke).toEqual([]);
+  });
+
+  it('is a no-op before the field ref exists', () => {
+    const mi = new MathInput({});
+
+    expect(() => mi.keypadPress({ latex: '\\pi' })).not.toThrow();
+  });
+
+  it('changeLatex only fires onChange when the value differs', () => {
+    const onChange = jest.fn();
+    const mi = new MathInput({ latex: 'x', onChange });
+
+    mi.changeLatex('x');
+    expect(onChange).not.toHaveBeenCalled();
+
+    mi.changeLatex('y');
+    expect(onChange).toHaveBeenCalledWith('y');
+  });
+
+  it('tracks focus state', () => {
+    const mi = new MathInput({});
+
+    mi.setState = (s) => Object.assign(mi.state, s);
+    mi.inputFocus();
+    expect(mi.state.focused).toBe(true);
+
+    mi.inputBlur();
+    expect(mi.state.focused).toBe(false);
+  });
+});
+
+describe('HorizontalKeypad legacy {value,type} model', () => {
+  const pressed = (key) => {
+    const onClick = jest.fn();
+    const hk = new HorizontalKeypad({ onClick });
+
+    hk.keypadPress(key);
+
+    return onClick.mock.calls[0][0];
+  };
+
+  it('maps a command to {value, type: command}', () => {
+    expect(pressed({ command: '\\frac' })).toEqual({ value: '\\frac', type: 'command' });
+  });
+
+  it('maps a write to {value}', () => {
+    expect(pressed({ write: 'x' })).toEqual({ value: 'x' });
+  });
+
+  it('maps a keystroke to {type: cursor}', () => {
+    expect(pressed({ keystroke: 'Left' })).toEqual({ type: 'cursor', value: 'Left' });
+  });
+
+  it('renders without throwing', () => {
+    expect(() => render(<HorizontalKeypad onClick={() => {}} />)).not.toThrow();
+  });
+});
+
+describe('Input: controlled-value sync and events', () => {
+  const withField = () => {
+    const input = new Input({});
+
+    input.mathField = {
+      value: '',
+      getValue: () => input.mathField.value,
+      insert(v) {
+        input.mathField.value += v;
+      },
+      executeCommand() {},
+      focus() {},
+      blur() {},
+      addEventListener() {},
+      removeEventListener() {},
+      remove() {},
+    };
+
+    return input;
+  };
+
+  it('emits stored-form latex on edit', () => {
+    const onChange = jest.fn();
+    const input = withField();
+
+    input.props = { onChange };
+    input.mathField.value = '\\longdiv{\\placeholder{}}';
+    input.onInputEdit();
+
+    // \placeholder is MathLive-internal and must not reach the model
+    expect(onChange).toHaveBeenCalledWith('\\longdiv{}');
+    expect(input.lastEmitted).toEqual('\\longdiv{}');
+  });
+
+  it('does not push a prop echo back into the field', () => {
+    const input = withField();
+
+    input.mathField.value = 'x';
+    input.lastEmitted = 'x';
+    input.props = { latex: 'x' };
+
+    input.componentDidUpdate({ latex: '' });
+
+    expect(input.mathField.value).toEqual('x');
+  });
+
+  it('pushes a genuinely new latex prop into the field', () => {
+    const input = withField();
+
+    input.mathField.value = 'x';
+    input.lastEmitted = 'x';
+    input.props = { latex: 'y' };
+
+    input.componentDidUpdate({ latex: 'x' });
+
+    expect(input.mathField.value).toEqual('y');
+  });
+
+  it('bridges stored latex on the way in', () => {
+    const input = withField();
+
+    input.props = { latex: '\\longdiv{5}' };
+    input.componentDidUpdate({ latex: '' });
+
+    // must become native \enclose so the content stays editable
+    expect(input.mathField.value).toEqual('\\enclose{longdiv}{5}');
+  });
+
+  it('toggles readOnly', () => {
+    const input = withField();
+
+    input.props = { readOnly: true };
+    input.componentDidUpdate({ readOnly: false });
+
+    expect(input.mathField.readOnly).toBe(true);
+  });
+
+  it('clear() empties the field', () => {
+    const input = withField();
+
+    input.mathField.value = 'abc';
+    expect(input.clear()).toEqual('');
+    expect(input.mathField.value).toEqual('');
+  });
+
+  it('suppresses Enter so it cannot insert a line break', () => {
+    const input = withField();
+    const preventDefault = jest.fn();
+
+    input.onKeyDown({ key: 'Enter', preventDefault });
+    expect(preventDefault).toHaveBeenCalled();
+
+    preventDefault.mockClear();
+    input.onKeyDown({ key: 'a', preventDefault });
+    expect(preventDefault).not.toHaveBeenCalled();
+  });
+
+  it('componentDidUpdate is safe before the field exists', () => {
+    const input = new Input({ latex: 'x' });
+
+    expect(() => input.componentDidUpdate({ latex: '' })).not.toThrow();
+  });
+});

package/src/__tests__/keypad-label.test.jsx

@@ -1,4 +1,4 @@
-import { latexForDisplay } from '../keypad';
+import { withVisibleEmptySlots as latexForDisplay } from '../latex-bridge';
 import { keyToAction } from '../latex-bridge';
 
 /**