62ca37884a
* Fix #2922 - Load stylesheet from "custom.css" entrypoint when present This is pretty much the same way it worked as before, albeit with having to create app/javascript/packs/custom.js with require('../styles/custom.scss') (or whatever you want really), which will be a blank slate for you to import whatever you want * Remove old assets directory * Extract font-awesome into common.css and always load it
33 lines
843 B
JavaScript
33 lines
843 B
JavaScript
const perf = require('./performance');
|
|
|
|
// import default stylesheet with variables
|
|
require('font-awesome/css/font-awesome.css');
|
|
require('../styles/application.scss');
|
|
|
|
function onDomContentLoaded(callback) {
|
|
if (document.readyState !== 'loading') {
|
|
callback();
|
|
} else {
|
|
document.addEventListener('DOMContentLoaded', callback);
|
|
}
|
|
}
|
|
|
|
function main() {
|
|
perf.start('main()');
|
|
const Mastodon = require('mastodon/containers/mastodon').default;
|
|
const React = require('react');
|
|
const ReactDOM = require('react-dom');
|
|
|
|
require.context('../images/', true);
|
|
|
|
onDomContentLoaded(() => {
|
|
const mountNode = document.getElementById('mastodon');
|
|
const props = JSON.parse(mountNode.getAttribute('data-props'));
|
|
|
|
ReactDOM.render(<Mastodon {...props} />, mountNode);
|
|
perf.stop('main()');
|
|
});
|
|
}
|
|
|
|
export default main;
|