50 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			50 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import { createRoot } from 'react-dom/client';
 | |
| 
 | |
| import { setupBrowserNotifications } from 'mastodon/actions/notifications';
 | |
| import Mastodon from 'mastodon/containers/mastodon';
 | |
| import { me } from 'mastodon/initial_state';
 | |
| import * as perf from 'mastodon/performance';
 | |
| import ready from 'mastodon/ready';
 | |
| import { store } from 'mastodon/store';
 | |
| 
 | |
| import { isProduction } from './utils/environment';
 | |
| 
 | |
| /**
 | |
|  * @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 (isProduction() && 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('mastodon/actions/push_notifications');
 | |
| 
 | |
|         store.dispatch(registerPushNotifications.register());
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     perf.stop('main()');
 | |
|   });
 | |
| }
 | |
| 
 | |
| export default main;
 |