mirror of
https://github.com/ArthurDanjou/trpc-nuxt.git
synced 2026-02-02 05:08:01 +01:00
fix missing exports warnings
This commit is contained in:
@@ -1,12 +1,18 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
const client = useClient()
|
const client = useClient()
|
||||||
const { data, error } = await useAsyncData('random', () => client.query('hello'), {
|
const { data, error } = await useAsyncData('getUser', () => client.query('getUser', {
|
||||||
server: false,
|
username: 'asd',
|
||||||
|
}), {
|
||||||
|
server: true,
|
||||||
|
})
|
||||||
|
|
||||||
|
watchEffect(() => {
|
||||||
|
console.log(process.server, error.value)
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
{{ data }}
|
{{ error }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
21
playground/server/trpc/index.ts
Normal file
21
playground/server/trpc/index.ts
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
// ~/server/trpc/index.ts
|
||||||
|
import { z } from 'zod'
|
||||||
|
import * as trpc from '@trpc/server'
|
||||||
|
|
||||||
|
const fakeUsers = [
|
||||||
|
{ id: 1, username: 'jcena', name: 'John Cena' },
|
||||||
|
{ id: 2, username: 'dbatista', name: 'Dave Batista' },
|
||||||
|
{ id: 3, username: 'jbiden', name: 'Joe Biden' },
|
||||||
|
]
|
||||||
|
|
||||||
|
export const router = trpc
|
||||||
|
.router()
|
||||||
|
.query('getUser', {
|
||||||
|
// validate input with Zod
|
||||||
|
input: z.object({
|
||||||
|
username: z.string().min(5),
|
||||||
|
}),
|
||||||
|
resolve(req) {
|
||||||
|
return fakeUsers.find(i => i.username === req.input.username)
|
||||||
|
},
|
||||||
|
})
|
||||||
@@ -68,6 +68,8 @@ export const router = trpc
|
|||||||
import * as trpc from '@trpc/server'
|
import * as trpc from '@trpc/server'
|
||||||
import { TRPCError } from '@trpc/server'
|
import { TRPCError } from '@trpc/server'
|
||||||
|
|
||||||
|
// Merging routers: https://trpc.io/docs/merging-routers
|
||||||
|
|
||||||
export const router = trpc
|
export const router = trpc
|
||||||
.router<Context>()
|
.router<Context>()
|
||||||
// this is accessible for everyone
|
// this is accessible for everyone
|
||||||
@@ -79,7 +81,7 @@ export const router = trpc
|
|||||||
})
|
})
|
||||||
.merge(
|
.merge(
|
||||||
'admin.',
|
'admin.',
|
||||||
createRouter()
|
trpc.router<Context>()
|
||||||
// this protects all procedures defined next in this router
|
// this protects all procedures defined next in this router
|
||||||
.middleware(async ({ ctx, next }) => {
|
.middleware(async ({ ctx, next }) => {
|
||||||
if (!ctx.user?.isAdmin)
|
if (!ctx.user?.isAdmin)
|
||||||
|
|||||||
@@ -47,11 +47,7 @@ export default defineNuxtModule<ModuleOptions>({
|
|||||||
import { createTRPCHandler } from 'trpc-nuxt/api'
|
import { createTRPCHandler } from 'trpc-nuxt/api'
|
||||||
import * as functions from '~/server/trpc'
|
import * as functions from '~/server/trpc'
|
||||||
|
|
||||||
export default createTRPCHandler({
|
export default createTRPCHandler(functions)
|
||||||
router: functions.router,
|
|
||||||
createContext: functions.createContext ?? undefined,
|
|
||||||
responseMeta: functions.responseMeta ?? undefined,
|
|
||||||
})
|
|
||||||
`)
|
`)
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -11,19 +11,31 @@ import { createURL } from 'ufo'
|
|||||||
import type { CompatibilityEvent } from 'h3'
|
import type { CompatibilityEvent } from 'h3'
|
||||||
import { defineEventHandler, isMethod, useBody } from 'h3'
|
import { defineEventHandler, isMethod, useBody } from 'h3'
|
||||||
import type { TRPCResponse } from '@trpc/server/dist/declarations/src/rpc'
|
import type { TRPCResponse } from '@trpc/server/dist/declarations/src/rpc'
|
||||||
import type { OnErrorFunction } from '@trpc/server/dist/declarations/src/internals/OnErrorFunction'
|
|
||||||
|
|
||||||
type MaybePromise<T> = T | Promise<T>
|
type MaybePromise<T> = T | Promise<T>
|
||||||
|
|
||||||
type CreateContextFn<TRouter extends AnyRouter> = (event: CompatibilityEvent) => MaybePromise<inferRouterContext<TRouter>>
|
export type CreateContextFn<TRouter extends AnyRouter> = (event: CompatibilityEvent) => MaybePromise<inferRouterContext<TRouter>>
|
||||||
|
|
||||||
type ResponseMetaFn<TRouter extends AnyRouter> = (opts: {
|
export interface ResponseMetaFnPayload<TRouter extends AnyRouter> {
|
||||||
data: TRPCResponse<unknown, inferRouterError<TRouter>>[]
|
data: TRPCResponse<unknown, inferRouterError<TRouter>>[]
|
||||||
ctx?: inferRouterContext<TRouter>
|
ctx?: inferRouterContext<TRouter>
|
||||||
paths?: string[]
|
paths?: string[]
|
||||||
type: ProcedureType | 'unknown'
|
type: ProcedureType | 'unknown'
|
||||||
errors: TRPCError[]
|
errors: TRPCError[]
|
||||||
}) => ResponseMeta
|
}
|
||||||
|
|
||||||
|
export type ResponseMetaFn<TRouter extends AnyRouter> = (opts: ResponseMetaFnPayload<TRouter>) => ResponseMeta
|
||||||
|
|
||||||
|
export interface OnErrorPayload<TRouter extends AnyRouter> {
|
||||||
|
error: TRPCError
|
||||||
|
type: ProcedureType | 'unknown'
|
||||||
|
path: string | undefined
|
||||||
|
req: CompatibilityEvent['req']
|
||||||
|
input: unknown
|
||||||
|
ctx: undefined | inferRouterContext<TRouter>
|
||||||
|
}
|
||||||
|
|
||||||
|
export type OnErrorFn<TRouter extends AnyRouter> = (opts: OnErrorPayload<TRouter>) => void
|
||||||
|
|
||||||
export function createTRPCHandler<Router extends AnyRouter>({
|
export function createTRPCHandler<Router extends AnyRouter>({
|
||||||
router,
|
router,
|
||||||
@@ -34,13 +46,14 @@ export function createTRPCHandler<Router extends AnyRouter>({
|
|||||||
router: Router
|
router: Router
|
||||||
createContext?: CreateContextFn<Router>
|
createContext?: CreateContextFn<Router>
|
||||||
responseMeta?: ResponseMetaFn<Router>
|
responseMeta?: ResponseMetaFn<Router>
|
||||||
onError?: OnErrorFunction<Router, CompatibilityEvent['req']>
|
onError?: OnErrorFn<Router>
|
||||||
}) {
|
}) {
|
||||||
|
const url = '/trpc'
|
||||||
|
|
||||||
return defineEventHandler(async (event) => {
|
return defineEventHandler(async (event) => {
|
||||||
const {
|
const {
|
||||||
req,
|
req,
|
||||||
res,
|
res,
|
||||||
context,
|
|
||||||
} = event
|
} = event
|
||||||
|
|
||||||
const $url = createURL(req.url)
|
const $url = createURL(req.url)
|
||||||
@@ -53,7 +66,7 @@ export function createTRPCHandler<Router extends AnyRouter>({
|
|||||||
body: isMethod(event, 'GET') ? null : await useBody(event),
|
body: isMethod(event, 'GET') ? null : await useBody(event),
|
||||||
query: $url.searchParams,
|
query: $url.searchParams,
|
||||||
},
|
},
|
||||||
path: context.params.path,
|
path: $url.pathname.substring(url.length + 1),
|
||||||
createContext: async () => createContext?.(event),
|
createContext: async () => createContext?.(event),
|
||||||
responseMeta,
|
responseMeta,
|
||||||
onError: (o) => {
|
onError: (o) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user