nuxt-graphql-client/dist/runtime/plugin.js

[](https://nuxt-graphql-client.web.app)

import { defu } from "defu";
import { GraphQLClient } from "graphql-request";
import { ref, useCookie, useNuxtApp, defineNuxtPlugin, useRuntimeConfig, useRequestHeaders } from "#imports";
export default defineNuxtPlugin(() => {
  const nuxtApp = useNuxtApp();
  if (!nuxtApp?._gqlState) {
    nuxtApp._gqlState = ref({});
    const config = useRuntimeConfig();
    const { clients } = import.meta.server ? defu(config?.["graphql-client"], config?.public?.["graphql-client"]) : config?.public?.["graphql-client"];
    const proxyHeaders = Object.values(clients || {}).flatMap((v) => v?.proxyHeaders).filter((v, i, a) => Boolean(v) && a.indexOf(v) === i);
    if (!proxyHeaders.includes("cookie")) {
      proxyHeaders.push("cookie");
    }
    const requestHeaders = import.meta.server && useRequestHeaders(proxyHeaders) || void 0;
    for (const [name, v] of Object.entries(clients || {})) {
      const host = import.meta.client && v?.clientHost || v.host;
      const proxyCookie = v?.proxyCookies && !!requestHeaders?.cookie;
      let headers = v?.headers;
      const serverHeaders = import.meta.server && (typeof headers?.serverOnly === "object" && headers?.serverOnly) || {};
      if (headers?.serverOnly) {
        headers = { ...headers };
        delete headers.serverOnly;
      }
      for (const header of v?.proxyHeaders || []) {
        if (!requestHeaders?.[header]) {
          continue;
        }
        headers = { ...headers, [header]: requestHeaders?.[header] };
      }
      const opts = {
        headers: {
          ...headers,
          ...serverHeaders,
          ...proxyCookie && { cookie: requestHeaders?.cookie }
        },
        ...v?.corsOptions,
        ...v?.fetchOptions
      };
      nuxtApp._gqlState.value[name] = {
        options: opts,
        instance: new GraphQLClient(host, {
          ...v?.preferGETQueries && {
            method: "GET",
            jsonSerializer: { parse: JSON.parse, stringify: JSON.stringify }
          },
          requestMiddleware: async (req) => {
            const token = ref();
            await nuxtApp.callHook("gql:auth:init", { token, client: name });
            const reqOpts = defu(nuxtApp._gqlState.value?.[name]?.options || {}, { headers: {} });
            if (!token.value) {
              token.value = reqOpts?.token?.value;
            }
            if (token.value === void 0 && typeof v.tokenStorage === "object") {
              if (v.tokenStorage?.mode === "cookie") {
                if (import.meta.client) {
                  token.value = useCookie(v.tokenStorage.name).value || void 0;
                } else if (requestHeaders?.cookie) {
                  const cookieName = `${v.tokenStorage.name}=`;
                  token.value = requestHeaders?.cookie.split(";").find((c) => c.trim().startsWith(cookieName))?.split("=")?.[1];
                }
              } else if (import.meta.client && v.tokenStorage?.mode === "localStorage") {
                const storedToken = localStorage.getItem(v.tokenStorage.name);
                if (storedToken) {
                  token.value = storedToken;
                }
              }
            }
            if (token.value === void 0) {
              token.value = v?.token?.value;
            }
            if (token.value) {
              token.value = token.value.trim();
              const tokenName = token.value === reqOpts?.token?.value ? reqOpts?.token?.name || v?.token?.name : v?.token?.name;
              const tokenType = token.value === reqOpts?.token?.value ? reqOpts?.token?.type === null ? null : reqOpts?.token?.type || v?.token?.type : v?.token?.type;
              const authScheme = !!token.value?.match(/^[a-z]+\s/i)?.[0];
              if (authScheme) {
                reqOpts.headers[tokenName] = token.value;
              } else {
                reqOpts.headers[tokenName] = !tokenType ? token.value : `${tokenType} ${token.value}`;
              }
            }
            if (reqOpts?.token) {
              delete reqOpts.token;
            }
            return defu(reqOpts, req, {
              headers: {
                "Content-Type": "application/json",
                Accept: "application/graphql-response+json, application/json"
              }
            });
          },
          ...v?.fetchOptions
        })
      };
    }
  }
});