import './public-path';

import loadPolyfills from 'mastodon/load_polyfills';
import { start } from 'mastodon/common';

start();

function loaded() {
  const { createRoot }                = require('react-dom/client');
  const { default: ComposeContainer } = require('mastodon/containers/compose_container');

  const mountNode = document.getElementById('mastodon-compose');

  if (mountNode !== null) {
    const root  = createRoot(mountNode);
    const props = JSON.parse(mountNode.getAttribute('data-props'));

    root.render(<ComposeContainer {...props} />);
  }
}

function main() {
  const { default: ready }= require('mastodon/ready');

  ready(loaded);
}

loadPolyfills().then(main).catch(error => {
  console.error(error);
});