Move virtual keyboard outside iframe

[dqnykamp]

This PR moves the virtual keyboard outside the iframe if DoenetViewer or DoenetEditor are access via doenetml-iframe. This allows the keyboard to placed at the bottom of the browser window regardless of the size of the iframe.

[dqnykamp]

Got the keyboard to work for the case when we have the iframe. The keyboard no longer works if don't have an iframe. Presumably, we need to have doenetml-iframe send a parameter to doenetml so that we can change behavior based on the context.

[siefkenj]

I think something in the global doenetConfig should be set if we're in an iframe. The RecoilVirtualKeyboard could listen for that and behave normally if it's not in an iframe.

[dqnykamp]

We don't need to know if we are in any iframe; we need to know specifically if we are in an iframe created by the doenetml-iframe package (or, I suppose, any other iframe that adds an <OutsideIframeKeyboard /> outside the iframe). I added a keyboardIsOutsideIframe prop to DoenetViewer and DoenetEditor that is set by doenetml-iframe to make the keyboard look for the outside one.

[siefkenj]

We don't need to know if we are in any iframe; we need to know specifically if we are in an iframe created by the doenetml-iframe package (or, I suppose, any other iframe that adds an <OutsideIframeKeyboard /> outside the iframe). I added a keyboardIsOutsideIframe prop to DoenetViewer and DoenetEditor that is set by doenetml-iframe to make the keyboard look for the outside one.

The idea would be that the global config would be set by doenetml-iframe, so a new prop wouldn't be needed.

[dqnykamp]

I'm not sure how to make doenetml-iframe change a global config. Feel free to change the mechanism if that is preferred.

[siefkenj]

This isn't really about whether the keyboard is outside the iframe, as whether the built-in keyboard should be suppressed. Maybe externalVirtualKeyboardProvided?

[dqnykamp]

True, though we do then assume that messages come in from window.parent. Not sure if that exists other than with an iframe. I'm happy to rename the prop, though.

[siefkenj]

This would look better defined as a type. They you can do

const virtualKeyboardState: VirtualKeyboardState = (window as any).virtualKeyboardState || { ... }

[dqnykamp]

done, though now I set window.virtualKeyboardState every time since I don't have an if statement