5.2.10 • Published 8 months ago

@equinor/fusion-framework-react-app v5.2.10

Weekly downloads
-
License
ISC
Repository
github
Last release
8 months ago

Fusion React App

Package for developing applications that uses the @equinor/fusion-framework.

API documentation

Dependencies

Configure

// config.ts
import { AppConfigurator } from '@equinor/fusion-framework-react-app';
const configCallback: AppConfigurator = (configurator) => {
 configurator.http.configureClient(
    'bar', {
      baseUri: 'https://somewhere-test.com',
      defaultScopes: ['foo/.default']
    }
  );
};

// App.tsx
export const App = () => {
  const client = useHttpClient('bar');
  const [foo, setFoo] = useState('no value');
  const onClick = useCallback(() => {
    client.fetchAsync('api').then(x => x.json).then(setFoo);
  }, [client]);
  return <Button onClick={onClick}>{foo}</Button>
}

// index.ts
import { createApp } from '@equinor/fusion-framework-react-app';
export const render = createApp(App, configCallback);
export default render;

Hooks

useModule

import { useModule } from '@equinor/fusion-framework-react-app';
const ShowToken = () => {
  const auth = useModule('auth');
  const [token, setToken] = useState<string>('');
  useEffect(() => {
    auth.acquireAccessToken().then(setToken);
  }, [auth]);
  return <span>{token ?? 'fetching token'}</span>
}

Http

useHttpClient

import { useHttpClient } from '@equinor/fusion-framework-react-app/http';
const App = () => {
  const fooClient = useHttpClient('foo');
  
  // using as stream
  useEffect(() => {
    const sub = client.fetch('api/all').subscribe((x) => {
      setFoo(x.json());
    });
    return () => sub.unsubscribe();
  },[fooClient]);

  // using as promise
  const barClient =  useHttpClient('bar');
  useCallback(async() => {
    const res = await portalClient.fetchAsync('api/bar');
    console.log(res.json());
  },[barClient]);
  
}

Feature Flag

!IMPORTANT @equinor/fusion-framework-module-feature-flag must be installed to make this module available

Simple

import { enableFeatureFlag } from '@equinor/fusion-framework-react-app/feature-flag'; 
export const configure: ModuleInitiator = (appConfigurator, args) => {
  /** provide a list of features that should be available in the application */
  enableFeatureFlag(appConfigurator, [
    {
      key: MyFeatures.MyFlag,
      title: 'this is a flag',
    },
    {
      key: MyFeatures.MyUrlFlag,
      title: 'this feature can be toggled by ?my-url-flag=true',
      allowUrl: true,
    }
  ]);
}

Custom

export const configure: ModuleInitiator = (appConfigurator, args) => {
  appConfigurator.useFeatureFlags(builder => /** see module for building custom config */);
}

see module for more technical information;

5.2.10

8 months ago

5.1.0

1 year ago

5.2.9

8 months ago

5.2.8

9 months ago

5.2.7

9 months ago

5.2.6

9 months ago

5.2.5

10 months ago

5.2.4

11 months ago

5.2.3

11 months ago

5.2.2

1 year ago

5.2.1

1 year ago

5.2.0

1 year ago

5.0.11

1 year ago

5.0.10

1 year ago

5.0.9

1 year ago

5.0.8

1 year ago

5.0.7

1 year ago

5.0.6

1 year ago

5.0.5

1 year ago

5.0.4

1 year ago

5.0.3

1 year ago

5.0.0

1 year ago

4.3.8

1 year ago

4.3.7

1 year ago

4.3.6

1 year ago

4.3.5

1 year ago

4.3.4

1 year ago

4.3.3

1 year ago

4.3.2

1 year ago

4.3.1

1 year ago

4.3.0

1 year ago

4.2.1

1 year ago

4.2.0

1 year ago

4.1.19

1 year ago

4.1.17

1 year ago

4.1.18

1 year ago

4.1.16

2 years ago

4.1.8

2 years ago

4.1.7

2 years ago

4.1.9

2 years ago

4.1.10

2 years ago

4.1.11

2 years ago

4.1.12

2 years ago

4.1.13

2 years ago

4.1.14

2 years ago

4.1.15

2 years ago

4.1.4

2 years ago

4.1.6

2 years ago

4.1.5

2 years ago

4.0.6-next.8

2 years ago

4.0.6-next.9

2 years ago

4.0.6-next.4

2 years ago

4.0.6-next.5

2 years ago

4.0.6-next.6

2 years ago

4.0.6-next.7

2 years ago

4.0.6-next.0

2 years ago

4.0.6-next.1

2 years ago

4.0.6-next.2

2 years ago

4.0.6-next.3

2 years ago

4.0.5

2 years ago

4.0.4

2 years ago

4.0.7

2 years ago

4.0.6

2 years ago

4.0.1

2 years ago

4.0.0

2 years ago

4.0.3

2 years ago

4.0.2

2 years ago

3.0.12-beta.0

2 years ago

4.0.9

2 years ago

4.0.8

2 years ago

4.0.18-next.0

2 years ago

3.0.8

2 years ago

3.0.7

2 years ago

4.0.10

2 years ago

4.0.16

2 years ago

4.0.15

2 years ago

4.0.17

2 years ago

4.0.12

2 years ago

4.0.11

2 years ago

4.0.14

2 years ago

4.0.13

