0f84985c98
* Add tRPC to search app * Implemented configuration endpoint in trpc * replace settings manager to use shared factory * replace configuration calls to trpc
45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
import { httpBatchLink } from "@trpc/client";
|
|
import { createTRPCNext } from "@trpc/next";
|
|
|
|
import { SALEOR_API_URL_HEADER, SALEOR_AUTHORIZATION_BEARER_HEADER } from "@saleor/app-sdk/const";
|
|
|
|
import { AppRouter } from "./trpc-app-router";
|
|
import { appBridgeInstance } from "../../pages/_app";
|
|
|
|
function getBaseUrl() {
|
|
if (typeof window !== "undefined") return "";
|
|
if (process.env.VERCEL_URL) return `https://${process.env.VERCEL_URL}`;
|
|
|
|
return `http://localhost:${process.env.PORT ?? 3000}`;
|
|
}
|
|
|
|
export const trpcClient = createTRPCNext<AppRouter>({
|
|
config({ ctx }) {
|
|
return {
|
|
links: [
|
|
httpBatchLink({
|
|
url: `${getBaseUrl()}/api/trpc`,
|
|
headers() {
|
|
const { token, saleorApiUrl } = appBridgeInstance?.getState() || {};
|
|
|
|
if (!token || !saleorApiUrl) {
|
|
console.error(
|
|
"Can't initialize tRPC client before establishing the App Bridge connection",
|
|
);
|
|
throw new Error("Token and Saleor API URL unknown");
|
|
}
|
|
return {
|
|
/**
|
|
* Attach headers from app to client requests, so tRPC can add them to context
|
|
*/
|
|
[SALEOR_AUTHORIZATION_BEARER_HEADER]: appBridgeInstance?.getState().token,
|
|
[SALEOR_API_URL_HEADER]: appBridgeInstance?.getState().saleorApiUrl,
|
|
};
|
|
},
|
|
}),
|
|
],
|
|
queryClientConfig: { defaultOptions: { queries: { refetchOnWindowFocus: false } } },
|
|
};
|
|
},
|
|
ssr: false,
|
|
});
|