Sharkey/src/client/router.ts

88 lines
4.3 KiB
TypeScript
Raw Normal View History

import Vue from 'vue';
import VueRouter from 'vue-router';
import MkIndex from './pages/index.vue';
Vue.use(VueRouter);
2020-02-05 07:39:52 +02:00
const page = (path: string) => () => import(`./pages/${path}.vue`).then(m => m.default);
2020-02-06 15:10:33 +02:00
let indexScrollPos = 0;
export const router = new VueRouter({
mode: 'history',
routes: [
{ path: '/', name: 'index', component: MkIndex },
2020-02-05 07:39:52 +02:00
{ path: '/@:user', name: 'user', component: page('user/index'), children: [
{ path: 'following', name: 'userFollowing', component: page('user/follow-list'), props: { type: 'following' } },
{ path: 'followers', name: 'userFollowers', component: page('user/follow-list'), props: { type: 'followers' } },
]},
2020-02-05 07:39:52 +02:00
{ path: '/@:user/pages/:page', component: page('page'), props: route => ({ pageName: route.params.page, username: route.params.user }) },
{ path: '/@:user/pages/:pageName/view-source', component: page('page-editor/page-editor'), props: route => ({ initUser: route.params.user, initPageName: route.params.pageName }) },
{ path: '/announcements', component: page('announcements') },
{ path: '/about', component: page('about') },
{ path: '/about-misskey', component: page('about-misskey') },
2020-02-05 07:39:52 +02:00
{ path: '/featured', component: page('featured') },
2020-02-07 12:15:08 +02:00
{ path: '/docs', component: page('docs') },
2020-02-06 19:38:02 +02:00
{ path: '/docs/:doc', component: page('doc'), props: true },
2020-02-05 07:39:52 +02:00
{ path: '/explore', component: page('explore') },
{ path: '/explore/tags/:tag', props: true, component: page('explore') },
{ path: '/search', component: page('search') },
{ path: '/my/favorites', component: page('favorites') },
{ path: '/my/messages', component: page('messages') },
{ path: '/my/mentions', component: page('mentions') },
{ path: '/my/messaging', name: 'messaging', component: page('messaging') },
{ path: '/my/messaging/:user', component: page('messaging-room') },
2020-02-09 12:29:49 +02:00
{ path: '/my/messaging/group/:group', component: page('messaging-room') },
2020-02-05 07:39:52 +02:00
{ path: '/my/drive', name: 'drive', component: page('drive') },
{ path: '/my/drive/folder/:folder', component: page('drive') },
{ path: '/my/pages', name: 'pages', component: page('pages') },
{ path: '/my/pages/new', component: page('page-editor/page-editor') },
{ path: '/my/pages/edit/:pageId', component: page('page-editor/page-editor'), props: route => ({ initPageId: route.params.pageId }) },
{ path: '/my/settings', component: page('my-settings/index') },
2020-02-05 07:39:52 +02:00
{ path: '/my/follow-requests', component: page('follow-requests') },
{ path: '/my/lists', component: page('my-lists/index') },
{ path: '/my/lists/:list', component: page('my-lists/list') },
2020-02-08 08:11:12 +02:00
{ path: '/my/groups', component: page('my-groups/index') },
{ path: '/my/groups/:group', component: page('my-groups/group') },
2020-02-05 07:39:52 +02:00
{ path: '/my/antennas', component: page('my-antennas/index') },
{ path: '/settings', component: page('settings/index') },
2020-02-05 07:39:52 +02:00
{ path: '/instance', component: page('instance/index') },
{ path: '/instance/emojis', component: page('instance/emojis') },
{ path: '/instance/users', component: page('instance/users') },
{ path: '/instance/files', component: page('instance/files') },
{ path: '/instance/queue', component: page('instance/queue') },
2020-02-16 19:21:27 +02:00
{ path: '/instance/settings', component: page('instance/settings') },
2020-02-05 07:39:52 +02:00
{ path: '/instance/federation', component: page('instance/federation') },
{ path: '/instance/announcements', component: page('instance/announcements') },
{ path: '/notes/:note', name: 'note', component: page('note') },
{ path: '/tags/:tag', component: page('tag') },
{ path: '/auth/:token', component: page('auth') },
{ path: '/authorize-follow', component: page('follow') },
2020-02-06 16:12:27 +02:00
{ path: '/share', component: page('share') },
2020-02-06 16:20:59 +02:00
{ path: '*', component: page('not-found') }
2020-02-01 02:12:04 +02:00
],
2020-02-01 03:03:16 +02:00
// なんかHacky
// 通常の使い方をすると scroll メソッドの behavior を設定できないため、自前で window.scroll するようにする
2020-02-06 15:10:33 +02:00
scrollBehavior(to) {
2020-02-06 11:25:25 +02:00
window._scroll = () => { // さらにHacky
2020-02-06 15:10:33 +02:00
if (to.name === 'index') {
window.scroll({ top: indexScrollPos, behavior: 'instant' });
2020-02-11 22:21:08 +02:00
const i = setInterval(() => {
window.scroll({ top: indexScrollPos, behavior: 'instant' });
}, 10);
setTimeout(() => {
clearInterval(i);
}, 500);
2020-02-01 02:59:55 +02:00
} else {
window.scroll({ top: 0, behavior: 'instant' });
}
2020-02-06 11:25:25 +02:00
};
2020-02-01 02:16:18 +02:00
}
});
2020-02-06 15:10:33 +02:00
router.afterEach((to, from) => {
if (from.name === 'index') {
indexScrollPos = window.scrollY;
}
});