From cb4cf50f9525bf8d5ba54e26701b8b32c8e51f0a Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sat, 21 Oct 2023 22:42:00 +0900
Subject: [PATCH 01/18] pc reloading

---
 packages/frontend/src/components/MkTimeline.vue | 16 ++++++++++++++--
 packages/frontend/src/pages/timeline.vue        |  7 +++++++
 packages/frontend/src/stream.ts                 | 16 ++++++++++++++--
 3 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkTimeline.vue b/packages/frontend/src/components/MkTimeline.vue
index cdd72febd1dc..d2524a978032 100644
--- a/packages/frontend/src/components/MkTimeline.vue
+++ b/packages/frontend/src/components/MkTimeline.vue
@@ -4,13 +4,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<MkNotes ref="tlComponent" :noGap="!defaultStore.state.showGapBetweenNotesInTimeline" :pagination="pagination" @queue="emit('queue', $event)"/>
+	<MkNotes ref="tlComponent" :noGap="!defaultStore.state.showGapBetweenNotesInTimeline" :pagination="pagination" @queue="emit('queue', $event)"/>
 </template>
 
 <script lang="ts" setup>
 import { computed, provide, onUnmounted } from 'vue';
 import MkNotes from '@/components/MkNotes.vue';
-import { useStream } from '@/stream.js';
+import { useStream, reloadStream } from '@/stream.js';
 import * as sound from '@/scripts/sound.js';
 import { $i } from '@/account.js';
 import { instance } from '@/instance.js';
@@ -183,6 +183,18 @@ onUnmounted(() => {
 	if (connection2) connection2.dispose();
 });
 
