@doenet/doenetml-iframe 0.7.0-beta6 → 0.7.0-beta7

package/index.d.ts

@@ -87,7 +87,7 @@ export declare type DoenetViewerIframeProps = DoenetViewerProps & {
     autodetectVersion?: boolean;
 };
 
-declare type DoenetViewerProps = Omit<React.ComponentProps<typeof DoenetViewer_2>, "doenetML" | "scrollableContainer" | "externalVirtualKeyboardProvided">;
+declare type DoenetViewerProps = Omit<React.ComponentProps<typeof DoenetViewer_2>, "doenetML" | "externalVirtualKeyboardProvided">;
 
 export { ErrorRecord }
 

package/index.js

@@ -23708,7 +23708,7 @@ function requireCssesc() {
   return cssesc_1;
 }
 requireCssesc();
-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 wrappedDoenetViewerProps = ComlinkViewer.wrap(\n      ComlinkViewer.windowEndpoint(globalThis.parent)\n    );\n    const augmentedDoenetViewerProps = { ...doenetViewerProps };\n    augmentedDoenetViewerProps.externalVirtualKeyboardProvided = true;\n    for (const propName of doenetViewerPropsSpecified) {\n      if (!(propName in doenetViewerProps)) {\n        augmentedDoenetViewerProps[propName] = wrappedDoenetViewerProps[propName];\n      }\n    }\n    window.renderDoenetViewerToContainer(\n      document.getElementById("root"),\n      void 0,\n      augmentedDoenetViewerProps\n    );\n  });\n  window.addEventListener("message", (e) => {\n    if (e.origin !== window.parent.location.origin) {\n      return;\n    }\n    if (e.data.subject?.startsWith("SPLICE") && (!e.data.subject?.endsWith("response") || e.data.subject.endsWith("submitAllAnswers.response")) && !e.data.subject.endsWith("submitAllAnswers")) {\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 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 wrappedDoenetViewerProps = ComlinkViewer.wrap(\n      ComlinkViewer.windowEndpoint(globalThis.parent)\n    );\n    const augmentedDoenetViewerProps = { ...doenetViewerProps };\n    augmentedDoenetViewerProps.externalVirtualKeyboardProvided = true;\n    for (const propName of doenetViewerPropsSpecified) {\n      if (!(propName in doenetViewerProps)) {\n        augmentedDoenetViewerProps[propName] = wrappedDoenetViewerProps[propName];\n      }\n    }\n    if (!doenetViewerPropsSpecified.includes("requestScrollTo")) {\n      augmentedDoenetViewerProps.requestScrollTo = (offset) => {\n        messageParentFromViewer({ type: "scrollTo", offset });\n      };\n    }\n    window.renderDoenetViewerToContainer(\n      document.getElementById("root"),\n      void 0,\n      augmentedDoenetViewerProps\n    );\n  });\n  window.addEventListener("message", (e) => {\n    if (e.origin !== window.parent.location.origin) {\n      return;\n    }\n    if (e.data.subject?.startsWith("SPLICE") && (!e.data.subject?.endsWith("response") || e.data.subject.endsWith("submitAllAnswers.response")) && !e.data.subject.endsWith("submitAllAnswers")) {\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 wrappedDoenetEditorProps = ComlinkEditor.wrap(\n      ComlinkEditor.windowEndpoint(globalThis.parent)\n    );\n    const augmentedDoenetEditorProps = { ...doenetEditorProps };\n    augmentedDoenetEditorProps.externalVirtualKeyboardProvided = true;\n    for (const propName of doenetEditorPropsSpecified) {\n      if (!(propName in doenetEditorProps)) {\n        augmentedDoenetEditorProps[propName] = wrappedDoenetEditorProps[propName];\n      }\n    }\n    window.renderDoenetEditorToContainer(\n      document.getElementById("root"),\n      void 0,\n      augmentedDoenetEditorProps\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';
 function createHtmlForDoenetViewer(id2, doenetML, doenetViewerProps, standaloneUrl, cssUrl) {
   const doenetViewerPropsSpecified = Object.keys(doenetViewerProps);
@@ -46763,7 +46763,7 @@ function ExternalVirtualKeyboard() {
     }
   );
 }
-const version = "0.7.0-beta6";
+const version = "0.7.0-beta7";
 const latestDoenetmlVersion = version;
 function DoenetViewer({
   doenetML,
@@ -46813,6 +46813,14 @@ function DoenetViewer({
         return;
       }
       const data = event.data.data;
+      if (ref.current && data.type === "scrollTo" && typeof data.offset === "number") {
+        const iframeTop = ref.current.getBoundingClientRect().top + window.scrollY;
+        const targetAbsoluteTop = iframeTop + data.offset;
+        window.scrollTo({
+          top: targetAbsoluteTop - 20,
+          behavior: "smooth"
+        });
+      }
       if (data.error) {
         return setInErrorState(data.error);
       }