open-index/open-npm huggingface dataset:
npm package: @moxoff/axiom-auth
Description: Keycloak component for react application
Latest version: 0.2.2

# Axiom Auth

**Axiom Auth** is a React [Keycloak](https://www.keycloak.org/) based component that helps Moxoff application to be protected with Keycloak authentication.

## Install

Add Axiom Auth to your project.

`npm install --save @moxoff/axiom-auth`

## Use

Import the provider to wrap your application

`import { KeycloakProvider } from '@moxoff/axiom-auth';`

and use them like so

```
function AppWithAuth() {
  const app = (
    <ThemeProvider theme={theme}>
      <Router>
        <Routes />
      </Router>
    </ThemeProvider>
  );

  return <KeycloakProvider env={env}>{app}</KeycloakProvider>;
```

To use the keycloak functions you can import the following hooks

`import { useKeycloak } from '@moxoff/axiom-auth';`

and use them like so

```
...
const YourComponent = () => {
    const [userName, setUserName] = useState(null);
    const { keycloak, authenticated } = useKeycloak();

    useEffect(() => {
      const loadUser = async () => {
        await keycloak()
          .loadUserInfo()
          .then(info => {
            setUserInfo(info.name);
          });
      };
      if (userInfo === null && authenticated() === true) {
        loadUser();
      }
    }, [authenticated, keycloak, userInfo]);

      return <>{User Name: ${userInfo}}</>
}
```

## **Dependencies**

This componente is based on **"keycloak-js": "^9.0.0"**

Before to use this componente be sure to install the following dependencies in your project:

```
"prop-types": ">=15.7.0",
"react": ">=16.8.0",
"react-dom": ">=16.8.0",
```

## Contribute

To release a new version simply run:
`npm version patch`
or `npm version minor` or `npm version major`.

This will automatically increase the version number, commit and push a tag that will trigger the release'

## **Resources**

- [JavaScript Adapter](https://www.keycloak.org/docs/latest/securing_apps/#_javascript_adapter)
- [Keycloak functions](https://github.com/keycloak/keycloak-documentation/blob/master/securing_apps/topics/oidc/javascript-adapter.adoc)
npm package: @moxoff/axiom-core
Description: Storybook for Axiom components
Latest version: 0.5.4

# Axiom Core

**Axiom Core** is a reusable component library that helps Moxoff people build UIs faster. The goal is to make building durable UIs more productive and satisfying.

## Install

Axiom Core components are written in React, and its stories are written in [Component Story Format](https://medium.com/storybookjs/component-story-format-66f4c32366df). It requires Storybook version 5.2-beta and up.

Add Axiom Core to your project.

`npm install --save @moxoff/axiom-core`

## Use

Refer to the [full documentation](https://moxoff.gitlab.io/libraries/axiom/axiom-core).

Import components you want into your UI

```
import { OverviewCard } from '@moxoff/axiom-core';
```

and use them like so

```
  const example = () => (
    <div style={{ maxWidth: '250px' }}>
      <OverviewCard
        title='Overview Card'
        number=100
        prevNumber=200
        color='green'
        invert=false
        caption='from yesterday'
        avatar='A'
      />
    </div>
  )
```

## Contribute

To release a new version simply run:
`npm version patch`
or `npm version minor` or `npm version major`.

This will automatically increase the version number, commit and push a tag that will trigger the release'

## **Storybook Resources**

- [Introducing Storybook Design System](https://medium.com/storybookjs/introducing-storybook-design-system-23fd9b1ac3c0)
- [Storybook Docs](https://storybook.js.org/docs/basics/introduction/)
- [Storybook Tutorials](https://www.learnstorybook.com/)
- [GitHub repository](https://github.com/storybookjs/design-system)
npm package: @moxon6/quiet-js
Description: Emscripten build of quiet.js
Latest version: 0.0.9

# quiet.js

## This is a partial rewrite of Quiet.js

## Provisionally implemented (Not fully tested)
    - Transmitter (Web)
    - Receiver (Web)

[Live Demo of current feature set](https://moxon6.github.io/quiet-js)