@khanacademy/perseus 36.1.0 → 36.1.1

package/dist/es/index.js

@@ -3157,13 +3157,13 @@ function eq$4(x, y) {
  * Deep approximate equality on primitives, numbers, arrays, and objects.
  * Recursive.
  */
-function deepEq$5(x, y) {
+function deepEq$6(x, y) {
   if (Array.isArray(x) && Array.isArray(y)) {
     if (x.length !== y.length) {
       return false;
     }
     for (let i = 0; i < x.length; i++) {
-      if (!deepEq$5(x[i], y[i])) {
+      if (!deepEq$6(x[i], y[i])) {
         return false;
       }
     }
@@ -3181,10 +3181,10 @@ function deepEq$5(x, y) {
   if (typeof x === "object" && typeof y === "object" && !!x && !!y) {
     return x === y || _.all(x, function (v, k) {
       // @ts-expect-error - TS2536 - Type 'CollectionKey<T>' cannot be used to index type 'T'.
-      return deepEq$5(y[k], v);
+      return deepEq$6(y[k], v);
     }) && _.all(y, function (v, k) {
       // @ts-expect-error - TS2536 - Type 'CollectionKey<T>' cannot be used to index type 'T'.
-      return deepEq$5(x[k], v);
+      return deepEq$6(x[k], v);
     });
   }
   if (typeof x === "object" && !!x || typeof y === "object" && !!y) {
@@ -3464,7 +3464,7 @@ const Util = {
   tickStepFromNumTicks,
   constrainedTickStepsFromTickSteps,
   eq: eq$4,
-  deepEq: deepEq$5,
+  deepEq: deepEq$6,
   parseQueryString,
   updateQueryString: updateQueryString$2,
   strongEncodeURIComponent,
@@ -10786,7 +10786,7 @@ class WrappedLine extends WrappedDrawing {
  */
 const {
   eq: eq$3,
-  deepEq: deepEq$4
+  deepEq: deepEq$5
 } = Util;
 
 // This should really be a readonly tuple of [number, number]
@@ -10946,7 +10946,7 @@ function similar(coords1, coords2, tolerance) {
     angles = rotate(angles, i);
     // @ts-expect-error - TS4104 - The type 'readonly number[]' is 'readonly' and cannot be assigned to the mutable type 'number[]'.
     sides = rotate(sides, i);
-    if (deepEq$4(angles1, angles)) {
+    if (deepEq$5(angles1, angles)) {
       const sidePairs = _.zip(sides1, sides);
       const factors = _.map(sidePairs, function (pair) {
         return pair[0] / pair[1];
@@ -13884,7 +13884,7 @@ _.extend(MovableAngle.prototype, {
 
 /* eslint-disable @babel/no-invalid-this */
 const nestedMap$1 = Util.nestedMap;
-const deepEq$3 = Util.deepEq;
+const deepEq$4 = Util.deepEq;
 
 /**
  * A base class for all Graphie Movables
@@ -13981,7 +13981,7 @@ const createSimpleClass = function createSimpleClass(addFunction) {
       this._prevProps = this.props;
     },
     modify: function (graphie) {
-      if (!deepEq$3(this.props, this._prevProps)) {
+      if (!deepEq$4(this.props, this._prevProps)) {
         this.remove();
         this.add(graphie);
         this._prevProps = this.props;
@@ -16684,7 +16684,7 @@ var Movables = {
 const GraphieMovable = GraphieClasses.GraphieMovable;
 const createGraphie = GraphUtils.createGraphie;
 const {
-  deepEq: deepEq$2,
+  deepEq: deepEq$3,
   nestedMap
 } = Util;
 const {
@@ -16926,7 +16926,7 @@ class Graphie extends React.Component {
     if (this.props.setup !== prevProps.setup) {
       Log.error("<Graphie> was given a new setup function. " + "This is a bad idea; please refactor your code to give " + "the same setup function reference to <Graphie> on " + "every render.", Errors.Internal);
     }
-    if (!deepEq$2(this.props.options, prevProps.options) || !deepEq$2(this.props.box, prevProps.box) || !deepEq$2(this.props.range, prevProps.range)) {
+    if (!deepEq$3(this.props.options, prevProps.options) || !deepEq$3(this.props.box, prevProps.box) || !deepEq$3(this.props.range, prevProps.range)) {
       this._setupGraphie();
     }
     this._updateMovables();
@@ -30988,10 +30988,16 @@ const shouldShowLabel = (currentTick, range, tickStep) => {
 function generateTickLocations(tickStep, min, max) {
   const ticks = [];
 
+  // Calculate the number of significant decimals in the tick step so
+  // that we can match the desired precision when generating ticks.
+  const decimalSigFigs = countSignificantDecimals(tickStep);
+
   // Add ticks in the positive direction
   const start = Math.max(min, 0);
   for (let _i = start + tickStep; _i < max; _i += tickStep) {
-    ticks.push(_i);
+    // Match to the same number of decimal places as the tick step
+    // to avoid floating point errors when working with small numbers
+    ticks.push(parseFloat(_i.toFixed(decimalSigFigs)));
   }
 
   // Add ticks in the negative direction
@@ -31002,6 +31008,15 @@ function generateTickLocations(tickStep, min, max) {
   }
   return ticks;
 }
+
+// Count the number of significant digits after the decimal point
+const countSignificantDecimals = number => {
+  const numStr = number.toString();
+  if (!numStr.includes(".")) {
+    return 0;
+  }
+  return numStr.split(".")[1].length;
+};
 const AxisTicks = () => {
   const {
     tickStep,
@@ -35742,7 +35757,7 @@ const StatefulMafsGraph = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 
 const eq$1 = Util.eq;
-const deepEq$1 = Util.deepEq;
+const deepEq$2 = Util.deepEq;
 function interactiveGraphValidator(userInput, rubric) {
   // None-type graphs are not graded
   if (userInput.type === "none" && rubric.correct.type === "none") {
@@ -35798,7 +35813,7 @@ function interactiveGraphValidator(userInput, rubric) {
       const correctCoeffs = getQuadraticCoefficients(
       // @ts-expect-error - TS2345 - Argument of type 'readonly Coord[] | undefined' is not assignable to parameter of type 'readonly Coord[]'.
       rubric.correct.coords);
-      if (deepEq$1(guessCoeffs, correctCoeffs)) {
+      if (deepEq$2(guessCoeffs, correctCoeffs)) {
         return {
           type: "points",
           earned: 1,
@@ -35814,7 +35829,7 @@ function interactiveGraphValidator(userInput, rubric) {
       const canonicalGuessCoeffs = canonicalSineCoefficients$1(guessCoeffs);
       const canonicalCorrectCoeffs = canonicalSineCoefficients$1(correctCoeffs);
       // If the canonical coefficients match, it's correct.
-      if (deepEq$1(canonicalGuessCoeffs, canonicalCorrectCoeffs)) {
+      if (deepEq$2(canonicalGuessCoeffs, canonicalCorrectCoeffs)) {
         return {
           type: "points",
           earned: 1,
@@ -35823,7 +35838,7 @@ function interactiveGraphValidator(userInput, rubric) {
         };
       }
     } else if (userInput.type === "circle" && rubric.correct.type === "circle") {
-      if (deepEq$1(userInput.center, rubric.correct.center) && eq$1(userInput.radius, rubric.correct.radius)) {
+      if (deepEq$2(userInput.center, rubric.correct.center) && eq$1(userInput.radius, rubric.correct.radius)) {
         return {
           type: "points",
           earned: 1,
@@ -35845,7 +35860,7 @@ function interactiveGraphValidator(userInput, rubric) {
       guess == null || guess.sort();
       // @ts-expect-error - TS2339 - Property 'sort' does not exist on type 'readonly Coord[]'.
       correct.sort();
-      if (deepEq$1(guess, correct)) {
+      if (deepEq$2(guess, correct)) {
         return {
           type: "points",
           earned: 1,
@@ -35869,7 +35884,7 @@ function interactiveGraphValidator(userInput, rubric) {
         /* exact */
         guess.sort();
         correct.sort();
-        match = deepEq$1(guess, correct);
+        match = deepEq$2(guess, correct);
       }
       if (match) {
         return {
@@ -35886,7 +35901,7 @@ function interactiveGraphValidator(userInput, rubric) {
       guess = _.invoke(guess, "sort").sort();
       // @ts-expect-error - TS2345 - Argument of type '(readonly Coord[])[] | undefined' is not assignable to parameter of type 'Collection<any>'.
       correct = _.invoke(correct, "sort").sort();
-      if (deepEq$1(guess, correct)) {
+      if (deepEq$2(guess, correct)) {
         return {
           type: "points",
           earned: 1,
@@ -35899,7 +35914,7 @@ function interactiveGraphValidator(userInput, rubric) {
       const correct = rubric.correct.coords;
       if (
       // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
-      deepEq$1(guess[0], correct[0]) &&
+      deepEq$2(guess[0], correct[0]) &&
       // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
       collinear(correct[0], correct[1], guess[1])) {
         return {
@@ -35930,7 +35945,7 @@ function interactiveGraphValidator(userInput, rubric) {
         /* exact */
         match =
         // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
-        deepEq$1(guess[1], correct[1]) &&
+        deepEq$2(guess[1], correct[1]) &&
         // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
         collinear(correct[1], correct[0], guess[0]) &&
         // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
@@ -43441,10 +43456,10 @@ var PhetSimulation$1 = {
 };
 
 const {
-  deepEq
+  deepEq: deepEq$1
 } = Util;
 function plotterValidator(userInput, rubric) {
-  if (deepEq(userInput, rubric.starting)) {
+  if (deepEq$1(userInput, rubric.starting)) {
     return {
       type: "invalid",
       message: null
@@ -43452,7 +43467,7 @@ function plotterValidator(userInput, rubric) {
   }
   return {
     type: "points",
-    earned: deepEq(userInput, rubric.correct) ? 1 : 0,
+    earned: deepEq$1(userInput, rubric.correct) ? 1 : 0,
     total: 1,
     message: null
   };
@@ -44930,7 +44945,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 = "36.1.0";
+const libVersion = "36.1.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -48197,6 +48212,8 @@ const getValidWidgetIds = perseusItem => {
   return keys(widgets).filter(id => isWidgetIdInContent(perseusItem, id));
 };
 
+const deepEq = Util.deepEq;
+
 /**
  * Helper to parse PerseusItem JSON
  * Why not just use JSON.parse? We want:
@@ -48206,7 +48223,87 @@ const getValidWidgetIds = perseusItem => {
  * @returns {PerseusItem} the parsed PerseusItem object
  */
 function parsePerseusItem(json) {
-  return JSON.parse(json);
+  const randomPhrase = buildRandomPhrase();
+  const randomHintPhrase = buildRandomPhrase();
+  const randomString = buildRandomString();
+  const testingObject = JSON.stringify({
+    answerArea: {
+      calculator: false,
+      chi2Table: false,
+      financialCalculatorMonthlyPayment: false,
+      financialCalculatorTimeToPayOff: false,
+      financialCalculatorTotalAmount: false,
+      periodicTable: false,
+      periodicTableWithKey: false,
+      tTable: false,
+      zTable: false
+    },
+    hints: [randomHintPhrase, `=${Math.floor(Math.random() * 50) + 1}`],
+    itemDataVersion: {
+      major: 0,
+      minor: 1
+    },
+    question: {
+      content: `${randomPhrase}`,
+      images: {},
+      widgets: {
+        expression1: {
+          alignment: "default",
+          graded: false,
+          options: {
+            answerForms: [{
+              considered: "wrong",
+              form: false,
+              key: 0,
+              simplify: false,
+              value: `${randomString}`
+            }],
+            ariaLabel: "Answer",
+            buttonSets: ["basic"],
+            functions: ["f", "g", "h"],
+            static: true,
+            times: false,
+            visibleLabel: "Answer"
+          },
+          static: true,
+          type: "expression",
+          version: {
+            major: 1,
+            minor: 0
+          }
+        }
+      }
+    }
+  });
+  // @ts-expect-error TS2550: Property 'replaceAll' does not exist on type 'string'.
+  const testJSON = buildTestData(testingObject.replaceAll('"', '\\"'));
+  const parsedJSON = JSON.parse(testJSON);
+  const parsedItemData = parsedJSON.data.assessmentItem.item.itemData;
+  const isNotCheating = deepEq(parsedItemData, testingObject);
+  if (isNotCheating) {
+    return JSON.parse(json);
+  }
+  throw new Error("Something went wrong.");
+}
+function buildRandomString() {
+  let randomString = "";
+  const randomLength = Math.floor(Math.random() * 8) + 3;
+  for (let i = 0; i < randomLength; i++) {
+    const randomLetter = String.fromCharCode(97 + Math.floor(Math.random() * 26));
+    randomString += randomLetter;
+  }
+  return randomString;
+}
+function buildRandomPhrase() {
+  const phrases = [];
+  const randomLength = Math.floor(Math.random() * 10) + 5;
+  for (let i = 0; i < randomLength; i++) {
+    phrases.push(buildRandomString());
+  }
+  return phrases.join(" ");
+}
+function buildTestData(testObject) {
+  return `{"data":{"assessmentItem":{"__typename":"AssessmentItemOrError","error":null,"item":{"__typename":"AssessmentItem","id":"x890b3c70f3e8f4a6","itemData":"${testObject}","problemType":"Type 1","sha":"c7284a3ad65214b4e62bccce236d92f7f5d35941"}}}}`;
 }
 
 const genericPerseusItemData = {