From be7e3b9a0cb81b78a744993fef2fa2fd2833fa9c Mon Sep 17 00:00:00 2001 From: syuilo <4439005+syuilo@users.noreply.github.com> Date: Sun, 9 Mar 2025 14:28:01 +0900 Subject: refactor(frontend): scripts -> utility --- packages/frontend/src/utility/touch.ts | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 packages/frontend/src/utility/touch.ts (limited to 'packages/frontend/src/utility/touch.ts') diff --git a/packages/frontend/src/utility/touch.ts b/packages/frontend/src/utility/touch.ts new file mode 100644 index 0000000000..adc2e4c093 --- /dev/null +++ b/packages/frontend/src/utility/touch.ts @@ -0,0 +1,22 @@ +/* + * SPDX-FileCopyrightText: syuilo and misskey-project + * SPDX-License-Identifier: AGPL-3.0-only + */ + +import { ref } from 'vue'; +import { deviceKind } from '@/utility/device-kind.js'; + +const isTouchSupported = 'maxTouchPoints' in navigator && navigator.maxTouchPoints > 0; + +export let isTouchUsing = deviceKind === 'tablet' || deviceKind === 'smartphone'; + +if (isTouchSupported && !isTouchUsing) { + window.addEventListener('touchstart', () => { + // maxTouchPointsなどでの判定だけだと、「タッチ機能付きディスプレイを使っているがマウスでしか操作しない」場合にも + // タッチで使っていると判定されてしまうため、実際に一度でもタッチされたらtrueにする + isTouchUsing = true; + }, { passive: true }); +} + +/** (MkHorizontalSwipe) 横スワイプ中か? */ +export const isHorizontalSwipeSwiping = ref(false); -- cgit v1.2.3-freya