From 699f24f3dcdb156838eb70602885c0b2cdd02cbc Mon Sep 17 00:00:00 2001 From: syuilo Date: Mon, 20 Jun 2022 17:38:49 +0900 Subject: refactor(client): Refine routing (#8846) --- packages/client/src/init.ts | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) (limited to 'packages/client/src/init.ts') diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts index bb6176e409..a11dd2d050 100644 --- a/packages/client/src/init.ts +++ b/packages/client/src/init.ts @@ -21,7 +21,6 @@ import widgets from '@/widgets'; import directives from '@/directives'; import components from '@/components'; import { version, ui, lang, host } from '@/config'; -import { router } from '@/router'; import { applyTheme } from '@/scripts/theme'; import { isDeviceDarkmode } from '@/scripts/is-device-darkmode'; import { i18n } from '@/i18n'; @@ -170,11 +169,10 @@ fetchInstanceMetaPromise.then(() => { const app = createApp( window.location.search === '?zen' ? defineAsyncComponent(() => import('@/ui/zen.vue')) : - !$i ? defineAsyncComponent(() => import('@/ui/visitor.vue')) : - ui === 'deck' ? defineAsyncComponent(() => import('@/ui/deck.vue')) : - ui === 'desktop' ? defineAsyncComponent(() => import('@/ui/desktop.vue')) : - ui === 'classic' ? defineAsyncComponent(() => import('@/ui/classic.vue')) : - defineAsyncComponent(() => import('@/ui/universal.vue')) + !$i ? defineAsyncComponent(() => import('@/ui/visitor.vue')) : + ui === 'deck' ? defineAsyncComponent(() => import('@/ui/deck.vue')) : + ui === 'classic' ? defineAsyncComponent(() => import('@/ui/classic.vue')) : + defineAsyncComponent(() => import('@/ui/universal.vue')), ); if (_DEV_) { @@ -189,14 +187,10 @@ app.config.globalProperties = { $ts: i18n.ts, }; -app.use(router); - widgets(app); directives(app); components(app); -await router.isReady(); - const splash = document.getElementById('splash'); // 念のためnullチェック(HTMLが古い場合があるため(そのうち消す)) if (splash) splash.addEventListener('transitionend', () => { -- cgit v1.2.3-freya From 36f09b6cdca904a548b642d0eb6adc05a4095d09 Mon Sep 17 00:00:00 2001 From: Andreas Nedbal Date: Sat, 25 Jun 2022 07:25:22 +0200 Subject: fix(client): only enable hotkeys for logged in users (#8793) * fix(client): only enable hotkeys for logged in users * fix(client): keep theme and search hotkeys for logged out users --- packages/client/src/init.ts | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) (limited to 'packages/client/src/init.ts') diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts index a11dd2d050..98f69c701f 100644 --- a/packages/client/src/init.ts +++ b/packages/client/src/init.ts @@ -287,16 +287,6 @@ fetchInstanceMetaPromise.then(() => { } }); -// shortcut -document.addEventListener('keydown', makeHotkey({ - 'd': () => { - defaultStore.set('darkMode', !defaultStore.state.darkMode); - }, - 'p|n': post, - 's': search, - //TODO: 'h|/': help -})); - watch(defaultStore.reactiveState.useBlurEffectForModal, v => { document.documentElement.style.setProperty('--modalBgFilter', v ? 'blur(4px)' : 'none'); }, { immediate: true }); @@ -339,7 +329,17 @@ for (const plugin of ColdDeviceStorage.get('plugins').filter(p => p.active)) { }); } +const hotkeys = { + 'd': (): void => { + defaultStore.set('darkMode', !defaultStore.state.darkMode); + }, + 's': search, +}; + if ($i) { + // only add post shortcuts if logged in + hotkeys['p|n'] = post; + if ($i.isDeleted) { alert({ type: 'warning', @@ -434,3 +434,6 @@ if ($i) { signout(); }); } + +// shortcut +document.addEventListener('keydown', makeHotkey(hotkeys)); -- cgit v1.2.3-freya