[+] register notice

AquaNet/src/components/MunetRegisterBanner.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  export let username: string;
+  export let email: string;
+
+  let shouldShow = navigator.language.startsWith('zh');
+
+  // 会导致瞬间出现，但是不知道为什么 svelte 的 transition 动画不工作
+  // if (!shouldShow) {
+  //   fetch('https://47.122.72.135/ip/isChina')
+  //     .then(it => it.json())
+  //     .then(it => shouldShow = it)
+  //     .catch(() => shouldShow = false);
+  // }
+
+  const jump = () => {
+    const params = new URLSearchParams();
+    if (username) params.set('username', username);
+    if (email) params.set('email', email);
+    location.href = `https://portal.mumur.net/register?${params.toString()}`;
+  }
+</script>
+
+{#if shouldShow}
+    <div class="cursor-pointer" on:click={jump}>
+        <h2>MuNET 了解一下！</h2>
+        <div>
+            <p>MuNET 是 AquaDX 的继任者，提供更适合中国用户的服务器和更好的游戏体验。</p>
+            <p>如果你还没有游戏数据，建议在 MuNET 上创建账号并开始游戏。点击立即前往</p>
+        </div>
+    </div>
+{/if}
+

AquaNet/src/pages/Home.svelte

@@ -10,6 +10,7 @@
   import { t } from "../libs/i18n";
   import ImportDataAction from "./Home/ImportDataAction.svelte";
   import Communities from "./Home/Communities.svelte";
+  import MigrateAction from "./Home/MigrateAction.svelte";
 
   USER.ensureLoggedIn();
 
@@ -58,6 +59,9 @@
       </ActionCard>
 
       <ImportDataAction/>
+      {#if me}
+        <MigrateAction username={me.username}/>
+      {/if}
     </div>
   {:else if tab === 1}
     <div out:fade={FADE_OUT} in:fade={FADE_IN}>

AquaNet/src/pages/Home/MigrateAction.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+  import { fade } from "svelte/transition"
+  import { t } from "../../libs/i18n";
+  import ActionCard from "../../components/ActionCard.svelte";
+  import { CARD, GAME, USER } from "../../libs/sdk";
+
+  export let username: string;
+  let shouldShow = navigator.language.startsWith('zh');
+  let showWarning = false;
+  let isCardBindIssue = false;
+
+  if (!shouldShow) {
+    fetch('https://47.122.72.135/ip/isChina')
+      .then(it => it.json())
+      .then(it => shouldShow = it)
+      .catch(() => shouldShow = false);
+  }
+
+  CARD.userGames(username).then(games => {
+    if (!Object.values(games).some(it => it)) {
+      isCardBindIssue = true;
+    }
+  })
+
+  const handleClick = () => {
+    if (isCardBindIssue) {
+      showWarning = true;
+      return
+    }
+    jump()
+  }
+
+  const jump = () => {
+    const token = localStorage.getItem('token')
+    location.href = `https://portal.mumur.net/migrateFromAquaDx/${token}`
+  }
+</script>
+
+{#if shouldShow}
+    <ActionCard color="190, 149, 255" icon="system-uicons:jump-up" on:click={handleClick}>
+        <h3>迁移到 MuNET</h3>
+        <span>更适合中国宝宝体质的服务器，AquaDX 的继任者。点击查看详情</span>
+    </ActionCard>
+{/if}
+
+{#if showWarning}
+    <div class="overlay" transition:fade>
+        <div>
+            <h2>提示</h2>
+            <p>看起来你在 AquaDX 还没有游戏数据，也许是因为没有绑卡或者绑定的卡不是在游戏中点击“查看卡号”获取的…</p>
+            <p>现在迁移的话，大概会导致你的游戏数据无法被正确的迁移。建议你先去检查一下吧</p>
+            <div class="buttons">
+                <button on:click={() => showWarning = false}>{t('action.cancel')}</button>
+                <button on:click={jump}>继续</button>
+            </div>
+        </div>
+    </div>
+{/if}
+
+<style lang="sass">
+  h3
+    font-size: 1.3rem
+    margin: 0
+
+  .buttons
+    display: grid
+    grid-template-columns: 1fr 1fr
+    gap: 1rem
+</style>

AquaNet/src/pages/Welcome.svelte

@@ -5,6 +5,7 @@
   import Icon from "@iconify/svelte";
   import { USER } from "../libs/sdk";
   import { t } from "../libs/i18n"
+  import MunetRegisterBanner from "../components/MunetRegisterBanner.svelte";
 
   let params = new URLSearchParams(window.location.search)
 
@@ -220,6 +221,9 @@
                    on:turnstile-expired={_ => window.location.reload()}
                    on:turnstile-timeout={_ => console.log(error = t('welcome.turnstile-timeout'))} />
         {/if}
+        {#if isSignup}
+          <MunetRegisterBanner username={username} email={email}/>
+        {/if}
       </div>
     {:else if state === "submitreset"}
       <div class="login-form" transition:slide>