@khanacademy/perseus 19.1.4 → 19.1.6

package/src/util/tex.ts

@@ -1,73 +0,0 @@
-import $ from "jquery";
-import * as React from "react";
-
-import {getDependencies} from "../dependencies";
-
-import KhanMath from "./math";
-import reactRender from "./react-render";
-
-function findChildOrAdd(elem: any, className: string) {
-    const $child = $(elem).find("." + className);
-    if ($child.length === 0) {
-        return $("<span>").addClass(className).appendTo($(elem));
-    }
-    return $child;
-}
-
-export default {
-    // Process a node and add math inside of it. This attempts to use KaTeX to
-    // format the math, and if that fails it falls back to MathJax.
-    //
-    // elem: The element which the math should be added to.
-    //
-    // text: The text that should be formatted inside of the node. If the node
-    //       has already had math formatted inside of it before, this doesn't
-    //       have to be provided. If this is not provided, and the node hasn't
-    //       been formatted before, the text content of the node is used.
-    //
-    // force: (optional) if the node has been processed before, then it will
-    //        not be formatted again, unless this argument is true
-    //
-    // callback: (optional) a callback to be run after the math has been
-    //           processed
-    processMath: async function (
-        elem: HTMLElement,
-        text: string | number,
-        force?: boolean,
-        callback?: () => unknown,
-    ) {
-        const $elem = $(elem);
-
-        // Only process if it hasn't been done before, or it is forced
-        if ($elem.attr("data-math-formula") == null || force) {
-            const $texHolder = findChildOrAdd($elem, "tex-holder");
-
-            // If text wasn't provided, we use the cached text.
-            // TODO(benchristel): I'm not sure if text can ever be null. It's
-            // possible we don't need this check.
-            if (text == null && $elem.attr("data-math-formula")) {
-                // @ts-expect-error - TS2322 - Type 'string | undefined' is not assignable to type 'string'.
-                text = $elem.attr("data-math-formula");
-            }
-
-            text = text != null ? text + "" : "";
-
-            // Attempt to clean up some of the math
-            text = KhanMath.cleanMath(text);
-
-            // Store the formula that we're using
-            $elem.attr("data-math-formula", text);
-
-            const {TeX} = await getDependencies();
-            // We use createElement instead of JSX here because we can't name this file tex.tsx;
-            // that name is already taken.
-            reactRender(
-                React.createElement(TeX, {
-                    children: text,
-                    onRender: callback,
-                }),
-                $texHolder[0],
-            );
-        }
-    },
-};

package/src/util/url-utils.ts

@@ -1,34 +0,0 @@
-// We cache the client location as we want to only ever return the initial
-// location that was used to render the page.
-let _cachedClientLocation: Location;
-
-/**
- * Get the location.
- */
-const location = (): Location => {
-    /**
-     * We cache the result to ensure that on subsequent requests we always get
-     * the first URL that was used to initially render the page.
-     */
-    if (!_cachedClientLocation) {
-        // eslint-disable-next-line no-restricted-syntax
-        _cachedClientLocation = window.location;
-    }
-
-    return _cachedClientLocation;
-};
-
-/**
- * Parses a URL using the browser's built-in new URL(). Is also able to handle
- * relative URLs.
- *
- * @param {string} url The URL to parse.
- */
-const parseUrl = (url: string): URL => new URL(url, location().origin);
-
-/**
- * Turns a URL into an absolute URL.
- *
- * @param {string} url The URL to turn into an absolute URL.
- */
-export const toAbsoluteUrl = (url: string): string => parseUrl(url).href;

package/src/util.graphie.test.ts

@@ -1,45 +0,0 @@
-import {describe, it} from "@jest/globals";
-
-import {getRealImageUrl, isLabeledSVG} from "./util.graphie";
-
-describe(".getRealImageUrl", () => {
-    it("when passed a graphie URL, it transforms the URL to an http url", () => {
-        const input =
-            "web+graphie://ka-perseus-graphie.s3.amazonaws.com/b4a76d480e49f89fddb973c88c53fc301ba0d927";
-        const result =
-            "https://ka-perseus-graphie.s3.amazonaws.com/b4a76d480e49f89fddb973c88c53fc301ba0d927.svg";
-        expect(getRealImageUrl(input)).toBe(result);
-    });
-
-    it("when it's passed an HTTP URL, it returns the URL", () => {
-        const input =
-            "https://cdn.kastatic.org/ka-perseus-images/c633a1d04970211586b413985a7959876ca6c909.png";
-        expect(getRealImageUrl(input)).toBe(input);
-    });
-});
-
-describe(".isLabeledSVG", () => {
-    it("returns true for web+graphie", () => {
-        expect(
-            isLabeledSVG(
-                "web+graphie://ka-perseus-graphie.s3.amazonaws.com/b4a76d480e49f89fddb973c88c53fc301ba0d927",
-            ),
-        ).toBeTruthy();
-    });
-
-    it("returns true for file+graphie", () => {
-        expect(
-            isLabeledSVG(
-                "file+graphie://b4a76d480e49f89fddb973c88c53fc301ba0d927",
-            ),
-        ).toBeTruthy();
-    });
-
-    it("returns false for all other protocols", () => {
-        expect(
-            isLabeledSVG(
-                "https://cdn.kastatic.org/ka-perseus-images/c633a1d04970211586b413985a7959876ca6c909.png",
-            ),
-        ).toBeFalsy();
-    });
-});

package/src/util.graphie.ts

@@ -1,59 +0,0 @@
-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
-// system (with file://). We replace urls that start with `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 = /^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
-export function getRealImageUrl(graphieUrl: string): string {
-    if (isLabeledSVG(graphieUrl)) {
-        return getSvgUrl(graphieUrl);
-    }
-    return graphieUrl;
-}
-
-export function isLabeledSVG(graphieUrl: string): boolean {
-    return (
-        svgLabelsRegex.test(graphieUrl) || svgLocalLabelsRegex.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
-export function getBaseUrl(graphieUrl: string): string {
-    return graphieUrl
-        .replace(svgLabelsRegex, "https:")
-        .replace(svgLocalLabelsRegex, "file:");
-}
-
-export function getSvgUrl(graphieUrl: string): string {
-    return getBaseUrl(graphieUrl) + ".svg";
-}
-
-export function getDataUrl(graphieUrl: string): string {
-    return getBaseUrl(graphieUrl) + "-data.json";
-}
-
-export async function getImageSizeModern(
-    url: string,
-): Promise<[number, number]> {
-    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);
-    });
-}