chore: fix oxlint errors

apps/backend/src/routes/playlists.ts

@@ -140,7 +140,7 @@ const playlistsRoute = new Hono<HonoEnv>()
 				cover_url: playlist.coverUrl,
 				created_at: playlist.createdAt.getTime(),
 				updated_at: playlist.updatedAt.getTime(),
-				track_count: Number(trackCount ?? 0),
+				track_count: trackCount ?? 0,
 			},
 			owner: owner
 				? {
@@ -251,25 +251,25 @@ const playlistsRoute = new Hono<HonoEnv>()
 				(a, b) => a.operation_at - b.operation_at,
 			)
 
-			const upsertChanges = sorted.filter((c) => c.op === 'upsert')
-			const removeChanges = sorted.filter((c) => c.op === 'remove')
-			const reorderChanges = sorted.filter((c) => c.op === 'reorder')
+		const upsertChanges = sorted.filter((ch) => ch.op === 'upsert')
+		const removeChanges = sorted.filter((ch) => ch.op === 'remove')
+		const reorderChanges = sorted.filter((ch) => ch.op === 'reorder')
 
 			await db.transaction(async (tx) => {
 				// 1. 批量 upsert shared_tracks（资源池）
 				if (upsertChanges.length > 0) {
 					await tx
 						.insert(sharedTracks)
 						.values(
-							upsertChanges.map((c) => ({
-								uniqueKey: c.track.unique_key,
-								title: c.track.title,
-								artistName: c.track.artist_name,
-								artistId: c.track.artist_id,
-								coverUrl: c.track.cover_url,
-								duration: c.track.duration,
-								bilibiliBvid: c.track.bilibili_bvid,
-								bilibiliCid: c.track.bilibili_cid,
+							upsertChanges.map((ch) => ({
+								uniqueKey: ch.track.unique_key,
+								title: ch.track.title,
+								artistName: ch.track.artist_name,
+								artistId: ch.track.artist_id,
+								coverUrl: ch.track.cover_url,
+								duration: ch.track.duration,
+								bilibiliBvid: ch.track.bilibili_bvid,
+								bilibiliCid: ch.track.bilibili_cid,
 							})),
 						)
 						.onConflictDoUpdate({
@@ -286,12 +286,12 @@ const playlistsRoute = new Hono<HonoEnv>()
 					await tx
 						.insert(sharedPlaylistTracks)
 						.values(
-							upsertChanges.map((c) => ({
+							upsertChanges.map((ch) => ({
 								playlistId,
-								trackUniqueKey: c.track.unique_key,
-								sortKey: c.sort_key,
+								trackUniqueKey: ch.track.unique_key,
+								sortKey: ch.sort_key,
 								addedByUserId: userId,
-								updatedAt: new Date(c.operation_at),
+								updatedAt: new Date(ch.operation_at),
 								deletedAt: null,
 							})),
 						)

apps/mobile/src/app/(tabs)/index.tsx

@@ -5,6 +5,7 @@ import dayjs from 'dayjs'
 import { eq } from 'drizzle-orm'
 import { useLiveQuery } from 'drizzle-orm/expo-sqlite'
 import { Image } from 'expo-image'
+import { useObserve } from 'expo-observe'
 import { useRouter } from 'expo-router'
 import { useIncomingShare } from 'expo-sharing'
 import {
@@ -102,6 +103,12 @@ function HomePage() {
 
 	const { data: recentPlaylists } = useRecentPlaylists()
 
+	const { markInteractive } = useObserve()
+
+	useEffect(() => {
+		markInteractive()
+	}, [markInteractive])
+
 	const greeting = getGreetingMsg()
 
 	const saveSearchHistory = useCallback(
@@ -303,7 +310,7 @@ function HomePage() {
 						)}
 						<Touchable
 							androidRipple={{}}
-							onPress={() => router.push('/settings/bilibili-account' as never)}
+							onPress={() => router.push('/settings/bilibili-account')}
 							style={styles.avatarButton}
 						>
 							<Image

apps/mobile/src/app/(tabs)/library/[tab].tsx

@@ -1,6 +1,7 @@
 import Icon from '@react-native-vector-icons/material-design-icons'
+import { useObserve } from 'expo-observe'
 import { useFocusEffect, useLocalSearchParams, useRouter } from 'expo-router'
-import { useState, useTransition } from 'react'
+import { useEffect, useState, useTransition } from 'react'
 import { StyleSheet, View } from 'react-native'
 import { Text, useTheme } from 'react-native-paper'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
@@ -42,6 +43,11 @@ export default function Library() {
 	const colors = useTheme().colors
 	const router = useRouter()
 	const { tab } = useLocalSearchParams<{ tab: string }>()
+	const { markInteractive } = useObserve()
+
+	useEffect(() => {
+		markInteractive()
+	}, [markInteractive])
 
 	useFocusEffect(() => {
 		if (tab === undefined) return

apps/mobile/src/app/(tabs)/settings/index.tsx

@@ -1,5 +1,7 @@
 import { LinearGradient } from 'expo-linear-gradient'
+import { useObserve } from 'expo-observe'
 import { useRouter } from 'expo-router'
+import { useEffect } from 'react'
 import { ScrollView, StyleSheet, View } from 'react-native'
 import { Divider, List, Text, useTheme } from 'react-native-paper'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
@@ -17,6 +19,11 @@ export default function SettingsPage() {
 	const account = useAppStore((state) => state.bbplayerAccount)
 	const hasBilibiliCookie = useAppStore((state) => state.hasBilibiliCookie())
 	const bilibiliUserInfo = useAppStore((state) => state.bilibiliUserInfo)
+	const { markInteractive } = useObserve()
+
+	useEffect(() => {
+		markInteractive()
+	}, [markInteractive])
 
 	return (
 		<View style={[styles.container, { backgroundColor: colors.background }]}>
@@ -155,7 +162,7 @@ export default function SettingsPage() {
 								icon='chevron-right'
 							/>
 						)}
-						onPress={() => router.push('/settings/bilibili-account' as never)}
+						onPress={() => router.push('/settings/bilibili-account')}
 					/>
 					<Divider style={styles.divider} />
 					<List.Item
@@ -177,7 +184,7 @@ export default function SettingsPage() {
 								icon='chevron-right'
 							/>
 						)}
-						onPress={() => router.push('/settings/account' as never)}
+						onPress={() => router.push('/settings/account')}
 					/>
 					<Divider style={styles.divider} />
 					<List.Item
@@ -232,7 +239,7 @@ export default function SettingsPage() {
 								icon='chevron-right'
 							/>
 						)}
-						onPress={() => router.push('/settings/about' as never)}
+						onPress={() => router.push('/settings/about')}
 					/>
 				</ScrollView>
 			</View>

apps/mobile/src/app/_layout.tsx

@@ -1,13 +1,13 @@
 import { Orpheus } from '@bbplayer/orpheus'
 import {
-	fetch as fetchNetInfo,
 	addEventListener as addNetInfoEventListener,
+	fetch as fetchNetInfo,
 } from '@react-native-community/netinfo'
 import * as Sentry from '@sentry/react-native'
 import { focusManager, onlineManager } from '@tanstack/react-query'
 import * as Application from 'expo-application'
-import { ObserveRoot, useObserve } from 'expo-observe'
-import { Stack, router } from 'expo-router'
+import { Observe, ObserveRoot, useObserve } from 'expo-observe'
+import { router, Stack } from 'expo-router'
 import * as Updates from 'expo-updates'
 import { useEffect, useState } from 'react'
 import type { AppStateStatus } from 'react-native'
@@ -42,6 +42,10 @@ import migrations from '../../drizzle/migrations'
 
 const logger = log.extend('UI.RootLayout')
 
+Observe.configure({
+	integrations: { 'expo-router': true },
+})
+
 // 初始化 Sentry
 initializeSentry()
 
@@ -53,6 +57,28 @@ function onAppStateChange(status: AppStateStatus) {
 	}
 }
 
+const checkOverlayPermissionOnStart = async () => {
+	if (Orpheus.isDesktopLyricsShown) {
+		const hasPermission = await Orpheus.checkOverlayPermission()
+		if (!hasPermission) {
+			// 延迟显示，确保 UI 已经加载
+			setTimeout(() => {
+				alert(
+					'桌面歌词',
+					'检测到桌面歌词已开启，但缺少悬浮窗权限，请授权以恢复显示。',
+					[
+						{ text: '取消' },
+						{
+							text: '去授权',
+							onPress: () => Orpheus.requestOverlayPermission(),
+						},
+					],
+				)
+			}, 1000)
+		}
+	}
+}
+
 function RootLayout() {
 	const [isReady, setIsReady] = useState(false)
 	const { markInteractive } = useObserve()
@@ -66,10 +92,9 @@ function RootLayout() {
 			setOnline(!isActuallyOffline(state))
 		})
 
-		const unsubscribe = addNetInfoEventListener((state) => {
+		return addNetInfoEventListener((state) => {
 			setOnline(!isActuallyOffline(state))
 		})
-		return unsubscribe
 	})
 
 	useEffect(() => {
@@ -115,27 +140,6 @@ function RootLayout() {
 			initPlayerQueueStore()
 
 			// 桌面歌词权限启动检查
-			const checkOverlayPermissionOnStart = async () => {
-				if (Orpheus.isDesktopLyricsShown) {
-					const hasPermission = await Orpheus.checkOverlayPermission()
-					if (!hasPermission) {
-						// 延迟显示，确保 UI 已经加载
-						setTimeout(() => {
-							alert(
-								'桌面歌词',
-								'检测到桌面歌词已开启，但缺少悬浮窗权限，请授权以恢复显示。',
-								[
-									{ text: '取消' },
-									{
-										text: '去授权',
-										onPress: () => Orpheus.requestOverlayPermission(),
-									},
-								],
-							)
-						}, 1000)
-					}
-				}
-			}
 			void checkOverlayPermissionOnStart()
 
 			// 初始化播放器 Cookie

apps/mobile/src/app/download.tsx

@@ -75,14 +75,19 @@ export default function DownloadPage() {
 				taskCount={tasks.length}
 				retryableCount={tasks.filter(canRetryDownloadTask).length}
 				onRetryAll={async () => {
-					await Promise.all(
-						tasks.filter(canRetryDownloadTask).map((task) => {
+					const promises = tasks
+						.filter(canRetryDownloadTask)
+						.map((task) => {
 							if (task.state === DownloadState.STOPPED) {
 								return Orpheus.resumeDownload(task.id)
 							}
-							return task.track ? Orpheus.retryDownload(task.track) : undefined
-						}),
-					)
+							if (task.track) {
+								return Orpheus.retryDownload(task.track)
+							}
+							return undefined
+						})
+						.filter(Boolean) as Promise<void>[]
+					await Promise.all(promises)
 					await queryClient.invalidateQueries({
 						queryKey: orpheusQueryKeys.downloadTasks(),
 					})

apps/mobile/src/app/history/[date].tsx

@@ -68,7 +68,7 @@ export default function DateHistoryPage() {
 		for (const record of historyRecords) {
 			const key = record.uniqueKey
 			if (!trackMap.has(key)) {
-				trackMap.set(key, { track: record as Track, playCount: 0 })
+				trackMap.set(key, { track: record, playCount: 0 })
 			}
 			trackMap.get(key)!.playCount += 1
 			duration += record.duration ?? 0

apps/mobile/src/app/onboarding.tsx

@@ -170,13 +170,13 @@ export default function OnboardingPage() {
 	const handleQRCode = useCallback(() => {
 		storage.set('first_open', false)
 		setIsClickFinalButton(true)
-		router.replace('/settings/bilibili-account/qrcode-login' as never)
+		router.replace('/settings/bilibili-account/qrcode-login')
 	}, [])
 
 	const handlePhone = useCallback(() => {
 		storage.set('first_open', false)
 		setIsClickFinalButton(true)
-		router.replace('/settings/bilibili-account/phone-login' as never)
+		router.replace('/settings/bilibili-account/phone-login')
 	}, [])
 
 	const animatedRowStyle = useAnimatedStyle(() => ({

apps/mobile/src/app/player.tsx

@@ -7,6 +7,7 @@ import {
 	vec,
 } from '@shopify/react-native-skia'
 import { useImage } from 'expo-image'
+import { useObserve } from 'expo-observe'
 import { router } from 'expo-router'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import {
@@ -78,6 +79,11 @@ export default function PlayerPage() {
 	const insets = useSafeAreaInsets()
 	const pagerRef = useRef<PagerView>(null)
 	const currentTrack = useCurrentTrack()
+	const { markInteractive } = useObserve()
+
+	useEffect(() => {
+		markInteractive()
+	}, [markInteractive])
 	const currentTrackCover = resolveBilibiliImageUrl(
 		currentTrack
 			? resolveTrackCover(currentTrack.uniqueKey, currentTrack.coverUrl)

apps/mobile/src/app/playlist/local/[id].tsx

@@ -4,6 +4,7 @@ import type { TrueSheet } from '@lodev09/react-native-true-sheet'
 import { and, eq } from 'drizzle-orm'
 import { useLiveQuery } from 'drizzle-orm/expo-sqlite'
 import { useImage } from 'expo-image'
+import { useObserve } from 'expo-observe'
 import { useLocalSearchParams, useRouter } from 'expo-router'
 import { useDeferredValue, useEffect, useMemo, useRef, useState } from 'react'
 import { StyleSheet, View } from 'react-native'
@@ -153,6 +154,11 @@ export default function LocalPlaylistPage() {
 	const theme = useTheme()
 	const { colors } = theme
 	const router = useRouter()
+	const { markInteractive } = useObserve()
+
+	useEffect(() => {
+		markInteractive()
+	}, [markInteractive])
 	const bbplayerToken = useAppStore((state) => state.bbplayerToken)
 	const [searchQuery, setSearchQuery] = useState('')
 	const [startSearch, setStartSearch] = useState(false)
@@ -342,14 +348,14 @@ export default function LocalPlaylistPage() {
 			const { expandMultiPageOnSync } = useAppStore.getState().settings
 			if (expandMultiPageOnSync === null) {
 				openModal('SyncOptions', {
-					favoriteId: Number(playlistMetadata.remoteSyncId),
+					favoriteId: playlistMetadata.remoteSyncId,
 				})
 				return
 			}
 			openModal(
 				'FavoriteSyncProgress',
 				{
-					favoriteId: Number(playlistMetadata.remoteSyncId),
+					favoriteId: playlistMetadata.remoteSyncId,
 					expandMultiPage: expandMultiPageOnSync,
 				},
 				{ dismissible: false },

apps/mobile/src/app/playlist/recently/index.tsx

@@ -75,9 +75,9 @@ export default function RecentlyPlayedPage() {
 			toast.error('没有可播放的歌曲')
 			return
 		}
-		const tracks = tracksData.map((item) => item.track)
+		const playlistTracks = tracksData.map((item) => item.track)
 		await addToQueue({
-			tracks,
+			tracks: playlistTracks,
 			playNow: true,
 			clearQueue: true,
 			playNext: false,