import { pending, PendingContainer } from '@ablogcms/pending';
import { render } from '@ablogcms/react-utils';
import Portal from '@ablogcms/components/portal';
import { emit } from '@ablogcms/events';

export default function dispatchPending() {
  const element = document.createDocumentFragment();
  render(
    <Portal>
      <PendingContainer />
    </Portal>,
    element
  );

  ACMS.Library.pending = pending;
  // ACMS.Ready（ablogcms/acms.js）と同型の「一度きりの起動完了通知」。発火タイミングに関わらず
  // 取りこぼさず購読できるようにするため、readyState プロパティを先に立ててから発火する
  ACMS.pendingReadyState = 'complete';
  void emit('acms.pending.ready');
}
