feat: galgame person list and detail page

Author: KUN1007

app/api/person/all/route.ts

@@ -3,12 +3,13 @@ import { NextRequest, NextResponse } from 'next/server'
 import { prisma } from '~/prisma/index'
 import { getPersonSchema } from '~/validations/person'
 import { kunParseGetQuery } from '~/app/api/utils/parseQuery'
+import type { PatchPerson } from '~/types/api/person'
 
 export const getPerson = async (input: z.infer<typeof getPersonSchema>) => {
   const { page, limit } = input
   const offset = (page - 1) * limit
 
-  const [persons, total] = await Promise.all([
+  const [data, total] = await Promise.all([
     prisma.patch_person.findMany({
       take: limit,
       skip: offset,
@@ -25,6 +26,17 @@ export const getPerson = async (input: z.infer<typeof getPersonSchema>) => {
     prisma.patch_person.count()
   ])
 
+  const persons: PatchPerson[] = data.map((p) => ({
+    id: p.id,
+    image: p.image,
+    roles: p.roles,
+    name: {
+      'zh-cn': p.name_zh_cn,
+      'ja-jp': p.name_ja_jp,
+      'en-us': p.name_en_us
+    }
+  }))
+
   return { persons, total }
 }
 

app/api/person/route.ts

@@ -2,6 +2,7 @@ import { NextRequest, NextResponse } from 'next/server'
 import { z } from 'zod'
 import { prisma } from '~/prisma'
 import { kunParseGetQuery } from '../utils/parseQuery'
+import type { PatchPersonDetail } from '~/types/api/person'
 
 const personIdSchema = z.object({ personId: z.coerce.number().min(1) })
 
@@ -20,22 +21,26 @@ export const getPersonById = async (input: z.infer<typeof personIdSchema>) => {
   })
   const patches = patchRelations.map((pr) => ({
     id: pr.patch.id,
-    name: pr.patch.name,
+    name_zh_cn: pr.patch.name_zh_cn,
+    name_ja_jp: pr.patch.name_ja_jp,
+    name_en_us: pr.patch.name_en_us,
     banner: pr.patch.banner
   }))
 
   return {
     id: person.id,
     image: person.image,
     roles: person.roles,
-    language: person.language,
-    links: person.links,
-    name_zh_cn: person.name_zh_cn,
-    name_ja_jp: person.name_ja_jp,
-    name_en_us: person.name_en_us,
-    description_zh_cn: person.description_zh_cn,
-    description_ja_jp: person.description_ja_jp,
-    description_en_us: person.description_en_us,
+    name: {
+      'zh-cn': person.name_zh_cn,
+      'ja-jp': person.name_ja_jp,
+      'en-us': person.name_en_us
+    },
+    description: {
+      'zh-cn': person.description_zh_cn,
+      'ja-jp': person.description_ja_jp,
+      'en-us': person.description_en_us
+    },
     birthday: person.birthday,
     blood_type: person.blood_type,
     birthplace: person.birthplace,
@@ -45,8 +50,16 @@ export const getPersonById = async (input: z.infer<typeof personIdSchema>) => {
     official_website: person.official_website,
     blog: person.blog,
     alias: aliases,
-    patches
-  }
+    patches: patches.map((p) => ({
+      id: p.id,
+      name: {
+        'zh-cn': p.name_zh_cn,
+        'ja-jp': p.name_ja_jp,
+        'en-us': p.name_en_us
+      },
+      banner: p.banner
+    }))
+  } satisfies PatchPersonDetail
 }
 
 export const GET = async (req: NextRequest) => {

app/character/[id]/page.tsx

@@ -4,6 +4,10 @@ import { generateNullMetadata } from '~/utils/noIndex'
 import { ErrorComponent } from '~/components/error/ErrorComponent'
 import type { Metadata } from 'next'
 
+export const generateMetadata = async (): Promise<Metadata> => {
+  return generateNullMetadata('角色详情')
+}
+
 export default async function Kun({
   params
 }: {
@@ -18,7 +22,3 @@ export default async function Kun({
 
   return <CharDetailContainer char={response} />
 }
-
-export const generateMetadata = async (): Promise<Metadata> => {
-  return generateNullMetadata('角色详情')
-}

app/character/page.tsx

@@ -10,7 +10,7 @@ export const generateMetadata = async (): Promise<Metadata> => {
   return generateNullMetadata('角色列表')
 }
 
-export default async function CharIndex() {
+export default async function Kun() {
   const response = await kunGetActions({ page: 1, limit: 72 })
   if (typeof response === 'string') {
     return <ErrorComponent error={response} />

app/person/[id]/metadata.ts

@@ -1,32 +1,24 @@
-import { notFound } from 'next/navigation'
-import { z } from 'zod'
-import type { Metadata } from 'next'
 import { getPersonById } from '~/app/api/person/route'
 import { PersonDetailContainer } from '~/components/person/detail/Container'
-import { generateKunMetadataTemplate } from './metadata'
+import { generateNullMetadata } from '~/utils/noIndex'
+import type { Metadata } from 'next'
+import { ErrorComponent } from '~/components/error/ErrorComponent'
 
-const paramsSchema = z.object({ id: z.coerce.number().min(1) })
+export const generateMetadata = async (): Promise<Metadata> => {
+  return generateNullMetadata('制作人')
+}
 
-export default async function PersonDetailPage({
+export default async function Kun({
   params
 }: {
-  params: { id: string }
+  params: Promise<{ id: string }>
 }) {
-  const parsed = paramsSchema.safeParse(params)
-  if (!parsed.success) notFound()
-  const data = await getPersonById({ personId: parsed.data.id })
-  if (typeof data === 'string') notFound()
-  return <PersonDetailContainer person={data} />
-}
+  const { id } = await params
+  const response = await getPersonById({ personId: Number(id) })
 
-export const generateMetadata = async ({
-  params
-}: {
-  params: { id: string }
-}): Promise<Metadata> => {
-  const parsed = paramsSchema.safeParse(params)
-  if (!parsed.success) return {}
-  const data = await getPersonById({ personId: parsed.data.id })
-  if (typeof data === 'string') return {}
-  return generateKunMetadataTemplate(data)
+  if (typeof response === 'string') {
+    return <ErrorComponent error={response} />
+  }
+
+  return <PersonDetailContainer person={response} />
 }

app/person/[id]/page.tsx

@@ -1,18 +1,21 @@
 import { kunGetActions } from './actions'
 import { ErrorComponent } from '~/components/error/ErrorComponent'
-import type { Metadata } from 'next'
 import { PersonContainer } from '~/components/person/Container'
-import { kunMetadata } from './metadata'
+import { generateNullMetadata } from '~/utils/noIndex'
+import type { Metadata } from 'next'
 
 export const revalidate = 5
 
-export const metadata: Metadata = kunMetadata
+export const generateMetadata = async (): Promise<Metadata> => {
+  return generateNullMetadata('制作人列表')
+}
 
-export default async function PersonIndex() {
-  const response = await kunGetActions({ page: 1, limit: 100 })
+export default async function Kun() {
+  const response = await kunGetActions({ page: 1, limit: 72 })
   if (typeof response === 'string') {
     return <ErrorComponent error={response} />
   }
+
   return (
     <PersonContainer
       initialPersons={response.persons}

app/person/metadata.ts

@@ -74,7 +74,7 @@ export const CharContainer = ({
     <div className="flex flex-col w-full my-4 space-y-8">
       <KunHeader
         name="Galgame 角色列表"
-        description="这里是 Galgame 游戏中出现的所有 Galgame 角色的列表"
+        description="这里是 Galgame 游戏中出现的所有 Galgame 角色的列表, 本页面只是随手写一下, 仍在开发中..."
       />
 
       <SearchChars query={query} setQuery={setQuery} searching={searching} />
@@ -83,10 +83,10 @@ export const CharContainer = ({
         <CharList chars={chars} loading={loading} searching={searching} />
       )}
 
-      {total > 100 && !query && (
+      {total > 72 && !query && (
         <div className="flex justify-center">
           <Pagination
-            total={Math.ceil(total / 100)}
+            total={Math.ceil(total / 72)}
             page={page}
             onChange={setPage}
             showControls

app/person/page.tsx

@@ -184,7 +184,7 @@ export const CharDetailContainer = ({
                 ))}
               </div>
             ) : (
-              <div className="text-sm text-default-400">暂无参与的 Patch</div>
+              <div className="text-sm text-default-400">暂无参与的 Galgame</div>
             )}
           </section>
         </main>