@khanacademy/perseus 34.0.0 → 34.1.0

package/dist/es/index.js

@@ -21738,6 +21738,47 @@ const answerTypes = {
     forms: "pi"
   }
 };
+function inputNumberValidator(state, rubric, strings, onInputError = () => {}) {
+  if (rubric.answerType == null) {
+    rubric.answerType = "number";
+  }
+
+  // note(matthewc): this will get immediately parsed again by
+  // `KhanAnswerTypes.number.convertToPredicate`, but a string is
+  // expected here
+  const stringValue = `${rubric.value}`;
+  const val = KhanAnswerTypes.number.createValidatorFunctional(stringValue, {
+    simplify: rubric.simplify,
+    inexact: rubric.inexact || undefined,
+    maxError: rubric.maxError,
+    forms: answerTypes[rubric.answerType].forms
+  }, strings);
+
+  // We may have received TeX; try to parse it before grading.
+  // If `currentValue` is not TeX, this should be a no-op.
+  const currentValue = ParseTex$1(state.currentValue);
+  const result = val(currentValue);
+
+  // TODO(eater): Seems silly to translate result to this invalid/points
+  // thing and immediately translate it back in ItemRenderer.scoreInput()
+  if (result.empty) {
+    // TODO(FEI-3867): remove null-check once we have APIOptionsInternal
+    const apiResult = onInputError == null ? void 0 : onInputError(null,
+    // reserved for some widget identifier
+    state.currentValue, result.message);
+    return {
+      type: "invalid",
+      message: apiResult === false ? null : result.message
+    };
+  }
+  return {
+    type: "points",
+    earned: result.correct ? 1 : 0,
+    total: 1,
+    message: result.message
+  };
+}
+
 const formExamples$1 = {
   integer: function (options, strings) {
     return strings.integerExample;
@@ -21828,7 +21869,7 @@ class InputNumber extends React.Component {
     };
     this.simpleValidate = (rubric, onInputError) => {
       onInputError = onInputError || function () {};
-      return InputNumber.validate(this.getUserInput(), rubric, this.context.strings, onInputError);
+      return inputNumberValidator(this.getUserInput(), rubric, this.context.strings, onInputError);
     };
     this.examples = () => {
       const {
@@ -21841,44 +21882,7 @@ class InputNumber extends React.Component {
     };
   }
   static validate(state, rubric, strings, onInputError = () => {}) {
-    if (rubric.answerType == null) {
-      rubric.answerType = "number";
-    }
-
-    // note(matthewc): this will get immediately parsed again by
-    // `KhanAnswerTypes.number.convertToPredicate`, but a string is
-    // expected here
-    const stringValue = `${rubric.value}`;
-    const val = KhanAnswerTypes.number.createValidatorFunctional(stringValue, {
-      simplify: rubric.simplify,
-      inexact: rubric.inexact || undefined,
-      maxError: rubric.maxError,
-      forms: answerTypes[rubric.answerType].forms
-    }, strings);
-
-    // We may have received TeX; try to parse it before grading.
-    // If `currentValue` is not TeX, this should be a no-op.
-    const currentValue = ParseTex$1(state.currentValue);
-    const result = val(currentValue);
-
-    // TODO(eater): Seems silly to translate result to this invalid/points
-    // thing and immediately translate it back in ItemRenderer.scoreInput()
-    if (result.empty) {
-      // TODO(FEI-3867): remove null-check once we have APIOptionsInternal
-      const apiResult = onInputError == null ? void 0 : onInputError(null,
-      // reserved for some widget identifier
-      state.currentValue, result.message);
-      return {
-        type: "invalid",
-        message: apiResult === false ? null : result.message
-      };
-    }
-    return {
-      type: "points",
-      earned: result.correct ? 1 : 0,
-      total: 1,
-      message: result.message
-    };
+    return inputNumberValidator(state, rubric, strings, onInputError);
   }
   static getUserInputFromProps(props) {
     return {
@@ -22412,15 +22416,15 @@ var NumericInput$1 = {
  * Several widgets don't have "right"/"wrong" validation logic,
  * so this just says to move on past those widgets
  *
- * TODO: widgets that use this probably shouldn't have any
+ * TODO(LEMS-2396) widgets that use this probably shouldn't have any
  * validation logic and the thing validating an exercise
  * should just know to skip these
  */
-function noopValidator() {
+function noopValidator(points = 0) {
   return {
     type: "points",
-    earned: 0,
-    total: 0,
+    earned: points,
+    total: points,
     message: null
   };
 }
@@ -22472,11 +22476,9 @@ class PassageRef extends React.Component {
         }
       }
     };
-    this.simpleValidate = rubric => {
-      return PassageRef.validate(this.getUserInput(), rubric);
-    };
   }
-  static validate(userInput, rubric) {
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   componentDidMount() {
@@ -22497,6 +22499,10 @@ class PassageRef extends React.Component {
     window.removeEventListener("resize", this._throttledUpdateRange);
     this._isMounted = false;
   }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   render() {
     const {
       strings
@@ -24426,6 +24432,31 @@ var Radio = {
 /* eslint-disable import/no-named-as-default */
 var basicWidgets = [Radio, InputNumber$1, NumericInput$1, Expression$1];
 
+function categorizerValidator(userInput, rubric, strings) {
+  let completed = true;
+  let allCorrect = true;
+  rubric.values.forEach((value, i) => {
+    if (userInput.values[i] == null) {
+      completed = false;
+    }
+    if (userInput.values[i] !== value) {
+      allCorrect = false;
+    }
+  });
+  if (!completed) {
+    return {
+      type: "invalid",
+      message: strings.invalidSelection
+    };
+  }
+  return {
+    type: "points",
+    earned: allCorrect ? 1 : 0,
+    total: 1,
+    message: null
+  };
+}
+
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
 class Categorizer extends React.Component {
   constructor(..._args) {
@@ -24441,32 +24472,11 @@ class Categorizer extends React.Component {
       return Categorizer.getUserInputFromProps(this.props);
     };
     this.simpleValidate = rubric => {
-      return Categorizer.validate(this.getUserInput(), rubric, this.context.strings);
+      return categorizerValidator(this.getUserInput(), rubric, this.context.strings);
     };
   }
   static validate(userInput, rubric, strings) {
-    let completed = true;
-    let allCorrect = true;
-    rubric.values.forEach((value, i) => {
-      if (userInput.values[i] == null) {
-        completed = false;
-      }
-      if (userInput.values[i] !== value) {
-        allCorrect = false;
-      }
-    });
-    if (!completed) {
-      return {
-        type: "invalid",
-        message: strings.invalidSelection
-      };
-    }
-    return {
-      type: "points",
-      earned: allCorrect ? 1 : 0,
-      total: 1,
-      message: null
-    };
+    return categorizerValidator(userInput, rubric, strings);
   }
   static getUserInputFromProps(props) {
     return {
@@ -24851,11 +24861,13 @@ class Definition extends React.Component {
     this.getUserInput = () => {
       return {};
     };
-    this.simpleValidate = rubric => {
-      return Definition.validate(this.getUserInput(), rubric);
-    };
   }
-  static validate(userInput, rubric) {
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
+  }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
     return noopValidator();
   }
   render() {
@@ -24924,18 +24936,13 @@ class DeprecatedStandin extends React__default.Component {
       return {};
     };
     this.simpleValidate = rubric => {
-      return DeprecatedStandin.validate(this.getUserInput(), rubric);
+      return noopValidator(1);
     };
   }
   static validate(userInput, rubric) {
     // Since this mean to replace an existing widget the learner
     // WILL earn points for this widget
-    return {
-      type: "points",
-      earned: 1,
-      total: 1,
-      message: null
-    };
+    return noopValidator(1);
   }
   render() {
     return /*#__PURE__*/React__default.createElement("div", {
@@ -25083,11 +25090,9 @@ class Explanation extends React.Component {
     this.getUserInput = () => {
       return {};
     };
-    this.simpleValidate = rubric => {
-      return Explanation.validate(this.getUserInput(), rubric);
-    };
   }
-  static validate(userInput, rubric) {
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   componentDidMount() {
@@ -25096,6 +25101,10 @@ class Explanation extends React.Component {
   componentWillUnmount() {
     this._mounted = false;
   }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   render() {
     const promptText = this.state.expanded ? this.props.hidePrompt : this.props.showPrompt;
     const caretIcon = this.state.expanded ? caretUp : caretDown;
@@ -27252,12 +27261,14 @@ class ImageWidget extends React.Component {
     this.getUserInput = () => {
       return null;
     };
-    this.simpleValidate = rubric => {
-      return ImageWidget.validate(this.getUserInput(), rubric);
-    };
     this.focus = () => {};
   }
-  static validate(userInput, rubric) {
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
+  }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
     return noopValidator();
   }
   // no-op
@@ -27574,11 +27585,9 @@ class Interaction extends React.Component {
       // anything.
       return {};
     };
-    this.simpleValidate = rubric => {
-      return Interaction.validate(this.getUserInput(), rubric);
-    };
   }
-  static validate(state, rubric) {
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
@@ -27599,6 +27608,10 @@ class Interaction extends React.Component {
       });
     }
   }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   render() {
     const range = this.props.graph.range;
     let labels = this.props.graph.labels;
@@ -29649,18 +29662,26 @@ function GraphLockedLabelsLayer(props) {
     lockedFigures
   } = props;
   return lockedFigures.map((figure, i) => {
-    var _flags$mafs;
+    var _flags$mafs, _flags$mafs2;
     if (figure.type === "label") {
       return /*#__PURE__*/React.createElement(LockedLabel, _extends({
         key: `label-${i}`
       }, figure));
     }
-    if (flags != null && (_flags$mafs = flags["mafs"]) != null && _flags$mafs["locked-point-labels"] && figure.type === "point") {
+    if (
+    // Point flag + point type
+    flags != null && (_flags$mafs = flags["mafs"]) != null && _flags$mafs["locked-point-labels"] && figure.type === "point" ||
+    // Line flag + line type
+    flags != null && (_flags$mafs2 = flags["mafs"]) != null && _flags$mafs2["locked-line-labels"] && figure.type === "line") {
       return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: `point-${i}`
+        key: i
       }, figure.labels.map((label, j) => /*#__PURE__*/React.createElement(LockedLabel, _extends({
-        key: `locked-figure-${i}-label-${j}`
-      }, label))));
+        key: `${i}-label-${j}`
+      }, label))), figure.type === "line" && /*#__PURE__*/React.createElement(React.Fragment, null, figure.points[0].labels.map((label, k) => /*#__PURE__*/React.createElement(LockedLabel, _extends({
+        key: `locked-figure-${i}-point-1-label-${k}`
+      }, label))), figure.points[1].labels.map((label, k) => /*#__PURE__*/React.createElement(LockedLabel, _extends({
+        key: `locked-figure-${i}-point-2-label-${k}`
+      }, label)))));
     }
     return null;
   });
@@ -30000,7 +30021,9 @@ const GraphLockedLayer = props => {
 
 const actions = {
   global: {
-    deleteIntent
+    deleteIntent,
+    changeInteractionMode,
+    changeKeyboardInvitationVisibility
   },
   angle: {
     movePoint
@@ -30092,6 +30115,20 @@ function clickPoint(index) {
     index
   };
 }
+const CHANGE_INTERACTION_MODE = "point-change-interaction-mode";
+function changeInteractionMode(mode) {
+  return {
+    type: CHANGE_INTERACTION_MODE,
+    mode
+  };
+}
+const CHANGE_KEYBOARD_INVITATION_VISIBILITY = "change-keyboard-interaction-invitation-visibility";
+function changeKeyboardInvitationVisibility(shouldShow) {
+  return {
+    type: CHANGE_KEYBOARD_INVITATION_VISIBILITY,
+    shouldShow
+  };
+}
 const MOVE_ALL = "move-all";
 function moveAll(delta) {
   return {
@@ -31930,16 +31967,18 @@ const MafsGraph = props => {
       height
     },
     onKeyUp: event => {
-      if (event.key === "Backspace") {
-        var _graphRef$current;
-        dispatch(actions.global.deleteIntent());
-        (_graphRef$current = graphRef.current) == null || _graphRef$current.focus();
-      }
+      handleKeyboardEvent(event, state, dispatch);
     },
     "aria-label": fullGraphAriaLabel,
     "aria-describedby": fullGraphAriaDescription ? descriptionId : undefined,
     ref: graphRef,
-    tabIndex: 0
+    tabIndex: 0,
+    onFocus: event => {
+      handleFocusEvent(event, state, dispatch);
+    },
+    onBlur: event => {
+      handleBlurEvent(event, state, dispatch);
+    }
   }, fullGraphAriaDescription && /*#__PURE__*/React.createElement(View, {
     id: descriptionId,
     tabIndex: -1,
@@ -32001,30 +32040,63 @@ const MafsGraph = props => {
   }, /*#__PURE__*/React.createElement("svg", nestedSVGAttributes, props.showProtractor && /*#__PURE__*/React.createElement(Protractor, null), renderGraph({
     state,
     dispatch
-  })))))), renderGraphControls({
+  }))))), state.type === "point" && state.showKeyboardInteractionInvitation && /*#__PURE__*/React.createElement(View, {
+    style: {
+      textAlign: "center",
+      backgroundColor: "white",
+      border: "1px solid #21242C52",
+      padding: "16px 0",
+      boxShadow: "0px 8px 8px 0px #21242C14",
+      // This translates the box to the center of the
+      // graph Then backs it off by half of its
+      // overall height so it's perfectly centered
+      top: "50%",
+      transform: "translateY(-50%)"
+    }
+  }, /*#__PURE__*/React.createElement(LabelMedium, null, "Press ", /*#__PURE__*/React.createElement("strong", null, "Shift + Enter"), " to interact with the graph"))), renderGraphControls({
     state,
     dispatch,
     width
   })));
 };
-const renderPointGraphControls = props => /*#__PURE__*/React.createElement(View, {
-  style: {
-    flexDirection: "row",
-    width: props.width
-  }
-}, props.state.showRemovePointButton && props.state.focusedPointIndex !== null && /*#__PURE__*/React.createElement(Button, {
-  id: REMOVE_BUTTON_ID,
-  kind: "secondary",
-  color: "destructive",
-  tabIndex: -1,
-  style: {
-    width: "100%",
-    marginLeft: "20px"
-  },
-  onClick: event => {
-    props.dispatch(actions.pointGraph.removePoint(props.state.focusedPointIndex));
-  }
-}, "Remove Point"));
+const renderPointGraphControls = props => {
+  const {
+    interactionMode,
+    showRemovePointButton,
+    focusedPointIndex
+  } = props.state;
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: "row",
+      width: props.width
+    }
+  }, interactionMode === "keyboard" && /*#__PURE__*/React.createElement(Button, {
+    kind: "secondary",
+    style: {
+      width: "100%",
+      marginLeft: "20px"
+    },
+    tabIndex: 0,
+    onClick: () => {
+      props.dispatch(actions.pointGraph.addPoint([0, 0]));
+    }
+  }, "Add Point"), interactionMode === "mouse" && showRemovePointButton && focusedPointIndex !== null && /*#__PURE__*/React.createElement(Button, {
+    id: REMOVE_BUTTON_ID,
+    kind: "secondary",
+    color: "destructive"
+    // This button is meant to be interacted with by the mouse only
+    // Never allow learners to tab to this button
+    ,
+    tabIndex: -1,
+    style: {
+      width: "100%",
+      marginLeft: "20px"
+    },
+    onClick: event => {
+      props.dispatch(actions.pointGraph.removePoint(props.state.focusedPointIndex));
+    }
+  }, "Remove Point"));
+};
 const renderGraphControls = props => {
   const {
     state,
@@ -32048,6 +32120,34 @@ const renderGraphControls = props => {
       return null;
   }
 };
+function handleFocusEvent(event, state, dispatch) {
+  if (state.type === "point" && state.numPoints === "unlimited") {
+    if (event.target.classList.contains("mafs-graph") && state.interactionMode === "mouse") {
+      dispatch(actions.global.changeKeyboardInvitationVisibility(true));
+    }
+  }
+}
+function handleBlurEvent(event, state, dispatch) {
+  if (state.type === "point" && state.numPoints === "unlimited") {
+    dispatch(actions.global.changeKeyboardInvitationVisibility(false));
+  }
+}
+function handleKeyboardEvent(event, state, dispatch) {
+  if (state.type === "point" && state.numPoints === "unlimited") {
+    if (event.key === "Backspace") {
+      dispatch(actions.global.deleteIntent());
+
+      // After removing a point blur
+      // It would be nice if this could focus on the graph but doing so
+      // would trigger the message to prompt a learner to enter keyboard mode
+      document.activeElement.blur();
+    } else if (event.shiftKey && event.key === "Enter") {
+      dispatch(actions.global.changeInteractionMode("keyboard"));
+    } else if (state.interactionMode === "keyboard" && event.key === "a") {
+      dispatch(actions.pointGraph.addPoint([0, 0]));
+    }
+  }
+}
 
 // Calculate the difference between the min and max values of a range
 const getRangeDiff = range => {
@@ -32212,7 +32312,9 @@ function initializeGraphState(params) {
         coords: getPointCoords(graph, range, step),
         numPoints: graph.numPoints || 0,
         focusedPointIndex: null,
-        showRemovePointButton: false
+        showRemovePointButton: false,
+        interactionMode: "mouse",
+        showKeyboardInteractionInvitation: false
       });
     case "circle":
       return _extends({}, shared, {
@@ -32482,6 +32584,10 @@ function interactiveGraphReducer(state, action) {
       return doDeleteIntent(state);
     case CLICK_POINT:
       return doClickPoint(state, action);
+    case CHANGE_INTERACTION_MODE:
+      return doChangeInteractionMode(state, action);
+    case CHANGE_KEYBOARD_INVITATION_VISIBILITY:
+      return doChangeKeyboardInvitationVisibility(state, action);
     default:
       throw new UnreachableCaseError(action);
   }
@@ -32530,6 +32636,31 @@ function doClickPoint(state, action) {
   }
   return state;
 }
+function doChangeInteractionMode(state, action) {
+  if (state.type !== "point") {
+    return state;
+  }
+  if (state.numPoints === "unlimited") {
+    const nextKeyboardInvitation = action.mode === "keyboard" ? false : state.showKeyboardInteractionInvitation;
+    return _extends({}, state, {
+      interactionMode: action.mode,
+      showKeyboardInteractionInvitation: nextKeyboardInvitation
+    });
+  }
+  return state;
+}
+function doChangeKeyboardInvitationVisibility(state, action) {
+  if (state.type !== "point") {
+    return state;
+  }
+  if (state.numPoints === "unlimited") {
+    return _extends({}, state, {
+      showKeyboardInteractionInvitation: action.shouldShow,
+      hasBeenInteractedWith: true
+    });
+  }
+  return state;
+}
 function doMovePointInFigure(state, action) {
   switch (state.type) {
     case "segment":
@@ -33266,7 +33397,7 @@ const StatefulMafsGraph = /*#__PURE__*/React.forwardRef((props, ref) => {
   const snapTo = graph.type === "polygon" ? graph.snapTo : null;
   const showAngles = graph.type === "polygon" ? graph.showAngles : null;
   const showSides = graph.type === "polygon" ? graph.showSides : null;
-  const startCoords = "startCoords" in graph ? graph.startCoords : null;
+  const startCoords = "startCoords" in graph ? graph.startCoords : undefined;
   const originalPropsRef = useRef(props);
   const latestPropsRef = useLatestRef(props);
   useEffect(() => {
@@ -38629,9 +38760,8 @@ const Measurer = createReactClass({
   getUserInput: function () {
     return {};
   },
-  simpleValidate: function (rubric) {
-    // TODO(joel) - I don't understand how this is useful!
-    return Measurer.validate(this.getUserInput(), rubric);
+  simpleValidate: function () {
+    return noopValidator(1);
   },
   focus: $.noop,
   render: function () {
@@ -38660,14 +38790,7 @@ const Measurer = createReactClass({
   }
 });
 _.extend(Measurer, {
-  validate: function (state, rubric) {
-    return {
-      type: "points",
-      earned: 1,
-      total: 1,
-      message: null
-    };
-  }
+  validate: noopValidator(1)
 });
 const propUpgrades = {
   "1": v0props => {
@@ -39559,23 +39682,17 @@ Molecule.contextType = PerseusI18nContext;
 class MoleculeWidget extends React.Component {
   constructor(...args) {
     super(...args);
-    this.simpleValidate = () => {
-      return {
-        type: "points",
-        earned: 0,
-        total: 0,
-        message: null
-      };
-    };
     this.getUserInput = () => {
       return [];
     };
-    this.validate = (state, rubric) => {
-      // TODO(colin): this is here as part of the interface for a component.
-      // Figure out if there is something more appropriate that this should
-      // return.
-      return noopValidator();
-    };
+  }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  validate() {
+    return noopValidator();
   }
   render() {
     return /*#__PURE__*/React.createElement(Molecule, {
@@ -42539,7 +42656,8 @@ class Passage extends React.Component {
       });
     };
   }
-  static validate(state, rubric) {
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   componentDidMount() {
@@ -42755,8 +42873,10 @@ class Passage extends React.Component {
   getUserInput() {
     return null;
   }
-  simpleValidate(rubric) {
-    return Passage.validate(this.getUserInput(), rubric);
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
   }
 
   /**
@@ -42926,12 +43046,13 @@ class PassageRefTarget extends React.Component {
     this.change = (...args) => {
       return change.apply(this, args);
     };
-    // TODO passage-ref-target isn't interactive; remove
-    this.simpleValidate = rubric => {
-      return PassageRefTarget.validate(this.getUserInput(), rubric);
-    };
   }
-  static validate(state, rubric) {
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
+  }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
     return noopValidator();
   }
   render() {
@@ -44529,9 +44650,6 @@ class Video extends React.Component {
     this.getUserInput = () => {
       return null;
     };
-    this.simpleValidate = rubric => {
-      return Video.validate(null, rubric);
-    };
     this.change = (...args) => {
       // @ts-expect-error - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
       return change.apply(this, args);
@@ -44541,8 +44659,12 @@ class Video extends React.Component {
    * This is the widget's grading function.
    * Points for videos are tallied by the embedded video itself, in the case
    * of Khan Academy videos.
-   */
-  static validate(userInput, rubric) {
+   */ // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
+  }
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
     return noopValidator();
   }
   render() {
@@ -44648,7 +44770,7 @@ const init = function init(options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "34.0.0";
+const libVersion = "34.1.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {