@khanacademy/perseus 69.3.0 → 70.0.0

package/dist/types.d.ts

@@ -96,6 +96,12 @@ type TrackInteractionArgs = {
     id: string;
     correct?: boolean;
 } & Partial<TrackingGradedGroupExtraArguments> & Partial<TrackingSequenceExtraArguments>;
+type GenerateUrlContext = "image_loader:image_url" | "python_program:program_url" | "video:video_url";
+export type GenerateUrlArgs = {
+    url: string;
+    context: GenerateUrlContext;
+};
+export type GenerateUrlFn = (args: GenerateUrlArgs) => string;
 /**
  * APIOptions provides different ways to customize the behaviour of Perseus.
  *
@@ -277,6 +283,9 @@ export type PerseusDependencies = {
     svgImageJiptLabels: JiptLabelStore;
     rendererTranslationComponents: JiptTranslationComponents;
     TeX: React.ComponentType<TeXProps>;
+    /**
+     * @deprecated Use `PerseusDependenciesV2.generateUrl` instead.
+     */
     staticUrl: StaticUrlFn;
     InitialRequestUrl: InitialRequestUrlInterface;
     Log: ILogger;
@@ -295,6 +304,13 @@ export interface PerseusDependenciesV2 {
     analytics: {
         onAnalyticsEvent: AnalyticsEventHandlerFn;
     };
+    /**
+     * A function that takes a URL or partial url and may modify it to return
+     * the full URL. This may be used to request a resource from a different
+     * app to where the widget is rendered, like when embedding a video
+     * cross-domain.
+     */
+    generateUrl: (args: GenerateUrlArgs) => string;
     useVideo(id: string, kind: VideoKind): Result<{
         video: VideoData | null | undefined;
     }>;

package/dist/util/url-utils.d.ts

@@ -1,6 +1,6 @@
 /**
  * Turns a URL into an absolute URL.
  *
- * @param {string} url The URL to turn into an absolute URL.
+ * @deprecated Use `PerseusDependenciesV2.generateUrl` instead.
  */
 export declare const toAbsoluteUrl: (url: string) => string;

package/dist/widgets/expression/expression.d.ts

@@ -129,6 +129,7 @@ export declare class Expression extends React.Component<Props> implements Widget
         analytics?: {
             onAnalyticsEvent: import("@khanacademy/perseus-core").AnalyticsEventHandlerFn;
         } | undefined;
+        generateUrl?: ((args: import("../..").GenerateUrlArgs) => string) | undefined;
         useVideo?: ((id: string, kind: import("../..").VideoKind) => import("@khanacademy/wonder-blocks-data").Result<{
             video: import("../..").VideoData | null | undefined;
         }>) | undefined;

package/dist/widgets/python-program/python-program.d.ts

@@ -1,24 +1,13 @@
 import * as React from "react";
-import type { Widget } from "../../types";
-import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
+import { type PerseusDependenciesV2 } from "../../types";
 type Props = {
     programID: string;
     height: number;
+    dependencies: PerseusDependenciesV2;
 };
-type DefaultProps = {
-    height: Props["height"];
-};
-/**
- * This renders the program in an iframe.
- */
-declare class PythonProgram extends React.Component<Props> implements Widget {
-    static defaultProps: DefaultProps;
-    getPromptJSON(): UnsupportedWidgetPromptJSON;
-    render(): React.ReactNode;
-}
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof PythonProgram;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
 };
 export default _default;

package/dist/widgets/video/video.d.ts

@@ -2,26 +2,15 @@
  * This is a video widget for embedding videos in articles.
  */
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { Widget, WidgetProps } from "../../types";
-import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
+import { type PerseusDependenciesV2, type WidgetProps } from "../../types";
 import type { PerseusVideoWidgetOptions } from "@khanacademy/perseus-core";
 type Props = WidgetProps<PerseusVideoWidgetOptions> & {
     alignment: string;
+    dependencies: PerseusDependenciesV2;
 };
-/**
- * Video renderer.
- */
-declare class Video extends React.Component<Props> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    isWidget: true;
-    getPromptJSON(): UnsupportedWidgetPromptJSON;
-    render(): React.ReactNode;
-}
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof Video;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
 };
 export default _default;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "69.3.0",
+  "version": "70.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -45,33 +45,33 @@
     "@khanacademy/keypad-context": "3.2.8",
     "@khanacademy/kmath": "2.2.8",
     "@khanacademy/math-input": "26.2.8",
-    "@khanacademy/perseus-core": "19.3.0",
     "@khanacademy/perseus-linter": "4.3.8",
+    "@khanacademy/perseus-core": "19.3.0",
     "@khanacademy/perseus-score": "7.7.8",
     "@khanacademy/perseus-utils": "2.1.0",
     "@khanacademy/pure-markdown": "2.2.0",
     "@khanacademy/simple-markdown": "2.1.0"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-banner": "4.4.1",
