@barejs/auth-provider
An authentication provider for bareASGI-auth-server.
When the component is mounted it attempts to gather credentials for the whoamiPath link.
If this fails the app is redirected to the loginPath link with the current url passed
as the query arg to allow the login app to redirect back to this page.
On success the renderer prop is called with authFetch (a fetch implementation
that will redirect if the app server responds with 401 - unauthenticated) and
authCredentials (the authentication credentials provided by a GET to whoamiPath).
Example
import React, { Component } from 'react'
import { createTheme, ThemeProvider } from '@mui/material/styles'
import { AuthenticatedApp } from '@barejs/auth-provider'
const Site = (authFetch, authCredentials) => <div>An authenticated site</div>
const theme = createTheme()
class App extends Component {
render() {
return (
<ThemeProvider theme={theme}>
<AuthenticatedApp
loginPath="/auth/ui/login"
whoamiPath="/auth/api/whoami"
renderer={props => <Site {...props} />}
/>
</ThemeProvider>
)
}
}
export default App