@khanacademy/perseus 11.6.0 → 11.6.1

package/dist/item-renderer.d.ts

@@ -47,6 +47,9 @@ type SerializedState = {
         [id: string]: any;
     };
 };
+/**
+ * @depreciated use ServerItemRenderer
+ */
 declare class ItemRenderer extends React.Component<Props, State> {
     questionRenderer: Renderer;
     hintsRenderer: React.ElementRef<typeof HintsRenderer> | null | undefined;

package/dist/perseus-version.d.ts

@@ -0,0 +1,8 @@
+export declare const apiVersion: {
+    major: number;
+    minor: number;
+};
+export declare const itemDataVersion: {
+    major: number;
+    minor: number;
+};

package/dist/version.d.ts

@@ -1,11 +1 @@
-declare const _default: {
-    apiVersion: {
-        major: number;
-        minor: number;
-    };
-    itemDataVersion: {
-        major: number;
-        minor: number;
-    };
-};
-export default _default;
+export declare const libVersion = "__lib_version__";

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "11.6.0",
+    "version": "11.6.1",
     "publishConfig": {
         "access": "public"
     },
@@ -22,13 +22,13 @@
         "test": "bash -c 'yarn --silent --cwd \"../..\" test ${@:0} $($([[ ${@: -1} = -* ]] || [[ ${@: -1} = bash ]]) && echo $PWD)'"
     },
     "dependencies": {
-        "@khanacademy/kas": "^0.3.1",
-        "@khanacademy/kmath": "^0.1.2",
-        "@khanacademy/math-input": "^14.0.0",
-        "@khanacademy/perseus-core": "1.1.0",
-        "@khanacademy/perseus-linter": "^0.3.4",
-        "@khanacademy/pure-markdown": "^0.2.6",
-        "@khanacademy/simple-markdown": "^0.10.0"
+        "@khanacademy/kas": "^0.3.2",
+        "@khanacademy/kmath": "^0.1.3",
+        "@khanacademy/math-input": "^14.0.1",
+        "@khanacademy/perseus-core": "1.1.1",
+        "@khanacademy/perseus-linter": "^0.3.5",
+        "@khanacademy/pure-markdown": "^0.2.7",
+        "@khanacademy/simple-markdown": "^0.10.1"
     },
     "devDependencies": {
         "@khanacademy/wonder-blocks-button": "^4.1.3",
@@ -58,7 +58,7 @@
         "katex": "^0.11.1",
         "lodash.debounce": "^4.0.8",
         "mathquill": "git+https://git@github.com/Khan/mathquill.git#32d9f351aaa68537170b3120a52e99b8def3a2c3",
-        "perseus-build-settings": "^0.2.0",
+        "perseus-build-settings": "^0.2.1",
         "prop-types": "^15.6.1",
         "react": "16.14.0",
         "react-dom": "16.14.0",

package/src/components/__stories__/graphie.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import {ItemRendererWithDebugUI} from "../../../../../testing/item-renderer-with-debug-ui";
+import {ServerItemRendererWithDebugUI} from "../../../../../testing/server-item-renderer-with-debug-ui";
 import {itemWithPieChart} from "../../__testdata__/graphie.testdata";
 import Graphie from "../graphie";
 
@@ -29,5 +29,5 @@ export const SquareBoxSizeAndOtherwiseEmpty = (
 };
 
 export const PieChartGraphieLabels = (args: StoryArgs): React.ReactElement => {
-    return <ItemRendererWithDebugUI item={itemWithPieChart} />;
+    return <ServerItemRendererWithDebugUI item={itemWithPieChart} />;
 };

package/src/index.ts

@@ -1,16 +1,13 @@
-/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * Main entry point
  */
 
-import version from "./version";
-
 export {default as init} from "./init";
 
 export {ApiOptions, ClassNames} from "./perseus-api";
 
-export const apiVersion = version.apiVersion;
-export const itemDataVersion = version.itemDataVersion;
+export {libVersion} from "./version";
+export {apiVersion, itemDataVersion} from "./perseus-version";
 export {default as itemVersion} from "./item-version";
 
 /**

package/src/item-renderer.tsx

@@ -76,6 +76,9 @@ type SerializedState = {
     };
 };
 
+/**
+ * @depreciated use ServerItemRenderer
+ */
 class ItemRenderer extends React.Component<Props, State> {
     // @ts-expect-error - TS2564 - Property 'questionRenderer' has no initializer and is not definitely assigned in the constructor.
     questionRenderer: Renderer;

package/src/item-version.ts

@@ -1,10 +1,10 @@
 import allWidgets from "./all-widgets";
-import version from "./version";
+import {itemDataVersion} from "./perseus-version";
 import * as Widgets from "./widgets";
 
 Widgets.registerWidgets(allWidgets);
 
 const ItemVersion = Widgets.getVersionVector();
-ItemVersion["::renderer::"] = version.itemDataVersion;
+ItemVersion["::renderer::"] = itemDataVersion;
 
 export default ItemVersion;

package/src/perseus-version.ts

@@ -0,0 +1,9 @@
+export const apiVersion = {
+    major: 12,
+    minor: 0,
+};
+
+export const itemDataVersion = {
+    major: 0,
+    minor: 1,
+};

package/src/version.ts

@@ -1,11 +1,10 @@
-export default {
-    apiVersion: {
-        major: 12,
-        minor: 0,
-    },
+// This file is processed by a Rollup plugin (replace) to inject the production
+// version number during the release build.
+// In dev, you'll never see the version number.
 
-    itemDataVersion: {
-        major: 0,
-        minor: 1,
-    },
-};
+import {addLibraryVersionToPerseusDebug} from "@khanacademy/perseus-core";
+
+const libName = "@khanacademy/perseus";
+export const libVersion = "__lib_version__";
+
+addLibraryVersionToPerseusDebug(libName, libVersion);

package/src/widgets/__stories__/expression.stories.tsx

@@ -1,7 +1,7 @@
 import {KeypadContext, KeypadType} from "@khanacademy/math-input";
 import * as React from "react";
 
-import {ItemRendererWithDebugUI} from "../../../../../testing/item-renderer-with-debug-ui";
+import {ServerItemRendererWithDebugUI} from "../../../../../testing/server-item-renderer-with-debug-ui";
 import {
     expressionItem2,
     expressionItem3,
@@ -25,20 +25,27 @@ type Story = {
 type WrappedKeypadContextProps = {
     item: PerseusItem;
     customKeypad: boolean;
+    isMobile?: boolean;
 };
 
-const WrappedKeypadContext = (props: WrappedKeypadContextProps) => {
+const WrappedKeypadContext = ({
+    item,
+    customKeypad,
+    isMobile = false,
+}: WrappedKeypadContextProps) => {
     return (
         <TestKeypadContextWrapper>
             <KeypadContext.Consumer>
-                {({keypadElement, setRenderer, scrollableElement}) => {
+                {({keypadElement}) => {
                     return (
-                        <ItemRendererWithDebugUI
-                            item={props.item}
+                        <ServerItemRendererWithDebugUI
+                            item={item}
+                            keypadElement={keypadElement}
                             // Hardcoding the V2 Keypad to true as the Storybook Args
                             // were not working.
                             apiOptions={{
-                                customKeypad: props.customKeypad,
+                                isMobile: isMobile,
+                                customKeypad: customKeypad,
                                 useV2Keypad: true,
                             }}
                         />
@@ -98,13 +105,17 @@ export const Mobile = (args: StoryArgs): React.ReactElement => {
     return (
         <div>
             <p>
-                For some reason you need to be{" "}
+                MathInput uses touch events;{" "}
                 <a href="https://developer.chrome.com/docs/devtools/device-mode/">
-                    emulating mobile
+                    emulate mobile
                 </a>{" "}
-                to see the custom keypad.
+                to use the custom keypad.
             </p>
-            <WrappedKeypadContext item={expressionItem3} customKeypad={true} />
+            <WrappedKeypadContext
+                item={expressionItem3}
+                customKeypad
+                isMobile
+            />
         </div>
     );
 };

package/tsconfig-build.json

@@ -18,6 +18,7 @@
         {"path": "../kmath/tsconfig-build.json"},
         {"path": "../math-input/tsconfig-build.json"},
         {"path": "../perseus-core/tsconfig-build.json"},
+        {"path": "../perseus-core/tsconfig-build.json"},
         {"path": "../perseus-linter/tsconfig-build.json"},
         {"path": "../pure-markdown/tsconfig-build.json"},
         {"path": "../simple-markdown/tsconfig-build.json"},