@khanacademy/perseus 7.1.0 → 7.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @khanacademy/perseus
 
+## 7.2.0
+
+### Minor Changes
+
+-   e08f85ee: Add testing and improve error logging in the image editor
+
+## 7.1.1
+
+### Patch Changes
+
+-   fc70e558: Fix the font size of inline MathJax 3 math in paragraphs, making it the same as KaTeX math.
+
 ## 7.1.0
 
 ### Minor Changes

package/dist/es/index.css

@@ -1550,7 +1550,8 @@ body.mobile ul.inequalities-one-line-radios > li {
   margin-bottom: 32px;
   margin-top: 0;
 }
-.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph .katex {
+.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph .katex,
+.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph mjx-container {
   font-size: 100%;
 }
 .framework-perseus.perseus-article:not(.perseus-mobile) .perseus-renderer > .paragraph ul:not(.perseus-widget-radio) {

package/dist/es/index.js

@@ -2945,8 +2945,6 @@ const defaultContext$2 = {
 };
 const context$1 = /*#__PURE__*/React.createContext(defaultContext$2);
 
-/* eslint-disable @babel/no-invalid-this, getter-return, one-var */
-let supportsPassive = false;
 const svgLabelsRegex = /^web\+graphie:/;
 // For offline exercises in the mobile app, we download the graphie data
 // (svgs and localized data files) and serve them from the local file
@@ -2954,6 +2952,50 @@ const svgLabelsRegex = /^web\+graphie:/;
 // in the perseus json with this `file+graphie` prefix to indicate that
 // they should have the `file://` protocol instead of `https://`.
 const svgLocalLabelsRegex$1 = /^file\+graphie:/;
+
+// Sometimes other components want to download the actual image e.g. to
+// determine its size. Here, we transform an .svg-labels url into the
+// correct image url, and leave normal image urls alone
+function getRealImageUrl(graphieUrl) {
+  if (isLabeledSVG(graphieUrl)) {
+    return getSvgUrl(graphieUrl);
+  }
+  return graphieUrl;
+}
+function isLabeledSVG(graphieUrl) {
+  return svgLabelsRegex.test(graphieUrl) || svgLocalLabelsRegex$1.test(graphieUrl);
+}
+
+// For each graphie, there are two urls we need to download from. This gets
+// the base url without the suffix, and `getSvgUrl` and `getDataUrl` apply
+// appropriate suffixes to get the image and other data
+function getBaseUrl(graphieUrl) {
+  return graphieUrl.replace(svgLabelsRegex, "https:").replace(svgLocalLabelsRegex$1, "file:");
+}
+function getSvgUrl(graphieUrl) {
+  return getBaseUrl(graphieUrl) + ".svg";
+}
+function getDataUrl(graphieUrl) {
+  return getBaseUrl(graphieUrl) + "-data.json";
+}
+async function getImageSizeModern(url) {
+  const image = new Image();
+  return new Promise((resolve, reject) => {
+    // Handle the success case
+    image.onload = () => {
+      resolve([image.naturalWidth, image.naturalHeight]);
+    };
+
+    // Handle the error case
+    image.onerror = reject;
+
+    // Kick off the loading
+    image.src = getRealImageUrl(url);
+  });
+}
+
+/* eslint-disable @babel/no-invalid-this, getter-return, one-var */
+let supportsPassive = false;
 const nestedMap$2 = function nestedMap(children, func, context) {
   if (Array.isArray(children)) {
     // @ts-expect-error [FEI-5003] - TS2322 - Type '(M | readonly M[])[]' is not assignable to type 'M | readonly M[]'.
@@ -3618,21 +3660,6 @@ const supportsPassiveEvents = () => {
 function captureScratchpadTouchStart$4(e) {
   e.stopPropagation();
 }
-async function getImageSizeModern(url) {
-  const image = new Image();
-  return new Promise((resolve, reject) => {
-    // Handle the success case
-    image.onload = () => {
-      resolve([image.naturalWidth, image.naturalHeight]);
-    };
-
-    // Handle the error case
-    image.onerror = reject;
-
-    // Kick off the loading
-    image.src = url;
-  });
-}
 function getImageSize(url, callback) {
   const img = new Image();
   img.onload = function () {
@@ -3662,32 +3689,6 @@ function getImageSize(url, callback) {
   img.src = getRealImageUrl(url);
 }
 
-// Sometimes other components want to download the actual image e.g. to
-// determine its size. Here, we transform an .svg-labels url into the
-// correct image url, and leave normal image urls alone
-function getRealImageUrl(url) {
-  if (isLabeledSVG(url)) {
-    return getSvgUrl(url);
-  }
-  return url;
-}
-function isLabeledSVG(url) {
-  return svgLabelsRegex.test(url) || svgLocalLabelsRegex$1.test(url);
-}
-
-// For each svg+labels, there are two urls we need to download from. This gets
-// the base url without the suffix, and `getSvgUrl` and `getDataUrl` apply
-// appropriate suffixes to get the image and other data
-function getBaseUrl(url) {
-  return url.replace(svgLabelsRegex, "https:").replace(svgLocalLabelsRegex$1, "file:");
-}
-function getSvgUrl(url) {
-  return getBaseUrl(url) + ".svg";
-}
-function getDataUrl(url) {
-  return getBaseUrl(url) + "-data.json";
-}
-
 /**
  * Gets the word right before where the textarea cursor is
  *
@@ -3767,12 +3768,12 @@ const Util = {
   supportsPassiveEvents,
   captureScratchpadTouchStart: captureScratchpadTouchStart$4,
   getImageSize,
-  getImageSizeModern,
-  getRealImageUrl,
-  isLabeledSVG,
-  getBaseUrl,
-  getSvgUrl,
-  getDataUrl,
+  getImageSizeModern: getImageSizeModern,
+  getRealImageUrl: getRealImageUrl,
+  isLabeledSVG: isLabeledSVG,
+  getBaseUrl: getBaseUrl,
+  getSvgUrl: getSvgUrl,
+  getDataUrl: getDataUrl,
   textarea,
   unescapeMathMode: unescapeMathMode$1,
   random: random$1