nuxt-graphql-middleware 2.1.0 → 2.1.3

package/README.md

@@ -246,6 +246,11 @@ export default (pluginContext) => {
 You have access to the context via the first parameter. The second parameter
 provides the fetch options, which you have to return.
 
+It's also possible to return a Promise, useful if you need to handle things
+like a token refresh. Be aware that this method is called before every query or
+mutation request, so make sure it doesn't take too much time.
+
+
 ### Integrate with nuxt-auth
 
 Add a `beforeRequest` method in a custom plugin:

package/dist/module.mjs

@@ -90,7 +90,7 @@ function createServerMiddleware(graphqlServer, queries, mutations, config) {
       const headers = buildHeaders(req, name, "mutation", config);
       const endpoint = getEndpoint(req);
       const client = getClient(endpoint);
-      const response = await client.request(mutation, req.body, headers);
+      const response = await client.rawRequest(mutation, req.body, headers);
       if (config?.onMutationResponse) {
         return config.onMutationResponse(response, req, res);
       }

package/dist/plugin.mjs

@@ -21,6 +21,11 @@ class GraphqlMiddlewarePlugin {
   beforeRequest(fn) {
     this.beforeRequestFn = fn;
   }
+  clearCache() {
+    if (this.cache) {
+      this.cache.clear();
+    }
+  }
   query(name, variables, headers = {}) {
     const params = new URLSearchParams({
       name,
@@ -32,7 +37,7 @@ class GraphqlMiddlewarePlugin {
       return Promise.resolve(this.cache.get(url));
     }
     log("query", url, "Fetching");
-    let fetchOptions = {
+    const defaultOptions = {
       method: "GET",
       credentials: "include",
       headers: {
@@ -42,23 +47,28 @@ class GraphqlMiddlewarePlugin {
         ...this.getPluginHeaderValue()
       }
     };
-    if (this.beforeRequestFn) {
-      fetchOptions = this.beforeRequestFn(this.context, fetchOptions);
-    }
-    return fetch(url, fetchOptions).then((response) => {
-      if (response.ok) {
-        return response.json();
-      }
-      throw new Error("Server Error");
-    }).then((data) => {
-      if (this.cache && this.cache.size > 30) {
-        const key = this.cache.keys().next().value;
-        this.cache.delete(key);
-      }
-      this.cache?.set(url, data);
-      return data;
+    return this.doBeforeRequest(defaultOptions).then((fetchOptions) => {
+      return fetch(url, fetchOptions).then((response) => {
+        if (response.ok) {
+          return response.json();
+        }
+        throw new Error("Server Error");
+      }).then((data) => {
+        if (this.cache && this.cache.size > 30) {
+          const key = this.cache.keys().next().value;
+          this.cache.delete(key);
+        }
+        this.cache?.set(url, data);
+        return data;
+      });
     });
   }
+  doBeforeRequest(fetchOptions) {
+    if (!this.beforeRequestFn) {
+      return Promise.resolve(fetchOptions);
+    }
+    return Promise.resolve(this.beforeRequestFn(this.context, fetchOptions));
+  }
   mutate(name, variables, headers = {}) {
     const params = new URLSearchParams({
       name

package/dist/types/templates/plugin.d.ts

@@ -16,7 +16,9 @@ export declare class GraphqlMiddlewarePlugin {
         'Nuxt-Graphql-Middleware-Route': any;
     };
     beforeRequest(fn: Function): void;
+    clearCache(): void;
     query(name: string, variables?: any, headers?: any): Promise<any>;
+    doBeforeRequest(fetchOptions: Record<string, any>): Promise<any>;
     mutate(name: string, variables?: any, headers?: any): Promise<any>;
 }
 declare const graphqlMiddlewarePlugin: Plugin;

package/dist/types/templates/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/templates/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAW7C,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,qBAAa,uBAAuB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,GAAG,CAAA;IACZ,eAAe,EAAE,QAAQ,GAAG,SAAS,CAAA;IACrC,KAAK,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACxB,OAAO,EAAE,GAAG,CAAA;gBAGV,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,GAAG,EACZ,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO;IAUlB,oBAAoB;;;IAMpB,aAAa,CAAC,EAAE,EAAE,QAAQ;IAO1B,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,GAAE,GAAQ;IAgDtD,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,GAAE,GAAQ;CAuBxD;AAED,QAAA,MAAM,uBAAuB,EAAE,MAyB9B,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/templates/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAW7C,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,qBAAa,uBAAuB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,GAAG,CAAA;IACZ,eAAe,EAAE,QAAQ,GAAG,SAAS,CAAA;IACrC,KAAK,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACxB,OAAO,EAAE,GAAG,CAAA;gBAGV,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,GAAG,EACZ,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO;IAUlB,oBAAoB;;;IAMpB,aAAa,CAAC,EAAE,EAAE,QAAQ;IAI1B,UAAU;IASV,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,GAAE,GAAQ;IA+CtD,eAAe,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAWjD,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,GAAE,GAAQ;CAuBxD;AAED,QAAA,MAAM,uBAAuB,EAAE,MAyB9B,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-graphql-middleware",
-  "version": "2.1.0",
+  "version": "2.1.3",
   "description": "Module to perform GraphQL requests as a server middleware.",
   "repository": {
     "type": "git",