chore(es2023): fix lib to es2023 and handle low-risk syntax migration

huoshen80 · huoshen80 · commit 08875c547ee8 · 2026-04-28T15:31:24.000+08:00
diff --git a/src/api/kun.ts b/src/api/kun.ts
@@ -137,8 +137,7 @@ function extractKunTags(tags?: GalgameDetailTag[]): string[] {
 	const filterLevel = useStore.getState().spoilerLevel;
 
 	return tags
-		.slice()
-		.sort((a, b) => (b.galgameCount || 0) - (a.galgameCount || 0))
+		.toSorted((a, b) => (b.galgameCount || 0) - (a.galgameCount || 0))
 		.filter((tag) => (tag.spoilerLevel ?? 0) <= filterLevel)
 		.map((tag) => tag.name?.trim())
 		.filter((name): name is string => Boolean(name));
diff --git a/src/api/vndb.ts b/src/api/vndb.ts
@@ -156,7 +156,7 @@ function transformVndbData(
 	const filtered_tags = (
 		VNDBdata.tags as { rating: number; name: string; spoiler: number }[]
 	)
-		.sort((a, b) => b.rating - a.rating)
+		.toSorted((a, b) => b.rating - a.rating)
 		.filter(({ spoiler }) => spoiler <= filterLevel)
 		.map(({ name }) => name);
 
diff --git a/src/hooks/common/useVirtualCollections.ts b/src/hooks/common/useVirtualCollections.ts
@@ -56,14 +56,14 @@ function generateVirtualCategories<T>(
 		const keyArray = Array.isArray(keys) ? keys : [keys];
 
 		for (const key of keyArray) {
-			categoryMap.set(key, (categoryMap.get(key) || 0) + 1);
+			categoryMap.set(key, (categoryMap.get(key) ?? 0) + 1);
 		}
 	}
 
 	// 转换为数组并排序
 	let entries = Array.from(categoryMap.entries());
 	if (config.sortResults) {
-		entries = entries.sort(config.sortResults);
+		entries = entries.toSorted(config.sortResults);
 	}
 
 	// 映射为Category对象
diff --git a/src/pages/Detail/DetailPage.tsx b/src/pages/Detail/DetailPage.tsx
@@ -74,7 +74,8 @@ const TabPanel = (props: TabPanelProps) => {
  * @returns {JSX.Element} 游戏详情页面
  */
 export const Detail: React.FC = () => {
-	const id = Number(useLocation().pathname.split("/").pop());
+	const location = useLocation();
+	const id = Number(location.pathname.split("/").at(-1));
 	const { t } = useTranslation();
 	const navigate = useNavigate();
 	const {
@@ -157,7 +158,6 @@ export const Detail: React.FC = () => {
 	}, [selectedGame, t, handleDeveloperClick]);
 
 	const activePage = useActivePage();
-	const location = useLocation();
 	const title = selectedGame
 		? getGameDisplayName(selectedGame)
 		: t("pages.Detail.loading");
diff --git a/src/pages/Detail/GameInfoEdit.tsx b/src/pages/Detail/GameInfoEdit.tsx
@@ -271,7 +271,7 @@ export const GameInfoEdit: React.FC<GameInfoEditProps> = ({
 		) {
 			// 退格键删除最后一个标签
 			e.preventDefault();
-			setAliases(aliases.slice(0, -1));
+			setAliases(aliases.toSpliced(-1));
 		}
 	};
 
@@ -297,7 +297,7 @@ export const GameInfoEdit: React.FC<GameInfoEditProps> = ({
 		} else if (e.key === "Backspace" && tagInput === "" && tags.length > 0) {
 			// 退格键删除最后一个标签
 			e.preventDefault();
-			setTags(tags.slice(0, -1));
+			setTags(tags.toSpliced(-1));
 		}
 	};
 
diff --git a/src/pages/Detail/InfoBox.tsx b/src/pages/Detail/InfoBox.tsx
@@ -191,7 +191,7 @@ export const InfoBox: React.FC<InfoBoxProps> = ({ gameID }: InfoBoxProps) => {
 				const dateStr = `${year}-${month}-${day}`;
 				result.push({
 					date: dateStr,
-					playtime: datePlaytimeMap.get(dateStr) || 0,
+					playtime: datePlaytimeMap.get(dateStr) ?? 0,
 				});
 			}
 		} else if (timeRange === "MONTH") {
@@ -205,15 +205,15 @@ export const InfoBox: React.FC<InfoBoxProps> = ({ gameID }: InfoBoxProps) => {
 				const dateStr = `${year}-${String(month).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
 				result.push({
 					date: dateStr,
-					playtime: datePlaytimeMap.get(dateStr) || 0,
+					playtime: datePlaytimeMap.get(dateStr) ?? 0,
 				});
 			}
 		} else if (timeRange === "1Y") {
 			// 1年：按月聚合
 			const monthlyMap = new Map<string, number>();
 			for (const [dateStr, playtime] of datePlaytimeMap) {
 				const monthKey = dateStr.substring(0, 7); // YYYY-MM
-				monthlyMap.set(monthKey, (monthlyMap.get(monthKey) || 0) + playtime);
+				monthlyMap.set(monthKey, (monthlyMap.get(monthKey) ?? 0) + playtime);
 			}
 
 			// 生成过去12个月（修复跨年问题）
@@ -224,35 +224,35 @@ export const InfoBox: React.FC<InfoBoxProps> = ({ gameID }: InfoBoxProps) => {
 				const monthKey = `${year}-${month}`;
 				result.push({
 					date: monthKey,
-					playtime: monthlyMap.get(monthKey) || 0,
+					playtime: monthlyMap.get(monthKey) ?? 0,
 				});
 			}
 		} else if (timeRange === "ALL") {
 			// 全部：判断数据量决定是否按月聚合
-			const allDates = Array.from(datePlaytimeMap.keys()).sort();
+			const allDates = Array.from(datePlaytimeMap.keys()).toSorted();
 
 			if (allDates.length > 60) {
 				// 数据点较多，按月聚合
 				const monthlyMap = new Map<string, number>();
 				for (const [dateStr, playtime] of datePlaytimeMap) {
 					const monthKey = dateStr.substring(0, 7); // YYYY-MM
-					monthlyMap.set(monthKey, (monthlyMap.get(monthKey) || 0) + playtime);
+					monthlyMap.set(monthKey, (monthlyMap.get(monthKey) ?? 0) + playtime);
 				}
 
 				// 按月排序输出
-				const sortedMonths = Array.from(monthlyMap.keys()).sort();
+				const sortedMonths = Array.from(monthlyMap.keys()).toSorted();
 				for (const monthKey of sortedMonths) {
 					result.push({
 						date: monthKey,
-						playtime: monthlyMap.get(monthKey) || 0,
+						playtime: monthlyMap.get(monthKey) ?? 0,
 					});
 				}
 			} else {
 				// 数据点较少，按天显示
 				for (const dateStr of allDates) {
 					result.push({
 						date: dateStr,
-						playtime: datePlaytimeMap.get(dateStr) || 0,
+						playtime: datePlaytimeMap.get(dateStr) ?? 0,
 					});
 				}
 			}
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
@@ -181,20 +181,19 @@ async function getGameActivities(games: GameData[]): Promise<{
 	}
 
 	// 合并所有动态，按时间排序
-	const allActivities = [...playItems, ...addItems].sort(
+	const allActivities = [...playItems, ...addItems].toSorted(
 		(a, b) => b.time - a.time,
 	);
 
 	// 排序最近游玩和最近添加
-	sessions.sort((a, b) => b.end_time - a.end_time);
-	added.sort((a, b) => {
-		if (a.time && b.time) return b.time.getTime() - a.time.getTime();
-		return 0;
-	});
+	const sortedSessions = sessions.toSorted((a, b) => b.end_time - a.end_time);
+	const sortedAdded = added.toSorted(
+		(a, b) => b.time.getTime() - a.time.getTime(),
+	);
 
 	return {
-		sessions: sessions.slice(0, 6),
-		added: added.slice(0, 6),
+		sessions: sortedSessions.slice(0, 6),
+		added: sortedAdded.slice(0, 6),
 		activities: allActivities.slice(0, 10),
 	};
 }
diff --git a/src/pages/Settings/SettingsPage.tsx b/src/pages/Settings/SettingsPage.tsx
@@ -225,7 +225,8 @@ export const Settings: React.FC = () => {
 			(entries) => {
 				const visibleEntry = entries
 					.filter((entry) => entry.isIntersecting)
-					.sort((a, b) => b.intersectionRatio - a.intersectionRatio)[0];
+					.toSorted((a, b) => b.intersectionRatio - a.intersectionRatio)
+					.at(0);
 
 				if (visibleEntry) {
 					setActiveSectionId(visibleEntry.target.id);
diff --git a/src/utils/enhancedSearch.ts b/src/utils/enhancedSearch.ts
@@ -329,7 +329,7 @@ export function getSearchSuggestions(
 
 	// 按优先级排序并去重
 	const sortedSuggestions = prioritySuggestions
-		.sort((a, b) => b.priority - a.priority)
+		.toSorted((a, b) => b.priority - a.priority)
 		.map((s) => s.name)
 		.filter((name, index, arr) => arr.indexOf(name) === index) // 去重
 		.slice(0, limit);
diff --git a/src/utils/gameStats.ts b/src/utils/gameStats.ts
@@ -91,7 +91,7 @@ export async function updateGameStatistics(gameId: number): Promise<void> {
 
 			if (isSameDay) {
 				// 同一天，直接添加时间
-				const currentValue = sessionsStatsMap.get(startDateStr) || 0;
+				const currentValue = sessionsStatsMap.get(startDateStr) ?? 0;
 				sessionsStatsMap.set(startDateStr, currentValue + session.duration);
 			} else {
 				// 跨天情况，按比例分配时间
@@ -118,10 +118,10 @@ export async function updateGameStatistics(gameId: number): Promise<void> {
 				const secondDayMinutes = session.duration - firstDayMinutes;
 
 				// 添加到对应日期
-				const firstDayValue = sessionsStatsMap.get(startDateStr) || 0;
+				const firstDayValue = sessionsStatsMap.get(startDateStr) ?? 0;
 				sessionsStatsMap.set(startDateStr, firstDayValue + firstDayMinutes);
 
-				const secondDayValue = sessionsStatsMap.get(endDateStr) || 0;
+				const secondDayValue = sessionsStatsMap.get(endDateStr) ?? 0;
 				sessionsStatsMap.set(endDateStr, secondDayValue + secondDayMinutes);
 			}
 		}
@@ -187,7 +187,7 @@ export async function updateGameStatistics(gameId: number): Promise<void> {
 		}
 
 		// 6. 按日期降序排序
-		dailyStats.sort((a, b) => b.date.localeCompare(a.date));
+		dailyStats = dailyStats.toSorted((a, b) => b.date.localeCompare(a.date));
 
 		// 7. 通过后端服务更新统计表
 		await statsService.updateGameStatistics(
diff --git a/tsconfig.app.json b/tsconfig.app.json
@@ -2,7 +2,7 @@
 	"compilerOptions": {
 		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
 		"target": "ESNext",
-		"lib": ["ES2022", "DOM", "DOM.Iterable"],
+		"lib": ["ES2023", "DOM", "DOM.Iterable"],
 		"module": "ESNext",
 		"skipLibCheck": true,
 		/* Bundler mode */

Original file line number	Diff line number	Diff line change
`@@ -156,7 +156,7 @@ function transformVndbData(`
`156`	`156`	`const filtered_tags = (`
`157`	`157`	`VNDBdata.tags as { rating: number; name: string; spoiler: number }[]`
`158`	`158`	`)`
`159`		`- .sort((a, b) => b.rating - a.rating)`
	`159`	`+ .toSorted((a, b) => b.rating - a.rating)`
`160`	`160`	`.filter(({ spoiler }) => spoiler <= filterLevel)`
`161`	`161`	`.map(({ name }) => name);`
`162`	`162`
Original file line number	Diff line number	Diff line change
`@@ -56,14 +56,14 @@ function generateVirtualCategories<T>(`
`56`	`56`	`const keyArray = Array.isArray(keys) ? keys : [keys];`
`57`	`57`
`58`	`58`	`for (const key of keyArray) {`
`59`		`- categoryMap.set(key, (categoryMap.get(key) \|\| 0) + 1);`
	`59`	`+ categoryMap.set(key, (categoryMap.get(key) ?? 0) + 1);`
`60`	`60`	`}`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`// 转换为数组并排序`
`64`	`64`	`let entries = Array.from(categoryMap.entries());`
`65`	`65`	`if (config.sortResults) {`
`66`		`- entries = entries.sort(config.sortResults);`
	`66`	`+ entries = entries.toSorted(config.sortResults);`
`67`	`67`	`}`
`68`	`68`
`69`	`69`	`// 映射为Category对象`