rudeshark.net/src/client/app/desktop/script.ts

156 lines
4.4 KiB
TypeScript
Raw Normal View History

2016-12-28 23:49:51 +01:00
/**
* Desktop Client
*/
2018-03-27 07:13:12 +02:00
import VueRouter from 'vue-router';
2017-02-19 04:31:23 +01:00
// Style
2017-02-19 07:36:53 +01:00
import './style.styl';
2017-02-19 04:31:23 +01:00
2017-05-17 22:06:55 +02:00
import init from '../init';
2018-02-20 18:53:34 +01:00
import fuckAdBlock from '../common/scripts/fuck-ad-block';
2017-11-20 21:09:45 +01:00
import composeNotification from '../common/scripts/compose-notification';
2016-12-28 23:49:51 +01:00
2018-02-17 10:14:23 +01:00
import chooseDriveFolder from './api/choose-drive-folder';
2018-02-18 04:35:18 +01:00
import chooseDriveFile from './api/choose-drive-file';
import dialog from './api/dialog';
import input from './api/input';
2018-02-20 14:53:34 +01:00
import post from './api/post';
2018-02-20 18:53:34 +01:00
import notify from './api/notify';
import updateAvatar from './api/update-avatar';
import updateBanner from './api/update-banner';
2018-02-17 10:14:23 +01:00
2018-02-10 06:56:33 +01:00
import MkIndex from './views/pages/index.vue';
2018-10-19 04:10:49 +02:00
import MkHome from './views/pages/home.vue';
2018-06-05 14:36:21 +02:00
import MkDeck from './views/pages/deck/deck.vue';
2018-02-19 06:29:42 +01:00
import MkUser from './views/pages/user/user.vue';
2018-04-20 06:31:43 +02:00
import MkFavorites from './views/pages/favorites.vue';
2018-02-20 15:37:35 +01:00
import MkSelectDrive from './views/pages/selectdrive.vue';
import MkDrive from './views/pages/drive.vue';
2018-02-21 07:30:03 +01:00
import MkHomeCustomize from './views/pages/home-customize.vue';
2018-02-22 13:15:24 +01:00
import MkMessagingRoom from './views/pages/messaging-room.vue';
2018-04-07 19:30:37 +02:00
import MkNote from './views/pages/note.vue';
2018-02-22 13:39:36 +01:00
import MkSearch from './views/pages/search.vue';
2018-06-10 05:19:19 +02:00
import MkTag from './views/pages/tag.vue';
2018-08-03 15:34:58 +02:00
import MkReversi from './views/pages/games/reversi.vue';
2018-06-16 11:42:49 +02:00
import MkShare from './views/pages/share.vue';
import MkFollow from '../common/views/pages/follow.vue';
import MiOS from '../mios';
2018-02-10 02:27:05 +01:00
2016-12-28 23:49:51 +01:00
/**
2017-05-17 22:06:55 +02:00
* init
2016-12-28 23:49:51 +01:00
*/
2018-02-11 04:08:43 +01:00
init(async (launch) => {
2018-02-16 18:24:10 +01:00
// Register directives
require('./views/directives');
2018-02-11 04:08:43 +01:00
// Register components
require('./views/components');
2018-02-24 16:18:09 +01:00
require('./views/widgets');
2018-02-11 04:08:43 +01:00
2018-03-27 07:13:12 +02:00
// Init router
const router = new VueRouter({
mode: 'history',
routes: [
{ path: '/', name: 'index', component: MkIndex },
2018-10-19 04:10:49 +02:00
{ path: '/home', name: 'home', component: MkHome },
2018-06-05 14:36:21 +02:00
{ path: '/deck', name: 'deck', component: MkDeck },
2018-03-27 07:13:12 +02:00
{ path: '/i/customize-home', component: MkHomeCustomize },
2018-04-20 06:31:43 +02:00
{ path: '/i/favorites', component: MkFavorites },
2018-03-27 09:51:12 +02:00
{ path: '/i/messaging/:user', component: MkMessagingRoom },
2018-03-27 07:13:12 +02:00
{ path: '/i/drive', component: MkDrive },
{ path: '/i/drive/folder/:folder', component: MkDrive },
{ path: '/selectdrive', component: MkSelectDrive },
{ path: '/search', component: MkSearch },
{ path: '/tags/:tag', name: 'tag', component: MkTag },
2018-06-16 11:42:49 +02:00
{ path: '/share', component: MkShare },
2018-08-03 15:42:53 +02:00
{ path: '/reversi/:game?', component: MkReversi },
{ path: '/@:user', name: 'user', component: MkUser },
{ path: '/notes/:note', name: 'note', component: MkNote },
{ path: '/authorize-follow', component: MkFollow }
2018-03-27 07:13:12 +02:00
]
});
2018-02-21 18:00:30 +01:00
// Launch the app
2018-03-27 07:13:12 +02:00
const [, os] = launch(router, os => ({
2018-05-27 06:49:09 +02:00
chooseDriveFolder: chooseDriveFolder(os),
chooseDriveFile: chooseDriveFile(os),
2018-05-27 11:12:39 +02:00
dialog: dialog(os),
input: input(os),
post: post(os),
notify: notify(os),
2018-02-20 18:53:34 +01:00
updateAvatar: updateAvatar(os),
updateBanner: updateBanner(os)
}));
if (os.store.getters.isSignedIn) {
/**
* Fuck AD Block
*/
fuckAdBlock(os);
}
2018-02-11 04:08:43 +01:00
2016-12-28 23:49:51 +01:00
/**
* Init Notification
*/
2018-08-25 01:39:12 +02:00
if ('Notification' in window && os.store.getters.isSignedIn) {
2016-12-28 23:49:51 +01:00
// 許可を得ていなかったらリクエスト
2017-11-13 10:05:35 +01:00
if ((Notification as any).permission == 'default') {
2017-06-06 17:04:28 +02:00
await Notification.requestPermission();
}
2017-11-13 10:05:35 +01:00
if ((Notification as any).permission == 'granted') {
registerNotifications(os);
2016-12-28 23:49:51 +01:00
}
}
2017-11-21 02:01:00 +01:00
}, true);
2017-06-06 17:04:28 +02:00
function registerNotifications(os: MiOS) {
const stream = os.stream;
2017-06-07 08:19:28 +02:00
if (stream == null) return;
const connection = stream.useSharedConnection('main');
2017-11-16 17:24:44 +01:00
connection.on('notification', notification => {
const _n = composeNotification('notification', notification);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-06-06 17:04:28 +02:00
});
setTimeout(n.close.bind(n), 6000);
});
connection.on('driveFileCreated', file => {
const _n = composeNotification('driveFileCreated', file);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
});
setTimeout(n.close.bind(n), 5000);
});
2017-11-16 17:24:44 +01:00
connection.on('unreadMessagingMessage', message => {
const _n = composeNotification('unreadMessagingMessage', message);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2017-11-16 17:24:44 +01: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);
});
2018-03-17 09:53:35 +01:00
connection.on('reversiInvited', matching => {
const _n = composeNotification('reversiInvited', matching);
const n = new Notification(_n.title, {
body: _n.body,
icon: _n.icon
2018-03-17 09:53:35 +01:00
});
});
2017-06-06 17:04:28 +02:00
}