后端迁移到fastapi (#3)

Reviewed-on: #3

src/stores/encyclopedia.ts

@@ -1,7 +1,8 @@
 import { computed, ref } from 'vue'
 import { defineStore } from 'pinia'
-import { supabase } from '@/lib/supabase'
+import { apiRequest } from '@/lib/api'
 import { useAuthStore } from '@/stores/auth'
+import type { ApiCollection } from '@/types/api'
 import type { CloudType, UserCollection } from '@/types/database'
 
 export interface CollectionPreviewCloud {
@@ -18,27 +19,7 @@ export interface CollectionEntry extends UserCollection {
 }
 
 function getErrorMessage(error: unknown) {
-  if (error instanceof Error) return error.message
-  if (error && typeof error === 'object' && 'message' in error && typeof error.message === 'string') {
-    return error.message
-  }
-  return '图鉴收藏加载失败'
-}
-
-function toCollectionCloudMap(rows: Array<Record<string, unknown>> | null) {
-  return new Map(
-    (rows || []).map(row => [
-      row.id as string,
-      {
-        id: row.id as string,
-        image_url: row.image_url as string,
-        thumbnail_url: (row.thumbnail_url as string | null) ?? null,
-        captured_at: (row.captured_at as string | null) ?? null,
-        created_at: row.created_at as string,
-        location_name: (row.location_name as string | null) ?? null,
-      } satisfies CollectionPreviewCloud,
-    ]),
-  )
+  return error instanceof Error ? error.message : '图鉴收藏加载失败'
 }
 
 export const useEncyclopediaStore = defineStore('encyclopedia', () => {
@@ -52,30 +33,18 @@ export const useEncyclopediaStore = defineStore('encyclopedia', () => {
   const collectionLoadedForUserId = ref<string | null>(null)
   const collectionError = ref('')
 
-  const collectionMap = computed(() => {
-    return new Map(myCollection.value.map(item => [item.cloud_type_id, item]))
-  })
-
+  const collectionMap = computed(() => new Map(myCollection.value.map(item => [item.cloud_type_id, item])))
   const unlockedCount = computed(() => myCollection.value.length)
   const unlockProgress = computed(() => `${unlockedCount.value}/${cloudTypes.value.length || 10}`)
-  const unlockPercent = computed(() => {
-    if (!cloudTypes.value.length) return 0
-    return Math.round(unlockedCount.value / cloudTypes.value.length * 100)
-  })
+  const unlockPercent = computed(() => cloudTypes.value.length
+    ? Math.round(unlockedCount.value / cloudTypes.value.length * 100)
+    : 0)
 
   async function fetchCloudTypes(force = false) {
     if (cloudTypesLoaded.value && !force) return
-
     loadingCloudTypes.value = true
     try {
-      const { data, error } = await supabase
-        .from('cloud_types')
-        .select('*')
-        .order('id')
-
-      if (error) throw error
-
-      cloudTypes.value = (data || []) as CloudType[]
+      cloudTypes.value = await apiRequest<CloudType[]>('/cloud-types', { auth: false })
       cloudTypesLoaded.value = true
     } finally {
       loadingCloudTypes.value = false
@@ -84,49 +53,21 @@ export const useEncyclopediaStore = defineStore('encyclopedia', () => {
 
   async function fetchMyCollection(force = false) {
     const userId = authStore.user?.id ?? null
-
     if (!userId) {
       myCollection.value = []
       collectionLoadedForUserId.value = null
       collectionError.value = ''
       return
     }
-
     if (!force && collectionLoadedForUserId.value === userId) return
 
     loadingCollection.value = true
     collectionError.value = ''
-
     try {
-      const { data, error } = await supabase
-        .from('user_collections')
-        .select('*')
-        .eq('user_id', userId)
-        .order('unlocked_at', { ascending: true })
-
-      if (error) throw error
-
-      const collectionRows = (data || []) as UserCollection[]
-      const firstCloudIds = collectionRows
-        .map(item => item.first_cloud_id)
-        .filter((id): id is string => typeof id === 'string' && id.length > 0)
-
-      let firstCloudMap = new Map<string, CollectionPreviewCloud>()
-
-      if (firstCloudIds.length) {
-        const { data: firstCloudData, error: firstCloudError } = await supabase
-          .from('clouds')
-          .select('id,image_url,thumbnail_url,captured_at,created_at,location_name')
-          .in('id', firstCloudIds)
-
-        if (firstCloudError) throw firstCloudError
-
-        firstCloudMap = toCollectionCloudMap(firstCloudData as Array<Record<string, unknown>> | null)
-      }
-
-      myCollection.value = collectionRows.map(item => ({
-        ...item,
-        firstCloud: item.first_cloud_id ? firstCloudMap.get(item.first_cloud_id) ?? null : null,
+      const rows = await apiRequest<ApiCollection[]>('/collections/me')
+      myCollection.value = rows.map(({ first_cloud, cloud_type: _cloudType, ...collection }) => ({
+        ...collection,
+        firstCloud: first_cloud,
       }))
       collectionLoadedForUserId.value = userId
     } catch (error) {