Merge branch 'refs/heads/main' into am/lems-2306/phet-widget-sizing

.changeset/thirty-pans-hammer.md

@@ -0,0 +1,6 @@
+---
+"@khanacademy/perseus": minor
+"@khanacademy/perseus-editor": minor
+---
+
+Add save warnings to PhET widget editor and un-hide widget from content editor widget dropdown

packages/perseus-editor/src/widgets/phet-simulation-editor.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+import {makeSafeUrl} from "@khanacademy/perseus";
 import {LabeledTextField} from "@khanacademy/wonder-blocks-form";
 import * as React from "react";
 
@@ -31,6 +32,13 @@ class PhetSimulationEditor extends React.Component<Props> {
         };
     }
 
+    getSaveWarnings: () => ReadonlyArray<string> = () => {
+        if (makeSafeUrl(this.props.url, "en") === null) {
+            return ["Please enter a URL from the PhET domain."];
+        }
+        return [];
+    };
+
     render(): React.ReactNode {
         return (
             <div>

packages/perseus/src/index.ts

@@ -130,6 +130,8 @@ export {
     getAngleCoords,
 } from "./widgets/interactive-graphs/reducer/initialize-graph-state";
 
+export {makeSafeUrl} from "./widgets/phet-simulation";
+
 /**
  * Mixins
  */

packages/perseus/src/widgets/phet-simulation/index.ts

@@ -1 +1 @@
-export {default} from "./phet-simulation";
+export {default, makeSafeUrl} from "./phet-simulation";

packages/perseus/src/widgets/phet-simulation/phet-simulation.tsx

@@ -249,7 +249,5 @@ export default {
     name: "phet-simulation",
     displayName: "PhET Simulation",
     widget: PhetSimulation,
-    // Hides widget from content creators until full release
-    hidden: true,
     isLintable: true,
 } as WidgetExports<typeof PhetSimulation>;