Skip to content

feat[refresh]: add funtionalty for refresh token for password #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat[refresh]: add funtionalty for refresh token for password #26

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
103 changes: 67 additions & 36 deletions src/contexts/AuthContext.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
// SPDX-FileCopyrightText: © 2025 Siemens AG
// SPDX-FileContributor: Sourav Bhowmik <[email protected]>
// SPDX-FileContributor: Dearsh Oberoi <[email protected]>
// SPDX-FileContributor: 2025 Chayan Das <[email protected]>

import React, { useContext, useEffect } from 'react';
import axios from 'axios';
Expand All @@ -19,23 +20,33 @@ export function useAuth() {

export function AuthProvider({ children }) {
useEffect(() => {
if (process.env.REACT_APP_PROVIDER === 'oidc') {
const interval = setInterval(
getAccessTokenFromRefreshToken,
30 * 60 * MILLISEC,
); // every 30 minutes
const interval = setInterval(
() => {
const refresh_token = localStorage.getItem(
'licensedb.refresh_token',
);
if (refresh_token) {
getAccessTokenFromRefreshToken();
}
},
30 * 60 * MILLISEC,
); // every 30 minutes

return () => clearInterval(interval);
}
return () => clearInterval(interval);
}, []);

async function Signin(userCredentialsPayload) {
try {
const url = `${process.env.REACT_APP_BASE_URL}/login`;
const response = await axios.post(url, userCredentialsPayload);
localStorage.setItem('licensedb.token', response.data.token);
const { data } = await axios.post(url, userCredentialsPayload);
const { access_token, refresh_token, expires_in } = data.data;

const user = await fetchUserProfile(response.data.token);
localStorage.setItem('licensedb.token', access_token);
localStorage.setItem('licensedb.refresh_token', refresh_token);
let expires_at = Date.now() + expires_in * MILLISEC;
localStorage.setItem('licensedb.expires_at', expires_at);

const user = await fetchUserProfile(access_token);
localStorage.setItem(
'licensedb.user',
JSON.stringify(user.data[0]),
Expand Down Expand Up @@ -163,32 +174,55 @@ async function getAccessTokenFromRefreshToken() {
let expires_at = null;
try {
const refresh_token = localStorage.getItem('licensedb.refresh_token');

const response = await axios.post(
process.env.REACT_APP_TOKEN_URL,
{
grant_type: 'refresh_token',
client_id: process.env.REACT_APP_CLIENT_ID,
refresh_token: refresh_token,
scope: 'openid',
},
{
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
if (process.env.REACT_APP_PROVIDER === 'oidc') {
const response = await axios.post(
process.env.REACT_APP_TOKEN_URL,
{
grant_type: 'refresh_token',
client_id: process.env.REACT_APP_CLIENT_ID,
refresh_token: refresh_token,
scope: 'openid',
},
},
);
{
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
},
);

token = response.data.id_token;
new_refresh_token = response.data.refresh_token;
expires_at = Date.now() + response.data.expires_in * MILLISEC;

const user = await fetchUserProfile(token);

token = response.data.id_token;
new_refresh_token = response.data.refresh_token;
expires_at = Date.now() + response.data.expires_in * MILLISEC;
localStorage.setItem('licensedb.token', token);
localStorage.setItem('licensedb.expires_at', expires_at);
localStorage.setItem('licensedb.refresh_token', new_refresh_token);
localStorage.setItem(
'licensedb.user',
JSON.stringify(user.data[0]),
);
} else {
// local
const url = `${process.env.REACT_APP_BASE_URL}/refresh-token`;
const { data } = await axios.post(url, {
refresh_token: refresh_token,
});
token = data.data.access_token;
new_refresh_token = data.data.refresh_token;
expires_at = Date.now() + data.data.expires_in * MILLISEC;

const user = await fetchUserProfile(token);
const user = await fetchUserProfile(token);

localStorage.setItem('licensedb.token', token);
localStorage.setItem('licensedb.expires_at', expires_at);
localStorage.setItem('licensedb.refresh_token', new_refresh_token);
localStorage.setItem('licensedb.user', JSON.stringify(user.data[0]));
localStorage.setItem('licensedb.token', token);
localStorage.setItem('licensedb.expires_at', expires_at);
localStorage.setItem('licensedb.refresh_token', new_refresh_token);
localStorage.setItem(
'licensedb.user',
JSON.stringify(user.data[0]),
);
}
} catch (e) {
if (e.response?.data?.status) {
if (e.response.data.status !== 409) {
Expand Down Expand Up @@ -217,10 +251,7 @@ export async function GetToken() {
const expires_at = localStorage.getItem('licensedb.expires_at');
let token = localStorage.getItem('licensedb.token');
const BUFFER_TIME = 60 * MILLISEC * 10; // 10 mins
if (
Date.now() >= Number(expires_at) - BUFFER_TIME &&
process.env.REACT_APP_PROVIDER === 'oidc'
) {
if (Date.now() >= Number(expires_at) - BUFFER_TIME) {
await getAccessTokenFromRefreshToken();
token = localStorage.getItem('licensedb.token');
}
Expand Down