@khanacademy/perseus 17.3.1 → 17.3.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @khanacademy/perseus
 
+## 17.3.3
+
+### Patch Changes
+
+-   [#876](https://github.com/Khan/perseus/pull/876) [`fdc00c90`](https://github.com/Khan/perseus/commit/fdc00c90a19d3e241b3a5cdc2b1df5d761b24af3) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Adjust CSS to ensure all `code` and `pre` blocks rendered by Perseus have a monospace font and common styling
+
+## 17.3.2
+
+### Patch Changes
+
+-   [#850](https://github.com/Khan/perseus/pull/850) [`f4cd2a76`](https://github.com/Khan/perseus/commit/f4cd2a7639556312af75b9ba9c6a97c41c94beac) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Widget rendering errors are now reported as distinct errors to the Perseus logging infrastructure.
+
 ## 17.3.1
 
 ### Patch Changes

package/dist/es/index.css

@@ -1490,6 +1490,18 @@ body.mobile ul.inequalities-one-line-radios > li {
   clear: both;
 }
 /* Fall back colors? Eg educator, talks & interviews */
+.framework-perseus code {
+  font-family: Courier, monospace;
+}
+.framework-perseus pre {
+  background-color: #f0f1f2;
+  border-radius: 4px;
+  color: #21242c;
+  font-size: 18px;
+  padding: 16px;
+  white-space: pre;
+  overflow: auto;
+}
 .framework-perseus.perseus-article:not(.perseus-mobile) .perseus-widget-container:not(.perseus-widget__definition) {
   font-size: 14px;
   line-height: 19.6px;
@@ -1634,17 +1646,7 @@ body.mobile ul.inequalities-one-line-radios > li {
   line-height: 1.5;
   margin: 0;
 }
-.framework-perseus.perseus-article:not(.perseus-mobile) code {
-  font-family: Courier, monospace;
-}
 .framework-perseus.perseus-article:not(.perseus-mobile) pre {
-  background-color: #f0f1f2;
-  border-radius: 4px;
-  color: #21242c;
-  font-size: 18px;
-  padding: 16px;
-  white-space: pre;
-  overflow: auto;
   margin: 0 -16px 32px -16px;
 }
 .framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-option-content .perseus-renderer > .paragraph {

package/dist/es/index.js

@@ -17373,10 +17373,18 @@ class ErrorBoundary extends React.Component {
       error: error.toString()
     });
     (_this$props$onError = (_this$props = this.props).onError) == null || _this$props$onError.call(_this$props, error, info);
-    Log.error("Perseus error boundary caught error", Errors.Internal, {
+    Log.error(
+    // NOTE(jeremy): We concatenate the error messsage here. Typical
+    // Khan Academy error handling guidance says that you should never
+    // "build" the error message that might be sent to our error
+    // reporting tool (currently Sentry). However, if we don't
+    // differentiate between the different errors that are thrown, they
+    // all end up being grouped as a single Sentry event, which is very
+    // unhelpful.
+    "Unhandled Perseus error: " + error.message, Errors.Internal, {
       cause: error,
       loggedMetadata: _extends({
-        componentStack: info.componentStack
+        componentStack: !!info && "componentStack" in info ? info.componentStack : "componentStack not provided"
       }, this.props.metadata)
     });
   }
@@ -17390,8 +17398,9 @@ class ErrorBoundary extends React.Component {
       return /*#__PURE__*/React.createElement("svg", {
         height: "16",
         width: "16",
-        viewBox: "0 0 16 16"
-      }, /*#__PURE__*/React.createElement("path", {
+        viewBox: "0 0 16 16",
+        role: "img"
+      }, /*#__PURE__*/React.createElement("title", null, "Rendering Error!"), /*#__PURE__*/React.createElement("path", {
         d: "m8 16c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-3c0.55 0 1-0.45 1-1s-0.45-1-1-1-1 0.45-1 1 0.45 1 1 1zm0-9c-0.55 0-1 0.45-1 1v4c0 0.55.45 1 1 1s1-0.45 1-1v-4c0-0.55-0.45-1-1-1z",
         fill: "#d92916",
         fillRule: "evenodd"
@@ -44193,7 +44202,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 = "17.3.1";
+const libVersion = "17.3.3";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {