Toogether/Webapp
2
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

feat: integrate session management with AppWrapper and update axios interceptor for token handling

Browse Source
This commit is contained in:
Rémi 2025-01-06 03:15:01 +01:00
parent 9f2ae08f1a
commit dc858227fa
5 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/components/AppWrapper.tsx
View File

@ -1,16 +1,19 @@
"use client";
import { NextUIProvider } from "@nextui-org/react";
import { Session } from "next-auth";
import { SessionProvider } from "next-auth/react";
import { ThemeProvider as NextThemesProvider } from "next-themes";
export default function AppWrapper({
session,
children,
}: {
session: Session | null;
children: React.ReactNode;
}) {
return (
<SessionProvider>
<SessionProvider session={session} refetchOnWindowFocus={false}>
<NextUIProvider>
<NextThemesProvider attribute="class" defaultTheme="dark">
{children}

7
src/app/layout.tsx
View File

@ -1,15 +1,18 @@
import { getSession } from "@/authOptions";
import AppWrapper from "./components/AppWrapper";
import "./globals.css";
export default function RootLayout({
export default async function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
const session = await getSession()
return (
<html lang="fr" suppressHydrationWarning>
<body>
<AppWrapper>{children}</AppWrapper>
<AppWrapper session={session}>{children}</AppWrapper>
</body>
</html>
);

4
src/app/lib/axios.ts
View File

@ -12,19 +12,23 @@ export const axiosInstance = axios.create({
});
axiosInstance.interceptors.request.use(async (config) => {
// If the access token is still valid, use it
if (tokenExpirationAt && moment().isBefore(tokenExpirationAt)) {
config.headers.Authorization = `Bearer ${cachedAccessToken}`;
return config;
}
// Otherwise, get a new access token
const session = await getSession();
if (!session) {
throw new Error("User is not authenticated");
}
// Cache the new access token
cachedAccessToken = session.accessToken;
tokenExpirationAt = moment(session.accessTokenExpires);
// Use the new access token
config.headers.Authorization = `Bearer ${cachedAccessToken}`;
return config;
});

3
src/app/lib/stringUtils.ts
View File

@ -1,3 +0,0 @@
export const UppercaseFirstLetter = (str: string) => {
return str.slice(0, 1).toLocaleUpperCase() + str.slice(1);
};

5
src/authOptions.ts
View File

@ -1,9 +1,10 @@
import axios from "axios";
import moment from "moment";
import { AuthOptions, Session } from "next-auth";
import { AuthOptions, getServerSession, Session } from "next-auth";
import { JWT } from "next-auth/jwt";
import jsonwebtoken from "jsonwebtoken";
import { JWTDecoded } from "./app/types/next-auth";
import { cache } from "react";
moment.locale("fr");
@ -120,3 +121,5 @@ const refreshAccessToken = async (token: JWT): Promise<JWT> => {
refreshToken: response.data.refresh_token,
};
};
export const getSession = cache(() => getServerSession());