@khanacademy/perseus 0.2.7 → 0.2.8

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "0.2.7",
+    "version": "0.2.8",
     "publishConfig": {
         "access": "public"
     },
@@ -22,8 +22,10 @@
     },
     "dependencies": {
         "@khanacademy/kmath": "^0.0.5",
-        "@khanacademy/math-input": "^0.5.2",
         "@khanacademy/kas": "^0.2.4",
+        "@khanacademy/math-input": "^0.5.2",
+        "@khanacademy/perseus-linter": "^0.1.0",
+        "@khanacademy/pure-markdown": "^0.1.0",
         "@khanacademy/simple-markdown": "^0.8.3",
         "mathquill": "git+https://git@github.com/Khan/mathquill.git#a9ae54e057c5c1acc8244a5627acbff29901d992"
     },

package/src/__tests__/perseus-markdown_test.jsx

@@ -1,6 +1,6 @@
 // @flow
-import Gorgon from "../gorgon/gorgon.js"; // The linter engine
-import {linterContextDefault} from "../gorgon/proptypes.js";
+import * as Gorgon from "@khanacademy/perseus-linter";
+
 import PerseusMarkdown from "../perseus-markdown.jsx";
 
 const {parse, basicOutput, characterCount} = PerseusMarkdown;
@@ -565,7 +565,7 @@ describe("perseus markdown", () => {
                 "data 4 | $data 5 | data 6\n" +
                 "data 7 | data 8 | data 9";
             const context = {
-                ...linterContextDefault,
+                ...Gorgon.linterContextDefault,
                 content,
                 widgets: {},
             };
@@ -650,7 +650,7 @@ describe("perseus markdown", () => {
                 "data 4 | $data 5 | data 6\n" +
                 "data 7 | data 8 | data 9";
             const context = {
-                ...linterContextDefault,
+                ...Gorgon.linterContextDefault,
                 content,
                 widgets: {},
             };

package/src/article-renderer.jsx

@@ -5,12 +5,11 @@
  * composed of multiple (Renderer) sections concatenated together.
  */
 
+import * as Gorgon from "@khanacademy/perseus-linter";
 import classNames from "classnames";
 import PropTypes from "prop-types";
 import * as React from "react";
 
-import Gorgon from "./gorgon/gorgon.js";
-import {linterContextProps, linterContextDefault} from "./gorgon/proptypes.js";
 import ProvideKeypad from "./mixins/provide-keypad.jsx";
 import {ClassNames as ApiClassNames, ApiOptions} from "./perseus-api.jsx";
 import Renderer from "./renderer.jsx";
@@ -38,14 +37,14 @@ class ArticleRenderer extends React.Component<$FlowFixMe, $FlowFixMe> {
 
         // Whether to use the new Bibliotron styles for articles
         useNewStyles: PropTypes.bool,
-        linterContext: linterContextProps,
+        linterContext: Gorgon.linterContextProps,
         legacyPerseusLint: PropTypes.arrayOf(PropTypes.string),
     };
 
     static defaultProps: $FlowFixMe = {
         apiOptions: {},
         useNewStyles: false,
-        linterContext: linterContextDefault,
+        linterContext: Gorgon.linterContextDefault,
     };
 
     constructor(props: $FlowFixMe) {

package/src/components/input-with-examples.jsx

@@ -1,11 +1,10 @@
 /* eslint-disable react/sort-comp */
 // @flow
+import * as Gorgon from "@khanacademy/perseus-linter";
 import PropTypes from "prop-types";
 import * as React from "react";
 import _ from "underscore";
 
-import Gorgon from "../gorgon/gorgon.js";
-import {linterContextProps, linterContextDefault} from "../gorgon/proptypes.js";
 import {ClassNames as ApiClassNames} from "../perseus-api.jsx";
 import Renderer from "../renderer.jsx";
 import Util from "../util.js";
@@ -38,7 +37,7 @@ class InputWithExamples extends React.Component<$FlowFixMe, $FlowFixMe> {
 
         // A unique string identifying this InputWithExamples
         id: PropTypes.string.isRequired,
-        linterContext: linterContextProps,
+        linterContext: Gorgon.linterContextProps,
     };
 
     static defaultProps: $FlowFixMe = {
@@ -47,7 +46,7 @@ class InputWithExamples extends React.Component<$FlowFixMe, $FlowFixMe> {
         onFocus: function () {},
         onBlur: function () {},
         disabled: false,
-        linterContext: linterContextDefault,
+        linterContext: Gorgon.linterContextDefault,
     };
 
     state: $FlowFixMe = {

package/src/components/sortable.jsx

@@ -1,5 +1,6 @@
 /* eslint-disable @babel/no-invalid-this, react/forbid-prop-types, react/no-unsafe, react/sort-comp */
 // @flow
+import * as Gorgon from "@khanacademy/perseus-linter";
 import {CircularSpinner} from "@khanacademy/wonder-blocks-progress-spinner";
 import {StyleSheet, css} from "aphrodite";
 import $ from "jquery";
@@ -9,8 +10,6 @@ import ReactDOM from "react-dom";
 import _ from "underscore";
 
 import {getDependencies} from "../dependencies.js";
-import Gorgon from "../gorgon/gorgon.js";
-import {linterContextProps, linterContextDefault} from "../gorgon/proptypes.js";
 import {ClassNames as ApiClassNames} from "../perseus-api.jsx";
 import Renderer from "../renderer.jsx";
 import Util from "../util.js";
@@ -96,13 +95,13 @@ class Draggable extends React.Component<DraggableProps, DraggableState> {
         onMouseUp: PropTypes.func.isRequired,
         onRender: PropTypes.func.isRequired,
         type: PropTypes.oneOf([STATIC, DRAGGING, ANIMATING, DISABLED]),
-        linterContext: linterContextProps,
+        linterContext: Gorgon.linterContextProps,
     };
 
     static defaultProps = {
         includePadding: true,
         type: STATIC,
-        linterContext: linterContextDefault,
+        linterContext: Gorgon.linterContextDefault,
     };
 
     state: DraggableState = {
@@ -423,7 +422,7 @@ class Sortable extends React.Component<SortableProps, SortableState> {
         onMeasure: function () {},
         margin: 5,
         onChange: function () {},
-        linterContext: linterContextDefault,
+        linterContext: Gorgon.linterContextDefault,
         waitForKatexLoad: true,
     };
 

package/src/hint-renderer.jsx

@@ -1,11 +1,10 @@
 // @flow
+import * as Gorgon from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import {StyleSheet, css} from "aphrodite";
 import classnames from "classnames";
 import * as React from "react";
 
-import Gorgon from "./gorgon/gorgon.js";
-import {linterContextDefault} from "./gorgon/proptypes.js";
 import Renderer from "./renderer.jsx";
 import {
     baseUnitPx,
@@ -36,7 +35,7 @@ type DefaultProps = {|
 /* Renders just a hint preview */
 class HintRenderer extends React.Component<Props> {
     static defaultProps: DefaultProps = {
-        linterContext: linterContextDefault,
+        linterContext: Gorgon.linterContextDefault,
     };
 
     getSerializedState: () => void = () => {

package/src/hints-renderer.jsx

@@ -1,4 +1,5 @@
 // @flow
+import * as Gorgon from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import {StyleSheet, css} from "aphrodite";
 import classnames from "classnames";
@@ -6,8 +7,6 @@ import * as React from "react";
 import ReactDOM from "react-dom";
 import _ from "underscore";
 
-import Gorgon from "./gorgon/gorgon.js";
-import {linterContextDefault} from "./gorgon/proptypes.js";
 import HintRenderer from "./hint-renderer.jsx";
 import {ApiOptions} from "./perseus-api.jsx";
 import typeof Renderer from "./renderer.jsx";
@@ -43,7 +42,7 @@ type State = {|
 // eslint-disable-next-line react/no-unsafe
 class HintsRenderer extends React.Component<Props, State> {
     static defaultProps: DefaultProps = {
-        linterContext: linterContextDefault,
+        linterContext: Gorgon.linterContextDefault,
     };
 
     // The isFinalHelpPage property determines if the user has requested help

package/src/item-renderer.jsx

@@ -1,12 +1,11 @@
 /* eslint-disable react/no-unsafe */
 // @flow
+import * as Gorgon from "@khanacademy/perseus-linter";
 import $ from "jquery";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import _ from "underscore";
 
-import Gorgon from "./gorgon/gorgon.js";
-import {linterContextDefault} from "./gorgon/proptypes.js";
 import HintsRenderer from "./hints-renderer.jsx";
 import Objective from "./interactive2/objective_.js";
 import ProvideKeypad from "./mixins/provide-keypad.jsx";
@@ -88,7 +87,7 @@ class ItemRenderer extends React.Component<Props, State> {
         initialHintsVisible: 0,
         workAreaSelector: "#workarea",
         reviewMode: false,
-        linterContext: linterContextDefault,
+        linterContext: Gorgon.linterContextDefault,
     };
 
     constructor(props: Props) {

package/src/not-gorgon.js

@@ -1,8 +1,7 @@
 // @flow
+import {Rule} from "@khanacademy/perseus-linter";
 import {debounce} from "underscore";
 
-import Rule from "./gorgon/rule.js";
-
 /**
  * NotGorgon asynchronously calls Khan Academy's poentry linter.
  *

package/src/perseus-markdown.jsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-useless-escape, no-prototype-builtins */
 // @flow
-// TODO(FEI-4465): move this into it's own package called perseus-markdown
+import {pureMarkdownRules} from "@khanacademy/pure-markdown";
 import SimpleMarkdown from "@khanacademy/simple-markdown";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import * as React from "react";
@@ -8,7 +8,6 @@ import _ from "underscore";
 
 import Lint from "./components/lint.jsx";
 import {getDependencies} from "./dependencies.js";
-import {pureMarkdownRules} from "./pure-markdown.js";
 
 const rules = {
     ...pureMarkdownRules,

package/src/renderer.jsx

@@ -1,5 +1,6 @@
 /* eslint-disable react/no-unsafe */
 // @flow
+import * as Gorgon from "@khanacademy/perseus-linter";
 import classNames from "classnames";
 import $ from "jquery";
 import * as React from "react";
@@ -13,8 +14,6 @@ import ZoomableTeX from "./components/zoomable-tex.jsx";
 import Zoomable from "./components/zoomable.jsx";
 import {getDependencies} from "./dependencies.js";
 import ErrorBoundary from "./error-boundary.jsx";
-import Gorgon from "./gorgon/gorgon.js"; // The linter engine
-import {linterContextDefault} from "./gorgon/proptypes.js";
 import InteractionTracker from "./interaction-tracker.js";
 import Objective from "./interactive2/objective_.js";
 import JiptParagraphs from "./jipt-paragraphs.js";
@@ -234,7 +233,7 @@ class Renderer extends React.Component<Props, State> {
         reviewMode: false,
         serializedState: null,
         onSerializedStateUpdated: () => {},
-        linterContext: linterContextDefault,
+        linterContext: Gorgon.linterContextDefault,
     };
 
     constructor(props: Props, context: Context) {

package/src/widget-container.jsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/no-unsafe, react/sort-comp */
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import classNames from "classnames";
 import * as React from "react";
 import ReactDOM from "react-dom";
 
-import {linterContextDefault} from "./gorgon/proptypes.js";
 import {zIndexInteractiveComponent} from "./styles/constants.js";
 import {containerSizeClass, getClassFromWidth} from "./util/sizing-utils.js";
 import * as Widgets from "./widgets.js";

package/src/widgets/categorizer.jsx

@@ -1,5 +1,6 @@
 /* eslint-disable react/sort-comp */
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import {StyleSheet, css} from "aphrodite";
 import classNames from "classnames";
@@ -7,7 +8,6 @@ import * as React from "react";
 import _ from "underscore";
 
 import InlineIcon from "../components/inline-icon.jsx";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import {iconCircle, iconCircleThin} from "../icon-paths.js";
 import * as Changeable from "../mixins/changeable.jsx";
 import WidgetJsonifyDeprecated from "../mixins/widget-jsonify-deprecated.jsx";

package/src/widgets/explanation.jsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/sort-comp */
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import {StyleSheet, css} from "aphrodite";
 import * as React from "react";
 import _ from "underscore";
 
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import * as Changeable from "../mixins/changeable.jsx";
 import Renderer from "../renderer.jsx";
 import * as styleConstants from "../styles/constants.js";

package/src/widgets/expression.jsx

@@ -2,6 +2,7 @@
 // @flow
 import * as KAS from "@khanacademy/kas";
 import {KeypadInput, KeypadTypes} from "@khanacademy/math-input";
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import classNames from "classnames";
 import * as React from "react";
@@ -11,7 +12,6 @@ import InlineIcon from "../components/inline-icon.jsx";
 import InputWithExamples from "../components/input-with-examples.jsx";
 import MathInput from "../components/math-input.jsx";
 import Tooltip from "../components/tooltip.jsx";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import {iconExclamationSign} from "../icon-paths.js";
 import {Errors as PerseusErrors, Log} from "../logging/log.js";
 import * as Changeable from "../mixins/changeable.jsx";

package/src/widgets/graded-group-set.jsx

@@ -1,10 +1,10 @@
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import {StyleSheet, css} from "aphrodite";
 import * as React from "react";
 
 import {getDependencies} from "../dependencies.js";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import * as Changeable from "../mixins/changeable.jsx";
 import {
     grayLight,

package/src/widgets/graded-group.jsx

@@ -1,4 +1,5 @@
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import Button from "@khanacademy/wonder-blocks-button";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import {StyleSheet, css} from "aphrodite";
@@ -7,7 +8,6 @@ import * as React from "react";
 import _ from "underscore";
 
 import InlineIcon from "../components/inline-icon.jsx";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import {iconOk, iconRemove} from "../icon-paths.js";
 import * as Changeable from "../mixins/changeable.jsx";
 import {ApiOptions} from "../perseus-api.jsx";

package/src/widgets/group.jsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/sort-comp */
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import classNames from "classnames";
 import * as React from "react";
 import _ from "underscore";
 
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import * as Changeable from "../mixins/changeable.jsx";
 import {ApiOptions} from "../perseus-api.jsx";
 import Renderer from "../renderer.jsx";

package/src/widgets/image.jsx

@@ -1,13 +1,13 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable react/sort-comp */
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import {StyleSheet, css} from "aphrodite";
 import classNames from "classnames";
 import * as React from "react";
 import _ from "underscore";
 
 import SvgImage from "../components/svg-image.jsx";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import * as Changeable from "../mixins/changeable.jsx";
 import Renderer from "../renderer.jsx";
 import {baseUnitPx} from "../styles/constants.js";

package/src/widgets/input-number.jsx

@@ -1,6 +1,7 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable react/sort-comp */
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import classNames from "classnames";
 import * as React from "react";
@@ -9,7 +10,6 @@ import _ from "underscore";
 import InputWithExamples from "../components/input-with-examples.jsx";
 import PossibleAnswers from "../components/possible-answers.jsx";
 import SimpleKeypadInput from "../components/simple-keypad-input.jsx";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import {ClassNames as ApiClassNames, ApiOptions} from "../perseus-api.jsx";
 import TexWrangler from "../tex-wrangler.js";
 import KhanAnswerTypes from "../util/answer-types.js";

package/src/widgets/matcher.jsx

@@ -1,5 +1,9 @@
 /* eslint-disable react/forbid-prop-types, react/sort-comp */
 // @flow
+import {
+    linterContextProps,
+    linterContextDefault,
+} from "@khanacademy/perseus-linter";
 import {CircularSpinner} from "@khanacademy/wonder-blocks-progress-spinner";
 import {StyleSheet, css} from "aphrodite";
 import PropTypes from "prop-types";
@@ -8,7 +12,6 @@ import _ from "underscore";
 
 import Sortable from "../components/sortable.jsx";
 import {getDependencies} from "../dependencies.js";
-import {linterContextProps, linterContextDefault} from "../gorgon/proptypes.js";
 import {ApiOptions} from "../perseus-api.jsx";
 import Renderer from "../renderer.jsx";
 import Util from "../util.js";

package/src/widgets/matrix.jsx

@@ -1,6 +1,7 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable react/sort-comp */
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import classNames from "classnames";
 import * as React from "react";
@@ -11,7 +12,6 @@ import MathOutput from "../components/math-output.jsx";
 import NumberInput from "../components/number-input.jsx";
 import SimpleKeypadInput from "../components/simple-keypad-input.jsx";
 import TextInput from "../components/text-input.jsx";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import InteractiveUtil from "../interactive2/interactive-util.js";
 import {ApiOptions} from "../perseus-api.jsx";
 import Renderer from "../renderer.jsx";

package/src/widgets/numeric-input.jsx

@@ -1,6 +1,7 @@
 /* eslint-disable react/prop-types */
 // @flow
 
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import classNames from "classnames";
 import * as React from "react";
@@ -9,7 +10,6 @@ import _ from "underscore";
 import InputWithExamples from "../components/input-with-examples.jsx";
 import PossibleAnswers from "../components/possible-answers.jsx";
 import SimpleKeypadInput from "../components/simple-keypad-input.jsx";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import {ApiOptions, ClassNames as ApiClassNames} from "../perseus-api.jsx";
 import TexWrangler from "../tex-wrangler.js";
 import KhanAnswerTypes from "../util/answer-types.js";

package/src/widgets/orderer.jsx

@@ -1,5 +1,9 @@
 /* eslint-disable @babel/no-invalid-this, no-unused-vars, one-var, react/no-unsafe, react/sort-comp */
 // @flow
+import {
+    linterContextProps,
+    linterContextDefault,
+} from "@khanacademy/perseus-linter";
 import $ from "jquery";
 import PropTypes, {bool} from "prop-types";
 import * as React from "react";
@@ -7,7 +11,6 @@ import ReactDOM from "react-dom";
 import _ from "underscore";
 
 import {getDependencies} from "../dependencies.js";
-import {linterContextProps, linterContextDefault} from "../gorgon/proptypes.js";
 import {Errors, Log} from "../logging/log.js";
 import {ClassNames as ApiClassNames} from "../perseus-api.jsx";
 import Renderer from "../renderer.jsx";

package/src/widgets/passage-ref-target.jsx

@@ -1,9 +1,12 @@
 // @flow
+import {
+    linterContextProps,
+    linterContextDefault,
+} from "@khanacademy/perseus-linter";
 import PropTypes from "prop-types";
 import * as React from "react";
 import _ from "underscore";
 
-import {linterContextProps, linterContextDefault} from "../gorgon/proptypes.js";
 import * as Changeable from "../mixins/changeable.jsx";
 import WidgetJsonifyDeprecated from "../mixins/widget-jsonify-deprecated.jsx";
 import Renderer from "../renderer.jsx";

package/src/widgets/passage.jsx

@@ -1,5 +1,6 @@
 // @flow
 
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import {StyleSheet, css} from "aphrodite";
 import $ from "jquery";
@@ -9,7 +10,6 @@ import _ from "underscore";
 
 import HighlightableContent from "../components/highlighting/highlightable-content.jsx";
 import {getDependencies} from "../dependencies.js";
-import {linterContextDefault} from "../gorgon/proptypes.js";
 import Renderer from "../renderer.jsx";
 
 import {getLineHeightForNode} from "./passage/get-line-height-for-node.js";

package/src/widgets/radio/widget.jsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/sort-comp */
 // @flow
+import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import * as React from "react";
 import _ from "underscore";
 
-import {linterContextDefault} from "../../gorgon/proptypes.js";
 import Renderer from "../../renderer.jsx";
 import Util from "../../util.js";
 import PassageRef from "../passage-ref.jsx";

package/src/widgets/sequence.jsx

@@ -1,10 +1,13 @@
 // @flow
+import {
+    linterContextProps,
+    linterContextDefault,
+} from "@khanacademy/perseus-linter";
 import PropTypes from "prop-types";
 import * as React from "react";
 import _ from "underscore";
 
 import InlineIcon from "../components/inline-icon.jsx";
-import {linterContextProps, linterContextDefault} from "../gorgon/proptypes.js";
 import {iconOk} from "../icon-paths.js";
 import * as Changeable from "../mixins/changeable.jsx";
 import {ApiOptions} from "../perseus-api.jsx";

package/src/widgets/sorter.jsx

@@ -1,10 +1,13 @@
 // @flow
+import {
+    linterContextProps,
+    linterContextDefault,
+} from "@khanacademy/perseus-linter";
 import PropTypes from "prop-types";
 import * as React from "react";
 import _ from "underscore";
 
 import Sortable from "../components/sortable.jsx";
-import {linterContextProps, linterContextDefault} from "../gorgon/proptypes.js";
 import {ApiOptions} from "../perseus-api.jsx";
 import Util from "../util.js";
 

package/src/widgets/table.jsx

@@ -1,6 +1,10 @@
 /* eslint-disable react/sort-comp */
 // @flow
 import {keypadElementPropType} from "@khanacademy/math-input";
+import {
+    linterContextProps,
+    linterContextDefault,
+} from "@khanacademy/perseus-linter";
 import PropTypes from "prop-types";
 import * as React from "react";
 import ReactDOM from "react-dom";
@@ -8,7 +12,6 @@ import _ from "underscore";
 
 import MathOutput from "../components/math-output.jsx";
 import SimpleKeypadInput from "../components/simple-keypad-input.jsx";
-import {linterContextProps, linterContextDefault} from "../gorgon/proptypes.js";
 import InteractiveUtil from "../interactive2/interactive-util.js";
 import {ApiOptions} from "../perseus-api.jsx";
 import Renderer from "../renderer.jsx";

package/src/README.md

@@ -1,35 +0,0 @@
-# Perseus
-
-<p align="center"><img src="logo.png" alt="perseus logo" width="150px"/></p>
-
-<p align="center">Perseus Exercise Renderer</p>
-
-Perseus is Khan Academy's exercise system. This repo contains the code needed to take a problem in the perseus format and present it, allow interaction, and grade the result of a learner's work.
-
-<p align="center"><img src="sample.png" alt="sample of perseus in use" height="150px"/></p>
-
-This repo is a constellation of sub-repos for showing exercise content. Please see individual projects in in the `packages/` folder for more information about each sub-project.
-
-## Getting started
-
-### Prerequisites
-
-- [Node.JS v12](https://nodejs.org/download/release/v10.18.1/)
-- [Yarn](https://yarnpkg.com/lang/en/docs/install/)
-
-### Installation
-
-To install perseus, you need to run the following commands:
-
-#### `yarn install`
-
-Installs project dependencies
-
-## Contributing
-
-See [CONTRIBUTING.md](./CONTRIBUTING.md) for a walkthrough of how some
-of the Perseus code works and how to extend it.
-
-## License
-
-[MIT License](http://opensource.org/licenses/MIT)