NextJs options added.

Author: petercsaki

packages/openapi-fetch/examples/nextjs/app/page.tsx

@@ -6,6 +6,10 @@ async function getFact() {
     params: {
       query: { max_length: 500 },
     },
+    next: {
+      revalidate: 10,
+      tags: ["cat"],
+    }
   });
 }
 

packages/openapi-fetch/src/index.d.ts

@@ -108,7 +108,10 @@ export type RequestBodyOption<T> =
       : { body: OperationRequestBodyContent<T> };
 
 export type FetchOptions<T> = RequestOptions<T> &
-  Omit<RequestInit, "body" | "headers">;
+  Omit<RequestInit, "body" | "headers"> & NextJsFetchOptions;
+
+export type NextJsFetchOptions = 
+  {next?: {revalidate?: false | 0 | number, tags?: string[]}};
 
 /** This type helper makes the 2nd function param required if params/requestBody are required; otherwise, optional */
 export type MaybeOptionalInit<P extends {}, M extends keyof P> =

packages/openapi-fetch/src/index.js

@@ -98,7 +98,7 @@ export default function createClient(clientOptions) {
     }
 
     // fetch!
-    let response = await fetch(request);
+    let response = await fetch(request, init.next ? {next: init.next} : undefined);
 
     // middleware (response)
     // execute in reverse-array order (first priority gets last transform)

packages/openapi-fetch/test/index.test.ts

@@ -952,6 +952,31 @@ describe("client", () => {
       const req = fetchMocker.mock.calls[0][0];
       expect(req.credentials).toBe("include");
     });
+
+    it("passes NextJs specific options", async () => {
+      function createCustomFetch(data: any) {
+        const response = {
+          clone: () => ({ ...response }),
+          headers: new Headers(),
+          json: async () => data,
+          status: 200,
+          ok: true,
+        } as Response;
+        return async (
+          input: RequestInfo | URL,
+          init?: RequestInit | undefined,
+        ) => {
+          expect(init).toEqual({ next: { tags: ["tag"], revalidate: 10 } });
+          return Promise.resolve(response);
+        };
+      }
+
+      const customFetch = createCustomFetch({});
+      const client = createClient<paths>({ fetch: customFetch });
+
+      mockFetchOnce({ status: 200, body: "{}" });
+      client.GET("/self", { next: { tags: ["tag"], revalidate: 10 } });
+    });
   });
 
   describe("responses", () => {