2017-05-25 21:09:55 +09:00
|
|
|
const perf = require('./performance');
|
|
|
|
|
2017-05-11 18:26:06 +09:00
|
|
|
function onDomContentLoaded(callback) {
|
|
|
|
if (document.readyState !== 'loading') {
|
|
|
|
callback();
|
|
|
|
} else {
|
|
|
|
document.addEventListener('DOMContentLoaded', callback);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function main() {
|
2017-05-25 21:09:55 +09:00
|
|
|
perf.start('main()');
|
2017-05-11 18:26:06 +09:00
|
|
|
const Mastodon = require('mastodon/containers/mastodon').default;
|
|
|
|
const React = require('react');
|
|
|
|
const ReactDOM = require('react-dom');
|
|
|
|
|
|
|
|
require.context('../images/', true);
|
2017-05-13 02:22:50 +09:00
|
|
|
|
2017-06-30 12:37:41 +09:00
|
|
|
if (window.history && history.replaceState) {
|
|
|
|
const { pathname, search, hash } = window.location;
|
|
|
|
const path = pathname + search + hash;
|
|
|
|
if (!(/^\/web[$/]/).test(path)) {
|
|
|
|
history.replaceState(null, document.title, `/web${path}`);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-05-11 18:26:06 +09:00
|
|
|
onDomContentLoaded(() => {
|
|
|
|
const mountNode = document.getElementById('mastodon');
|
|
|
|
const props = JSON.parse(mountNode.getAttribute('data-props'));
|
|
|
|
|
|
|
|
ReactDOM.render(<Mastodon {...props} />, mountNode);
|
2017-05-25 21:09:55 +09:00
|
|
|
perf.stop('main()');
|
2017-07-07 15:27:52 +09:00
|
|
|
|
|
|
|
// remember the initial URL
|
|
|
|
if (window.history && typeof window._mastoInitialHistoryLen === 'undefined') {
|
|
|
|
window._mastoInitialHistoryLen = window.history.length;
|
|
|
|
}
|
2017-05-11 18:26:06 +09:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-05-21 00:31:47 +09:00
|
|
|
export default main;
|