check server actions

Author: bcbogdan

examples/with-next-ssr-app-directory/app/actions/checkSSRSession.ts

@@ -0,0 +1,17 @@
+"use server";
+
+import { cookies } from "next/headers";
+import { redirect } from "next/navigation";
+import { getServerComponentSession, getServerActionSession, init } from "supertokens-auth-react/nextjs/ssr";
+import { ssrConfig } from "../config/ssr";
+
+init(ssrConfig());
+
+export async function checkSSRSession(e) {
+    const cookiesStore = await cookies();
+    // const session = await getServerComponentSession(cookiesStore);
+    const session = await getServerActionSession(cookiesStore);
+
+    console.log(session);
+    return Promise.resolve(true);
+}

examples/with-next-ssr-app-directory/app/components/home.tsx

@@ -7,15 +7,17 @@ import { CallAPIButton } from "./callApiButton";
 import { LinksComponent } from "./linksComponent";
 import { SessionAuthForNextJS } from "./sessionAuthForNextJS";
 
-import { getSSRSession, init } from "supertokens-auth-react/nextjs/ssr";
+import { getServerComponentSession, init } from "supertokens-auth-react/nextjs/ssr";
 import { ssrConfig } from "../config/ssr";
+import { useState } from "react";
+import { SSRButton } from "./ssrButton";
 
 init(ssrConfig());
 
 export async function HomePage() {
     const cookiesStore = await cookies();
-    const session = await getSSRSession(cookiesStore, redirect);
-    console.log(session);
+    const session = await getServerComponentSession(cookiesStore);
+    console.log(session.userId);
 
     /**
      * SessionAuthForNextJS will handle proper redirection for the user based on the different session states.
@@ -33,6 +35,7 @@ export async function HomePage() {
                         <div>Your userID is:</div>
                         <div className={`${styles.truncate} ${styles.userId}`}>{session.userId}</div>
                         <CallAPIButton />
+                        <SSRButton />
                     </div>
                 </div>
                 <LinksComponent />

examples/with-next-ssr-app-directory/app/components/ssrButton.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { checkSSRSession } from "../actions/checkSSRSession";
+import styles from "../page.module.css";
+
+export const SSRButton = () => {
+    return (
+        <div
+            style={{ marginTop: "20px" }}
+            onClick={async (e) => {
+                await checkSSRSession(e);
+            }}
+            className={styles.sessionButton}
+        >
+            Check SSR Session
+        </div>
+    );
+};

lib/build/constants.js

@@ -11,3 +11,4 @@ export const REDIRECT_ATTEMPT_COUNT_COOKIE_NAME = "sSsrSessionRefreshAttempt";
 export const CURRENT_PATH_COOKIE_NAME = "sCurrentPath";
 export const FORCE_LOGOUT_PATH_PARAM_NAME = "forceLogout";
 export const REDIRECT_PATH_PARAM_NAME = "stRedirectTo";
+export const SESSION_REFRESH_API_PATH = "/api/auth/session/refresh";