48 lines
1.4 KiB
JavaScript
48 lines
1.4 KiB
JavaScript
import { createRoot } from 'react-dom/client';
|
|
|
|
import { setupBrowserNotifications } from 'flavours/glitch/actions/notifications';
|
|
import Mastodon from 'flavours/glitch/containers/mastodon';
|
|
import { me } from 'flavours/glitch/initial_state';
|
|
import * as perf from 'flavours/glitch/performance';
|
|
import ready from 'flavours/glitch/ready';
|
|
import { store } from 'flavours/glitch/store';
|
|
|
|
/**
|
|
* @returns {Promise<void>}
|
|
*/
|
|
function main() {
|
|
perf.start('main()');
|
|
|
|
return ready(async () => {
|
|
const mountNode = document.getElementById('mastodon');
|
|
const props = JSON.parse(mountNode.getAttribute('data-props'));
|
|
|
|
const root = createRoot(mountNode);
|
|
root.render(<Mastodon {...props} />);
|
|
store.dispatch(setupBrowserNotifications());
|
|
|
|
if (process.env.NODE_ENV === 'production' && me && 'serviceWorker' in navigator) {
|
|
const { Workbox } = await import('workbox-window');
|
|
const wb = new Workbox('/sw.js');
|
|
/** @type {ServiceWorkerRegistration} */
|
|
let registration;
|
|
|
|
try {
|
|
registration = await wb.register();
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
|
|
if (registration && 'Notification' in window && Notification.permission === 'granted') {
|
|
const registerPushNotifications = await import('flavours/glitch/actions/push_notifications');
|
|
|
|
store.dispatch(registerPushNotifications.register());
|
|
}
|
|
}
|
|
|
|
perf.stop('main()');
|
|
});
|
|
}
|
|
|
|
export default main;
|