Function IframeEmbedWithRef

src/preact/component/iframe.js:34–179

(
  {
    allow,
    allowFullScreen,
    iframeStyle,
    loading: loadingProp,
    matchesMessagingOrigin = DEFAULT_MATCHES_MESSAGING_ORIGIN,
    messageHandler,
    name,
    onReadyState,
    ready = true,
    sandbox,
    src,
    title,
    ...rest
  },
  ref
)

 * @return {import('preact').VNode}
 */
export function IframeEmbedWithRef(
  {
    allow,
    allowFullScreen,
    iframeStyle,
    loading: loadingProp,
    matchesMessagingOrigin = DEFAULT_MATCHES_MESSAGING_ORIGIN,
    messageHandler,
    name,
    onReadyState,
    ready = true,
    sandbox,
    src,
    title,
    ...rest
  },
  ref
) {
  const {playable} = useAmpContext();
  const loading = useLoading(loadingProp);
  const mount = loading !== Loading_Enum.UNLOAD;

  const loadedRef = useRef(false);
  // The `onReadyStateRef` is passed via a ref to avoid the changed values
  // of `onReadyState` re-triggering the side effects.
  const onReadyStateRef = useValueRef(onReadyState);
  const setLoaded = useCallback(
    /** @param {boolean} value */
    (value) => {
      if (value !== loadedRef.current) {
        loadedRef.current = value;
        const onReadyState = onReadyStateRef.current;
        onReadyState?.(
          value ? ReadyState_Enum.COMPLETE : ReadyState_Enum.LOADING
        );
      }
    },
    [onReadyStateRef]
  );

  /** @type {import('preact/hooks').MutableRef<HTMLIFrameElement?>} */
  const iframeRef = useRef(null);

  // Component API: IframeEmbedDef.Api.
  useImperativeHandle(
    ref,
    () => ({
      // Standard Bento
      get readyState() {
        return loadedRef.current
          ? ReadyState_Enum.COMPLETE
          : ReadyState_Enum.LOADING;
      },
      get node() {
        return iframeRef.current;
      },
    }),
    []