Support NextRequest and NextResponse

examples/typescript/next-env.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

examples/typescript/package.json

@@ -8,7 +8,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "next": "10.0.5",
+    "next": "^12.0.8",
     "nookies": "workspace:*",
     "react": "17.0.1",
     "react-dom": "17.0.1"

packages/nookies/package.json

@@ -23,7 +23,7 @@
   "devDependencies": {
     "@types/cookie": "0.4.1",
     "@types/express": "4.17.13",
-    "@types/next": "9.0.0",
+    "@types/next": "^9.0.0",
     "@types/node": "14.18.5",
     "@types/set-cookie-parser": "2.4.2",
     "terser": "5.10.0"

packages/nookies/src/index.ts

@@ -1,6 +1,7 @@
 import * as cookie from 'cookie'
 import * as express from 'express'
 import * as next from 'next'
+import * as nextServer from 'next/server'
 import * as setCookieParser from 'set-cookie-parser'
 import { Cookie } from 'set-cookie-parser'
 
@@ -9,18 +10,23 @@ import { areCookiesEqual, createCookie, isBrowser } from './utils'
 /**
  * Parses cookies.
  *
- * @param ctx NextJS page or API context, express context, null or undefined.
+ * @param ctx NextJS page, middleware or API context, express context, null or undefined.
  * @param options Options that we pass down to `cookie` library.
  */
 export function parseCookies(
   ctx?:
     | Pick<next.NextPageContext, 'req'>
     | { req: next.NextApiRequest }
+    | { req: nextServer.NextRequest }
     | { req: express.Request }
     | null
     | undefined,
   options?: cookie.CookieParseOptions,
 ) {
+  if (ctx?.req instanceof nextServer.NextRequest) {
+    return ctx.req.cookies
+  }
+
   if (ctx?.req?.headers?.cookie) {
     return cookie.parse(ctx.req.headers.cookie as string, options)
   }
@@ -35,7 +41,7 @@ export function parseCookies(
 /**
  * Sets a cookie.
  *
- * @param ctx NextJS page or API context, express context, null or undefined.
+ * @param ctx NextJS page, middleware or API context, express context, null or undefined.
  * @param name The name of your cookie.
  * @param value The value of your cookie.
  * @param options Options that we pass down to `cookie` library.
@@ -44,13 +50,19 @@ export function setCookie(
   ctx:
     | Pick<next.NextPageContext, 'res'>
     | { res: next.NextApiResponse }
+    | { res: nextServer.NextResponse }
     | { res: express.Response }
     | null
     | undefined,
   name: string,
   value: string,
   options: cookie.CookieSerializeOptions = {},
 ) {
+  if (ctx?.res instanceof nextServer.NextResponse) {
+    ctx.res.cookie(name, value, options)
+    return {}
+  }
+
   // SSR
   if (ctx?.res?.getHeader && ctx.res.setHeader) {
     // Check if response has finished and warn about it.