0.3.8-1 • Published 5 years ago

@frontegg/react-dev v0.3.8-1

Weekly downloads
411
License
https://cdn.jsdel...
Repository
-
Last release
5 years ago

Frontegg React

alt text

Frontegg is a web platform where SaaS companies can set up their fully managed, scalable and brand aware - SaaS features and integrate them into their SaaS portals in up to 5 lines of code.

Installation

Use the package manager npm to install frontegg React.JS library.

npm install @frontegg/react

Usage

Frontegg offers multiple components for integration with the Frontegg's scaleable back-end and front end libraries

Configuration

Frontegg react library requires simple one-liner configuration in order to efficiently interact with the Backend's Frontegg middleware

(*) Checkout the @frontegg/client documentation to read on how to configure the Frontegg backend middleware

Initializaing the Frontegg Configuration

On your App.js:

import * as Frontegg from '@frontegg/react'

// This method is mandatory in order to resolve the authorization header token
const resolveToken = async () => {
    const token = await getTokenSilently(); // This sample is based on Auth0 but every authentication provider is supported (Including Frontegg :-))
    return token;
}

// This method allows to append additional query params to the frontegg requests in case you need to use it on your backend in order to resolve contexts
const resolveAdditionalQueryParams = async () => {
    return [{key: 'my-additional-query-param', value: 'my-addition-query-param-value'}]
}

// This method allows to append additional headers to the frontegg requests in case you need to use it on your backend in order to resolve contexts
const resolveAdditionalHeaders = async () => {
    return [{key: 'my-additional-query-param', value: 'my-addition-query-param-value'}]
    return token;
}

const providerOptions = {
  baseUrl: 'http://localhost:9090',                             // You backend base URL (frontegg will direct the requests to it)
  tokenResolver: resolveToken,                                  // The token resolver (this is mandatory)
  additionalQueryParamsResolver: resolveAdditionalQueryParams,  // The query params resolver (this is optional)
  additionalHeadersResolver: resolveAdditionalHeaders,          // The headers resolver (this is optional)
  // requestCredentials: "include"                              // Support sending credentials on the fetch request to the backend (this is optional)
}


// And wrap Frontegg components with the context provider
<Frontegg.ContextProvider value={providerOptions}>
  ...
</Frontegg.ContextProvider>

Audits

Let your customers record the events, activities and changes made to their tenant.

Frontegg’s Managed Audit Logs feature allows a SaaS company to embed an end-to-end working feature in just 5 lines of code.

Embedding the Managed Audits component is a simple one-liner

import * as Frontegg from '@frontegg/react'

