From 5d283165d89b65554f0e2b411a34e8b01314b4b4 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sat, 20 Sep 2025 12:56:21 +0800
Subject: [PATCH] :sparkles: Add catpcha, callback

---
 app/layouts/minimal.vue     | 19 +++++++++++++
 app/pages/auth/callback.vue | 17 ++++++++++++
 app/pages/auth/captcha.vue  | 55 +++++++++++++++++++++++++++++++++++++
 3 files changed, 91 insertions(+)
 create mode 100644 app/layouts/minimal.vue
 create mode 100644 app/pages/auth/callback.vue
 create mode 100644 app/pages/auth/captcha.vue

diff --git a/app/layouts/minimal.vue b/app/layouts/minimal.vue
new file mode 100644
index 0000000..9bbe239
--- /dev/null
+++ b/app/layouts/minimal.vue
@@ -0,0 +1,19 @@
+<template>
+  <v-app :theme="isDark ? 'dark' : 'light'">
+    <v-app-bar flat height="48">
+      <v-container class="mx-auto d-flex align-center justify-center">
+        <p class="text-sm">Solar Network</p>
+      </v-container>
+    </v-app-bar>
+
+    <v-main>
+      <slot />
+    </v-main>
+  </v-app>
+</template>
+
+<script lang="ts" setup>
+import { useCustomTheme } from "~/composables/useCustomTheme"
+
+const { isDark } = useCustomTheme()
+</script>
diff --git a/app/pages/auth/callback.vue b/app/pages/auth/callback.vue
new file mode 100644
index 0000000..a89b77f
--- /dev/null
+++ b/app/pages/auth/callback.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="d-flex align-center justify-center fill-height">
+    <v-card class="pa-6 text-center" max-width="400">
+      <v-card-text>
+        <v-icon size="64" color="success" class="mb-4">mdi-check-circle</v-icon>
+        <h2 class="text-xl font-bold">Auth completed</h2>
+        <p class="opacity-80">Now you can close this tab</p>
+      </v-card-text>
+    </v-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+  layout: "minimal"
+})
+</script>
diff --git a/app/pages/auth/captcha.vue b/app/pages/auth/captcha.vue
new file mode 100644
index 0000000..cfa8b10
--- /dev/null
+++ b/app/pages/auth/captcha.vue
@@ -0,0 +1,55 @@
+<template>
+  <div class="d-flex align-center justify-center fill-height">
+    <v-card
+      class="pa-6 text-center"
+      max-width="600"
+      title="Captcha Verification"
+    >
+      <v-card-text>
+        <div class="mb-8 mt-4">
+          <client-only>
+            <captcha-widget @verified="onCaptchaVerified" />
+          </client-only>
+        </div>
+        <div>
+          <div class="text-sm font-bold mb-1">Solar Network Anti-Robot</div>
+          <div class="opacity-80 text-xs">
+            Hosted by
+            <a
+              href="https://github.com/Solsynth/DysonNetwork"
+              class="text-primary"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              DysonNetwork.Sphere
+            </a>
+          </div>
+        </div>
+      </v-card-text>
+    </v-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useRoute } from "vue-router"
+import CaptchaWidget from "@/components/CaptchaWidget.vue"
+
+const route = useRoute()
+
+const onCaptchaVerified = (token: string) => {
+  if (window.parent !== window) {
+    window.parent.postMessage(`captcha_tk=${token}`, "*")
+  }
+
+  const redirectUri = route.query.redirect_uri as string
+  if (redirectUri) {
+    window.location.href = `${redirectUri}?captcha_tk=${encodeURIComponent(
+      token
+    )}`
+  }
+}
+
+definePageMeta({
+  layout: "minimal"
+})
+</script>