-    "@khanacademy/wonder-blocks-button": "11.2.2",
-    "@khanacademy/wonder-blocks-clickable": "7.1.26",
+    "@khanacademy/wonder-blocks-banner": "4.5.1",
+    "@khanacademy/wonder-blocks-button": "11.2.3",
+    "@khanacademy/wonder-blocks-clickable": "8.0.0",
     "@khanacademy/wonder-blocks-core": "12.4.0",
     "@khanacademy/wonder-blocks-data": "14.1.6",
-    "@khanacademy/wonder-blocks-dropdown": "10.3.12",
-    "@khanacademy/wonder-blocks-form": "7.3.8",
-    "@khanacademy/wonder-blocks-icon-button": "10.5.1",
+    "@khanacademy/wonder-blocks-dropdown": "10.4.2",
+    "@khanacademy/wonder-blocks-form": "7.3.9",
+    "@khanacademy/wonder-blocks-icon-button": "10.5.2",
     "@khanacademy/wonder-blocks-icon": "5.2.20",
     "@khanacademy/wonder-blocks-labeled-field": "4.0.6",
     "@khanacademy/wonder-blocks-layout": "3.1.37",
-    "@khanacademy/wonder-blocks-link": "9.2.4",
-    "@khanacademy/wonder-blocks-modal": "8.4.3",
-    "@khanacademy/wonder-blocks-pill": "3.1.41",
-    "@khanacademy/wonder-blocks-popover": "6.1.33",
+    "@khanacademy/wonder-blocks-link": "10.0.0",
+    "@khanacademy/wonder-blocks-modal": "8.4.4",
+    "@khanacademy/wonder-blocks-pill": "3.1.42",
+    "@khanacademy/wonder-blocks-popover": "6.1.34",
     "@khanacademy/wonder-blocks-progress-spinner": "3.1.37",
     "@khanacademy/wonder-blocks-switch": "3.3.19",
     "@khanacademy/wonder-blocks-tokens": "14.0.0",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.47",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.48",
     "@khanacademy/wonder-blocks-typography": "4.2.22",
     "@khanacademy/wonder-stuff-core": "1.5.5",
     "@phosphor-icons/core": "2.0.2",
@@ -91,25 +91,25 @@
     "raphael": "1.5.4"
   },
   "peerDependencies": {
-    "@khanacademy/wonder-blocks-banner": "^4.4.1",
-    "@khanacademy/wonder-blocks-button": "^11.2.2",
-    "@khanacademy/wonder-blocks-clickable": "^7.1.26",
+    "@khanacademy/wonder-blocks-banner": "^4.5.1",
+    "@khanacademy/wonder-blocks-button": "^11.2.3",
+    "@khanacademy/wonder-blocks-clickable": "^8.0.0",
     "@khanacademy/wonder-blocks-core": "^12.4.0",
     "@khanacademy/wonder-blocks-data": "^14.1.6",
-    "@khanacademy/wonder-blocks-dropdown": "^10.3.12",
-    "@khanacademy/wonder-blocks-form": "^7.3.8",
+    "@khanacademy/wonder-blocks-dropdown": "^10.4.2",
+    "@khanacademy/wonder-blocks-form": "^7.3.9",
     "@khanacademy/wonder-blocks-icon": "^5.2.20",
-    "@khanacademy/wonder-blocks-icon-button": "^10.5.1",
+    "@khanacademy/wonder-blocks-icon-button": "^10.5.2",
     "@khanacademy/wonder-blocks-labeled-field": "^4.0.6",
     "@khanacademy/wonder-blocks-layout": "^3.1.37",
-    "@khanacademy/wonder-blocks-link": "^9.2.4",
-    "@khanacademy/wonder-blocks-modal": "^8.4.3",
-    "@khanacademy/wonder-blocks-pill": "^3.1.41",
-    "@khanacademy/wonder-blocks-popover": "^6.1.33",
+    "@khanacademy/wonder-blocks-link": "^10.0.0",
+    "@khanacademy/wonder-blocks-modal": "^8.4.4",
+    "@khanacademy/wonder-blocks-pill": "^3.1.42",
+    "@khanacademy/wonder-blocks-popover": "^6.1.34",
     "@khanacademy/wonder-blocks-progress-spinner": "^3.1.37",
     "@khanacademy/wonder-blocks-switch": "^3.3.19",
     "@khanacademy/wonder-blocks-tokens": "^14.0.0",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.47",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.48",
     "@khanacademy/wonder-blocks-typography": "^4.2.22",
     "@khanacademy/wonder-stuff-core": "^1.5.5",
     "@phosphor-icons/core": "^2.0.2",