mirror of
https://github.com/Dokploy/dokploy
synced 2025-06-26 18:27:59 +00:00
62 lines
1.7 KiB
TypeScript
62 lines
1.7 KiB
TypeScript
/**
|
|
* This is the client-side entrypoint for your tRPC API. It is used to create the `api` object which
|
|
* contains the Next.js App-wrapper, as well as your type-safe React Query hooks.
|
|
*
|
|
* We also create a few inference helpers for input and output types.
|
|
*/
|
|
import type { AppRouter } from "@/server/api/root";
|
|
import { httpBatchLink } from "@trpc/client";
|
|
import { createTRPCNext } from "@trpc/next";
|
|
import type { inferRouterInputs, inferRouterOutputs } from "@trpc/server";
|
|
import superjson from "superjson";
|
|
|
|
const getBaseUrl = () => {
|
|
if (typeof window !== "undefined") return ""; // browser should use relative url
|
|
return `http://localhost:${process.env.PORT ?? 3000}`; // dev SSR should use localhost
|
|
};
|
|
|
|
/** A set of type-safe react-query hooks for your tRPC API. */
|
|
export const api = createTRPCNext<AppRouter>({
|
|
config() {
|
|
return {
|
|
/**
|
|
* Transformer used for data de-serialization from the server.
|
|
*
|
|
* @see https://trpc.io/docs/data-transformers
|
|
*/
|
|
transformer: superjson,
|
|
|
|
/**
|
|
* Links used to determine request flow from client to server.
|
|
*
|
|
* @see https://trpc.io/docs/links
|
|
*/
|
|
links: [
|
|
httpBatchLink({
|
|
url: `${getBaseUrl()}/api/trpc`,
|
|
}),
|
|
],
|
|
};
|
|
},
|
|
/**
|
|
* Whether tRPC should await queries when server rendering pages.
|
|
*
|
|
* @see https://trpc.io/docs/nextjs#ssr-boolean-default-false
|
|
*/
|
|
ssr: false,
|
|
});
|
|
|
|
/**
|
|
* Inference helper for inputs.
|
|
*
|
|
* @example type HelloInput = RouterInputs['example']['hello']
|
|
*/
|
|
export type RouterInputs = inferRouterInputs<AppRouter>;
|
|
|
|
/**
|
|
* Inference helper for outputs.
|
|
*
|
|
* @example type HelloOutput = RouterOutputs['example']['hello']
|
|
*/
|
|
export type RouterOutputs = inferRouterOutputs<AppRouter>;
|