2 years ago

3.0.9

2 years ago

3.0.12

2 years ago

3.0.13

2 years ago

3.0.10

2 years ago

3.0.11

2 years ago

3.0.14

2 years ago

4.0.6-next.13

2 years ago

4.0.6-next.12

2 years ago

4.0.6-next.11

2 years ago

4.0.6-next.10

2 years ago

3.0.24

2 years ago

3.0.21

2 years ago

3.0.22

2 years ago

3.0.25

2 years ago

3.0.20

2 years ago

3.0.18

2 years ago

3.0.19

2 years ago

4.1.0

2 years ago

4.1.2

2 years ago

4.1.1

2 years ago

2.0.6-next.0

3 years ago

2.0.29

2 years ago

2.0.37

2 years ago

2.0.3

3 years ago

2.0.38

2 years ago

2.0.2

3 years ago

2.0.35

2 years ago

2.0.5

3 years ago

2.0.36

2 years ago

2.0.4

3 years ago

2.0.33

2 years ago

2.0.7

3 years ago

2.0.34

2 years ago

2.0.6

3 years ago

2.0.31

2 years ago

2.0.9

3 years ago

2.0.32

2 years ago

2.0.8

3 years ago

2.0.30

2 years ago

3.0.4

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.6

2 years ago

3.0.5

2 years ago

3.0.0

2 years ago

2.0.15

3 years ago

2.0.16

3 years ago

2.0.13

3 years ago

2.0.14

3 years ago

2.0.11

3 years ago

2.0.12

3 years ago

2.0.10

3 years ago

2.0.19

2 years ago

2.0.17

3 years ago

2.0.18

3 years ago

2.0.26

2 years ago

2.0.25

2 years ago

2.0.23

2 years ago

2.0.21

2 years ago

1.2.0

3 years ago

1.2.7

3 years ago

1.2.6

3 years ago

1.2.5

3 years ago

1.2.2

3 years ago

1.0.0-alpha.0

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.0.1-next.1

3 years ago

1.2.12

3 years ago

0.7.2

3 years ago

1.2.13

3 years ago

1.2.10

3 years ago

1.2.11

3 years ago

0.7.3

3 years ago

1.2.14

3 years ago

0.7.0

3 years ago

1.2.15

3 years ago

1.2.9

3 years ago

0.8.0

3 years ago

1.0.19

3 years ago

1.0.2

3 years ago

1.0.18

3 years ago

1.0.1

3 years ago

1.0.17

3 years ago

1.0.16

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.3.10

3 years ago

1.3.13

3 years ago

1.0.22

3 years ago

1.3.14

3 years ago

1.0.21

3 years ago

1.0.20

3 years ago

1.3.12

3 years ago

1.3.17

3 years ago

1.3.18

3 years ago

1.3.15

3 years ago

1.3.16

3 years ago

1.0.23

3 years ago

1.3.19

3 years ago

1.3.6

3 years ago

1.3.5

3 years ago

1.3.4

3 years ago

1.3.3

3 years ago

1.3.2

3 years ago

1.3.1

3 years ago

1.3.0

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.15

3 years ago

1.0.14

3 years ago

1.0.13

3 years ago

1.0.12

3 years ago

0.2.27

3 years ago

0.2.26

3 years ago

0.2.25

3 years ago

0.2.24

3 years ago

0.2.23

3 years ago

0.2.22

3 years ago

0.2.21

3 years ago

0.2.20

3 years ago

0.2.19

3 years ago

0.2.18

3 years ago

0.2.17

3 years ago

0.2.16

3 years ago

0.2.15

3 years ago

0.2.14

3 years ago

0.2.13

3 years ago

0.2.12

3 years ago

0.3.0

3 years ago

0.5.0

3 years ago

0.5.1

3 years ago

0.7.0-next.0

3 years ago

0.7.0-0

3 years ago

0.2.29

3 years ago

0.2.28

3 years ago

0.4.4

3 years ago

0.4.1

3 years ago

0.4.0

3 years ago

0.6.1

3 years ago

0.4.3

3 years ago

0.6.0

3 years ago

0.4.2

3 years ago

0.2.11

3 years ago

0.2.10

3 years ago

0.2.7

3 years ago

0.2.9

3 years ago

0.2.8

3 years ago

0.2.6

3 years ago

0.2.5

3 years ago

0.1.2

3 years ago

0.1.0

3 years ago

0.1.0-beta.15

3 years ago

0.1.0-beta.14

3 years ago

0.1.0-beta.12

3 years ago

0.1.0-beta.11

3 years ago

0.1.0-beta.9

3 years ago

0.1.0-beta.7

3 years ago

0.1.0-beta.4

3 years ago

0.1.0-beta.3

3 years ago

0.1.0-beta.2

3 years ago

0.1.0-beta.1

3 years ago

0.1.0-alpha.0

3 years ago

0.1.0-beta.0

3 years ago

0.1.0-alpha.12

3 years ago

0.1.0-alpha.11

3 years ago

0.1.0-alpha.10

3 years ago

0.1.0-alpha.9

3 years ago

0.1.0-alpha.7

3 years ago

0.1.0-alpha.6

3 years ago

0.1.0-alpha.5

3 years ago

0.1.0-alpha.4

3 years ago

0.1.0-alpha.3

3 years ago

0.1.0-alpha.2

3 years ago