const AuditsContainer = () => {

return (
    <div className="App">
      <Frontegg.ContextProvider value={providerOptions}>
        <Frontegg.Audits />
      </Frontegg.ContextProvider>
    </div>
  );

The pagination mode can be controlled by using the paginationMode prop

import * as Frontegg from '@frontegg/react'

const AuditsContainer = () => {

return (
    <div className="App">
      <Frontegg.ContextProvider value={providerOptions}>
        <Frontegg.Audits paginationMode="scroll | pagination" />
      </Frontegg.ContextProvider>
    </div>
  );

Passing predefined filters is also possible (to load a specific contextual audit logs). That will pre-filter the audits and will not show the pre-filtered columns on the table :-)

import * as Frontegg from '@frontegg/react'

const AuditsContainer = () => {

return (
    <div className="App">
      <Frontegg.ContextProvider value={providerOptions}>
        <Frontegg.Audits predefinedFilters={{
          "resource": "dashboard",
          "action": "Accessed"
        }} />
      </Frontegg.ContextProvider>
    </div>
  );
0.3.8-1

5 years ago

0.3.8-0

5 years ago

0.3.7-4

5 years ago

0.3.7-3

5 years ago

0.3.7-2

5 years ago

0.3.7-1

5 years ago

0.3.7-0

5 years ago

0.3.1-3

5 years ago

0.3.1-2

5 years ago

0.3.1-1

5 years ago

0.3.1-0

5 years ago

0.2.18-0

5 years ago

0.2.14-2

5 years ago

0.2.14-1

5 years ago

0.2.2-9

5 years ago

0.2.2-10

5 years ago

0.2.14-0

5 years ago

0.2.2-8

5 years ago

0.2.2-6

5 years ago

0.2.2-5

5 years ago

0.2.2-4

5 years ago

0.2.2-3

5 years ago

0.2.2-2

5 years ago

0.2.2-1

5 years ago

0.2.2-0

5 years ago

0.1.100-6

5 years ago

0.1.100-5

5 years ago

0.1.100-4

5 years ago

0.1.100-3

5 years ago

0.1.98-1

5 years ago

0.1.100-2

5 years ago

0.1.100-1

5 years ago

0.1.100-0

5 years ago

0.1.99-0

5 years ago

0.1.98-0

5 years ago

0.1.96-0

5 years ago

0.1.93-1

5 years ago

0.1.93-2

5 years ago

0.1.93-0

5 years ago

0.1.86-2

5 years ago

0.1.86-1

5 years ago

0.1.86-0

5 years ago

0.1.84-7

5 years ago

0.1.84-6

5 years ago

0.1.84-5

5 years ago

0.1.84-1

5 years ago

0.1.84-0

5 years ago

0.1.84-3

5 years ago

0.1.84-2

5 years ago

0.1.84-4

5 years ago

0.1.81-1

5 years ago

0.1.81-0

5 years ago

0.1.77-3

5 years ago

0.1.77-2

5 years ago

0.1.77-1

5 years ago

0.1.77-0

5 years ago

0.1.76-1

5 years ago

0.1.76-0

5 years ago

0.1.75-6

5 years ago

0.1.75-5

5 years ago

0.1.75-4

5 years ago

0.1.75-3

5 years ago

0.1.75-2

5 years ago

0.1.75-1

5 years ago

0.1.75-0

5 years ago

0.1.73-1

5 years ago

0.1.73-2

5 years ago

0.1.73-0

5 years ago

0.1.71-5

5 years ago

0.1.71-3

5 years ago

0.1.71-4

5 years ago

0.1.71-1

5 years ago

0.1.71-0

5 years ago

0.1.71-2

5 years ago

0.1.64-34

5 years ago

0.1.64-33

5 years ago

0.1.64-32

5 years ago

0.1.64-31

5 years ago

0.1.64-30

5 years ago

0.1.64-29

5 years ago

0.1.64-28

5 years ago

0.1.64-27

5 years ago

0.1.64-25

5 years ago

0.1.64-26

5 years ago

0.1.64-24

5 years ago

0.1.64-23

5 years ago

0.1.64-22

5 years ago

0.1.64-21

5 years ago

0.1.64-20

5 years ago

0.1.64-19

5 years ago

0.1.64-18

5 years ago

0.1.64-17

5 years ago

0.1.64-16

5 years ago

0.1.64-15

5 years ago

0.1.64-14

5 years ago

0.1.64-13

5 years ago

0.1.64-12

5 years ago

0.1.64-11

5 years ago

0.1.64-9

5 years ago

0.1.64-10

5 years ago

0.1.64-7

5 years ago

0.1.64-8

5 years ago

0.1.64-5

5 years ago

0.1.64-4

5 years ago

0.1.64-6

5 years ago

0.1.64-3

5 years ago

0.1.64-2

5 years ago

0.1.64-1

5 years ago

0.1.64-0

5 years ago

0.1.63-6

5 years ago

0.1.61-0

5 years ago

0.1.63-0

5 years ago

0.1.61-2

5 years ago

0.1.61-1

5 years ago

0.1.63-2

5 years ago

0.1.63-1

5 years ago

0.1.63-4

5 years ago

0.1.63-3

5 years ago

0.1.50-1

5 years ago

0.1.50-2

5 years ago

0.1.50-3

5 years ago

0.1.50-4

5 years ago

0.1.53-6

5 years ago

0.1.53-4

5 years ago

0.1.53-5

5 years ago

0.1.60-1

5 years ago

0.1.60-0

5 years ago

0.1.60-3

5 years ago

0.1.60-2

5 years ago

0.1.60-4

5 years ago

0.1.63-10

5 years ago

0.1.63-11

5 years ago

0.1.63-12

5 years ago

0.1.63-13

5 years ago

0.1.63-5

5 years ago

0.1.63-8

5 years ago

0.1.63-7

5 years ago

0.1.63-14

5 years ago

0.1.63-15

5 years ago

0.1.63-9

5 years ago

0.1.63-16

5 years ago

0.1.63-17

5 years ago

0.1.51-0

5 years ago

0.1.53-2

5 years ago

0.1.53-3

5 years ago

0.1.53-0

5 years ago

0.1.53-1

5 years ago

0.1.50-0

5 years ago

0.1.48-2

5 years ago

0.1.48-1

5 years ago

0.1.48-0

5 years ago

0.1.47-2

5 years ago

0.1.47-1

5 years ago

0.1.47-0

5 years ago

0.1.45-0

5 years ago

0.1.44-1

5 years ago

0.1.44-0

5 years ago

0.1.43-4

5 years ago

0.1.43-3

5 years ago

0.1.43-2

5 years ago

0.1.43-1

5 years ago

0.1.43-0

5 years ago

0.1.41-0

5 years ago

0.1.40-1

5 years ago

0.1.40-0

5 years ago

0.1.39-2

5 years ago

0.1.39-1

5 years ago

0.1.39-0

5 years ago

0.1.38-2

5 years ago

0.1.37-1

5 years ago

0.1.37-0

5 years ago

0.1.34-5

5 years ago

0.1.34-4

6 years ago

0.1.34-3

6 years ago

0.1.34-2

6 years ago

0.1.34-1

6 years ago

0.1.34-0

6 years ago

0.1.31-0

6 years ago

0.1.33-2

6 years ago

0.1.33-1

6 years ago

0.1.33-0

6 years ago

0.1.32

6 years ago

0.1.31-2

6 years ago

0.1.31-1

6 years ago

0.1.30

6 years ago

0.1.29

6 years ago

0.1.28

6 years ago

0.1.27

6 years ago

0.1.26

6 years ago

0.1.25

6 years ago

0.1.24

6 years ago

0.1.23

6 years ago

0.1.22

6 years ago

0.1.22-5

6 years ago

0.1.22-4

6 years ago

0.1.22-3

6 years ago

0.1.22-2

6 years ago

0.1.22-1

6 years ago

0.1.22-0

6 years ago

0.1.19-2

6 years ago

0.1.19-1

6 years ago

0.1.19-0

6 years ago

0.1.18

6 years ago