@equinor/fusion-framework-react-app NPM

Fusion React App

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

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;

@equinor/fusion-framework-app @equinor/fusion-framework-module @equinor/fusion-framework-module-navigation @equinor/fusion-framework-module-app @equinor/fusion-framework-react @equinor/fusion-framework-react-module @equinor/fusion-framework-react-module-http

@everything-registry/sub-chunk-294 @zalastax/nolb-_eq

10 days ago

14 days ago

27 days ago

30 days ago

1 month ago

1 month ago

2 months ago

4.3.6-widget-acdcb9b2

2 months ago

6.0.0-msal-a48dcfe523e40243313637b31b0dc70d1b1ddc47

2 months ago

5.0.3

2 months ago

5.0.0

2 months ago

6.0.0-msal-3460401c2875dfc9ad4a4838d47d457a980058f3

2 months ago

4.3.8

2 months ago

4.3.7

2 months ago

4.3.6-widget-b2daf10f

2 months ago

4.3.6-widget-f4c3a78c

3 months ago

4.3.6-widget-50a1870b

3 months ago

4.3.6-widget-7844194d

3 months ago

4.3.6-widget-80a83af4

3 months ago

4.3.6

3 months ago

4.3.6-widget-47330bca

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4.3.2-next-ce5e102136d9a95deeb8e421cefa47b7a50ac733

3 months ago

4.3.2-context-error-08aa8737eb2e7bea3bf2123d90b0223fb1039461

3 months ago

4.3.1

3 months ago

4.3.0

3 months ago

0.0.0-context-error-20240131144633

3 months ago

4.2.1

4 months ago

0.0.0-next-20240112080744

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

8 months ago

8 months ago

8 months ago

7 months ago

7 months ago

6 months ago

6 months ago

6 months ago

6 months ago

0.0.0-next-20230915185612

8 months ago

0.0.0-next-20230915111233

8 months ago

0.0.0-next-20230922071857

8 months ago

0.0.0-next-20230915173334

8 months ago

0.0.0-next-20230915142659

8 months ago

0.0.0-next-20230915121827

8 months ago

0.0.0-next-20230925133754

8 months ago

0.0.0-next-20230922072645

8 months ago

9 months ago

8 months ago

8 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

11 months ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago