Merge pull request #12 from gonta1026/feature/hello_api

fix: hello api

biome.json

@@ -23,6 +23,9 @@
       },
       "complexity": {
         "noExcessiveCognitiveComplexity": "off"
+      },
+      "correctness": {
+        "noUnusedImports": "info"
       }
     }
   },

src/app/components/user.tsx → src/app/components/latestUser.tsx

@@ -12,7 +12,7 @@ type Props = {
 }
 
 export const LatestUser: FC<Props> = ({ latestUser }) => {
-  // const { data: latestUser } = api.user.first.useQuery()
+  const [user] = api.user.hello.useSuspenseQuery({ text: 'hello', id: 5 })
   const utils = api.useUtils()
   const [name, setName] = useState('')
   const [email, setEmail] = useState('')
@@ -28,8 +28,8 @@ export const LatestUser: FC<Props> = ({ latestUser }) => {
 
   return (
     <div className={styles.showcaseContainer}>
-      {latestUser ? (
-        <p className={styles.showcaseText}>Your most recent post: {latestUser.name}</p>
+      {user ? (
+        <p className={styles.showcaseText}>Your most recent post: {user.name} です</p>
       ) : (
         <p className={styles.showcaseText}>You have no posts yet.</p>
       )}

src/app/layout.tsx

@@ -1,9 +1,9 @@
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import './globals.css'
-import type { ReactNode } from 'react'
 import { TRPCReactProvider } from '@/trpc/react'
 import { HydrateClient } from '@/trpc/server'
+import type { ReactNode } from 'react'
 
 const inter = Inter({
   subsets: ['latin'],

src/app/page.tsx

@@ -1,18 +1,26 @@
 import Link from 'next/link'
 
-import { LatestUser } from '@/app/components/user'
+import { LatestUser } from '@/app/components/latestUser'
 import styles from './index.module.css'
 import { api } from '@/trpc/server'
+// import { api as reactApi } from '@/trpc/react'
+
 export const metadata = {
   title: 'next template',
 }
 
 export default async function Home() {
   const latestUser = await api.user.first()
+  // const user = await api.user.hello({ text: 'hello', id: 5 })
+  const user = await api.user.hello({ text: 'hello', id: 5 })
 
   return (
     <main className={styles.main}>
       <h1>Hello World🚀</h1>
+      <p style={{ color: 'white' }}>
+        id: {user?.id}
+        name: {user?.name}
+      </p>
       <div className={styles.container}>
         <h2 className={styles.title}>
           Create <span className={styles.pinkSpan}>T3</span> App

src/server/api/routers/user/hello.ts

@@ -0,0 +1,7 @@
+import { helloSchema } from '@/server/api/routers/user/request/hello'
+import { helloCallback } from '@/server/api/routers/user/usecase/hello'
+import { publicProcedure } from '@/server/api/trpc'
+
+export const hello = () => {
+  return publicProcedure.input(helloSchema).query(helloCallback)
+}

src/server/api/routers/user/index.ts

@@ -1,6 +1,6 @@
 import { createTRPCRouter } from '@/server/api/trpc'
 import { create } from './create'
-import { hello } from '@/server/api/routers/hello/hello'
+import { hello } from '@/server/api/routers/user/hello'
 import { first } from '@/server/api/routers/user/first'
 
 export const userRouter = createTRPCRouter({

src/server/api/routers/user/request/create.ts

@@ -1,6 +1,6 @@
 import { z } from 'zod'
 
-export type CreateSchemaInput = typeof createSchema._type
+export type CreateSchemaInput = z.infer<typeof createSchema>
 
 export const createSchema = z.object({
   name: z

src/server/api/routers/user/request/hello.ts

@@ -0,0 +1,5 @@
+import { z } from 'zod'
+
+export type HelloSchemaInput = z.infer<typeof helloSchema>
+
+export const helloSchema = z.object({ text: z.string(), id: z.number() })

src/server/api/routers/user/usecase/hello.ts

@@ -0,0 +1,6 @@
+import type { MutationCallBackArg } from '@/server/api/routers/user/type'
+import type { HelloSchemaInput } from '@/server/api/routers/user/request/hello'
+
+export const helloCallback = async ({ ctx, input }: MutationCallBackArg<HelloSchemaInput>) => {
+  return await ctx.db.user.findFirst({ where: { id: input.id } })
+}