feat: display all galgame ratings on user's homepage

Author: KUN1007

components/user/Rating.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+const props = defineProps<{
+  uid: number
+}>()
+
+const pageData = reactive({
+  page: 1,
+  limit: 24,
+  userId: props.uid
+})
+
+const { data, status } = await useFetch(`/api/user/${props.uid}/ratings`, {
+  method: 'GET',
+  query: pageData,
+  ...kungalgameResponseHandler
+})
+</script>
+
+<template>
+  <div class="space-y-3">
+    <KunHeader
+      name="Galgame 评分"
+      description="这是您的 Galgame 评分列表, 您可以在这里查看您发布的所有 Galgame 评分"
+    />
+
+    <div v-if="data && data.ratingData.length" class="space-y-3">
+      <GalgameRatingCard :ratings="data.ratingData" />
+
+      <KunPagination
+        v-if="data.totalCount > pageData.limit"
+        v-model:current-page="pageData.page"
+        :total-page="Math.ceil(data.totalCount / pageData.limit)"
+        :is-loading="status === 'pending'"
+      />
+    </div>
+
+    <KunNull v-if="data && !data.ratingData.length" description="暂无评分" />
+  </div>
+</template>

components/user/nav/Item.vue

@@ -26,6 +26,7 @@ const iconMap: Record<string, string> = {
   topic: 'lucide:square-gantt-chart',
   galgame: 'lucide:gamepad-2',
   resource: 'lucide:package',
+  rating: 'lucide:star',
   reply: 'carbon:reply',
   comment: 'uil:comment-dots'
 }

components/user/utils/routeName.ts

@@ -40,6 +40,11 @@ export const navBarRoute: Ref<Nav[]> = ref([
     redirect: 'galgame/galgame',
     router: 'galgame'
   },
+  {
+    name: 'rating',
+    router: 'rating',
+    permission: [1, 2, 3, 4]
+  },
   {
     name: 'resource',
     permission: [1, 2, 3, 4],

constants/user.ts

@@ -160,6 +160,7 @@ export const KUN_USER_PAGE_NAV_MAP: Record<string, string> = {
   password: '密码设置',
   topic: '话题',
   galgame: 'Galgame',
+  rating: 'Gal 评分',
   resource: 'Gal 资源',
   publish: '已发布',
   like: '已点赞',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "kun-galgame-nuxt3",
-  "version": "4.4.84",
+  "version": "4.4.85",
   "packageManager": "[email protected]",
   "private": true,
   "scripts": {

pages/galgame-tag/[id].vue

@@ -63,15 +63,15 @@ const handleUpdateTag = async (data: UpdateGalgameTagPayload) => {
 if (data.value) {
   if (data.value.category !== 'sexual') {
     useKunSeoMeta({
-      title: data.value.name,
+      title: `标签 ${data.value.name} 的 Galgame`,
       description: data.value
         ? data.value.galgame
             .map((g) => getPreferredLanguageText(g.name))
             .toString()
         : ''
     })
   } else {
-    useKunDisableSeo(data.value.name)
+    useKunDisableSeo(`标签 ${data.value.name} 的 Galgame`)
   }
 }
 </script>

pages/user/[uid]/rating.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import type { UserInfo } from '~/types/api/user'
+
+const props = defineProps<{
+  user: UserInfo
+}>()
+
+useKunDisableSeo(`${props.user.name} 的评分`)
+
+useHead({
+  link: [
+    {
+      rel: 'canonical',
+      href: `${kungal.domain.main}/user/${props.user.id}/rating`
+    }
+  ]
+})
+</script>
+
+<template>
+  <UserRating :uid="user.id" />
+</template>

pages/user/[uid]/resource/[type].vue

@@ -17,7 +17,7 @@ const resourceType = computed(() => {
 })
 
 useKunDisableSeo(
-  `${props.user.name}${GALGAME_RESOURCE_NAV_CONFIG[resourceType.value].text}`
+  `${props.user.name} 的${GALGAME_RESOURCE_NAV_CONFIG[resourceType.value].text}`
 )
 </script>
 

server/api/user/[uid]/ratings.get.ts

@@ -0,0 +1,86 @@
+import prisma from '~/prisma/prisma'
+import { getUserRatingSchema } from '~/validations/user'
+import type { GalgameRatingCard } from '~/types/api/galgame-rating'
+import type { Prisma } from '@prisma/client'
+
+export default defineEventHandler(async (event) => {
+  const input = kunParseGetQuery(event, getUserRatingSchema)
+  if (typeof input === 'string') {
+    return kunError(event, input)
+  }
+
+  const nsfw = getNSFWCookie(event)
+  const { userId, page, limit } = input
+  const skip = (page - 1) * limit
+
+  const where: Prisma.galgame_ratingWhereInput = {
+    user_id: userId,
+    galgame: {
+      content_limit: nsfw === 'sfw' ? 'sfw' : undefined
+    }
+  }
+
+  const [rows, totalCount] = await Promise.all([
+    prisma.galgame_rating.findMany({
+      take: limit,
+      skip,
+      where,
+      orderBy: { created: 'desc' },
+      include: {
+        user: { select: { id: true, name: true, avatar: true } },
+        galgame: {
+          select: {
+            id: true,
+            banner: true,
+            name_en_us: true,
+            name_ja_jp: true,
+            name_zh_cn: true,
+            name_zh_tw: true,
+            content_limit: true
+          }
+        },
+        _count: {
+          select: {
+            like: true
+          }
+        }
+      }
+    }),
+    prisma.galgame_rating.count({ where })
+  ])
+
+  const ratingData: GalgameRatingCard[] = rows.map((r) => ({
+    id: r.id,
+    user: r.user,
+    recommend: r.recommend,
+    overall: r.overall,
+    view: r.view,
+    galgameType: r.galgame_type,
+    play_status: r.play_status,
+    short_summary: r.short_summary,
+    spoiler_level: r.spoiler_level,
+    art: r.art,
+    story: r.story,
+    music: r.music,
+    character: r.character,
+    route: r.route,
+    system: r.system,
+    voice: r.voice,
+    replay_value: r.replay_value,
+    likeCount: r._count.like,
+    created: r.created,
+    updated: r.updated,
+    galgame: {
+      id: r.galgame.id,
+      contentLimit: r.galgame.content_limit,
+      name: {
+        'en-us': r.galgame.name_en_us,
+        'ja-jp': r.galgame.name_ja_jp,
+        'zh-cn': r.galgame.name_zh_cn,
+        'zh-tw': r.galgame.name_zh_tw
+      }
+    }
+  }))
+
+  return { ratingData, totalCount }
+})

validations/user.ts

@@ -51,6 +51,12 @@ export const getUserGalgameResourceSchema = z.object({
   type: z.enum(KUN_USER_PAGE_GALGAME_RESOURCE_TYPE)
 })
 
+export const getUserRatingSchema = z.object({
+  userId: z.coerce.number().min(1).max(9999999),
+  page: z.coerce.number().min(1).max(9999999),
+  limit: z.coerce.number().min(1).max(50)
+})
+
 export const updateUserBioSchema = z.object({
   bio: z.string().max(107, { message: '签名最大长度为 107 个字符' })
 })