@pie-lib/math-input-mathlive 1.1.5-beta.10 → 1.1.5-beta.11

package/lib/mf/input.js

@@ -19,6 +19,7 @@ var _styles = require("@mui/material/styles");
 var _debug = _interopRequireDefault(require("debug"));
 var _mathliveInstance = require("../mathlive-instance");
 var _latexBridge = require("../latex-bridge");
+var _selection = require("../selection");
 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; })(); }
 var log = (0, _debug["default"])('pie-lib:math-input-mathlive:input');
@@ -126,6 +127,9 @@ var Input = exports.Input = /*#__PURE__*/function (_React$Component) {
 
               // A selected `\placeholder{}` gets no MathLive caret; draw one.
               this.untrackCaret = (0, _mathliveInstance.trackPlaceholderCaret)(this.mathField);
+
+              // Shift+Arrow would otherwise select half a fraction; snap to whole atoms.
+              this.untrackSelection = (0, _selection.trackWholeAtomSelection)(this.mathField);
               this.mathField.addEventListener('input', this.onInputEdit);
 
               // Belt and braces: drop anything a previous mount may have left behind.
@@ -177,6 +181,10 @@ var Input = exports.Input = /*#__PURE__*/function (_React$Component) {
         this.untrackCaret();
         this.untrackCaret = undefined;
       }
+      if (this.untrackSelection) {
+        this.untrackSelection();
+        this.untrackSelection = undefined;
+      }
       if (this.mathField) {
         this.mathField.removeEventListener('input', this.onInputEdit);
         this.mathField.remove();

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","generation","ml","wrap","_context","prev","next","mountGeneration","loadMathLive","sent","current","abrupt","MathfieldElement","macros","getMacros","toMathLive","readOnly","mathVirtualKeyboardPolicy","mathModeSpace","MATH_MODE_SPACE","smartSuperscript","applyShadowStyles","untrackCaret","trackPlaceholderCaret","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 {\n  loadMathLive,\n  getMacros,\n  MATH_MODE_SPACE,\n  applyShadowStyles,\n  trackPlaceholderCaret,\n} 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    // After the exponent key the cursor must stay in the exponent until it is moved\n    // MathLive's `smartSuperscript` (on by\n    // default) jumps out of an empty superscript after a single digit, which breaks\n    // typing x^23 or 10^6 and is inconsistent with non-digit exponents.\n    this.mathField.smartSuperscript = false;\n\n    // The mathfield renders in shadow DOM, so page CSS cannot reach it - the\n    // stretchy-accent fix has to be injected there directly.\n    applyShadowStyles(this.mathField);\n\n    // A selected `\\placeholder{}` gets no MathLive caret; draw one.\n    this.untrackCaret = trackPlaceholderCaret(this.mathField);\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.untrackCaret) {\n      this.untrackCaret();\n      this.untrackCaret = undefined;\n    }\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":[]}
+{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_selection","_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","smartSuperscript","applyShadowStyles","untrackCaret","trackPlaceholderCaret","untrackSelection","trackWholeAtomSelection","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 {\n  loadMathLive,\n  getMacros,\n  MATH_MODE_SPACE,\n  applyShadowStyles,\n  trackPlaceholderCaret,\n} from '../mathlive-instance';\nimport { toMathLive, fromMathLive, keyToAction, KEYSTROKES } from '../latex-bridge';\nimport { trackWholeAtomSelection } from '../selection';\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    // After the exponent key the cursor must stay in the exponent until it is moved\n    // MathLive's `smartSuperscript` (on by\n    // default) jumps out of an empty superscript after a single digit, which breaks\n    // typing x^23 or 10^6 and is inconsistent with non-digit exponents.\n    this.mathField.smartSuperscript = false;\n\n    // The mathfield renders in shadow DOM, so page CSS cannot reach it - the\n    // stretchy-accent fix has to be injected there directly.\n    applyShadowStyles(this.mathField);\n\n    // A selected `\\placeholder{}` gets no MathLive caret; draw one.\n    this.untrackCaret = trackPlaceholderCaret(this.mathField);\n\n    // Shift+Arrow would otherwise select half a fraction; snap to whole atoms.\n    this.untrackSelection = trackWholeAtomSelection(this.mathField);\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.untrackCaret) {\n      this.untrackCaret();\n      this.untrackCaret = undefined;\n    }\n\n    if (this.untrackSelection) {\n      this.untrackSelection();\n      this.untrackSelection = undefined;\n    }\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/selection.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.trackWholeAtomSelection = exports.expandRange = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _debug = _interopRequireDefault(require("debug"));
+var log = (0, _debug["default"])('pie-lib:math-input-mathlive:selection');
+
+/**
+ * Widen a selection so it covers whole atoms of a single parent.
+ *
+ * MathLive extends a selection over *flat offsets*, so Shift+Arrow walks into
+ * a fraction instead of over it: from before `2x` in `5x^2+2x+\frac{\pi}{2}-4`,
+ * five presses select `2x+` plus the `\pi` of the numerator, and copying gives
+ * `2x+\pi`. MathQuill treated a fraction (root, superscript...) as one unit,
+ * which is what authors expect.
+ *
+ * The tree is recovered from MathLive's public `getElementInfo(offset)`, where
+ * offset `i` describes the atom ending at caret position `i`:
+ *
+ *  - a composite atom (fraction, root, script) owns the offset right *after*
+ *    its children; the children are one level deeper;
+ *  - each branch (numerator, denominator, radicand) opens with an empty-latex
+ *    "start" atom.
+ *
+ * The rule: find the shallowest depth the selection touches, counting the caret
+ * it starts from. If the range crosses into a sibling branch at that depth, the
+ * real common parent is one level up. Then push both ends out of anything
+ * deeper. A script atom (`^2`) is kept with its base, since MathLive stores
+ * `x^2` as `x` followed by a separate `^2` atom.
+ *
+ * Pure, so it can be tested without a browser.
+ *
+ * @param {number} start
+ * @param {number} end
+ * @param {function(number): {depth?: number, latex?: string}} info
+ * @param {number} lastOffset
+ * @returns {[number, number]} the widened range, start <= end
+ */
+var expandRange = exports.expandRange = function expandRange(start, end, info, lastOffset) {
+  var at = function at(i) {
+    return info(i) || {};
+  };
+  var depth = function depth(i) {
+    return at(i).depth || 0;
+  };
+  var isBranchStart = function isBranchStart(i) {
+    return depth(i) > 0 && at(i).latex === '';
+  };
+  if (end < start) {
+    var _ref = [end, start];
+    start = _ref[0];
+    end = _ref[1];
+  }
+  if (end - start < 1) {
+    return [start, end];
+  }
+  var target = Infinity;
+  for (var i = start; i <= end; i++) {
+    target = Math.min(target, depth(i));
+  }
+  for (var _i = start + 1; _i <= end; _i++) {
+    if (depth(_i) === target && isBranchStart(_i)) {
+      target -= 1;
+      break;
+    }
+  }
+  target = Math.max(target, 0);
+  while (start > 0 && depth(start) > target) {
+    start -= 1;
+  }
+  while (end < lastOffset && depth(end) > target) {
+    end += 1;
+  }
+
+  // Keep a superscript / subscript with its base.
+  var first = start + 1;
+  while (first <= end && depth(first) > target) {
+    first += 1;
+  }
+  if (start > 0 && first <= end && /^[\^_]/.test(at(first).latex || '') && depth(start) === target) {
+    start -= 1;
+  }
+  return [start, end];
+};
+
+/**
+ * Keep a mathfield's selection snapped to whole atoms (see {@link expandRange}).
+ *
+ * This fixes both what the user sees highlighted and what copy/cut put on the
+ * clipboard, since both come from the selection. The selection direction is
+ * preserved, so further Shift+Arrow presses keep extending the same end.
+ *
+ * @param {HTMLElement} mathField a MathLive `<math-field>`
+ * @returns {function|undefined} teardown, to call on unmount
+ */
+var trackWholeAtomSelection = exports.trackWholeAtomSelection = function trackWholeAtomSelection(mathField) {
+  if (!mathField || typeof mathField.addEventListener !== 'function') {
+    return undefined;
+  }
+  var applying = false;
+  var update = function update() {
+    if (applying) {
+      return;
+    }
+    try {
+      if (mathField.selectionIsCollapsed || typeof mathField.getElementInfo !== 'function') {
+        return;
+      }
+      var selection = mathField.selection;
+      var range = selection && selection.ranges && selection.ranges[0];
+      if (!range) {
+        return;
+      }
+      var _range = (0, _slicedToArray2["default"])(range, 2),
+        start = _range[0],
+        end = _range[1];
+      var lo = Math.min(start, end);
+      var hi = Math.max(start, end);
+      var _expandRange = expandRange(lo, hi, function (i) {
+          return mathField.getElementInfo(i);
+        }, mathField.lastOffset),
+        _expandRange2 = (0, _slicedToArray2["default"])(_expandRange, 2),
+        nextStart = _expandRange2[0],
+        nextEnd = _expandRange2[1];
+      if (nextStart === lo && nextEnd === hi) {
+        return;
+      }
+      applying = true;
+      mathField.selection = {
+        ranges: [[nextStart, nextEnd]],
+        direction: selection.direction
+      };
+    } catch (e) {
+      log('could not normalise the selection: %s', e && e.message);
+    } finally {
+      applying = false;
+    }
+  };
+  mathField.addEventListener('selection-change', update);
+  return function () {
+    return mathField.removeEventListener('selection-change', update);
+  };
+};
+//# sourceMappingURL=selection.js.map

package/lib/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","names":["_debug","_interopRequireDefault","require","log","debug","expandRange","exports","start","end","info","lastOffset","at","i","depth","isBranchStart","latex","_ref","target","Infinity","Math","min","max","first","test","trackWholeAtomSelection","mathField","addEventListener","undefined","applying","update","selectionIsCollapsed","getElementInfo","selection","range","ranges","_range","_slicedToArray2","lo","hi","_expandRange","_expandRange2","nextStart","nextEnd","direction","e","message","removeEventListener"],"sources":["../src/selection.js"],"sourcesContent":["import debug from 'debug';\n\nconst log = debug('pie-lib:math-input-mathlive:selection');\n\n/**\n * Widen a selection so it covers whole atoms of a single parent.\n *\n * MathLive extends a selection over *flat offsets*, so Shift+Arrow walks into\n * a fraction instead of over it: from before `2x` in `5x^2+2x+\\frac{\\pi}{2}-4`,\n * five presses select `2x+` plus the `\\pi` of the numerator, and copying gives\n * `2x+\\pi`. MathQuill treated a fraction (root, superscript...) as one unit,\n * which is what authors expect.\n *\n * The tree is recovered from MathLive's public `getElementInfo(offset)`, where\n * offset `i` describes the atom ending at caret position `i`:\n *\n *  - a composite atom (fraction, root, script) owns the offset right *after*\n *    its children; the children are one level deeper;\n *  - each branch (numerator, denominator, radicand) opens with an empty-latex\n *    \"start\" atom.\n *\n * The rule: find the shallowest depth the selection touches, counting the caret\n * it starts from. If the range crosses into a sibling branch at that depth, the\n * real common parent is one level up. Then push both ends out of anything\n * deeper. A script atom (`^2`) is kept with its base, since MathLive stores\n * `x^2` as `x` followed by a separate `^2` atom.\n *\n * Pure, so it can be tested without a browser.\n *\n * @param {number} start\n * @param {number} end\n * @param {function(number): {depth?: number, latex?: string}} info\n * @param {number} lastOffset\n * @returns {[number, number]} the widened range, start <= end\n */\nexport const expandRange = (start, end, info, lastOffset) => {\n  const at = (i) => info(i) || {};\n  const depth = (i) => at(i).depth || 0;\n  const isBranchStart = (i) => depth(i) > 0 && at(i).latex === '';\n\n  if (end < start) {\n    [start, end] = [end, start];\n  }\n\n  if (end - start < 1) {\n    return [start, end];\n  }\n\n  let target = Infinity;\n\n  for (let i = start; i <= end; i++) {\n    target = Math.min(target, depth(i));\n  }\n\n  for (let i = start + 1; i <= end; i++) {\n    if (depth(i) === target && isBranchStart(i)) {\n      target -= 1;\n      break;\n    }\n  }\n\n  target = Math.max(target, 0);\n\n  while (start > 0 && depth(start) > target) {\n    start -= 1;\n  }\n\n  while (end < lastOffset && depth(end) > target) {\n    end += 1;\n  }\n\n  // Keep a superscript / subscript with its base.\n  let first = start + 1;\n\n  while (first <= end && depth(first) > target) {\n    first += 1;\n  }\n\n  if (start > 0 && first <= end && /^[\\^_]/.test(at(first).latex || '') && depth(start) === target) {\n    start -= 1;\n  }\n\n  return [start, end];\n};\n\n/**\n * Keep a mathfield's selection snapped to whole atoms (see {@link expandRange}).\n *\n * This fixes both what the user sees highlighted and what copy/cut put on the\n * clipboard, since both come from the selection. The selection direction is\n * preserved, so further Shift+Arrow presses keep extending the same end.\n *\n * @param {HTMLElement} mathField a MathLive `<math-field>`\n * @returns {function|undefined} teardown, to call on unmount\n */\nexport const trackWholeAtomSelection = (mathField) => {\n  if (!mathField || typeof mathField.addEventListener !== 'function') {\n    return undefined;\n  }\n\n  let applying = false;\n\n  const update = () => {\n    if (applying) {\n      return;\n    }\n\n    try {\n      if (mathField.selectionIsCollapsed || typeof mathField.getElementInfo !== 'function') {\n        return;\n      }\n\n      const selection = mathField.selection;\n      const range = selection && selection.ranges && selection.ranges[0];\n\n      if (!range) {\n        return;\n      }\n\n      const [start, end] = range;\n      const lo = Math.min(start, end);\n      const hi = Math.max(start, end);\n      const [nextStart, nextEnd] = expandRange(\n        lo,\n        hi,\n        (i) => mathField.getElementInfo(i),\n        mathField.lastOffset,\n      );\n\n      if (nextStart === lo && nextEnd === hi) {\n        return;\n      }\n\n      applying = true;\n      mathField.selection = { ranges: [[nextStart, nextEnd]], direction: selection.direction };\n    } catch (e) {\n      log('could not normalise the selection: %s', e && e.message);\n    } finally {\n      applying = false;\n    }\n  };\n\n  mathField.addEventListener('selection-change', update);\n\n  return () => mathField.removeEventListener('selection-change', update);\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,GAAG,GAAG,IAAAC,iBAAK,EAAC,uCAAuC,CAAC;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAK,EAAEC,GAAG,EAAEC,IAAI,EAAEC,UAAU,EAAK;EAC3D,IAAMC,EAAE,GAAG,SAALA,EAAEA,CAAIC,CAAC;IAAA,OAAKH,IAAI,CAACG,CAAC,CAAC,IAAI,CAAC,CAAC;EAAA;EAC/B,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAID,CAAC;IAAA,OAAKD,EAAE,CAACC,CAAC,CAAC,CAACC,KAAK,IAAI,CAAC;EAAA;EACrC,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIF,CAAC;IAAA,OAAKC,KAAK,CAACD,CAAC,CAAC,GAAG,CAAC,IAAID,EAAE,CAACC,CAAC,CAAC,CAACG,KAAK,KAAK,EAAE;EAAA;EAE/D,IAAIP,GAAG,GAAGD,KAAK,EAAE;IAAA,IAAAS,IAAA,GACA,CAACR,GAAG,EAAED,KAAK,CAAC;IAA1BA,KAAK,GAAAS,IAAA;IAAER,GAAG,GAAAQ,IAAA;EACb;EAEA,IAAIR,GAAG,GAAGD,KAAK,GAAG,CAAC,EAAE;IACnB,OAAO,CAACA,KAAK,EAAEC,GAAG,CAAC;EACrB;EAEA,IAAIS,MAAM,GAAGC,QAAQ;EAErB,KAAK,IAAIN,CAAC,GAAGL,KAAK,EAAEK,CAAC,IAAIJ,GAAG,EAAEI,CAAC,EAAE,EAAE;IACjCK,MAAM,GAAGE,IAAI,CAACC,GAAG,CAACH,MAAM,EAAEJ,KAAK,CAACD,CAAC,CAAC,CAAC;EACrC;EAEA,KAAK,IAAIA,EAAC,GAAGL,KAAK,GAAG,CAAC,EAAEK,EAAC,IAAIJ,GAAG,EAAEI,EAAC,EAAE,EAAE;IACrC,IAAIC,KAAK,CAACD,EAAC,CAAC,KAAKK,MAAM,IAAIH,aAAa,CAACF,EAAC,CAAC,EAAE;MAC3CK,MAAM,IAAI,CAAC;MACX;IACF;EACF;EAEAA,MAAM,GAAGE,IAAI,CAACE,GAAG,CAACJ,MAAM,EAAE,CAAC,CAAC;EAE5B,OAAOV,KAAK,GAAG,CAAC,IAAIM,KAAK,CAACN,KAAK,CAAC,GAAGU,MAAM,EAAE;IACzCV,KAAK,IAAI,CAAC;EACZ;EAEA,OAAOC,GAAG,GAAGE,UAAU,IAAIG,KAAK,CAACL,GAAG,CAAC,GAAGS,MAAM,EAAE;IAC9CT,GAAG,IAAI,CAAC;EACV;;EAEA;EACA,IAAIc,KAAK,GAAGf,KAAK,GAAG,CAAC;EAErB,OAAOe,KAAK,IAAId,GAAG,IAAIK,KAAK,CAACS,KAAK,CAAC,GAAGL,MAAM,EAAE;IAC5CK,KAAK,IAAI,CAAC;EACZ;EAEA,IAAIf,KAAK,GAAG,CAAC,IAAIe,KAAK,IAAId,GAAG,IAAI,QAAQ,CAACe,IAAI,CAACZ,EAAE,CAACW,KAAK,CAAC,CAACP,KAAK,IAAI,EAAE,CAAC,IAAIF,KAAK,CAACN,KAAK,CAAC,KAAKU,MAAM,EAAE;IAChGV,KAAK,IAAI,CAAC;EACZ;EAEA,OAAO,CAACA,KAAK,EAAEC,GAAG,CAAC;AACrB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMgB,uBAAuB,GAAAlB,OAAA,CAAAkB,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAIC,SAAS,EAAK;EACpD,IAAI,CAACA,SAAS,IAAI,OAAOA,SAAS,CAACC,gBAAgB,KAAK,UAAU,EAAE;IAClE,OAAOC,SAAS;EAClB;EAEA,IAAIC,QAAQ,GAAG,KAAK;EAEpB,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;IACnB,IAAID,QAAQ,EAAE;MACZ;IACF;IAEA,IAAI;MACF,IAAIH,SAAS,CAACK,oBAAoB,IAAI,OAAOL,SAAS,CAACM,cAAc,KAAK,UAAU,EAAE;QACpF;MACF;MAEA,IAAMC,SAAS,GAAGP,SAAS,CAACO,SAAS;MACrC,IAAMC,KAAK,GAAGD,SAAS,IAAIA,SAAS,CAACE,MAAM,IAAIF,SAAS,CAACE,MAAM,CAAC,CAAC,CAAC;MAElE,IAAI,CAACD,KAAK,EAAE;QACV;MACF;MAEA,IAAAE,MAAA,OAAAC,eAAA,aAAqBH,KAAK;QAAnB1B,KAAK,GAAA4B,MAAA;QAAE3B,GAAG,GAAA2B,MAAA;MACjB,IAAME,EAAE,GAAGlB,IAAI,CAACC,GAAG,CAACb,KAAK,EAAEC,GAAG,CAAC;MAC/B,IAAM8B,EAAE,GAAGnB,IAAI,CAACE,GAAG,CAACd,KAAK,EAAEC,GAAG,CAAC;MAC/B,IAAA+B,YAAA,GAA6BlC,WAAW,CACtCgC,EAAE,EACFC,EAAE,EACF,UAAC1B,CAAC;UAAA,OAAKa,SAAS,CAACM,cAAc,CAACnB,CAAC,CAAC;QAAA,GAClCa,SAAS,CAACf,UACZ,CAAC;QAAA8B,aAAA,OAAAJ,eAAA,aAAAG,YAAA;QALME,SAAS,GAAAD,aAAA;QAAEE,OAAO,GAAAF,aAAA;MAOzB,IAAIC,SAAS,KAAKJ,EAAE,IAAIK,OAAO,KAAKJ,EAAE,EAAE;QACtC;MACF;MAEAV,QAAQ,GAAG,IAAI;MACfH,SAAS,CAACO,SAAS,GAAG;QAAEE,MAAM,EAAE,CAAC,CAACO,SAAS,EAAEC,OAAO,CAAC,CAAC;QAAEC,SAAS,EAAEX,SAAS,CAACW;MAAU,CAAC;IAC1F,CAAC,CAAC,OAAOC,CAAC,EAAE;MACVzC,GAAG,CAAC,uCAAuC,EAAEyC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC;IAC9D,CAAC,SAAS;MACRjB,QAAQ,GAAG,KAAK;IAClB;EACF,CAAC;EAEDH,SAAS,CAACC,gBAAgB,CAAC,kBAAkB,EAAEG,MAAM,CAAC;EAEtD,OAAO;IAAA,OAAMJ,SAAS,CAACqB,mBAAmB,CAAC,kBAAkB,EAAEjB,MAAM,CAAC;EAAA;AACxE,CAAC","ignoreList":[]}

package/package.json

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

package/src/__tests__/input-selection.test.jsx

@@ -0,0 +1,64 @@
+/**
+ * The editable Input keeps its selection snapped to whole atoms (see
+ * selection.js). This checks the wiring: attached on mount, removed on unmount.
+ */
+jest.mock('../mathlive-instance', () => {
+  class FakeMathfieldElement {
+    constructor() {
+      const el = global.document.createElement('math-field');
+
+      el.value = '';
+      el.getValue = () => el.value;
+
+      return el;
+    }
+  }
+
+  return {
+    loadMathLive: () => Promise.resolve({ MathfieldElement: FakeMathfieldElement }),
+    getMacros: () => ({}),
+    MATH_MODE_SPACE: '\\ ',
+    applyShadowStyles: () => {},
+    trackPlaceholderCaret: () => () => {},
+    latexToMarkup: (l) => `<span>${l}</span>`,
+  };
+});
+
+const mockUntrack = jest.fn();
+
+jest.mock('../selection', () => ({
+  trackWholeAtomSelection: jest.fn(() => mockUntrack),
+}));
+
+// eslint-disable-next-line import/first
+import Input from '../mf/input';
+// eslint-disable-next-line import/first
+import { trackWholeAtomSelection } from '../selection';
+
+describe('Input: whole-atom selection', () => {
+  beforeEach(() => {
+    trackWholeAtomSelection.mockClear();
+    mockUntrack.mockClear();
+  });
+
+  it('attaches the tracker to the mathfield on mount', async () => {
+    const input = new Input({});
+
+    input.holderRef = { current: document.createElement('span') };
+    await input.componentDidMount();
+
+    expect(trackWholeAtomSelection).toHaveBeenCalledTimes(1);
+    expect(trackWholeAtomSelection).toHaveBeenCalledWith(input.mathField);
+  });
+
+  it('removes it on unmount', async () => {
+    const input = new Input({});
+
+    input.holderRef = { current: document.createElement('span') };
+    await input.componentDidMount();
+    input.componentWillUnmount();
+
+    expect(mockUntrack).toHaveBeenCalledTimes(1);
+    expect(input.untrackSelection).toBeUndefined();
+  });
+});

package/src/__tests__/selection.test.js

@@ -0,0 +1,212 @@
+import { expandRange, trackWholeAtomSelection } from '../selection';
+
+/**
+ * Offset tables captured from MathLive 0.110.0 `getElementInfo(i)` in Chrome,
+ * as [depth, latex] per offset. Offset `i` is the atom ending at caret `i`.
+ */
+const table = (rows) => (i) => (rows[i] ? { depth: rows[i][0], latex: rows[i][1] } : undefined);
+
+// 5x^2+2x+\frac{\pi}{2}-4
+const POLY = table([
+  [0, ''], [0, '5'], [0, 'x'], [1, ''], [1, '2'], [0, '^2'], [0, '+'], [0, '2'], [0, 'x'], [0, '+'],
+  [1, ''], [1, '\\pi'], [1, ''], [1, '2'], [0, '\\frac{\\pi}{2}'], [0, '-'], [0, '4'],
+]);
+const POLY_LAST = 16;
+
+// a+\sqrt{x+1}+b
+const ROOT = table([[0, ''], [0, 'a'], [0, '+'], [1, ''], [1, 'x'], [1, '+'], [1, '1'], [0, '\\sqrt{x+1}'], [0, '+'], [0, 'b']]);
+
+// \frac{\frac{a}{b}}{c}
+const NESTED = table([
+  [0, ''], [1, ''], [2, ''], [2, 'a'], [2, ''], [2, 'b'], [1, '\\frac{a}{b}'], [1, ''], [1, 'c'], [0, '\\frac{\\frac{a}{b}}{c}'],
+]);
+
+describe('expandRange', () => {
+  const poly = (a, b) => expandRange(a, b, POLY, POLY_LAST);
+
+  it('leaves a selection of whole sibling atoms alone', () => {
+    expect(poly(6, 7)).toEqual([6, 7]); // 2
+    expect(poly(6, 9)).toEqual([6, 9]); // 2x+
+    expect(poly(6, 15)).toEqual([6, 15]); // 2x+\frac{\pi}{2}-
+    expect(poly(0, 16)).toEqual([0, 16]);
+  });
+
+  // The reported case: five Shift+Right presses from before `2x` gave `2x+\pi`.
+  it('takes the whole fraction when the selection reaches into it', () => {
+    expect(poly(6, 10)).toEqual([6, 14]);
+    expect(poly(6, 11)).toEqual([6, 14]);
+    expect(poly(6, 13)).toEqual([6, 14]);
+  });
+
+  it('takes the whole fraction when the selection leaves it', () => {
+    expect(poly(11, 15)).toEqual([9, 15]); // from the pi to after the minus
+  });
+
+  it('crossing from numerator to denominator selects the fraction', () => {
+    expect(poly(11, 13)).toEqual([9, 14]);
+    expect(poly(11, 12)).toEqual([9, 14]);
+  });
+
+  it('a selection inside one branch stays inside it', () => {
+    expect(poly(10, 11)).toEqual([10, 11]); // \pi
+    expect(poly(12, 13)).toEqual([12, 13]); // the 2 of the denominator
+  });
+
+  // MathLive stores x^2 as `x` then a separate `^2` atom.
+  it('keeps a superscript with its base', () => {
+    expect(poly(3, 7)).toEqual([1, 7]); // x^2+2, not ^2+2
+    expect(poly(4, 6)).toEqual([1, 6]); // x^2+
+  });
+
+  it('accepts a reversed range', () => {
+    expect(poly(11, 6)).toEqual([6, 14]);
+  });
+
+  it('leaves a collapsed range alone', () => {
+    expect(poly(11, 11)).toEqual([11, 11]);
+  });
+
+  it('handles roots the same way', () => {
+    expect(expandRange(2, 4, ROOT, 9)).toEqual([2, 7]);
+    expect(expandRange(4, 6, ROOT, 9)).toEqual([4, 6]); // +1 inside the radicand
+  });
+
+  it('climbs as many levels as needed in nested fractions', () => {
+    expect(expandRange(2, 3, NESTED, 9)).toEqual([2, 3]); // a
+    expect(expandRange(3, 5, NESTED, 9)).toEqual([1, 6]); // a/b crossing -> inner fraction
+    expect(expandRange(6, 7, NESTED, 9)).toEqual([0, 9]); // inner -> outer denominator
+  });
+
+  it('tolerates missing info', () => {
+    expect(expandRange(1, 3, () => undefined, 5)).toEqual([1, 3]);
+  });
+});
+
+describe('trackWholeAtomSelection', () => {
+  const stubField = (range, direction = 'forward') => {
+    const listeners = {};
+
+    return {
+      selection: { ranges: [range], direction },
+      get selectionIsCollapsed() {
+        return this.selection.ranges[0][0] === this.selection.ranges[0][1];
+      },
+      lastOffset: POLY_LAST,
+      getElementInfo: POLY,
+      sets: 0,
+      addEventListener(type, fn) {
+        listeners[type] = fn;
+      },
+      removeEventListener(type, fn) {
+        if (listeners[type] === fn) {
+          delete listeners[type];
+        }
+      },
+      fire(type) {
+        if (listeners[type]) {
+          listeners[type]();
+        }
+      },
+      has(type) {
+        return !!listeners[type];
+      },
+    };
+  };
+
+  const track = (field) => {
+    // count assignments without breaking the getter
+    let current = field.selection;
+
+    Object.defineProperty(field, 'selection', {
+      get: () => current,
+      set: (v) => {
+        field.sets += 1;
+        current = v;
+      },
+    });
+
+    return trackWholeAtomSelection(field);
+  };
+
+  it('widens the selection on selection-change', () => {
+    const field = stubField([6, 11]);
+
+    track(field);
+    field.fire('selection-change');
+
+    expect(field.selection.ranges).toEqual([[6, 14]]);
+  });
+
+  it('preserves the direction, so Shift+Arrow keeps extending the same end', () => {
+    const field = stubField([11, 16], 'backward');
+
+    track(field);
+    field.fire('selection-change');
+
+    expect(field.selection).toEqual({ ranges: [[9, 16]], direction: 'backward' });
+  });
+
+  it('does not touch a selection that is already whole', () => {
+    const field = stubField([6, 9]);
+
+    track(field);
+    field.fire('selection-change');
+
+    expect(field.sets).toBe(0);
+  });
+
+  it('ignores a collapsed caret', () => {
+    const field = stubField([11, 11]);
+
+    track(field);
+    field.fire('selection-change');
+
+    expect(field.sets).toBe(0);
+  });
+
+  it('does not recurse when its own assignment fires selection-change', () => {
+    const field = stubField([6, 11]);
+    let current = field.selection;
+
+    Object.defineProperty(field, 'selection', {
+      get: () => current,
+      set: (v) => {
+        field.sets += 1;
+        current = v;
+        field.fire('selection-change');
+      },
+    });
+
+    trackWholeAtomSelection(field);
+    field.fire('selection-change');
+
+    expect(field.sets).toBe(1);
+    expect(field.selection.ranges).toEqual([[6, 14]]);
+  });
+
+  it('survives a field that throws', () => {
+    const field = stubField([6, 11]);
+
+    field.getElementInfo = () => {
+      throw new Error('boom');
+    };
+
+    track(field);
+
+    expect(() => field.fire('selection-change')).not.toThrow();
+  });
+
+  it('tears down its listener', () => {
+    const field = stubField([6, 11]);
+    const untrack = track(field);
+
+    expect(field.has('selection-change')).toBe(true);
+    untrack();
+    expect(field.has('selection-change')).toBe(false);
+  });
+
+  it('is a no-op without a field', () => {
+    expect(trackWholeAtomSelection(undefined)).toBeUndefined();
+    expect(trackWholeAtomSelection({})).toBeUndefined();
+  });
+});

package/src/mf/input.jsx

@@ -10,6 +10,7 @@ import {
   trackPlaceholderCaret,
 } from '../mathlive-instance';
 import { toMathLive, fromMathLive, keyToAction, KEYSTROKES } from '../latex-bridge';
+import { trackWholeAtomSelection } from '../selection';
 
 const log = debug('pie-lib:math-input-mathlive:input');
 
@@ -93,6 +94,9 @@ export class Input extends React.Component {
     // A selected `\placeholder{}` gets no MathLive caret; draw one.
     this.untrackCaret = trackPlaceholderCaret(this.mathField);
 
+    // Shift+Arrow would otherwise select half a fraction; snap to whole atoms.
+    this.untrackSelection = trackWholeAtomSelection(this.mathField);
+
     this.mathField.addEventListener('input', this.onInputEdit);
 
     // Belt and braces: drop anything a previous mount may have left behind.
@@ -136,6 +140,11 @@ export class Input extends React.Component {
       this.untrackCaret = undefined;
     }
 
+    if (this.untrackSelection) {
+      this.untrackSelection();
+      this.untrackSelection = undefined;
+    }
+
     if (this.mathField) {
       this.mathField.removeEventListener('input', this.onInputEdit);
       this.mathField.remove();

package/src/selection.js

@@ -0,0 +1,146 @@
+import debug from 'debug';
+
+const log = debug('pie-lib:math-input-mathlive:selection');
+
+/**
+ * Widen a selection so it covers whole atoms of a single parent.
+ *
+ * MathLive extends a selection over *flat offsets*, so Shift+Arrow walks into
+ * a fraction instead of over it: from before `2x` in `5x^2+2x+\frac{\pi}{2}-4`,
+ * five presses select `2x+` plus the `\pi` of the numerator, and copying gives
+ * `2x+\pi`. MathQuill treated a fraction (root, superscript...) as one unit,
+ * which is what authors expect.
+ *
+ * The tree is recovered from MathLive's public `getElementInfo(offset)`, where
+ * offset `i` describes the atom ending at caret position `i`:
+ *
+ *  - a composite atom (fraction, root, script) owns the offset right *after*
+ *    its children; the children are one level deeper;
+ *  - each branch (numerator, denominator, radicand) opens with an empty-latex
+ *    "start" atom.
+ *
+ * The rule: find the shallowest depth the selection touches, counting the caret
+ * it starts from. If the range crosses into a sibling branch at that depth, the
+ * real common parent is one level up. Then push both ends out of anything
+ * deeper. A script atom (`^2`) is kept with its base, since MathLive stores
+ * `x^2` as `x` followed by a separate `^2` atom.
+ *
+ * Pure, so it can be tested without a browser.
+ *
+ * @param {number} start
+ * @param {number} end
+ * @param {function(number): {depth?: number, latex?: string}} info
+ * @param {number} lastOffset
+ * @returns {[number, number]} the widened range, start <= end
+ */
+export const expandRange = (start, end, info, lastOffset) => {
+  const at = (i) => info(i) || {};
+  const depth = (i) => at(i).depth || 0;
+  const isBranchStart = (i) => depth(i) > 0 && at(i).latex === '';
+
+  if (end < start) {
+    [start, end] = [end, start];
+  }
+
+  if (end - start < 1) {
+    return [start, end];
+  }
+
+  let target = Infinity;
+
+  for (let i = start; i <= end; i++) {
+    target = Math.min(target, depth(i));
+  }
+
+  for (let i = start + 1; i <= end; i++) {
+    if (depth(i) === target && isBranchStart(i)) {
+      target -= 1;
+      break;
+    }
+  }
+
+  target = Math.max(target, 0);
+
+  while (start > 0 && depth(start) > target) {
+    start -= 1;
+  }
+
+  while (end < lastOffset && depth(end) > target) {
+    end += 1;
+  }
+
+  // Keep a superscript / subscript with its base.
+  let first = start + 1;
+
+  while (first <= end && depth(first) > target) {
+    first += 1;
+  }
+
+  if (start > 0 && first <= end && /^[\^_]/.test(at(first).latex || '') && depth(start) === target) {
+    start -= 1;
+  }
+
+  return [start, end];
+};
+
+/**
+ * Keep a mathfield's selection snapped to whole atoms (see {@link expandRange}).
+ *
+ * This fixes both what the user sees highlighted and what copy/cut put on the
+ * clipboard, since both come from the selection. The selection direction is
+ * preserved, so further Shift+Arrow presses keep extending the same end.
+ *
+ * @param {HTMLElement} mathField a MathLive `<math-field>`
+ * @returns {function|undefined} teardown, to call on unmount
+ */
+export const trackWholeAtomSelection = (mathField) => {
+  if (!mathField || typeof mathField.addEventListener !== 'function') {
+    return undefined;
+  }
+
+  let applying = false;
+
+  const update = () => {
+    if (applying) {
+      return;
+    }
+
+    try {
+      if (mathField.selectionIsCollapsed || typeof mathField.getElementInfo !== 'function') {
+        return;
+      }
+
+      const selection = mathField.selection;
+      const range = selection && selection.ranges && selection.ranges[0];
+
+      if (!range) {
+        return;
+      }
+
+      const [start, end] = range;
+      const lo = Math.min(start, end);
+      const hi = Math.max(start, end);
+      const [nextStart, nextEnd] = expandRange(
+        lo,
+        hi,
+        (i) => mathField.getElementInfo(i),
+        mathField.lastOffset,
+      );
+
+      if (nextStart === lo && nextEnd === hi) {
+        return;
+      }
+
+      applying = true;
+      mathField.selection = { ranges: [[nextStart, nextEnd]], direction: selection.direction };
+    } catch (e) {
+      log('could not normalise the selection: %s', e && e.message);
+    } finally {
+      applying = false;
+    }
+  };
+
+  mathField.addEventListener('selection-change', update);
+
+  return () => mathField.removeEventListener('selection-change', update);
+};