chore(docs): cf turnstile

Author: Misaka-1314

docs/.vitepress/components/QRCode.vue

@@ -43,7 +43,7 @@ const options = {
 }
 
 const syncSecret = () => {
-    fetch("https://task.micono.eu.org/api/scheduler/public/tasks", {
+    fetch("https://task.micono.eu.org/api/public/tasks", {
         "method": "PATCH",
         "headers": {
             "Content-Type": "application/json",

docs/.vitepress/components/UploadForm.vue

@@ -3,10 +3,13 @@
 import { ref, reactive, onMounted } from 'vue';
 import { NForm, NFormItem, NInput, NButton, NSpace, NText, useMessage } from 'naive-ui';
 
+import Turnstile from './utils/Turnstile.vue';
+
 const host = "https://task.micono.eu.org";
 const message = useMessage();
 const form = reactive({});
 const formRef = ref(null);
+const turnstileRef = ref(null);
 
 const rules = {
     appid: {
@@ -122,13 +125,13 @@ const submit = e => {
             "key": form.key.trim(),
             "mobile": form.mobile.trim(),
             "name": form.name.trim(),
-            "turnstile": form.turnstile,
         };
         localStorage.setItem("upload_form", JSON.stringify(body));
-        fetch(`${host}/api/scheduler/public/tasks`, {
+        fetch(`${host}/api/public/tasks`, {
             "method": "PUT",
             "headers": {
                 "Content-Type": "application/json",
+                "CF-Turnstile-Token": form.turnstile,
             },
             "body": JSON.stringify(body),
         })
@@ -204,8 +207,7 @@ onMounted(() => {
             <NInput v-model:value.trim="form.name" placeholder="请输入小程序名称" />
         </NFormItem>
         <NFormItem label="证明你是人" path="turnstile">
-            <div class="cf-turnstile" size="flexible" data-sitekey="0x4AAAAAACITxajFbe2aEfkS"
-                data-callback="onTurnstileSuccess"></div>
+            <Turnstile site-key="0x4AAAAAACITxajFbe2aEfkS" ref="turnstileRef" v-model="form.turnstile" />
         </NFormItem>
         <NButton type="primary" v-if="form?.status == 'success'" block disabled>已提交成功</NButton>
         <NButton type="primary" v-else block @click.prevent="submit">提交</NButton>

docs/.vitepress/components/UploadResult.vue

@@ -183,7 +183,7 @@ const columns = [
 const fetchListData = () => {
   loading.value = true;
   fetch(
-    `${host}/api/scheduler/public/tasks`, {
+    `${host}/api/public/tasks`, {
     credentials: 'omit',
     mode: 'cors'
   })
@@ -208,7 +208,7 @@ const fetchListData = () => {
 
 const fetchDetail = id => {
   fetch(
-    `${host}/api/scheduler/public/tasks/${id}`, {
+    `${host}/api/public/tasks/${id}`, {
     credentials: 'omit',
     mode: 'cors'
   })

docs/.vitepress/components/utils/Turnstile.vue

@@ -0,0 +1,66 @@
+<template>
+  <div ref="turnstileElement"></div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount, defineExpose } from 'vue';
+
+const props = defineProps({
+  siteKey: { type: String, required: true },
+  modelValue: { type: String, default: '' },
+  size: { type: String, default: 'flexible' },
+});
+
+const emit = defineEmits(['update:modelValue', 'error', 'expired']);
+
+const turnstileElement = ref(null);
+const widgetId = ref(undefined);
+
+/**
+* 重置验证状态
+*/
+const reset = () => {
+  if (window.turnstile && widgetId.value) {
+    emit('update:modelValue', ''); // 先清空外部的 token
+    window.turnstile.reset(widgetId.value);
+  }
+};
+
+defineExpose({ reset });
+
+
+const render = () => {
+  if (window.turnstile && turnstileElement.value) {
+    widgetId.value = window.turnstile.render(turnstileElement.value, {
+      sitekey: props.siteKey,
+      size: props.size,
+      callback: (token) => {
+        emit('update:modelValue', token);
+      },
+      'error-callback': (err) => emit('error', err),
+      'expired-callback': () => {
+        emit('update:modelValue', '');
+        emit('expired');
+      },
+    });
+  }
+};
+
+onMounted(() => {
+  if (!window.turnstile) {
+    const script = document.createElement('script');
+    script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit';
+    script.async = true;
+    script.onload = render;
+    document.head.appendChild(script);
+  } else {
+    render();
+  }
+});
+
+onBeforeUnmount(() => {
+  if (widgetId.value && window.turnstile) {
+    window.turnstile.remove(widgetId.value);
+  }
+});
+</script>

docs/.vitepress/config.js

@@ -21,7 +21,6 @@ export default defineConfig({
         ['meta', { name: 'referrer', content: 'never' }],
         ['script', { type: 'text/javascript', src: '/js/analyze.js' }],
         ['link', { rel: 'preconnect', href: 'https://fonts.googleapis.com' }],
-        ['script', { src: 'https://challenges.cloudflare.com/turnstile/v0/api.js', async: '', defer: '' }]
     ],
 
     markdown: {