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

163 lines
4.2 KiB
TypeScript
Raw Normal View History

2016-12-29 00:49:51 +02:00
/**
* Desktop Client
*/
2017-02-19 05:31:23 +02:00
// Style
2017-02-19 08:36:53 +02:00
import './style.styl';
2018-03-01 23:26:31 +02:00
import '../../element.scss';
2017-02-19 05:31:23 +02:00
2017-05-17 23:06:55 +03:00
import init from '../init';
2018-02-20 19:53:34 +02:00
import fuckAdBlock from '../common/scripts/fuck-ad-block';
2017-11-16 18:24:44 +02:00
import HomeStreamManager from '../common/scripts/streaming/home-stream-manager';
2017-11-20 22:09:45 +02:00
import composeNotification from '../common/scripts/compose-notification';
2016-12-29 00:49:51 +02:00
2018-02-17 11:14:23 +02:00
import chooseDriveFolder from './api/choose-drive-folder';
2018-02-18 05:35:18 +02:00
import chooseDriveFile from './api/choose-drive-file';
import dialog from './api/dialog';
import input from './api/input';
2018-02-20 15:53:34 +02:00
import post from './api/post';
2018-02-20 19:53:34 +02:00
import notify from './api/notify';
import updateAvatar from './api/update-avatar';
import updateBanner from './api/update-banner';
2018-02-17 11:14:23 +02:00
2018-02-10 07:56:33 +02:00
import MkIndex from './views/pages/index.vue';
2018-02-19 07:29:42 +02:00
import MkUser from './views/pages/user/user.vue';
2018-02-20 16:37:35 +02:00
import MkSelectDrive from './views/pages/selectdrive.vue';
import MkDrive from './views/pages/drive.vue';
2018-02-21 08:30:03 +02:00
import MkHomeCustomize from './views/pages/home-customize.vue';
2018-02-22 14:15:24 +02:00
import MkMessagingRoom from './views/pages/messaging-room.vue';
2018-02-22 14:23:10 +02:00
import MkPost from './views/pages/post.vue';
2018-02-22 14:39:36 +02:00
import MkSearch from './views/pages/search.vue';
2018-03-09 18:48:16 +02:00
import MkOthello from './views/pages/othello.vue';
2018-02-10 03:27:05 +02:00
2016-12-29 00:49:51 +02:00
/**
2017-05-17 23:06:55 +03:00
* init
2016-12-29 00:49:51 +02:00
*/
2018-02-11 05:08:43 +02:00
init(async (launch) => {
2018-02-16 19:24:10 +02:00
// Register directives
require('./views/directives');
2018-02-11 05:08:43 +02:00
// Register components
require('./views/components');
2018-02-24 17:18:09 +02:00
require('./views/widgets');
2018-02-11 05:08:43 +02:00
2018-02-21 19:00:30 +02:00
// Launch the app
2018-02-20 19:53:34 +02:00
const [app, os] = launch(os => ({
2018-02-18 05:35:18 +02:00
chooseDriveFolder,
chooseDriveFile,
dialog,
2018-02-20 15:53:34 +02:00
input,
2018-02-20 19:53:34 +02:00
post,
notify,
updateAvatar: updateAvatar(os),
updateBanner: updateBanner(os)
}));
/**
* Fuck AD Block
*/
fuckAdBlock(os);
2018-02-11 05:08:43 +02:00
2016-12-29 00:49:51 +02:00
/**
* Init Notification
*/
if ('Notification' in window) {
// 許可を得ていなかったらリクエスト
2017-11-13 11:05:35 +02:00
if ((Notification as any).permission == 'default') {
2017-06-06 18:04:28 +03:00
await Notification.requestPermission();
}
2017-11-13 11:05:35 +02:00
if ((Notification as any).permission == 'granted') {
2018-02-22 21:49:21 +02:00
registerNotifications(os.stream);
2016-12-29 00:49:51 +02:00
}
}
2018-02-21 19:00:30 +02:00
// Routing
app.$router.addRoutes([
{ path: '/', name: 'index', component: MkIndex },
{ path: '/i/customize-home', component: MkHomeCustomize },
2018-02-22 14:15:24 +02:00
{ path: '/i/messaging/:username', component: MkMessagingRoom },
2018-02-21 19:00:30 +02:00
{ path: '/i/drive', component: MkDrive },
{ path: '/i/drive/folder/:folder', component: MkDrive },
{ path: '/selectdrive', component: MkSelectDrive },
2018-02-22 14:39:36 +02:00
{ path: '/search', component: MkSearch },
2018-03-09 18:48:16 +02:00
{ path: '/othello', component: MkOthello },
{ path: '/othello/:game', component: MkOthello },
2018-02-22 14:23:10 +02:00
{ path: '/:user', component: MkUser },
{ path: '/:user/:post', component: MkPost }
2018-02-21 19:00:30 +02:00
]);
2017-11-21 03:01:00 +02:00
}, true);
2017-06-06 18:04:28 +03:00
2017-11-16 18:24:44 +02:00
function registerNotifications(stream: HomeStreamManager) {
2017-06-07 09:19:28 +03:00
if (stream == null) return;
2017-11-16 18:24:44 +02:00
if (stream.hasConnection) {
attach(stream.borrow());
}
stream.on('connected', connection => {
attach(connection);
2017-06-06 18:04:28 +03:00
});
2017-11-16 18:24:44 +02:00
function attach(connection) {
connection.on('drive_file_created', file => {
2017-11-20 22:09:45 +02:00
const _n = composeNotification('drive_file_created', file);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 18:24:44 +02:00
});
setTimeout(n.close.bind(n), 5000);
2017-06-06 18:04:28 +03:00
});
2017-11-16 18:24:44 +02:00
connection.on('mention', post => {
2017-11-20 22:09:45 +02:00
const _n = composeNotification('mention', post);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 18:24:44 +02:00
});
setTimeout(n.close.bind(n), 6000);
2017-06-06 18:04:28 +03:00
});
2017-11-16 18:24:44 +02:00
connection.on('reply', post => {
2017-11-20 22:09:45 +02:00
const _n = composeNotification('reply', post);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 18:24:44 +02:00
});
setTimeout(n.close.bind(n), 6000);
2017-06-06 18:04:28 +03:00
});
2017-11-16 18:24:44 +02:00
connection.on('quote', post => {
2017-11-20 22:09:45 +02:00
const _n = composeNotification('quote', post);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 18:24:44 +02:00
});
setTimeout(n.close.bind(n), 6000);
});
2017-11-16 18:24:44 +02:00
connection.on('unread_messaging_message', message => {
2017-11-20 22:09:45 +02:00
const _n = composeNotification('unread_messaging_message', message);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
});
2017-11-16 18:24:44 +02:00
n.onclick = () => {
n.close();
2018-02-10 03:27:05 +02:00
/*(riot as any).mount(document.body.appendChild(document.createElement('mk-messaging-room-window')), {
2017-11-16 18:24:44 +02:00
user: message.user
2018-02-10 03:27:05 +02:00
});*/
2017-11-16 18:24:44 +02:00
};
setTimeout(n.close.bind(n), 7000);
});
2018-03-17 10:53:35 +02:00
connection.on('othello_invited', matching => {
const _n = composeNotification('othello_invited', matching);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
});
});
2017-11-16 18:24:44 +02:00
}
2017-06-06 18:04:28 +03:00
}