Update index.mjs

src/public/home/index.mjs

@@ -102,15 +102,35 @@ async function setLocale(locale) {
 		throw new Error(data.message)
 }
 
+async function updateCharList() {
+	const currentChars = Array.from(roleContainer.children).map(
+		(element) => element.dataset.charname
+	)
+	const newCharList = await getCharList()
+
+	// Remove characters that no longer exist
+	for (const char of currentChars)
+		if (!newCharList.includes(char)) {
+			const elementToRemove = roleContainer.querySelector(
+				`[data-charname="${char}"]`
+			)
+			if (elementToRemove)
+				roleContainer.removeChild(elementToRemove)
+		}
+
+	// Append new characters in order
+	for (const char of newCharList)
+		if (!currentChars.includes(char)) {
+			const charDetails = await getCharDetails(char)
+			const roleElement = await renderCharView(charDetails, char)
+			roleElement.dataset.charname = char
+			roleContainer.appendChild(roleElement)
+		}
+}
+
 async function displayCharList() {
-	const charList = await getCharList()
 	roleContainer.innerHTML = ''
-
-	for (const char of charList) {
-		const charDetails = await getCharDetails(char)
-		const roleElement = await renderCharView(charDetails, char)
-		roleContainer.appendChild(roleElement)
-	}
+	await updateCharList()
 }
 
 // 添加功能按钮
@@ -164,4 +184,9 @@ async function initializeApp() {
 	displayCharList()
 }
 
+// Add event listener for window focus
+window.addEventListener('focus', async () => {
+	await updateCharList()
+})
+
 initializeApp()