a1ad70e879
* Add createGraphQLClient util to shared package * Update urql version and use createGraphQLClient from shared package * Update urql version and use createGraphQLClient from shared package - data importer * Update urql version and use createGraphQLClient from shared package - cms * Update CRM * Update invoices * Update klaviyo * Update slack * Update products feed * Update search * Remove unused urql next * Update monitoring * Update taxes * Remove multipart since no longer used * Update the lockfile * Removed urql introspection since none of our apps used it * Add changeset
45 lines
1.6 KiB
TypeScript
45 lines
1.6 KiB
TypeScript
import { authExchange } from "@urql/exchange-auth";
|
|
import { cacheExchange, createClient as urqlCreateClient, fetchExchange } from "urql";
|
|
|
|
interface CreateGraphQLClientArgs {
|
|
saleorApiUrl: string;
|
|
token?: string;
|
|
}
|
|
|
|
/*
|
|
* Creates instance of urql client with optional auth exchange (if token is provided).
|
|
* Accessing public parts of the Saleor API is possible without providing access token.
|
|
* When trying to access fields or operations protected by permissions.
|
|
* Token can be obtained:
|
|
* - by accessing token from appBridge https://github.com/saleor/saleor-app-sdk/blob/main/docs/app-bridge.md
|
|
* - by using token created during the app registration, saved in the APL https://github.com/saleor/saleor-app-sdk/blob/main/docs/apl.md
|
|
* - by token create mutation https://docs.saleor.io/docs/3.x/api-usage/authentication
|
|
*
|
|
* In the context of developing Apps, the two first options are recommended.
|
|
*/
|
|
export const createGraphQLClient = ({ saleorApiUrl, token }: CreateGraphQLClientArgs) => {
|
|
return urqlCreateClient({
|
|
url: saleorApiUrl,
|
|
exchanges: [
|
|
cacheExchange,
|
|
authExchange(async (utils) => {
|
|
return {
|
|
addAuthToOperation(operation) {
|
|
const headers: Record<string, string> = token
|
|
? {
|
|
"Authorization-Bearer": token,
|
|
}
|
|
: {};
|
|
|
|
return utils.appendHeaders(operation, headers);
|
|
},
|
|
didAuthError(error) {
|
|
return error.graphQLErrors.some((e) => e.extensions?.code === "FORBIDDEN");
|
|
},
|
|
async refreshAuth() {},
|
|
};
|
|
}),
|
|
fetchExchange,
|
|
],
|
|
});
|
|
};
|