@frontegg/nextjs 6.7.10-alpha.3872006763 → 6.7.10-alpha.3901992373

package/CHANGELOG.md

@@ -1,9 +1,10 @@
 # Change Log
 
-## [6.7.10](https://github.com/frontegg/frontegg-nextjs/compare/v6.7.9...v6.7.10) (2023-1-9)
+## [6.7.10](https://github.com/frontegg/frontegg-nextjs/compare/v6.7.9...v6.7.10) (2023-1-12)
 
 
 ### NextJS Wrapper 6.7.10:
+- FR-10342 - update readme for app directory
 - Update Frontegg AdminPortal to 6.58.0
 - FR-10153 - Fix app session bug without keepSessionAlive
 

package/README.md

@@ -253,19 +253,15 @@ export { FronteggAppRouter as default } from '@frontegg/nextjs/client';
 ```
 
 ### server component
+notice that this session is not part of the state and therefore wont trigger ui changes when it changes
 ```ts
 // ./app/ServerComponent.tsx
-import { getUserSession } from "@frontegg/nextjs/server";
+import { getSession } from "@frontegg/nextjs/server";
 
 export const ServerComponent = async () => {
-  const user = await getUserSession();
+  const session = await getSession();
 
-  return user ? (
-    <div>
-      {user.profilePictureUrl && <img src={user.profilePictureUrl} />}
-      <span>Logged in as: {user?.name}</span>
-    </div>
-  ) : null;
+  return <pre>{JSON.stringify(session, null, 2)}</pre>;
 };
 
 ```
@@ -276,8 +272,9 @@ export const ServerComponent = async () => {
 "use client";
 import { useAuth, useLoginWithRedirect } from "@frontegg/nextjs";
 
-export const ClientComponent = ({ baseUrl }: { baseUrl: string }) => {
-  const { isAuthenticated } = useAuth();
+export const ClientComponent = ({ baseUrl }: { baseUrl?: string }) => {
+  const { user, isAuthenticated } = useAuth();
+
   const loginWithRedirect = useLoginWithRedirect();
 
   const logout = () => {
@@ -285,9 +282,30 @@ export const ClientComponent = ({ baseUrl }: { baseUrl: string }) => {
   };
 
   return (
-    <button onClick={isAuthenticated ? logout : () => loginWithRedirect()}>
-      {isAuthenticated ? "Log out" : "Click me to login"}
-    </button>
+    <div className="App">
+      {isAuthenticated ? (
+        <div>
+          <div>
+            <img src={user?.profilePictureUrl} alt={user?.name} />
+          </div>
+          <div>
+            <span>Logged in as: {user?.name}</span>
+          </div>
+          <div>
+            <button onClick={() => alert(user?.accessToken)}>
+              What is my access token?
+            </button>
+          </div>
+          <div>
+            <button onClick={() => logout()}>Click to logout</button>
+          </div>
+        </div>
+      ) : (
+        <div>
+          <button onClick={() => loginWithRedirect()}>Click me to login</button>
+        </div>
+      )}
+    </div>
   );
 };
 ```

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontegg/nextjs",
   "libName": "FronteggNextJs",
-  "version": "6.7.10-alpha.3872006763",
+  "version": "6.7.10-alpha.3901992373",
   "author": "Frontegg LTD",
   "license": "MIT",
   "types": "dist/index.d.ts",