@doenet/doenetml-iframe 0.7.0-alpha30 → 0.7.0-alpha32

package/index.js

@@ -26878,8 +26878,8 @@ const mathjaxConfig = {
     load: ["[tex]/noerrors"]
   }
 };
-const viewerIframeJsSource = '(function() {\n  "use strict";\n  document.addEventListener("DOMContentLoaded", () => {\n    if (typeof window.renderDoenetViewerToContainer !== "function") {\n      return messageParentFromViewer({\n        error: "Invalid DoenetML version or DoenetML package not found"\n      });\n    }\n    const callbackOverrides = {};\n    const callbackNames = [\n      "reportScoreAndStateCallback",\n      "setIsInErrorState",\n      "generatedVariantCallback",\n      "documentStructureCallback",\n      "initializedCallback",\n      "setErrorsAndWarningsCallback"\n    ];\n    for (const callback of callbackNames) {\n      callbackOverrides[callback] = haveCallbacks.includes(callback) ? (args) => {\n        messageParentFromViewer({\n          callback,\n          args\n        });\n      } : void 0;\n    }\n    window.renderDoenetViewerToContainer(\n      document.getElementById("root"),\n      void 0,\n      {\n        ...doenetViewerProps,\n        externalVirtualKeyboardProvided: true,\n        ...callbackOverrides\n      }\n    );\n  });\n  window.addEventListener("message", (e) => {\n    var _a, _b;\n    if (e.origin !== window.parent.location.origin) {\n      return;\n    }\n    if (((_a = e.data.subject) == null ? void 0 : _a.startsWith("SPLICE")) && !((_b = e.data.subject) == null ? void 0 : _b.endsWith("response"))) {\n      window.parent.postMessage(e.data);\n    }\n  });\n  function messageParentFromViewer(data) {\n    window.parent.postMessage(\n      {\n        origin: viewerId,\n        data\n      },\n      window.parent.origin\n    );\n  }\n})();\n';
-const editorIframeJsSource = '(function() {\n  "use strict";\n  document.addEventListener("DOMContentLoaded", () => {\n    if (typeof window.renderDoenetEditorToContainer !== "function") {\n      return messageParentFromEditor({\n        error: "Invalid DoenetML version or DoenetML package not found"\n      });\n    }\n    window.renderDoenetEditorToContainer(\n      document.getElementById("root"),\n      void 0,\n      {\n        ...doenetEditorProps,\n        externalVirtualKeyboardProvided: true,\n        // Callbacks have to be explicitly overridden here so that they\n        // can message the parent React component (outside the iframe).\n        doenetmlChangeCallback: (args) => {\n          messageParentFromEditor({\n            callback: "doenetmlChangeCallback",\n            args\n          });\n        },\n        immediateDoenetmlChangeCallback: (args) => {\n          messageParentFromEditor({\n            callback: "immediateDoenetmlChangeCallback",\n            args\n          });\n        }\n      }\n    );\n  });\n  function messageParentFromEditor(data) {\n    window.parent.postMessage(\n      {\n        origin: editorId,\n        data\n      },\n      window.parent.origin\n    );\n  }\n})();\n';
+const viewerIframeJsSource = '(function() {\n  "use strict";\n  document.addEventListener("DOMContentLoaded", async () => {\n    let pause100 = function() {\n      return new Promise((resolve, _reject) => {\n        setTimeout(resolve, 100);\n      });\n    };\n    for (let i = 0; i < 10; i++) {\n      if (typeof window.renderDoenetViewerToContainer === "function") {\n        break;\n      }\n      await pause100();\n    }\n    if (typeof window.renderDoenetViewerToContainer !== "function") {\n      return messageParentFromViewer({\n        error: "Invalid DoenetML version or DoenetML package not found"\n      });\n    }\n    const callbackOverrides = {};\n    const callbackNames = [\n      "reportScoreAndStateCallback",\n      "setIsInErrorState",\n      "generatedVariantCallback",\n      "documentStructureCallback",\n      "initializedCallback",\n      "setErrorsAndWarningsCallback"\n    ];\n    for (const callback of callbackNames) {\n      callbackOverrides[callback] = haveViewerCallbacks.includes(callback) ? (args) => {\n        messageParentFromViewer({\n          callback,\n          args\n        });\n      } : void 0;\n    }\n    window.renderDoenetViewerToContainer(\n      document.getElementById("root"),\n      void 0,\n      {\n        ...doenetViewerProps,\n        externalVirtualKeyboardProvided: true,\n        ...callbackOverrides\n      }\n    );\n  });\n  window.addEventListener("message", (e) => {\n    var _a, _b;\n    if (e.origin !== window.parent.location.origin) {\n      return;\n    }\n    if (((_a = e.data.subject) == null ? void 0 : _a.startsWith("SPLICE")) && !((_b = e.data.subject) == null ? void 0 : _b.endsWith("response"))) {\n      window.parent.postMessage(e.data);\n    } else if (e.data.subject === "requestAnswerResponses") {\n      window.parent.postMessage(e.data);\n    }\n  });\n  function messageParentFromViewer(data) {\n    window.parent.postMessage(\n      {\n        origin: viewerId,\n        data\n      },\n      window.parent.origin\n    );\n  }\n})();\n';
+const editorIframeJsSource = '(function() {\n  "use strict";\n  document.addEventListener("DOMContentLoaded", async () => {\n    let pause100 = function() {\n      return new Promise((resolve, _reject) => {\n        setTimeout(resolve, 100);\n      });\n    };\n    for (let i = 0; i < 10; i++) {\n      if (typeof window.renderDoenetViewerToContainer === "function") {\n        break;\n      }\n      await pause100();\n    }\n    if (typeof window.renderDoenetEditorToContainer !== "function") {\n      return messageParentFromEditor({\n        error: "Invalid DoenetML version or DoenetML package not found"\n      });\n    }\n    const callbackOverrides = {};\n    const callbackNames = [\n      "doenetmlChangeCallback",\n      "immediateDoenetmlChangeCallback",\n      "documentStructureCallback"\n    ];\n    for (const callback of callbackNames) {\n      callbackOverrides[callback] = haveEditorCallbacks.includes(callback) ? (args) => {\n        messageParentFromEditor({\n          callback,\n          args\n        });\n      } : void 0;\n    }\n    window.renderDoenetEditorToContainer(\n      document.getElementById("root"),\n      void 0,\n      {\n        ...doenetEditorProps,\n        externalVirtualKeyboardProvided: true,\n        ...callbackOverrides\n      }\n    );\n  });\n  function messageParentFromEditor(data) {\n    window.parent.postMessage(\n      {\n        origin: editorId,\n        data\n      },\n      window.parent.origin\n    );\n  }\n})();\n';
 var __defProp$2 = Object.defineProperty;
 var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp$2(obj, key + "", value);
