import Mastodon from 'mastodon/containers/mastodon';
import React from 'react';
import ReactDOM from 'react-dom';
import 'font-awesome/css/font-awesome.css';
import '../styles/application.scss';

if (!window.Intl) {
  require('intl');
  require('intl/locale-data/jsonp/en.js');
}

window.jQuery = window.$ = require('jquery');
window.Perf = require('react-addons-perf');

require('jquery-ujs');
require.context('../images/', true);

const customContext = require.context('../../assets/stylesheets/', false);

if (customContext.keys().indexOf('./custom.scss') !== -1) {
  customContext('./custom.scss');
}

document.addEventListener('DOMContentLoaded', () => {
  const mountNode = document.getElementById('mastodon');
  const props = JSON.parse(mountNode.getAttribute('data-props'));

  ReactDOM.render(<Mastodon {...props} />, mountNode);
});