+const reloadTimeline = () => {
+	tlNotesCount = 0;
+
+	tlComponent.pagingComponent?.reload().then(() => {
+		reloadStream();
+	});
+};
+
+defineExpose({
+	reloadTimeline
+});
+
 /* TODO
 const timetravel = (date?: Date) => {
 	this.date = date;
diff --git a/packages/frontend/src/pages/timeline.vue b/packages/frontend/src/pages/timeline.vue
index 8cc540779bdd..491ad6ad2445 100644
--- a/packages/frontend/src/pages/timeline.vue
+++ b/packages/frontend/src/pages/timeline.vue
@@ -140,6 +140,13 @@ function focus(): void {
 }
 
 const headerActions = $computed(() => [{
+	icon: 'ti ti-refresh',
+	text: i18n.ts.reload,
+	handler: (ev) => {
+		console.log('called');
+		tlComponent.reloadTimeline();
+	},
+}, {
 	icon: 'ti ti-dots',
 	text: i18n.ts.options,
 	handler: (ev) => {
diff --git a/packages/frontend/src/stream.ts b/packages/frontend/src/stream.ts
index 27fce4d4b8d9..912bbb28a4e5 100644
--- a/packages/frontend/src/stream.ts
+++ b/packages/frontend/src/stream.ts
@@ -9,6 +9,7 @@ import { $i } from '@/account.js';
 import { url } from '@/config.js';
 
 let stream: Misskey.Stream | null = null;
+let timeoutHeadBeat: number | null = null;
 
 export function useStream(): Misskey.Stream {
 	if (stream) return stream;
@@ -17,7 +18,18 @@ export function useStream(): Misskey.Stream {
 		token: $i.token,
 	} : null));
 
-	window.setTimeout(heartbeat, 1000 * 60);
+	timeoutHeadBeat = window.setTimeout(heartbeat, 1000 * 60);
+
+	return stream;
+}
+
+export function reloadStream() {
+	if (!stream) return useStream();
+	if (timeoutHeadBeat) window.clearTimeout(timeoutHeadBeat);
+
+	stream.close();
+	stream.stream.reconnect();
+	timeoutHeadBeat = window.setTimeout(heartbeat, 1000 * 60);
 
 	return stream;
 }
@@ -26,5 +38,5 @@ function heartbeat(): void {
 	if (stream != null && document.visibilityState === 'visible') {
 		stream.heartbeat();
 	}
-	window.setTimeout(heartbeat, 1000 * 60);
+	timeoutHeadBeat = window.setTimeout(heartbeat, 1000 * 60);
 }

From e9d0e5b81eafbcaf7eeb1b7380b5d5711a50262b Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sun, 22 Oct 2023 16:05:06 +0900
Subject: [PATCH 02/18] add: disable TL websocket option

---
 packages/frontend/src/pages/settings/general.vue | 3 +++
 packages/frontend/src/store.ts                   | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue
index 30443fded6c0..0d1f572816af 100644
--- a/packages/frontend/src/pages/settings/general.vue
+++ b/packages/frontend/src/pages/settings/general.vue
@@ -150,6 +150,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkSwitch v-model="imageNewTab">{{ i18n.ts.openImageInNewTab }}</MkSwitch>
 				<MkSwitch v-model="enableInfiniteScroll">{{ i18n.ts.enableInfiniteScroll }}</MkSwitch>
 				<MkSwitch v-model="keepScreenOn">{{ i18n.ts.keepScreenOn }}</MkSwitch>
+				<MkSwitch v-model="disableWebSocket">{{ i18n.ts.disableWebSocket ?? 'タイムラインのリアルタイム更新を無効にする' }}</MkSwitch>
 			</div>
 			<MkSelect v-model="serverDisconnectedBehavior">
 				<template #label>{{ i18n.ts.whenServerDisconnected }}</template>
@@ -251,6 +252,7 @@ const notificationPosition = computed(defaultStore.makeGetterSetter('notificatio
 const notificationStackAxis = computed(defaultStore.makeGetterSetter('notificationStackAxis'));
 const keepScreenOn = computed(defaultStore.makeGetterSetter('keepScreenOn'));
 const defaultWithReplies = computed(defaultStore.makeGetterSetter('defaultWithReplies'));
+const disableWebSocket = computed(defaultStore.makeGetterSetter('disableWebSocket'));
 
 watch(lang, () => {
 	miLocalStorage.setItem('lang', lang.value as string);
@@ -287,6 +289,7 @@ watch([
 	reactionsDisplaySize,
 	highlightSensitiveMedia,
 	keepScreenOn,
+	disableWebSocket,
 ], async () => {
 	await reloadAsk();
 });
diff --git a/packages/frontend/src/store.ts b/packages/frontend/src/store.ts
index 92d01e4caf13..b3c6637a1951 100644
--- a/packages/frontend/src/store.ts
+++ b/packages/frontend/src/store.ts
@@ -365,6 +365,10 @@ export const defaultStore = markRaw(new Storage('base', {
 		where: 'account',
 		default: false,
 	},
+	disableWebSocket: {
+		where: 'device',
+		default: false,
+	},
 }));
 
 // TODO: 他のタブと永続化されたstateを同期

From 97d543415d79880dbb03c6b73ba19562bd313fb7 Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sun, 22 Oct 2023 17:53:12 +0900
Subject: [PATCH 03/18] fix: stream disconnect when reload

---
 packages/frontend/src/boot/main-boot.ts                | 3 ++-
 packages/frontend/src/stream.ts                        | 5 +++++
 packages/frontend/src/ui/_common_/stream-indicator.vue | 3 ++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/boot/main-boot.ts b/packages/frontend/src/boot/main-boot.ts
index f2af951d6350..800a3b079feb 100644
--- a/packages/frontend/src/boot/main-boot.ts
+++ b/packages/frontend/src/boot/main-boot.ts
@@ -8,7 +8,7 @@ import { common } from './common.js';
 import { version, ui, lang, updateLocale } from '@/config.js';
 import { i18n, updateI18n } from '@/i18n.js';
 import { confirm, alert, post, popup, toast } from '@/os.js';
-import { useStream } from '@/stream.js';
+import { useStream, isReloading } from '@/stream.js';
 import * as sound from '@/scripts/sound.js';
 import { $i, refreshAccount, login, updateAccount, signout } from '@/account.js';
 import { defaultStore, ColdDeviceStorage } from '@/store.js';
@@ -39,6 +39,7 @@ export async function mainBoot() {
 
 	let reloadDialogShowing = false;
 	stream.on('_disconnected_', async () => {
+		if (isReloading) return;
 		if (defaultStore.state.serverDisconnectedBehavior === 'reload') {
 			location.reload();
 		} else if (defaultStore.state.serverDisconnectedBehavior === 'dialog') {
diff --git a/packages/frontend/src/stream.ts b/packages/frontend/src/stream.ts
index 912bbb28a4e5..d08d1c0d2249 100644
--- a/packages/frontend/src/stream.ts
+++ b/packages/frontend/src/stream.ts
@@ -11,6 +11,8 @@ import { url } from '@/config.js';
 let stream: Misskey.Stream | null = null;
 let timeoutHeadBeat: number | null = null;
 
+export let isReloading: boolean = false;
+
 export function useStream(): Misskey.Stream {
 	if (stream) return stream;
 
@@ -26,11 +28,14 @@ export function useStream(): Misskey.Stream {
 export function reloadStream() {
 	if (!stream) return useStream();
 	if (timeoutHeadBeat) window.clearTimeout(timeoutHeadBeat);
+	isReloading = true;
 
 	stream.close();
+	stream.once('_connected_', () => isReloading = false);
 	stream.stream.reconnect();
 	timeoutHeadBeat = window.setTimeout(heartbeat, 1000 * 60);
 
+
 	return stream;
 }
 
diff --git a/packages/frontend/src/ui/_common_/stream-indicator.vue b/packages/frontend/src/ui/_common_/stream-indicator.vue
index b09221f5d2b7..c3107b4e402a 100644
--- a/packages/frontend/src/ui/_common_/stream-indicator.vue
+++ b/packages/frontend/src/ui/_common_/stream-indicator.vue
@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import { onUnmounted } from 'vue';
-import { useStream } from '@/stream.js';
+import { useStream, isReloading } from '@/stream.js';
 import { i18n } from '@/i18n.js';
 import MkButton from '@/components/MkButton.vue';
 import * as os from '@/os.js';
@@ -26,6 +26,7 @@ const zIndex = os.claimZIndex('high');
 let hasDisconnected = $ref(false);
 
 function onDisconnected() {
+	if (isReloading) return;
 	hasDisconnected = true;
 }
 

From 9e63971cff31d5fbf07a53adbcb53d91f443bf2f Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sun, 22 Oct 2023 18:12:49 +0900
Subject: [PATCH 04/18] add: pull to refresh

---
 locales/en-US.yml                             |   4 +
 locales/index.d.ts                            |   4 +
 locales/ja-JP.yml                             |   4 +
 .../frontend/src/components/MkPageWindow.vue  |   2 +
 .../frontend/src/components/MkPagination.vue  |   6 +
 .../src/components/MkPullToRefresh.vue        | 235 ++++++++++++++++++
 .../frontend/src/components/MkTimeline.vue    | 128 +++++-----
 .../frontend/src/pages/settings/general.vue   |   2 +-
 packages/frontend/src/pages/timeline.vue      |  59 ++---
 packages/frontend/src/ui/universal.vue        |   2 +-
 10 files changed, 360 insertions(+), 86 deletions(-)
 create mode 100644 packages/frontend/src/components/MkPullToRefresh.vue

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 5f588efd443a..354f90e5cf10 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -1139,6 +1139,10 @@ impressumDescription: "In some countries, like germany, the inclusion of operato
 privacyPolicy: "Privacy Policy"
 privacyPolicyUrl: "Privacy Policy URL"
 tosAndPrivacyPolicy: "Terms of Service and Privacy Policy"
+releaseToRefresh: "Release to reload"
+refreshing: "Reloading"
+pullDownToRefresh: "Pull down to reload"
+disableWebSocket: "Disable realtime update on timeline"
 _announcement:
   forExistingUsers: "Existing users only"
   forExistingUsersDescription: "This announcement will only be shown to users existing at the point of publishment if enabled. If disabled, those newly signing up after it has been posted will also see it."
diff --git a/locales/index.d.ts b/locales/index.d.ts
index 363032eaa258..680d35d776b8 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -1142,6 +1142,10 @@ export interface Locale {
     "privacyPolicy": string;
     "privacyPolicyUrl": string;
     "tosAndPrivacyPolicy": string;
+    "releaseToRefresh": string;
+    "refreshing": string;
+    "pullDownToRefresh": string;
+    "disableWebSocket": string;
     "_announcement": {
         "forExistingUsers": string;
         "forExistingUsersDescription": string;
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index f1b57f8bdea4..0bc48548ff05 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1139,6 +1139,10 @@ impressumDescription: "ドイツなどの一部の国と地域では表示が義
 privacyPolicy: "プライバシーポリシー"
 privacyPolicyUrl: "プライバシーポリシーURL"
 tosAndPrivacyPolicy: "利用規約・プライバシーポリシー"
+releaseToRefresh: "離してリロード"
+refreshing: "リロード中"
+pullDownToRefresh: "引っ張ってリロード"
+disableWebSocket: "タイムラインのリアルタイム更新を無効にする"
 
 _announcement:
   forExistingUsers: "既存ユーザーのみ"
diff --git a/packages/frontend/src/components/MkPageWindow.vue b/packages/frontend/src/components/MkPageWindow.vue
index 3b273ac54566..5edae1bc3c05 100644
--- a/packages/frontend/src/components/MkPageWindow.vue
+++ b/packages/frontend/src/components/MkPageWindow.vue
@@ -166,6 +166,8 @@ defineExpose({
 
 <style lang="scss" module>
 .root {
+	overscroll-behavior: none;
+
 	min-height: 100%;
 	background: var(--bg);
 
diff --git a/packages/frontend/src/components/MkPagination.vue b/packages/frontend/src/components/MkPagination.vue
index 5a87273386c2..063659ebb575 100644
--- a/packages/frontend/src/components/MkPagination.vue
+++ b/packages/frontend/src/components/MkPagination.vue
@@ -101,6 +101,7 @@ const props = withDefaults(defineProps<{
 
 const emit = defineEmits<{
 	(ev: 'queue', count: number): void;
+	(ev: 'status', error: boolean): void;
 }>();
 
 let rootEl = $shallowRef<HTMLElement>();
@@ -192,6 +193,11 @@ watch(queue, (a, b) => {
 	emit('queue', queue.value.size);
 }, { deep: true });
 
+watch(error, (n, o) => {
+	if (n === o) return;
+	emit('status', n);
+});
+
 async function init(): Promise<void> {
 	items.value = new Map();
 	queue.value = new Map();
diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
new file mode 100644
index 000000000000..3ee5b7f5e944
--- /dev/null
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -0,0 +1,235 @@
+<template>
+	<div ref="rootEl" :class="$style.root">
+		<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${currentHeight}px;`">
+			<div :class="$style.contents">
+				<i v-if="!isRefreshing" :class="['ti', 'ti-arrow-bar-to-down', { [$style.refresh]: isPullEnd }]"></i>
+				<MkLoading v-else :em="true"/>
+				<p v-if="isPullEnd">{{ i18n.ts.releaseToRefresh }}</p>
+				<p v-else-if="isRefreshing">{{ i18n.ts.refreshing }}</p>
+				<p v-else>{{ i18n.ts.pullDownToRefresh }}</p>
+			</div>
+		</div>
+		<slot />
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+import { deviceKind } from '@/scripts/device-kind.js';
+import { i18n } from '@/i18n.js';
+
+let isPullStart = $ref(false);
+let isPullEnd = $ref(false);
+let isRefreshing = $ref(false);
+
+const scrollStop = 10;
+const maxFrameSize = 75;
+const refreshFrameSize = 65;
+const fixTimeMs = 200;
+let currentHeight = $ref(0);
+
+let supportPointerDesktop = false;
+let startScreenY: number | null = null;
+
+const rootEl = $shallowRef<HTMLDivElement>();
+let scrollEl: HTMLElement | null = null;
+
+let disabled = false;
+
+const emits = defineEmits<{
+	(e: 'refresh'): void;
+}>();
+
+const getScrollableParentElement = (node) => {
+	if (node == null) {
+		return null;
+	}
+
+	if (node.scrollHeight > node.clientHeight) {
+		return node;
+	}
+	else {
+		return getScrollableParentElement(node.parentNode);
+	}
+};
+
+const getScreenY = (event) => {
+	if (supportPointerDesktop) {
+		return event.screenY;
+	}
+	return event.touches[0].screenY;
+};
+
+const moveStart = (e) => {
+	if (!isPullStart && !isRefreshing && !disabled) {
+		isPullStart = true;
+		startScreenY = getScreenY(e);
+		currentHeight = 0;
+	}
+};
+
+const moveBySystem = (to: number): Promise<void> => new Promise(r => {
+	const startHeight = currentHeight;
+	const overHeight = currentHeight - to;
+	if (overHeight < 1) {
+		r();
+		return;
+	}
+	const startTime = Date.now();
+	let intervalId = setInterval(() => {
+		const time = Date.now() - startTime;
+		if (time > fixTimeMs) {
+			currentHeight = to;
+			clearInterval(intervalId);
+			r();
+			return;
+		}
+		const nextHeight = startHeight - (overHeight / fixTimeMs) * time;
+		if (currentHeight < nextHeight) return;
+		currentHeight = nextHeight;
+	}, 1);
+});
+
+const fixOverContent = async () => {
+	if (currentHeight > refreshFrameSize) {
+		await moveBySystem(refreshFrameSize);
+	}
+};
+
+const closeContent = async () => {
+	if (currentHeight > 0) {
+		await moveBySystem(0);
+	}
+};
+
+const moveEnd = () => {
+	if (isPullStart && !isRefreshing) {
+		startScreenY = null;
+		if (isPullEnd) {
+			isPullEnd = false;
+			isRefreshing = true;
+			fixOverContent().then(() => emits('refresh'));
+		}
+		else {
+			closeContent().then(() => isPullStart = false);
+		}
+	}
+};
+
+const moving = (e) => {
+	if (!isPullStart || isRefreshing || disabled) return;
+
+	if (!scrollEl) {
+		scrollEl = getScrollableParentElement(rootEl);
+	}
+	if ((scrollEl?.scrollTop ?? 0) > (supportPointerDesktop ? scrollStop : scrollStop + currentHeight)) {
+		currentHeight = 0;
+		isPullEnd = false;
+		moveEnd();
+		return;
+	}
+
+	if (startScreenY === null) {
+		startScreenY = getScreenY(e);
+	}
+	const moveScreenY = getScreenY(e);
+
+	const moveHeight = moveScreenY - startScreenY!;
+	if (moveHeight < 0) {
+		currentHeight = 0;
+	}
+	else if (moveHeight >= maxFrameSize) {
+		currentHeight = maxFrameSize;
+	}
+	else {
+		currentHeight = moveHeight;
+	}
+
+	isPullEnd = currentHeight >= refreshFrameSize;
+};
+
+onMounted(() => {
+	supportPointerDesktop = !!window.PointerEvent && deviceKind === 'desktop';
+
+	if (supportPointerDesktop) {
+		rootEl.addEventListener('pointerdown', moveStart);
+		rootEl.addEventListener('pointerup', moveEnd);
+		rootEl.addEventListener('pointermove', moving, {passive: true});
+	}
+	else {
+		rootEl.addEventListener('touchstart', moveStart);
+		rootEl.addEventListener('touchend', moveEnd);
+		rootEl.addEventListener('touchmove', moving, {passive: true});
+	}
+});
+
+/**
+ * emit(refresh)が完了したことを知らせる関数
+ * 
+ * タイムアウトがないのでこれを最終的に実行しないと出たままになる
+ */
+const refreshFinished = () => {
+	closeContent().then(() => {
+		isPullStart = false;
+		isRefreshing = false;
+	});
+};
+
+const setDisabled = (value) => {
+	disabled = value;
+};
+
+defineExpose({
+	refreshFinished,
+	setDisabled,
+});
+
+</script>
+
+<style lang="scss" module>
+	.frame {
+		position: relative;
+		overflow: clip;
+
+		width: 100%;
+		min-height: var(--frame-min-height, 0px);
+
+		box-shadow: inset 0px -7px 10px -10px rgba(0,0,0,.1);
+		mask-image: linear-gradient(90deg, #000 0%, #000 80%, transparent);
+		-webkit-mask-image: -webkit-linear-gradient(90deg, #000 0%, #000 80%, transparent);
+
+		pointer-events: none;
+
+		> .contents {
+			position: absolute;
+
+			bottom: 0;
+			width: 100%;
+
+			margin: 5px 0;
+
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			margin: 5px 0;
+
+			font-size: 14px;
+
+			> i, > div {
+				margin: 6px 0;
+			}
+			> i {
+				transition: transform .25s;
+
+				&.refresh {
+					transform: rotate(180deg);
+				}
+			}
+
+			> p {
+				margin: 5px 0;
+			}
+		}
+	}
+</style>
diff --git a/packages/frontend/src/components/MkTimeline.vue b/packages/frontend/src/components/MkTimeline.vue
index d2524a978032..b844fd7e78cb 100644
--- a/packages/frontend/src/components/MkTimeline.vue
+++ b/packages/frontend/src/components/MkTimeline.vue
@@ -4,12 +4,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-	<MkNotes ref="tlComponent" :noGap="!defaultStore.state.showGapBetweenNotesInTimeline" :pagination="pagination" @queue="emit('queue', $event)"/>
+	<MkPullToRefresh ref="prComponent" @refresh="() => reloadTimeline(true)">
+		<MkNotes ref="tlComponent" :noGap="!defaultStore.state.showGapBetweenNotesInTimeline" :pagination="pagination" @queue="emit('queue', $event)" @status="prComponent.setDisabled($event)"/>
+	</MkPullToRefresh>
 </template>
 
 <script lang="ts" setup>
 import { computed, provide, onUnmounted } from 'vue';
 import MkNotes from '@/components/MkNotes.vue';
+import MkPullToRefresh from '@/components/MkPullToRefresh.vue';
 import { useStream, reloadStream } from '@/stream.js';
 import * as sound from '@/scripts/sound.js';
 import { $i } from '@/account.js';
@@ -39,6 +42,7 @@ const emit = defineEmits<{
 
 provide('inChannel', computed(() => props.src === 'channel'));
 
+const prComponent: InstanceType<typeof MkPullToRefresh> = $ref();
 const tlComponent: InstanceType<typeof MkNotes> = $ref();
 
 let tlNotesCount = 0;
@@ -65,29 +69,73 @@ let connection;
 let connection2;
 
 const stream = useStream();
+const connectChannel = () => {
+	if (props.src === 'antenna') {
+		connection = stream.useChannel('antenna', {
+			antennaId: props.antenna,
+		});
+	} else if (props.src === 'home') {
+		connection = stream.useChannel('homeTimeline', {
+			withRenotes: props.withRenotes,
+			withFiles: props.onlyFiles ? true : undefined,
+		});
+		connection2 = stream.useChannel('main');
+	} else if (props.src === 'local') {
+		connection = stream.useChannel('localTimeline', {
+			withRenotes: props.withRenotes,
+			withReplies: props.withReplies,
+			withFiles: props.onlyFiles ? true : undefined,
+		});
+	} else if (props.src === 'social') {
+		connection = stream.useChannel('hybridTimeline', {
+			withRenotes: props.withRenotes,
+			withReplies: props.withReplies,
+			withFiles: props.onlyFiles ? true : undefined,
+		});
+	} else if (props.src === 'global') {
+		connection = stream.useChannel('globalTimeline', {
+			withRenotes: props.withRenotes,
+			withFiles: props.onlyFiles ? true : undefined,
+		});
+	} else if (props.src === 'mentions') {
+		connection = stream.useChannel('main');
+		connection.on('mention', prepend);
+	} else if (props.src === 'directs') {
+		const onNote = note => {
+			if (note.visibility === 'specified') {
+				prepend(note);
+			}
+		};
+		connection = stream.useChannel('main');
+		connection.on('mention', onNote);
+	} else if (props.src === 'list') {
+		connection = stream.useChannel('userList', {
+			withFiles: props.onlyFiles ? true : undefined,
+			listId: props.list,
+		});
+	} else if (props.src === 'channel') {
+		connection = stream.useChannel('channel', {
+			channelId: props.channel,
+		});
+	} else if (props.src === 'role') {
+		connection = stream.useChannel('roleTimeline', {
+			roleId: props.role,
+		});
+	}
+	if (props.src !== 'directs' || props.src !== 'mentions') connection.on('note', prepend);
+};
 
 if (props.src === 'antenna') {
 	endpoint = 'antennas/notes';
 	query = {
 		antennaId: props.antenna,
 	};
-	connection = stream.useChannel('antenna', {
-		antennaId: props.antenna,
-	});
-	connection.on('note', prepend);
 } else if (props.src === 'home') {
 	endpoint = 'notes/timeline';
 	query = {
 		withRenotes: props.withRenotes,
 		withFiles: props.onlyFiles ? true : undefined,
 	};
-	connection = stream.useChannel('homeTimeline', {
-		withRenotes: props.withRenotes,
-		withFiles: props.onlyFiles ? true : undefined,
-	});
-	connection.on('note', prepend);
-
-	connection2 = stream.useChannel('main');
 } else if (props.src === 'local') {
 	endpoint = 'notes/local-timeline';
 	query = {
@@ -95,12 +143,6 @@ if (props.src === 'antenna') {
 		withReplies: props.withReplies,
 		withFiles: props.onlyFiles ? true : undefined,
 	};
-	connection = stream.useChannel('localTimeline', {
-		withRenotes: props.withRenotes,
-		withReplies: props.withReplies,
-		withFiles: props.onlyFiles ? true : undefined,
-	});
-	connection.on('note', prepend);
 } else if (props.src === 'social') {
 	endpoint = 'notes/hybrid-timeline';
 	query = {
@@ -108,68 +150,44 @@ if (props.src === 'antenna') {
 		withReplies: props.withReplies,
 		withFiles: props.onlyFiles ? true : undefined,
 	};
-	connection = stream.useChannel('hybridTimeline', {
-		withRenotes: props.withRenotes,
-		withReplies: props.withReplies,
-		withFiles: props.onlyFiles ? true : undefined,
-	});
-	connection.on('note', prepend);
 } else if (props.src === 'global') {
 	endpoint = 'notes/global-timeline';
 	query = {
 		withRenotes: props.withRenotes,
 		withFiles: props.onlyFiles ? true : undefined,
 	};
-	connection = stream.useChannel('globalTimeline', {
-		withRenotes: props.withRenotes,
-		withFiles: props.onlyFiles ? true : undefined,
-	});
-	connection.on('note', prepend);
 } else if (props.src === 'mentions') {
 	endpoint = 'notes/mentions';
-	connection = stream.useChannel('main');
-	connection.on('mention', prepend);
 } else if (props.src === 'directs') {
 	endpoint = 'notes/mentions';
 	query = {
 		visibility: 'specified',
 	};
-	const onNote = note => {
-		if (note.visibility === 'specified') {
-			prepend(note);
-		}
-	};
-	connection = stream.useChannel('main');
-	connection.on('mention', onNote);
 } else if (props.src === 'list') {
 	endpoint = 'notes/user-list-timeline';
 	query = {
 		withFiles: props.onlyFiles ? true : undefined,
 		listId: props.list,
 	};
-	connection = stream.useChannel('userList', {
-		withFiles: props.onlyFiles ? true : undefined,
-		listId: props.list,
-	});
-	connection.on('note', prepend);
 } else if (props.src === 'channel') {
 	endpoint = 'channels/timeline';
 	query = {
 		channelId: props.channel,
 	};
-	connection = stream.useChannel('channel', {
-		channelId: props.channel,
-	});
-	connection.on('note', prepend);
 } else if (props.src === 'role') {
 	endpoint = 'roles/notes';
 	query = {
 		roleId: props.role,
 	};
-	connection = stream.useChannel('roleTimeline', {
-		roleId: props.role,
+}
+
+if (!defaultStore.state.disableWebSocket) {
+	connectChannel();
+
+	onUnmounted(() => {
+		connection.dispose();
+		if (connection2) connection2.dispose();
 	});
-	connection.on('note', prepend);
 }
 
 const pagination = {
@@ -178,19 +196,17 @@ const pagination = {
 	params: query,
 };
 
-onUnmounted(() => {
-	connection.dispose();
-	if (connection2) connection2.dispose();
-});
-
-const reloadTimeline = () => {
+const reloadTimeline = (fromPR = false) => {
 	tlNotesCount = 0;
 
 	tlComponent.pagingComponent?.reload().then(() => {
 		reloadStream();
+		if (fromPR) prComponent.refreshFinished();
 	});
 };
 
+//const pullRefresh = () => reloadTimeline(true);
+
 defineExpose({
 	reloadTimeline
 });
diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue
index 0d1f572816af..6fb872a5a1d4 100644
--- a/packages/frontend/src/pages/settings/general.vue
+++ b/packages/frontend/src/pages/settings/general.vue
@@ -150,7 +150,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkSwitch v-model="imageNewTab">{{ i18n.ts.openImageInNewTab }}</MkSwitch>
 				<MkSwitch v-model="enableInfiniteScroll">{{ i18n.ts.enableInfiniteScroll }}</MkSwitch>
 				<MkSwitch v-model="keepScreenOn">{{ i18n.ts.keepScreenOn }}</MkSwitch>
-				<MkSwitch v-model="disableWebSocket">{{ i18n.ts.disableWebSocket ?? 'タイムラインのリアルタイム更新を無効にする' }}</MkSwitch>
+				<MkSwitch v-model="disableWebSocket">{{ i18n.ts.disableWebSocket }}</MkSwitch>
 			</div>
 			<MkSelect v-model="serverDisconnectedBehavior">
 				<template #label>{{ i18n.ts.whenServerDisconnected }}</template>
diff --git a/packages/frontend/src/pages/timeline.vue b/packages/frontend/src/pages/timeline.vue
index 491ad6ad2445..f601bc8a8513 100644
--- a/packages/frontend/src/pages/timeline.vue
+++ b/packages/frontend/src/pages/timeline.vue
@@ -44,6 +44,7 @@ import { $i } from '@/account.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
 import { miLocalStorage } from '@/local-storage.js';
 import { antennasCache, userListsCache } from '@/cache.js';
+import { deviceKind } from '@/scripts/device-kind.js';
 
 provide('shouldOmitHeaderTitle', true);
 
@@ -139,34 +140,36 @@ function focus(): void {
 	tlComponent.focus();
 }
 
-const headerActions = $computed(() => [{
-	icon: 'ti ti-refresh',
-	text: i18n.ts.reload,
-	handler: (ev) => {
-		console.log('called');
-		tlComponent.reloadTimeline();
-	},
-}, {
-	icon: 'ti ti-dots',
-	text: i18n.ts.options,
-	handler: (ev) => {
-		os.popupMenu([{
-			type: 'switch',
-			text: i18n.ts.showRenotes,
-			icon: 'ti ti-repeat',
-			ref: $$(withRenotes),
-		}, src === 'local' || src === 'social' ? {
-			type: 'switch',
-			text: i18n.ts.showRepliesToOthersInTimeline,
-			ref: $$(withReplies),
-		} : undefined, {
-			type: 'switch',
-			text: i18n.ts.fileAttachedOnly,
-			icon: 'ti ti-photo',
-			ref: $$(onlyFiles),
-		}], ev.currentTarget ?? ev.target);
-	},
-}]);
+const headerActions = $computed(() => [
+	...[deviceKind === 'desktop' ? {
+		icon: 'ti ti-refresh',
+		text: i18n.ts.reload,
+		handler: (ev) => {
+			console.log('called');
+			tlComponent.reloadTimeline();
+		},
+	} : {}], {
+		icon: 'ti ti-dots',
+		text: i18n.ts.options,
+		handler: (ev) => {
+			os.popupMenu([{
+				type: 'switch',
+				text: i18n.ts.showRenotes,
+				icon: 'ti ti-repeat',
+				ref: $$(withRenotes),
+			}, src === 'local' || src === 'social' ? {
+				type: 'switch',
+				text: i18n.ts.showRepliesToOthersInTimeline,
+				ref: $$(withReplies),
+			} : undefined, {
+				type: 'switch',
+				text: i18n.ts.fileAttachedOnly,
+				icon: 'ti ti-photo',
+				ref: $$(onlyFiles),
+			}], ev.currentTarget ?? ev.target);
+		},
+	}
+]);
 
 const headerTabs = $computed(() => [...(defaultStore.reactiveState.pinnedUserLists.value.map(l => ({
 	key: 'list:' + l.id,
diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue
index cc66bb47a4bd..c9fb8a931d3e 100644
--- a/packages/frontend/src/ui/universal.vue
+++ b/packages/frontend/src/ui/universal.vue
@@ -319,7 +319,7 @@ $widgets-hide-threshold: 1090px;
 	min-width: 0;
 	overflow: auto;
 	overflow-y: scroll;
-	overscroll-behavior: contain;
+	overscroll-behavior: none;
 	background: var(--bg);
 }
 

From 3558b335f478bf52ef8364654f6239c0083d09e9 Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sun, 22 Oct 2023 19:25:02 +0900
Subject: [PATCH 05/18] fix: pull to refresh

---
 .../src/components/MkPullToRefresh.vue        | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index 3ee5b7f5e944..a5a49b1f14f8 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -1,5 +1,5 @@
 <template>
-	<div ref="rootEl" :class="$style.root">
+	<div ref="rootEl">
 		<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${currentHeight}px;`">
 			<div :class="$style.contents">
 				<i v-if="!isRefreshing" :class="['ti', 'ti-arrow-bar-to-down', { [$style.refresh]: isPullEnd }]"></i>
@@ -9,12 +9,14 @@
 				<p v-else>{{ i18n.ts.pullDownToRefresh }}</p>
 			</div>
 		</div>
-		<slot />
+		<div :class="{ [$style.slotClip]: isPullStart }">
+			<slot />
+		</div>
 	</div>
 </template>
 
 <script lang="ts" setup>
-import { onMounted } from 'vue';
+import { onMounted, onUnmounted } from 'vue';
 import { deviceKind } from '@/scripts/device-kind.js';
 import { i18n } from '@/i18n.js';
 
@@ -153,7 +155,8 @@ onMounted(() => {
 
 	if (supportPointerDesktop) {
 		rootEl.addEventListener('pointerdown', moveStart);
-		rootEl.addEventListener('pointerup', moveEnd);
+		// ポインターの場合、ポップアップ系の動作をするとdownだけ発火されてupが発火されないため
+		window.addEventListener('pointerup', moveEnd);
 		rootEl.addEventListener('pointermove', moving, {passive: true});
 	}
 	else {
@@ -163,6 +166,10 @@ onMounted(() => {
 	}
 });
 
+onUnmounted(() => {
+	if (supportPointerDesktop) window.removeEventListener('pointerup', moveEnd);
+});
+
 /**
  * emit(refresh)が完了したことを知らせる関数
  * 
@@ -232,4 +239,8 @@ defineExpose({
 			}
 		}
 	}
+
+	.slotClip {
+		overflow-y: clip;
+	}
 </style>

From 47e994be91624a6a86f388546079f2b2ac02395f Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sun, 22 Oct 2023 19:31:10 +0900
Subject: [PATCH 06/18] add changelog

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f8371379b650..0f9909cc42b3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,6 +22,9 @@
 - Feat: プラグイン・テーマを外部サイトから直接インストールできるようになりました
 	- 外部サイトでの実装が必要です。詳細は Misskey Hub をご覧ください
 	  https://misskey-hub.net/docs/advanced/publish-on-your-website.html
+- Feat: スワイプしてタイムラインを再読込できるように
+	- PCの場合は右上のボタンからでも再読込できます
+- Feat: タイムラインの自動更新を無効にできるように
 - Fix: 投稿フォームでのユーザー変更がプレビューに反映されない問題を修正
 
 ### Server

From aab714b277593be94ce7ce18a5e92ee6982e234f Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sun, 22 Oct 2023 20:08:19 +0900
Subject: [PATCH 07/18] fact: change to disableStreamingTimeline

---
 locales/en-US.yml                                | 2 +-
 locales/index.d.ts                               | 2 +-
 locales/ja-JP.yml                                | 2 +-
 packages/frontend/src/components/MkTimeline.vue  | 2 +-
 packages/frontend/src/pages/settings/general.vue | 6 +++---
 packages/frontend/src/store.ts                   | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 354f90e5cf10..9d7b977487b7 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -1142,7 +1142,7 @@ tosAndPrivacyPolicy: "Terms of Service and Privacy Policy"
 releaseToRefresh: "Release to reload"
 refreshing: "Reloading"
 pullDownToRefresh: "Pull down to reload"
-disableWebSocket: "Disable realtime update on timeline"
+disableStreamingTimeline: "Disable realtime update on timeline"
 _announcement:
   forExistingUsers: "Existing users only"
   forExistingUsersDescription: "This announcement will only be shown to users existing at the point of publishment if enabled. If disabled, those newly signing up after it has been posted will also see it."
diff --git a/locales/index.d.ts b/locales/index.d.ts
index 160874f31bd9..0a3f19aa6d7b 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -1155,7 +1155,7 @@ export interface Locale {
     "releaseToRefresh": string;
     "refreshing": string;
     "pullDownToRefresh": string;
-    "disableWebSocket": string;
+    "disableStreamingTimeline": string;
     "_announcement": {
         "forExistingUsers": string;
         "forExistingUsersDescription": string;
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 68286bcefc25..15c69813e334 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1152,7 +1152,7 @@ showAvatarDecorations: "アイコンのデコレーションを表示"
 releaseToRefresh: "離してリロード"
 refreshing: "リロード中"
 pullDownToRefresh: "引っ張ってリロード"
-disableWebSocket: "タイムラインのリアルタイム更新を無効にする"
+disableStreamingTimeline: "タイムラインのリアルタイム更新を無効にする"
 
 _announcement:
   forExistingUsers: "既存ユーザーのみ"
diff --git a/packages/frontend/src/components/MkTimeline.vue b/packages/frontend/src/components/MkTimeline.vue
index b844fd7e78cb..98b7f441e257 100644
--- a/packages/frontend/src/components/MkTimeline.vue
+++ b/packages/frontend/src/components/MkTimeline.vue
@@ -181,7 +181,7 @@ if (props.src === 'antenna') {
 	};
 }
 
-if (!defaultStore.state.disableWebSocket) {
+if (!defaultStore.state.disableStreamingTimeline) {
 	connectChannel();
 
 	onUnmounted(() => {
diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue
index 311da709cbef..65ee320e1b91 100644
--- a/packages/frontend/src/pages/settings/general.vue
+++ b/packages/frontend/src/pages/settings/general.vue
@@ -151,7 +151,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkSwitch v-model="imageNewTab">{{ i18n.ts.openImageInNewTab }}</MkSwitch>
 				<MkSwitch v-model="enableInfiniteScroll">{{ i18n.ts.enableInfiniteScroll }}</MkSwitch>
 				<MkSwitch v-model="keepScreenOn">{{ i18n.ts.keepScreenOn }}</MkSwitch>
-				<MkSwitch v-model="disableWebSocket">{{ i18n.ts.disableWebSocket }}</MkSwitch>
+				<MkSwitch v-model="disableStreamingTimeline">{{ i18n.ts.disableStreamingTimeline }}</MkSwitch>
 			</div>
 			<MkSelect v-model="serverDisconnectedBehavior">
 				<template #label>{{ i18n.ts.whenServerDisconnected }}</template>
@@ -254,7 +254,7 @@ const notificationPosition = computed(defaultStore.makeGetterSetter('notificatio
 const notificationStackAxis = computed(defaultStore.makeGetterSetter('notificationStackAxis'));
 const keepScreenOn = computed(defaultStore.makeGetterSetter('keepScreenOn'));
 const defaultWithReplies = computed(defaultStore.makeGetterSetter('defaultWithReplies'));
-const disableWebSocket = computed(defaultStore.makeGetterSetter('disableWebSocket'));
+const disableStreamingTimeline = computed(defaultStore.makeGetterSetter('disableStreamingTimeline'));
 
 watch(lang, () => {
 	miLocalStorage.setItem('lang', lang.value as string);
@@ -291,7 +291,7 @@ watch([
 	reactionsDisplaySize,
 	highlightSensitiveMedia,
 	keepScreenOn,
-	disableWebSocket,
+	disableStreamingTimeline,
 ], async () => {
 	await reloadAsk();
 });
diff --git a/packages/frontend/src/store.ts b/packages/frontend/src/store.ts
index 45f66ed6cf65..803f2f648da0 100644
--- a/packages/frontend/src/store.ts
+++ b/packages/frontend/src/store.ts
@@ -369,7 +369,7 @@ export const defaultStore = markRaw(new Storage('base', {
 		where: 'account',
 		default: false,
 	},
-	disableWebSocket: {
+	disableStreamingTimeline: {
 		where: 'device',
 		default: false,
 	},

From 8435a4b363ceca586d78f4ff10ae7efe948fd378 Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sun, 22 Oct 2023 21:14:06 +0900
Subject: [PATCH 08/18] lint

---
 .../src/components/MkPullToRefresh.vue        | 31 ++++++++-----------
 packages/frontend/src/stream.ts               |  1 -
 2 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index a5a49b1f14f8..c9599a1b4085 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -39,7 +39,7 @@ let scrollEl: HTMLElement | null = null;
 let disabled = false;
 
 const emits = defineEmits<{
-	(e: 'refresh'): void;
+	(ev: 'refresh'): void;
 }>();
 
 const getScrollableParentElement = (node) => {
@@ -49,8 +49,7 @@ const getScrollableParentElement = (node) => {
 
 	if (node.scrollHeight > node.clientHeight) {
 		return node;
-	}
-	else {
+	} else {
 		return getScrollableParentElement(node.parentNode);
 	}
 };
@@ -62,10 +61,10 @@ const getScreenY = (event) => {
 	return event.touches[0].screenY;
 };
 
-const moveStart = (e) => {
+const moveStart = (event) => {
 	if (!isPullStart && !isRefreshing && !disabled) {
 		isPullStart = true;
-		startScreenY = getScreenY(e);
+		startScreenY = getScreenY(event);
 		currentHeight = 0;
 	}
 };
@@ -111,14 +110,13 @@ const moveEnd = () => {
 			isPullEnd = false;
 			isRefreshing = true;
 			fixOverContent().then(() => emits('refresh'));
-		}
-		else {
+		} else {
 			closeContent().then(() => isPullStart = false);
 		}
 	}
 };
 
-const moving = (e) => {
+const moving = (event) => {
 	if (!isPullStart || isRefreshing || disabled) return;
 
 	if (!scrollEl) {
@@ -132,18 +130,16 @@ const moving = (e) => {
 	}
 
 	if (startScreenY === null) {
-		startScreenY = getScreenY(e);
+		startScreenY = getScreenY(event);
 	}
-	const moveScreenY = getScreenY(e);
+	const moveScreenY = getScreenY(event);
 
 	const moveHeight = moveScreenY - startScreenY!;
 	if (moveHeight < 0) {
 		currentHeight = 0;
-	}
-	else if (moveHeight >= maxFrameSize) {
+	} else if (moveHeight >= maxFrameSize) {
 		currentHeight = maxFrameSize;
-	}
-	else {
+	} else {
 		currentHeight = moveHeight;
 	}
 
@@ -157,12 +153,11 @@ onMounted(() => {
 		rootEl.addEventListener('pointerdown', moveStart);
 		// ポインターの場合、ポップアップ系の動作をするとdownだけ発火されてupが発火されないため
 		window.addEventListener('pointerup', moveEnd);
-		rootEl.addEventListener('pointermove', moving, {passive: true});
-	}
-	else {
+		rootEl.addEventListener('pointermove', moving, { passive: true });
+	} else {
 		rootEl.addEventListener('touchstart', moveStart);
 		rootEl.addEventListener('touchend', moveEnd);
-		rootEl.addEventListener('touchmove', moving, {passive: true});
+		rootEl.addEventListener('touchmove', moving, { passive: true });
 	}
 });
 
diff --git a/packages/frontend/src/stream.ts b/packages/frontend/src/stream.ts
index d08d1c0d2249..95baea3af720 100644
--- a/packages/frontend/src/stream.ts
+++ b/packages/frontend/src/stream.ts
@@ -35,7 +35,6 @@ export function reloadStream() {
 	stream.stream.reconnect();
 	timeoutHeadBeat = window.setTimeout(heartbeat, 1000 * 60);
 
-
 	return stream;
 }
 

From 7354c5572ab8b15f7cea69c509b89a5353c508d2 Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Mon, 23 Oct 2023 05:48:21 +0900
Subject: [PATCH 09/18] remove: en-US text

---
 locales/en-US.yml | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 9d7b977487b7..5f588efd443a 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -1139,10 +1139,6 @@ impressumDescription: "In some countries, like germany, the inclusion of operato
 privacyPolicy: "Privacy Policy"
 privacyPolicyUrl: "Privacy Policy URL"
 tosAndPrivacyPolicy: "Terms of Service and Privacy Policy"
-releaseToRefresh: "Release to reload"
-refreshing: "Reloading"
-pullDownToRefresh: "Pull down to reload"
-disableStreamingTimeline: "Disable realtime update on timeline"
 _announcement:
   forExistingUsers: "Existing users only"
   forExistingUsersDescription: "This announcement will only be shown to users existing at the point of publishment if enabled. If disabled, those newly signing up after it has been posted will also see it."

From 3f4234d9089b165cc765b1557231d3b473a23f53 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 23 Oct 2023 19:58:08 +0900
Subject: [PATCH 10/18] refactor

---
 .../src/components/MkPullToRefresh.vue        | 189 +++++++++---------
 1 file changed, 95 insertions(+), 94 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index c9599a1b4085..493f622819e0 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -1,18 +1,18 @@
 <template>
-	<div ref="rootEl">
-		<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${currentHeight}px;`">
-			<div :class="$style.contents">
-				<i v-if="!isRefreshing" :class="['ti', 'ti-arrow-bar-to-down', { [$style.refresh]: isPullEnd }]"></i>
-				<MkLoading v-else :em="true"/>
-				<p v-if="isPullEnd">{{ i18n.ts.releaseToRefresh }}</p>
-				<p v-else-if="isRefreshing">{{ i18n.ts.refreshing }}</p>
-				<p v-else>{{ i18n.ts.pullDownToRefresh }}</p>
-			</div>
-		</div>
-		<div :class="{ [$style.slotClip]: isPullStart }">
-			<slot />
+<div ref="rootEl">
+	<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${currentHeight}px;`">
+		<div :class="$style.contents">
+			<i v-if="!isRefreshing" :class="['ti', 'ti-arrow-bar-to-down', { [$style.refresh]: isPullEnd }]"></i>
+			<MkLoading v-else :em="true"/>
+			<p v-if="isPullEnd">{{ i18n.ts.releaseToRefresh }}</p>
+			<p v-else-if="isRefreshing">{{ i18n.ts.refreshing }}</p>
+			<p v-else>{{ i18n.ts.pullDownToRefresh }}</p>
 		</div>
 	</div>
+	<div :class="{ [$style.slotClip]: isPullStart }">
+		<slot/>
+	</div>
+</div>
 </template>
 
 <script lang="ts" setup>
@@ -42,7 +42,7 @@ const emits = defineEmits<{
 	(ev: 'refresh'): void;
 }>();
 
-const getScrollableParentElement = (node) => {
+function getScrollableParentElement(node) {
 	if (node == null) {
 		return null;
 	}
@@ -52,58 +52,60 @@ const getScrollableParentElement = (node) => {
 	} else {
 		return getScrollableParentElement(node.parentNode);
 	}
-};
+}
 
-const getScreenY = (event) => {
+function getScreenY(event) {
 	if (supportPointerDesktop) {
 		return event.screenY;
 	}
 	return event.touches[0].screenY;
-};
+}
 
-const moveStart = (event) => {
+function moveStart(event) {
 	if (!isPullStart && !isRefreshing && !disabled) {
 		isPullStart = true;
 		startScreenY = getScreenY(event);
 		currentHeight = 0;
 	}
-};
+}
 
-const moveBySystem = (to: number): Promise<void> => new Promise(r => {
-	const startHeight = currentHeight;
-	const overHeight = currentHeight - to;
-	if (overHeight < 1) {
-		r();
-		return;
-	}
-	const startTime = Date.now();
-	let intervalId = setInterval(() => {
-		const time = Date.now() - startTime;
-		if (time > fixTimeMs) {
-			currentHeight = to;
-			clearInterval(intervalId);
+function moveBySystem(to: number): Promise<void> {
+	return new Promise(r => {
+		const startHeight = currentHeight;
+		const overHeight = currentHeight - to;
+		if (overHeight < 1) {
 			r();
 			return;
 		}
-		const nextHeight = startHeight - (overHeight / fixTimeMs) * time;
-		if (currentHeight < nextHeight) return;
-		currentHeight = nextHeight;
-	}, 1);
-});
+		const startTime = Date.now();
+		let intervalId = setInterval(() => {
+			const time = Date.now() - startTime;
+			if (time > fixTimeMs) {
+				currentHeight = to;
+				clearInterval(intervalId);
+				r();
+				return;
+			}
+			const nextHeight = startHeight - (overHeight / fixTimeMs) * time;
+			if (currentHeight < nextHeight) return;
+			currentHeight = nextHeight;
+		}, 1);
+	});
+}
 
-const fixOverContent = async () => {
+async function fixOverContent() {
 	if (currentHeight > refreshFrameSize) {
 		await moveBySystem(refreshFrameSize);
 	}
-};
+}
 
-const closeContent = async () => {
+async function closeContent() {
 	if (currentHeight > 0) {
 		await moveBySystem(0);
 	}
-};
+}
 
-const moveEnd = () => {
+function moveEnd() {
 	if (isPullStart && !isRefreshing) {
 		startScreenY = null;
 		if (isPullEnd) {
@@ -114,9 +116,9 @@ const moveEnd = () => {
 			closeContent().then(() => isPullStart = false);
 		}
 	}
-};
+}
 
-const moving = (event) => {
+function moving(event) {
 	if (!isPullStart || isRefreshing || disabled) return;
 
 	if (!scrollEl) {
@@ -144,7 +146,23 @@ const moving = (event) => {
 	}
 
 	isPullEnd = currentHeight >= refreshFrameSize;
-};
+}
+
+/**
+ * emit(refresh)が完了したことを知らせる関数
+ *
+ * タイムアウトがないのでこれを最終的に実行しないと出たままになる
+ */
+function refreshFinished() {
+	closeContent().then(() => {
+		isPullStart = false;
+		isRefreshing = false;
+	});
+}
+
+function setDisabled(value) {
+	disabled = value;
+}
 
 onMounted(() => {
 	supportPointerDesktop = !!window.PointerEvent && deviceKind === 'desktop';
@@ -165,77 +183,60 @@ onUnmounted(() => {
 	if (supportPointerDesktop) window.removeEventListener('pointerup', moveEnd);
 });
 
-/**
- * emit(refresh)が完了したことを知らせる関数
- * 
- * タイムアウトがないのでこれを最終的に実行しないと出たままになる
- */
-const refreshFinished = () => {
-	closeContent().then(() => {
-		isPullStart = false;
-		isRefreshing = false;
-	});
-};
-
-const setDisabled = (value) => {
-	disabled = value;
-};
-
 defineExpose({
 	refreshFinished,
 	setDisabled,
 });
-
 </script>
 
 <style lang="scss" module>
-	.frame {
-		position: relative;
-		overflow: clip;
+.frame {
+	position: relative;
+	overflow: clip;
 
-		width: 100%;
-		min-height: var(--frame-min-height, 0px);
+	width: 100%;
+	min-height: var(--frame-min-height, 0px);
 
-		box-shadow: inset 0px -7px 10px -10px rgba(0,0,0,.1);
-		mask-image: linear-gradient(90deg, #000 0%, #000 80%, transparent);
-		-webkit-mask-image: -webkit-linear-gradient(90deg, #000 0%, #000 80%, transparent);
+	box-shadow: inset 0px -7px 10px -10px rgba(0,0,0,.1);
+	mask-image: linear-gradient(90deg, #000 0%, #000 80%, transparent);
+	-webkit-mask-image: -webkit-linear-gradient(90deg, #000 0%, #000 80%, transparent);
 
-		pointer-events: none;
+	pointer-events: none;
 
-		> .contents {
-			position: absolute;
+	> .contents {
+		position: absolute;
 
-			bottom: 0;
-			width: 100%;
+		bottom: 0;
+		width: 100%;
 
-			margin: 5px 0;
+		margin: 5px 0;
 
-			display: flex;
-			flex-direction: column;
-			align-items: center;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
 
-			margin: 5px 0;
+		margin: 5px 0;
 
-			font-size: 14px;
+		font-size: 14px;
 
-			> i, > div {
-				margin: 6px 0;
-			}
-			> i {
-				transition: transform .25s;
+		> i, > div {
+			margin: 6px 0;
+		}
+		> i {
+			transition: transform .25s;
 
-				&.refresh {
-					transform: rotate(180deg);
-				}
+			&.refresh {
+				transform: rotate(180deg);
 			}
+		}
 
-			> p {
-				margin: 5px 0;
-			}
+		> p {
+			margin: 5px 0;
 		}
 	}
+}
 
-	.slotClip {
-		overflow-y: clip;
-	}
+.slotClip {
+	overflow-y: clip;
+}
 </style>

From e3c3702ec9858907504a38e6d5f03d23a4975f29 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 23 Oct 2023 20:02:56 +0900
Subject: [PATCH 11/18] refactor

---
 packages/frontend/src/components/MkPullToRefresh.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index 493f622819e0..b00523c0d349 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -137,13 +137,7 @@ function moving(event) {
 	const moveScreenY = getScreenY(event);
 
 	const moveHeight = moveScreenY - startScreenY!;
-	if (moveHeight < 0) {
-		currentHeight = 0;
-	} else if (moveHeight >= maxFrameSize) {
-		currentHeight = maxFrameSize;
-	} else {
-		currentHeight = moveHeight;
-	}
+	currentHeight = Math.min(Math.max(moveHeight, 0), maxFrameSize);
 
 	isPullEnd = currentHeight >= refreshFrameSize;
 }

From 3a5e1839df50fd2d929ac15ced3085969e6f880a Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 23 Oct 2023 20:04:15 +0900
Subject: [PATCH 12/18] add license identifier

---
 packages/frontend/src/components/MkPullToRefresh.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index b00523c0d349..e56790310657 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -1,3 +1,8 @@
+<!--
+SPDX-FileCopyrightText: syuilo and other misskey contributors
+SPDX-License-Identifier: AGPL-3.0-only
+-->
+
 <template>
 <div ref="rootEl">
 	<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${currentHeight}px;`">

From 28efb714e2611dbcadc87cce65179580e071721b Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 23 Oct 2023 20:08:59 +0900
Subject: [PATCH 13/18] tweak

---
 packages/frontend/src/components/MkPullToRefresh.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index e56790310657..dd1de8b9ee96 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div ref="rootEl">
-	<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${currentHeight}px;`">
+	<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${currentHeight / 3}px;`">
 		<div :class="$style.contents">
 			<i v-if="!isRefreshing" :class="['ti', 'ti-arrow-bar-to-down', { [$style.refresh]: isPullEnd }]"></i>
 			<MkLoading v-else :em="true"/>
@@ -30,8 +30,8 @@ let isPullEnd = $ref(false);
 let isRefreshing = $ref(false);
 
 const scrollStop = 10;
-const maxFrameSize = 75;
-const refreshFrameSize = 65;
+const maxFrameSize = Infinity;
+const refreshFrameSize = 200;
 const fixTimeMs = 200;
 let currentHeight = $ref(0);
 

From 1105741bd239d65b87bed35e959036811b637888 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 23 Oct 2023 20:28:08 +0900
Subject: [PATCH 14/18] Update MkPullToRefresh.vue

---
 .../src/components/MkPullToRefresh.vue        | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index dd1de8b9ee96..934b39fd00e5 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -25,14 +25,14 @@ import { onMounted, onUnmounted } from 'vue';
 import { deviceKind } from '@/scripts/device-kind.js';
 import { i18n } from '@/i18n.js';
 
+const SCROLL_STOP = 10;
+const MAX_PULL_DISTANCE = Infinity;
+const FIRE_THRESHOLD = 200;
+const RELEASE_TRANSITION_DURATION = 200;
+
 let isPullStart = $ref(false);
 let isPullEnd = $ref(false);
 let isRefreshing = $ref(false);
-
-const scrollStop = 10;
-const maxFrameSize = Infinity;
-const refreshFrameSize = 200;
-const fixTimeMs = 200;
 let currentHeight = $ref(0);
 
 let supportPointerDesktop = false;
@@ -85,13 +85,13 @@ function moveBySystem(to: number): Promise<void> {
 		const startTime = Date.now();
 		let intervalId = setInterval(() => {
 			const time = Date.now() - startTime;
-			if (time > fixTimeMs) {
+			if (time > RELEASE_TRANSITION_DURATION) {
 				currentHeight = to;
 				clearInterval(intervalId);
 				r();
 				return;
 			}
-			const nextHeight = startHeight - (overHeight / fixTimeMs) * time;
+			const nextHeight = startHeight - (overHeight / RELEASE_TRANSITION_DURATION) * time;
 			if (currentHeight < nextHeight) return;
 			currentHeight = nextHeight;
 		}, 1);
@@ -99,8 +99,8 @@ function moveBySystem(to: number): Promise<void> {
 }
 
 async function fixOverContent() {
-	if (currentHeight > refreshFrameSize) {
-		await moveBySystem(refreshFrameSize);
+	if (currentHeight > FIRE_THRESHOLD) {
+		await moveBySystem(FIRE_THRESHOLD);
 	}
 }
 
@@ -129,7 +129,7 @@ function moving(event) {
 	if (!scrollEl) {
 		scrollEl = getScrollableParentElement(rootEl);
 	}
-	if ((scrollEl?.scrollTop ?? 0) > (supportPointerDesktop ? scrollStop : scrollStop + currentHeight)) {
+	if ((scrollEl?.scrollTop ?? 0) > (supportPointerDesktop ? SCROLL_STOP : SCROLL_STOP + currentHeight)) {
 		currentHeight = 0;
 		isPullEnd = false;
 		moveEnd();
@@ -142,9 +142,9 @@ function moving(event) {
 	const moveScreenY = getScreenY(event);
 
 	const moveHeight = moveScreenY - startScreenY!;
-	currentHeight = Math.min(Math.max(moveHeight, 0), maxFrameSize);
+	currentHeight = Math.min(Math.max(moveHeight, 0), MAX_PULL_DISTANCE);
 
-	isPullEnd = currentHeight >= refreshFrameSize;
+	isPullEnd = currentHeight >= FIRE_THRESHOLD;
 }
 
 /**

From 9705a7c8ec41b1cae27b80c9f89f705c2761116c Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 23 Oct 2023 20:37:38 +0900
Subject: [PATCH 15/18] Update MkPullToRefresh.vue

---
 .../src/components/MkPullToRefresh.vue        | 61 +++++++++----------
 1 file changed, 29 insertions(+), 32 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index 934b39fd00e5..8785004cdfc8 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -6,12 +6,14 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div ref="rootEl">
 	<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${currentHeight / 3}px;`">
-		<div :class="$style.contents">
-			<i v-if="!isRefreshing" :class="['ti', 'ti-arrow-bar-to-down', { [$style.refresh]: isPullEnd }]"></i>
-			<MkLoading v-else :em="true"/>
-			<p v-if="isPullEnd">{{ i18n.ts.releaseToRefresh }}</p>
-			<p v-else-if="isRefreshing">{{ i18n.ts.refreshing }}</p>
-			<p v-else>{{ i18n.ts.pullDownToRefresh }}</p>
+		<div :class="$style.frameContent">
+			<MkLoading v-if="isRefreshing" :class="$style.loader" :em="true"/>
+			<i v-else class="ti ti-arrow-bar-to-down" :class="[$style.icon, { [$style.refresh]: isPullEnd }]"></i>
+			<div :class="$style.text">
+				<template v-if="isPullEnd">{{ i18n.ts.releaseToRefresh }}</template>
+				<template v-else-if="isRefreshing">{{ i18n.ts.refreshing }}</template>
+				<template v-else>{{ i18n.ts.pullDownToRefresh }}</template>
+			</div>
 		</div>
 	</div>
 	<div :class="{ [$style.slotClip]: isPullStart }">
@@ -201,37 +203,32 @@ defineExpose({
 	-webkit-mask-image: -webkit-linear-gradient(90deg, #000 0%, #000 80%, transparent);
 
 	pointer-events: none;
+}
 
-	> .contents {
-		position: absolute;
-
-		bottom: 0;
-		width: 100%;
-
-		margin: 5px 0;
-
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-
-		margin: 5px 0;
-
-		font-size: 14px;
+.frameContent {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	margin: 5px 0;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	font-size: 14px;
+
+	> .icon, > .loader {
+		margin: 6px 0;
+	}
 
-		> i, > div {
-			margin: 6px 0;
-		}
-		> i {
-			transition: transform .25s;
+	> .icon {
+		transition: transform .25s;
 
-			&.refresh {
-				transform: rotate(180deg);
-			}
+		&.refresh {
+			transform: rotate(180deg);
 		}
+	}
 
-		> p {
-			margin: 5px 0;
-		}
+	> .text {
+		margin: 5px 0;
 	}
 }
 

From 45e1604d80756285d8b66da29b3b1e0fa85cf5c9 Mon Sep 17 00:00:00 2001
From: Fairy-Phy <phy.public@gmail.com>
Date: Sun, 29 Oct 2023 20:18:53 +0900
Subject: [PATCH 16/18] change name timeoutHeartBeat

---
 packages/frontend/src/stream.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/stream.ts b/packages/frontend/src/stream.ts
index 95baea3af720..1e2d31480cbf 100644
--- a/packages/frontend/src/stream.ts
+++ b/packages/frontend/src/stream.ts
@@ -9,7 +9,7 @@ import { $i } from '@/account.js';
 import { url } from '@/config.js';
 
 let stream: Misskey.Stream | null = null;
-let timeoutHeadBeat: number | null = null;
+let timeoutHeartBeat: number | null = null;
 
 export let isReloading: boolean = false;
 
@@ -20,20 +20,20 @@ export function useStream(): Misskey.Stream {
 		token: $i.token,
 	} : null));
 
-	timeoutHeadBeat = window.setTimeout(heartbeat, 1000 * 60);
+	timeoutHeartBeat = window.setTimeout(heartbeat, 1000 * 60);
 
 	return stream;
 }
 
 export function reloadStream() {
 	if (!stream) return useStream();
-	if (timeoutHeadBeat) window.clearTimeout(timeoutHeadBeat);
+	if (timeoutHeartBeat) window.clearTimeout(timeoutHeartBeat);
 	isReloading = true;
 
 	stream.close();
 	stream.once('_connected_', () => isReloading = false);
 	stream.stream.reconnect();
-	timeoutHeadBeat = window.setTimeout(heartbeat, 1000 * 60);
+	timeoutHeartBeat = window.setTimeout(heartbeat, 1000 * 60);
 
 	return stream;
 }
@@ -42,5 +42,5 @@ function heartbeat(): void {
 	if (stream != null && document.visibilityState === 'visible') {
 		stream.heartbeat();
 	}
-	timeoutHeadBeat = window.setTimeout(heartbeat, 1000 * 60);
+	timeoutHeartBeat = window.setTimeout(heartbeat, 1000 * 60);
 }

From cf16aecb0ac6f77ff824e73926404335b79a227f Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 30 Oct 2023 09:05:26 +0900
Subject: [PATCH 17/18] tweak

---
 packages/frontend/src/components/MkPullToRefresh.vue | 3 ++-
 packages/frontend/src/components/MkTimeline.vue      | 8 ++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index 8785004cdfc8..d9250a6dbd72 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -166,7 +166,8 @@ function setDisabled(value) {
 }
 
 onMounted(() => {
-	supportPointerDesktop = !!window.PointerEvent && deviceKind === 'desktop';
+	// マウス操作でpull to refreshするのは不便そう
+	//supportPointerDesktop = !!window.PointerEvent && deviceKind === 'desktop';
 
 	if (supportPointerDesktop) {
 		rootEl.addEventListener('pointerdown', moveStart);
diff --git a/packages/frontend/src/components/MkTimeline.vue b/packages/frontend/src/components/MkTimeline.vue
index 98b7f441e257..a2ada35f9184 100644
--- a/packages/frontend/src/components/MkTimeline.vue
+++ b/packages/frontend/src/components/MkTimeline.vue
@@ -4,9 +4,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-	<MkPullToRefresh ref="prComponent" @refresh="() => reloadTimeline(true)">
-		<MkNotes ref="tlComponent" :noGap="!defaultStore.state.showGapBetweenNotesInTimeline" :pagination="pagination" @queue="emit('queue', $event)" @status="prComponent.setDisabled($event)"/>
-	</MkPullToRefresh>
+<MkPullToRefresh ref="prComponent" @refresh="() => reloadTimeline(true)">
+	<MkNotes ref="tlComponent" :noGap="!defaultStore.state.showGapBetweenNotesInTimeline" :pagination="pagination" @queue="emit('queue', $event)" @status="prComponent.setDisabled($event)"/>
+</MkPullToRefresh>
 </template>
 
 <script lang="ts" setup>
@@ -208,7 +208,7 @@ const reloadTimeline = (fromPR = false) => {
 //const pullRefresh = () => reloadTimeline(true);
 
 defineExpose({
-	reloadTimeline
+	reloadTimeline,
 });
 
 /* TODO

From 943e3a4d5efee67788eb25efb8c6c4bab71f7141 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 30 Oct 2023 09:08:02 +0900
Subject: [PATCH 18/18] :art:

---
 packages/frontend/src/components/MkPullToRefresh.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index d9250a6dbd72..0b5ae8e826cb 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -199,7 +199,6 @@ defineExpose({
 	width: 100%;
 	min-height: var(--frame-min-height, 0px);
 
-	box-shadow: inset 0px -7px 10px -10px rgba(0,0,0,.1);
 	mask-image: linear-gradient(90deg, #000 0%, #000 80%, transparent);
 	-webkit-mask-image: -webkit-linear-gradient(90deg, #000 0%, #000 80%, transparent);