From d50788c1f5294982a2e422c41e4e09d6fd27e7d7 Mon Sep 17 00:00:00 2001
From: Sunwuyuan <sun@wuyuan.dev>
Date: Sat, 6 Dec 2025 13:55:39 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E5=A4=8Dfingerpointjs?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E8=A2=AB=E6=8B=A6=E6=88=AA=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/settings/AboutCard.vue |  2 +-
 src/main.js                           |  2 +-
 src/pages/debug.vue                   |  2 +-
 src/utils/fingerprint.js              | 22 ------------
 src/utils/visitorId.js                | 48 +++++++++++++++++++++++++++
 5 files changed, 51 insertions(+), 25 deletions(-)
 delete mode 100644 src/utils/fingerprint.js
 create mode 100644 src/utils/visitorId.js

diff --git a/src/components/settings/AboutCard.vue b/src/components/settings/AboutCard.vue
index 87787e2..165e446 100644
--- a/src/components/settings/AboutCard.vue
+++ b/src/components/settings/AboutCard.vue
@@ -226,7 +226,7 @@
 <script>
 import {ref, onMounted, computed} from "vue";
 import { useRouter } from 'vue-router'
-import { getVisitorId } from '@/utils/fingerprint'
+import { getVisitorId } from '@/utils/visitorId'
 import packageJson from "../../../package.json";
 
 export default {
diff --git a/src/main.js b/src/main.js
index dcc2185..105e14d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -21,7 +21,7 @@ import {createApp} from 'vue'
 //import '@examaware-cs/player/dist/player.css'
 
 import messageService from './utils/message';
-import { getVisitorId } from './utils/fingerprint';
+import { getVisitorId } from './utils/visitorId';
 
 const app = createApp(App)
 
diff --git a/src/pages/debug.vue b/src/pages/debug.vue
index 6483322..c2a497d 100644
--- a/src/pages/debug.vue
+++ b/src/pages/debug.vue
@@ -22,7 +22,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { getVisitorId, getFingerprintData } from '@/utils/fingerprint'
+import { getVisitorId, getFingerprintData } from '@/utils/visitorId'
 
 const visitorId = ref('')
 const fingerprintData = ref({})
diff --git a/src/utils/fingerprint.js b/src/utils/fingerprint.js
deleted file mode 100644
index 044682d..0000000
--- a/src/utils/fingerprint.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import FingerprintJS from '@fingerprintjs/fingerprintjs'
-
-let fpPromise
-
-export const loadFingerprint = () => {
-  if (!fpPromise) {
-    fpPromise = FingerprintJS.load()
-  }
-  return fpPromise
-}
-
-export const getVisitorId = async () => {
-  const fp = await loadFingerprint()
-  const result = await fp.get()
-  return result.visitorId
-}
-
-export const getFingerprintData = async () => {
-    const fp = await loadFingerprint()
-    const result = await fp.get()
-    return result
-}
diff --git a/src/utils/visitorId.js b/src/utils/visitorId.js
new file mode 100644
index 0000000..0ffc57e
--- /dev/null
+++ b/src/utils/visitorId.js
@@ -0,0 +1,48 @@
+let fpPromise
+
+const buildFallbackAgent = (error) => ({
+  get: async () => ({
+    visitorId: 'unknown',
+    error: error?.message || String(error || ''),
+    fallback: true,
+  }),
+})
+
+const loadFingerprintLib = async () => {
+  try {
+    const mod = await import('@fingerprintjs/fingerprintjs')
+    return mod?.default || mod
+  } catch (err) {
+    console.warn('Fingerprint library blocked or failed to load; using fallback agent.', err)
+    return null
+  }
+}
+
+export const loadFingerprint = () => {
+  if (!fpPromise) {
+    fpPromise = (async () => {
+      const FingerprintJS = await loadFingerprintLib()
+      if (!FingerprintJS) return buildFallbackAgent(new Error('fingerprint module unavailable'))
+
+      try {
+        return await FingerprintJS.load()
+      } catch (err) {
+        console.warn('FingerprintJS.load failed, using fallback agent.', err)
+        return buildFallbackAgent(err)
+      }
+    })()
+  }
+  return fpPromise
+}
+
+export const getVisitorId = async () => {
+  const fp = await loadFingerprint()
+  const result = await fp.get()
+  return result?.visitorId || 'unknown'
+}
+
+export const getFingerprintData = async () => {
+  const fp = await loadFingerprint()
+  const result = await fp.get()
+  return result
+}