From 2d53a6ca33827b208a3fb20cc66c57409373b39b Mon Sep 17 00:00:00 2001
From: Vick Scarlet <scarlet_vick@outlook.com>
Date: Sun, 16 Aug 2026 19:52:03 +0800
Subject: [PATCH] feature: bili-toy cloud fallback local

---
 apps/web/src/Game.css               | 15 ++++++--
 apps/web/src/components/Github.tsx  | 11 +++---
 apps/web/src/containers/Summary.tsx |  1 -
 thirdparty/bili-toy/wrapper.ts      | 56 ++++++++++++++++++++++++-----
 4 files changed, 67 insertions(+), 16 deletions(-)

diff --git a/apps/web/src/Game.css b/apps/web/src/Game.css
index ed2b637..57b484e 100644
--- a/apps/web/src/Game.css
+++ b/apps/web/src/Game.css
@@ -40,6 +40,13 @@
         width: 100%;
         > button { flex: 1 0; }
     }
+    &.loading {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        > * { width: auto; }
+        animation: pulse 1.8s ease-in-out infinite;
+    }
 }
 .saving {
     position: fixed;
@@ -47,9 +54,11 @@
     left: 0;
     opacity: 0;
     user-select: none;
-    transition: opacity 0.3s;
     &.active {
-        opacity: 1;
-        transition: opacity 0.1s;
+        animation: pulse 1.8s ease-in-out infinite;
     }
+}
+@keyframes pulse {
+  0%, 100% { opacity: 0.5; }
+  50% { opacity: 1; }
 }
\ No newline at end of file
diff --git a/apps/web/src/components/Github.tsx b/apps/web/src/components/Github.tsx
index 5e55bfe..6648b55 100644
--- a/apps/web/src/components/Github.tsx
+++ b/apps/web/src/components/Github.tsx
@@ -1,10 +1,13 @@
+import { toastMsg } from '@/toast'
 import './Github.css'
+const repo = 'https://github.com/VickScarlet/remake'
 export function Github() {
+    const handleClick = () => {
+        if (import.meta.env.VITE_CHANNEL === 'bili') toastMsg(repo, 'github')
+        else window.open(repo)
+    }
     return (
-        <button
-            className="github-btn"
-            onClick={() => window.open('https://github.com/VickScarlet/remake')}
-        >
+        <button className="github-btn" onClick={handleClick}>
             <svg
                 fill="currentColor"
                 width="800px"
diff --git a/apps/web/src/containers/Summary.tsx b/apps/web/src/containers/Summary.tsx
index 9bdab04..d523f6a 100644
--- a/apps/web/src/containers/Summary.tsx
+++ b/apps/web/src/containers/Summary.tsx
@@ -62,7 +62,6 @@ export default function Summary() {
     const handleEnd = () => {
         const achievements = end()
         toastAchvs(achievements)
-        console.log('Achievements', achievements)
     }
     return (
         <div className="screen summary">
diff --git a/thirdparty/bili-toy/wrapper.ts b/thirdparty/bili-toy/wrapper.ts
index e0eb8e0..670709c 100644
--- a/thirdparty/bili-toy/wrapper.ts
+++ b/thirdparty/bili-toy/wrapper.ts
@@ -1,6 +1,7 @@
+const PREFIX = 'bili-toy-remake'
 const storage = {
     get: async (keys: string[]) => {
-        var result = await toy.getCloudStorage(keys)
+        const result = await toy.getCloudStorage(keys)
         if (result && result.data && typeof result.data === 'object') {
             return result.data
         }
@@ -24,19 +25,58 @@ export async function init() {
     }
 }
 
-export async function get(key: string) {
+function getCloudInstance(key: string) {
     if (!cloudMap.has(key)) {
         const cloud = ToyCloudSaveCore.createCloudSave({ storage, prefix: key })
         cloudMap.set(key, cloud)
     }
-    return await cloudMap.get(key)!.load()
+    return cloudMap.get(key) || null
 }
 
-export async function set(key: string, value: string) {
-    if (!cloudMap.has(key)) {
-        const cloud = ToyCloudSaveCore.createCloudSave({ storage, prefix: key })
-        cloudMap.set(key, cloud)
+export async function get(key: string): Promise<string | null> {
+    const localKey = `${PREFIX}-${key}`
+    const localData = localStorage.getItem(localKey)
+
+    const cloud = getCloudInstance(key)
+    if (!cloud) return localData
+    try {
+        const cloudData = await cloud.load()
+
+        if (cloudData !== null) {
+            localStorage.setItem(localKey, cloudData)
+            return cloudData
+        }
+    } catch (error) {
+        console.error(
+            `[Bili Storage] 业务 Key '${key}' 云端拉取失败，降级使用本地档:`,
+            error,
+        )
+    }
+    return localData
+}
+
+export async function set(key: string, value: string): Promise<boolean> {
+    const localKey = `${PREFIX}-${key}`
+
+    try {
+        localStorage.setItem(localKey, value)
+    } catch (localError) {
+        console.error(
+            `[Bili Storage] 本地 LocalStorage 写入崩溃（可能满 5MB 额度）:`,
+            localError,
+        )
+    }
+
+    const cloud = getCloudInstance(key)
+    if (!cloud) return true
+
+    try {
+        await cloud.save(value)
+    } catch (cloudError) {
+        console.error(
+            `[Bili Storage] 业务 Key '${key}' 本地已保存，但同步至 B 站云端失败:`,
+            cloudError,
+        )
     }
-    await cloudMap.get(key)!.save(value)
     return true
 }