@doenet/doenetml-iframe 0.7.0-beta15 → 0.7.0-beta16

package/index.js

@@ -1,35 +1,6 @@
 import * as React__default from "react";
 import React__default__default, { createContext, useLayoutEffect, useEffect, useMemo, useCallback, useRef, useState, useContext, isValidElement } from "react";
 import require$$2, { createPortal } from "react-dom";
-function watchForResize(ref, getHeight, setHeight) {
-  const iframe = ref.current?.contentWindow?.document?.body?.parentElement;
-  if (iframe) {
-    setHeight(iframe.scrollHeight + "px");
-  }
-  const updateHeight = () => {
-    const iframe2 = ref.current?.contentWindow?.document?.body?.parentElement;
-    if (!iframe2) {
-      return;
-    }
-    const newHeight = iframe2.scrollHeight + "px";
-    if (newHeight !== getHeight()) {
-      setHeight(newHeight);
-    }
-  };
-  const observer = new MutationObserver(updateHeight);
-  if (iframe) {
-    observer.observe(iframe, {
-      attributes: true,
-      childList: true,
-      subtree: true
-    });
-  }
-  const interval = setInterval(updateHeight, 200);
-  return () => {
-    observer.disconnect();
-    clearInterval(interval);
-  };
-}
 const proxyMarker = Symbol("Comlink.proxy");
 const createEndpoint = Symbol("Comlink.endpoint");
 const releaseProxy = Symbol("Comlink.releaseProxy");
@@ -23925,7 +23896,7 @@ function createHtmlForDoenetViewer(id2, doenetML, doenetViewerProps, standaloneU
             // It assumes that viewerId, doenetViewerProps, doenetViewerPropsSpecified, and ComlinkViewer are defined in the global scope.
             ${viewerIframeJsSource}
         <\/script>
-        <div id="root" data-doenet-message-parent="true">
+        <div id="root" data-doenet-message-parent="true" data-doenet-send-resize-events="true">
             <div class="doenet-loading" style="text-align:center">
                 <p><img src="https://www.doenet.org/Doenet_Logo_Frontpage.png"/></p>
                 <p>Waiting on the page to load...</p>
@@ -47317,7 +47288,7 @@ function ExternalVirtualKeyboard() {
     }
   );
 }
-const version = "0.7.0-beta15";
+const version = "0.7.0-beta16";
 const latestDoenetmlVersion = version;
 function DoenetViewer({
   doenetML,
@@ -47329,7 +47300,7 @@ function DoenetViewer({
 }) {
   const [id2, _2] = React__default__default.useState(() => Math.random().toString(36).slice(2));
   const ref = React__default__default.useRef(null);
-  const [height, setHeight] = React__default__default.useState("0px");
+  const [height, setHeight] = React__default__default.useState("500px");
   const [inErrorState, setInErrorState] = React__default__default.useState(null);
   const [ignoreDetectedVersion, setIgnoreDetectedVersion] = React__default__default.useState(false);
   let standaloneUrl, cssUrl;
@@ -47363,6 +47334,14 @@ function DoenetViewer({
         ref.current?.contentWindow?.postMessage(event.data);
         return;
       }
+      if (event.source !== ref.current?.contentWindow) {
+        return;
+      }
+      if (event.data.subject === "lti.frameResize") {
+        if (event.data.height !== void 0) {
+          setHeight(event.data.height + "px");
+        }
+      }
       if (event.data?.origin !== id2) {
         return;
       }
@@ -47400,10 +47379,8 @@ function DoenetViewer({
     if (ref.current) {
       window.addEventListener("message", listener);
     }
-    const clearResize = watchForResize(ref, () => height, setHeight);
     return () => {
       window.removeEventListener("message", listener);
-      clearResize();
     };
   }, []);
   if (inErrorState) {