userefreshtoken v1.1.1

Use Refresh Token

This package work with Axios that helps 401 request auto trigger refresh-token-api and force all concurrent requests in waiting status.

If one request has http response status code: 401. The request will try to fetch refresh token then. If succeeded, the initial request will be triggered.

If there are many requests 401 at the same time, only one refresh token'll be triggered.

Usage

Install with pnpm

$ pnpm i userefreshtoken

With npm

$ npm i userefreshtoken

With yarn

$ yarn add userefreshtoken

Available Parameters

• axiosIns: AxiosInstance

• endpoint: Refresh token endpoint

• authHeaderKey: Header key. Default: Authorization

• getToken: Function. Return access token - must be string

• getRefreshToken: Function. Return refresh token - must be string

• onRefreshTokenSuccess: Callback function. This'll be triggered after refresh token succeed

Demo

Insert gif or link to demo

import axios from 'axios'
import useRefreshToken from 'userefreshtoken'

const axios_instance = axios.create({
  headers: {
    'Content-Type': 'application/json',
  },
})

useRefreshToken.install({
  axiosIns: axios_instance,
  endpoint: 'https://abc/auth/userrefreshtoken',
  getToken: () => localStorage.getItem('access_token'),
  getRefreshToken: () => localStorage.getItem('refresh_token'),
  onRefreshTokenSuccess: (payload: any) => {
    localStorage.setItem('access_token', payload.access_token || '')
  },
})


// Sample requests
axios_instance
  .get('https://abc/store/get-scope-of-user')
  .then(res => {
    console.log(res)
  })
  .catch(err => {
    console.log(err)
  })

axios_instance
  .get('https://abc/store/get-scope-of-user')
  .then(res => {
    console.log(res)
  })
  .catch(err => {
    console.log(err)
  })

axios_instance
  .get('https://abc/store/get-scope-of-user')
  .then(res => {
    console.log(res)
  })
  .catch(err => {
    console.log(err)
  })