@@ -40129,7 +40129,7 @@ var utils = {
   canBreak
 };
 function createHtmlForDoenetViewer(id2, doenetML, doenetViewerProps, standaloneUrl, cssUrl) {
-  const haveCallbacks = [];
+  const haveViewerCallbacks = [];
   const callbackNames = [
     "reportScoreAndStateCallback",
     "setIsInErrorState",
@@ -40140,7 +40140,7 @@ function createHtmlForDoenetViewer(id2, doenetML, doenetViewerProps, standaloneU
   ];
   for (const callback of callbackNames) {
     if (callback in doenetViewerProps) {
-      haveCallbacks.push(callback);
+      haveViewerCallbacks.push(callback);
     }
   }
   return `
@@ -40153,10 +40153,10 @@ function createHtmlForDoenetViewer(id2, doenetML, doenetViewerProps, standaloneU
         <script type="module">
             const viewerId = "${id2}";
             const doenetViewerProps = ${JSON.stringify(doenetViewerProps)};
-            const haveCallbacks = ${JSON.stringify(haveCallbacks)};
+            const haveViewerCallbacks = ${JSON.stringify(haveViewerCallbacks)};
             
             // This source code has been compiled by vite and should be directly included.
-            // It assumes that viewerId, doenetViewerProps, and haveCallbacks are defined in the global scope.
+            // It assumes that viewerId, doenetViewerProps, and haveViewerCallbacks are defined in the global scope.
             ${viewerIframeJsSource}
         <\/script>
         <div id="root">
@@ -40168,6 +40168,17 @@ function createHtmlForDoenetViewer(id2, doenetML, doenetViewerProps, standaloneU
 }
 function createHtmlForDoenetEditor(id2, doenetML, width, doenetEditorProps, standaloneUrl, cssUrl) {
   const augmentedProps = { width, height: "100vh", ...doenetEditorProps };
+  const haveEditorCallbacks = [];
+  const callbackNames = [
+    "doenetmlChangeCallback",
+    "immediateDoenetmlChangeCallback",
+    "documentStructureCallback"
+  ];
+  for (const callback of callbackNames) {
+    if (callback in doenetEditorProps) {
+      haveEditorCallbacks.push(callback);
+    }
+  }
   return `
     <html style="overflow:hidden">
     <head>
@@ -40178,9 +40189,10 @@ function createHtmlForDoenetEditor(id2, doenetML, width, doenetEditorProps, stan
         <script type="module">
             const editorId = "${id2}";
             const doenetEditorProps = ${JSON.stringify(augmentedProps)};
+            const haveEditorCallbacks = ${JSON.stringify(haveEditorCallbacks)};
             
             // This source code has been compiled by vite and should be directly included.
-            // It assumes that editorId and doenetEditorProps are defined in the global scope.
+            // It assumes that editorId, doenetEditorProps, and have EditorCallbacks are defined in the global scope.
             ${editorIframeJsSource}
         <\/script>
         <div id="root">
@@ -49576,7 +49588,7 @@ function ExternalVirtualKeyboard() {
     }
   );
 }
-const version = "0.7.0-alpha30";
+const version = "0.7.0-alpha32";
 const latestDoenetmlVersion = version;
 function DoenetViewer({
   doenetML,
@@ -49764,7 +49776,7 @@ function DoenetEditor({
   }
   React__default__default.useEffect(() => {
     const listener3 = (event) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       if (event.origin !== window.location.origin || ((_a = event.data) == null ? void 0 : _a.origin) !== id2) {
         return;
       }
@@ -49785,6 +49797,12 @@ function DoenetEditor({
             data.args
           );
         }
+        case "documentStructureCallback": {
+          return (_d = doenetEditorProps.documentStructureCallback) == null ? void 0 : _d.call(
+            doenetEditorProps,
+            data.args
+          );
+        }
       }
     };
     if (ref.current) {