4.0.0-beta.9 (#1827)

guabu · web-flow · commit 726a8ed3d9e3 · 2024-12-03T12:55:56.000+05:30
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@
 ### 1. Install the SDK
 
 ```shell
-npm i @auth0/nextjs-auth0@4.0.0-beta.8
+npm i @auth0/nextjs-auth0@4.0.0-beta.9
 ```
 
 ### 2. Add the environment variables
@@ -322,6 +322,36 @@ export default async function handler(
 }
 ```
 
+## `<Auth0Provider />`
+
+### Passing an initial user from the server
+
+You can wrap your components in an `<Auth0Provider />` and pass an initial user object to make it available to your components using the `useUser()` hook. For example:
+
+```tsx
+import { Auth0Provider } from "@auth0/nextjs-auth0"
+
+import { auth0 } from "@/lib/auth0"
+
+export default async function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  const session = await auth0.getSession()
+
+  return (
+    <html lang="en">
+      <body>
+        <Auth0Provider user={session?.user}>{children}</Auth0Provider>
+      </body>
+    </html>
+  )
+}
+```
+
+The loaded user will then be used as a fallback in `useUser()` hook.
+
 ## Hooks
 
 The SDK exposes hooks to enable you to provide custom logic that would be run at certain lifecycle events.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@auth0/nextjs-auth0",
-  "version": "4.0.0-beta.8",
+  "version": "4.0.0-beta.9",
   "description": "Auth0 Next.js SDK",
   "main": "dist/index.js",
   "scripts": {
diff --git a/src/client/hooks/use-user.ts b/src/client/hooks/use-user.ts
@@ -17,6 +17,15 @@ export function useUser() {
       })
   )
 
+  // if we have the user loaded via the provider, return it
+  if (data) {
+    return {
+      user: data,
+      isLoading: false,
+      error: null,
+    }
+  }
+
   if (error) {
     return {
       user: null,
diff --git a/src/client/index.ts b/src/client/index.ts
@@ -1,2 +1,3 @@
 export { useUser } from "./hooks/use-user"
 export { getAccessToken } from "./helpers/get-access-token"
+export { Auth0Provider } from "./providers/auth0-provider"
diff --git a/src/client/providers/auth0-provider.tsx b/src/client/providers/auth0-provider.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import React from "react"
+import { SWRConfig } from "swr"
+
+import { User } from "../../types"
+
+export function Auth0Provider({
+  user,
+  children,
+}: {
+  user?: User
+  children: React.ReactNode
+}) {
+  return (
+    <SWRConfig
+      value={{
+        fallback: {
+          "/auth/profile": user,
+        },
+      }}
+    >
+      {children}
+    </SWRConfig>
+  )
+}
diff --git a/src/server/auth-client.test.ts b/src/server/auth-client.test.ts
@@ -1337,6 +1337,11 @@ describe("Authentication Client", async () => {
       // query parameters
       expect(logoutUrl.searchParams.get("client_id")).toEqual(DEFAULT.clientId)
       expect(logoutUrl.searchParams.get("returnTo")).toEqual(DEFAULT.appBaseUrl)
+
+      // session cookie is cleared
+      const cookie = response.cookies.get("__session")
+      expect(cookie?.value).toEqual("")
+      expect(cookie?.expires).toEqual(new Date("1970-01-01T00:00:00.000Z"))
     })
 
     it("should return an error if the discovery endpoint could not be fetched", async () => {
diff --git a/src/server/auth-client.ts b/src/server/auth-client.ts
@@ -287,7 +287,10 @@ export class AuthClient {
       const url = new URL("/v2/logout", this.issuer)
       url.searchParams.set("returnTo", returnTo)
       url.searchParams.set("client_id", this.clientMetadata.client_id)
-      return NextResponse.redirect(url)
+
+      const res = NextResponse.redirect(url)
+      await this.sessionStore.delete(req.cookies, res.cookies)
+      return res
     }
 
     const url = new URL(authorizationServerMetadata.end_session_endpoint)
diff --git a/src/server/client.ts b/src/server/client.ts
@@ -180,7 +180,7 @@ export class Auth0Client {
    *
    * This method can be used in Server Components, Server Actions, Route Handlers, and middleware in the **App Router**.
    */
-  async getAccessToken(): Promise<{ token: string; expiresAt: number } | null>
+  async getAccessToken(): Promise<{ token: string; expiresAt: number }>
 
   /**
    * getAccessToken returns the access token.
@@ -189,14 +189,14 @@ export class Auth0Client {
    */
   async getAccessToken(
     req: PagesRouterRequest
-  ): Promise<{ token: string; expiresAt: number } | null>
+  ): Promise<{ token: string; expiresAt: number }>
 
   /**
    * getAccessToken returns the access token.
    */
   async getAccessToken(
     req?: PagesRouterRequest
-  ): Promise<{ token: string; expiresAt: number } | null> {
+  ): Promise<{ token: string; expiresAt: number }> {
     let session: SessionData | null = null
 
     if (req) {
@@ -212,7 +212,7 @@ export class Auth0Client {
       )
     }
 
-    // if access token has expired, return null
+    // if access token has expired, throw an error
     if (session.tokenSet.expiresAt <= Date.now() / 1000) {
       if (!session.tokenSet.refreshToken) {
         throw new AccessTokenError(

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@auth0/nextjs-auth0",`
`3`		`- "version": "4.0.0-beta.8",`
	`3`	`+ "version": "4.0.0-beta.9",`
`4`	`4`	`"description": "Auth0 Next.js SDK",`
`5`	`5`	`"main": "dist/index.js",`
`6`	`6`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
`1`	`1`	`export { useUser } from "./hooks/use-user"`
`2`	`2`	`export { getAccessToken } from "./helpers/get-access-token"`
	`3`	`+export { Auth0Provider } from "./providers/auth0-provider"`