paricafe/src/web/app/desktop/script.ts

107 lines
2.4 KiB
TypeScript
Raw Normal View History

2016-12-28 16:49:51 -06:00
/**
* Desktop Client
*/
2017-02-18 21:31:23 -06:00
// Style
2017-02-19 00:36:53 -06:00
import './style.styl';
2017-02-18 21:31:23 -06:00
2018-02-09 03:57:42 -06:00
import Vue from 'vue';
2017-05-17 15:06:55 -05:00
import init from '../init';
2017-03-18 06:05:11 -05:00
import route from './router';
import fuckAdBlock from './scripts/fuck-ad-block';
2017-11-15 12:06:52 -06:00
import MiOS from '../common/mios';
2017-11-16 10:24:44 -06:00
import HomeStreamManager from '../common/scripts/streaming/home-stream-manager';
2017-11-20 14:09:45 -06:00
import composeNotification from '../common/scripts/compose-notification';
2016-12-28 16:49:51 -06:00
/**
2017-05-17 15:06:55 -05:00
* init
2016-12-28 16:49:51 -06:00
*/
2018-02-09 03:57:42 -06:00
init(async (mios: MiOS, app: Vue) => {
2016-12-28 16:49:51 -06:00
/**
* Fuck AD Block
*/
fuckAdBlock();
/**
* Init Notification
*/
if ('Notification' in window) {
// 許可を得ていなかったらリクエスト
2017-11-13 03:05:35 -06:00
if ((Notification as any).permission == 'default') {
2017-06-06 10:04:28 -05:00
await Notification.requestPermission();
}
2017-11-13 03:05:35 -06:00
if ((Notification as any).permission == 'granted') {
2017-11-15 12:06:52 -06:00
registerNotifications(mios.stream);
2016-12-28 16:49:51 -06:00
}
}
// Start routing
2017-11-15 12:06:52 -06:00
route(mios);
2017-11-20 19:01:00 -06:00
}, true);
2017-06-06 10:04:28 -05:00
2017-11-16 10:24:44 -06:00
function registerNotifications(stream: HomeStreamManager) {
2017-06-07 01:19:28 -05:00
if (stream == null) return;
2017-11-16 10:24:44 -06:00
if (stream.hasConnection) {
attach(stream.borrow());
}
stream.on('connected', connection => {
attach(connection);
2017-06-06 10:04:28 -05:00
});
2017-11-16 10:24:44 -06:00
function attach(connection) {
connection.on('drive_file_created', file => {
2017-11-20 14:09:45 -06:00
const _n = composeNotification('drive_file_created', file);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 10:24:44 -06:00
});
setTimeout(n.close.bind(n), 5000);
2017-06-06 10:04:28 -05:00
});
2017-11-16 10:24:44 -06:00
connection.on('mention', post => {
2017-11-20 14:09:45 -06:00
const _n = composeNotification('mention', post);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 10:24:44 -06:00
});
setTimeout(n.close.bind(n), 6000);
2017-06-06 10:04:28 -05:00
});
2017-11-16 10:24:44 -06:00
connection.on('reply', post => {
2017-11-20 14:09:45 -06:00
const _n = composeNotification('reply', post);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 10:24:44 -06:00
});
setTimeout(n.close.bind(n), 6000);
2017-06-06 10:04:28 -05:00
});
2017-11-16 10:24:44 -06:00
connection.on('quote', post => {
2017-11-20 14:09:45 -06:00
const _n = composeNotification('quote', post);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 10:24:44 -06:00
});
setTimeout(n.close.bind(n), 6000);
});
2017-11-16 10:24:44 -06:00
connection.on('unread_messaging_message', message => {
2017-11-20 14:09:45 -06:00
const _n = composeNotification('unread_messaging_message', message);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
});
2017-11-16 10:24:44 -06:00
n.onclick = () => {
n.close();
(riot as any).mount(document.body.appendChild(document.createElement('mk-messaging-room-window')), {
user: message.user
});
};
setTimeout(n.close.bind(n), 7000);
});
}
2017-06-06 10:04:28 -05:00
}