Skip to content
Snippets Groups Projects
script.ts 3.13 KiB
Newer Older
/**
 * Desktop Client
 */

syuilo's avatar
syuilo committed
// Style
syuilo's avatar
syuilo committed
import './style.styl';
syuilo's avatar
syuilo committed

import init from '../init';
syuilo's avatar
syuilo committed
import fuckAdBlock from './scripts/fuck-ad-block';
syuilo's avatar
syuilo committed
import HomeStreamManager from '../common/scripts/streaming/home-stream-manager';
syuilo's avatar
syuilo committed
import composeNotification from '../common/scripts/compose-notification';
syuilo's avatar
syuilo committed
import chooseDriveFolder from './api/choose-drive-folder';
syuilo's avatar
syuilo committed
import chooseDriveFile from './api/choose-drive-file';
import dialog from './api/dialog';
import input from './api/input';
syuilo's avatar
syuilo committed
import post from './api/post';
syuilo's avatar
syuilo committed

syuilo's avatar
syuilo committed
import MkIndex from './views/pages/index.vue';
syuilo's avatar
syuilo committed
import MkUser from './views/pages/user/user.vue';
syuilo's avatar
syuilo committed
import MkSelectDrive from './views/pages/selectdrive.vue';
import MkDrive from './views/pages/drive.vue';
syuilo's avatar
syuilo committed

 * init
syuilo's avatar
syuilo committed
init(async (launch) => {
	/**
	 * Fuck AD Block
	 */
	fuckAdBlock();

syuilo's avatar
syuilo committed
	// Register directives
	require('./views/directives');

syuilo's avatar
syuilo committed
	// Register components
	require('./views/components');

syuilo's avatar
syuilo committed
	const app = launch({
syuilo's avatar
syuilo committed
		chooseDriveFolder,
		chooseDriveFile,
		dialog,
syuilo's avatar
syuilo committed
		input,
		post
syuilo's avatar
syuilo committed
	});
syuilo's avatar
syuilo committed

	/**
	 * Init Notification
	 */
	if ('Notification' in window) {
		// 許可を得ていなかったらリクエスト
		if ((Notification as any).permission == 'default') {
syuilo's avatar
syuilo committed
			await Notification.requestPermission();
		}

		if ((Notification as any).permission == 'granted') {
syuilo's avatar
syuilo committed
			registerNotifications(app.$data.os.stream);
syuilo's avatar
syuilo committed
	app.$router.addRoutes([{
syuilo's avatar
syuilo committed
		path: '/', component: MkIndex
syuilo's avatar
syuilo committed
	}, {
		path: '/i/drive', component: MkDrive
	}, {
		path: '/i/drive/folder/:folder', component: MkDrive
	}, {
		path: '/selectdrive', component: MkSelectDrive
syuilo's avatar
syuilo committed
	}, {
		path: '/:user', component: MkUser
syuilo's avatar
syuilo committed
	}]);
syuilo's avatar
syuilo committed
}, true);
syuilo's avatar
syuilo committed

syuilo's avatar
syuilo committed
function registerNotifications(stream: HomeStreamManager) {
syuilo's avatar
syuilo committed
	if (stream == null) return;

syuilo's avatar
syuilo committed
	if (stream.hasConnection) {
		attach(stream.borrow());
	}

	stream.on('connected', connection => {
		attach(connection);
syuilo's avatar
syuilo committed
	});

syuilo's avatar
syuilo committed
	function attach(connection) {
		connection.on('drive_file_created', file => {
syuilo's avatar
syuilo committed
			const _n = composeNotification('drive_file_created', file);
			const n = new Notification(_n.title, {
				body: _n.body,
				icon: _n.icon
syuilo's avatar
syuilo committed
			});
			setTimeout(n.close.bind(n), 5000);
syuilo's avatar
syuilo committed
		});

syuilo's avatar
syuilo committed
		connection.on('mention', post => {
syuilo's avatar
syuilo committed
			const _n = composeNotification('mention', post);
			const n = new Notification(_n.title, {
				body: _n.body,
				icon: _n.icon
syuilo's avatar
syuilo committed
			});
			setTimeout(n.close.bind(n), 6000);
syuilo's avatar
syuilo committed
		});

syuilo's avatar
syuilo committed
		connection.on('reply', post => {
syuilo's avatar
syuilo committed
			const _n = composeNotification('reply', post);
			const n = new Notification(_n.title, {
				body: _n.body,
				icon: _n.icon
syuilo's avatar
syuilo committed
			});
			setTimeout(n.close.bind(n), 6000);
syuilo's avatar
syuilo committed
		});
syuilo's avatar
syuilo committed
		connection.on('quote', post => {
syuilo's avatar
syuilo committed
			const _n = composeNotification('quote', post);
			const n = new Notification(_n.title, {
				body: _n.body,
				icon: _n.icon
syuilo's avatar
syuilo committed
			});
			setTimeout(n.close.bind(n), 6000);
syuilo's avatar
syuilo committed

		connection.on('unread_messaging_message', message => {
syuilo's avatar
syuilo committed
			const _n = composeNotification('unread_messaging_message', message);
			const n = new Notification(_n.title, {
				body: _n.body,
				icon: _n.icon
syuilo's avatar
syuilo committed
			n.onclick = () => {
				n.close();
syuilo's avatar
syuilo committed
				/*(riot as any).mount(document.body.appendChild(document.createElement('mk-messaging-room-window')), {
syuilo's avatar
syuilo committed
					user: message.user
syuilo's avatar
syuilo committed
				});*/
syuilo's avatar
syuilo committed
			};
			setTimeout(n.close.bind(n), 7000);
		});
	}
syuilo's avatar
syuilo committed
}