open-index/open-npm huggingface dataset:
npm package: @nitor-infotech/connected-akita-router-component
Description: Package provides a wrapper class based Component which listens to history and update in Akita store
Author: Qadir Husainee
Latest version: 1.0.3

# Connected React Router Akita Component

### A React Router v4/v5 binding with Akita.

#### Package provides a wrapper class based Component which listens to history and update in Akita store. It internally uses [core](https://github.com/nitor-infotech-oss/connected-react-router-akita/tree/master/packages/core) package.

### Installation

_____

    npm install --save @nitor-infotech/connected-akita-router-component


### Usage

_____

**1.**

In main index file

- Create a history object
- Provide the created history object to `routerStore.initialize` method
- Wrap your react-router v4/v5 routing with  `ConnectedRouter`  and pass the  `history`  object as a prop. Remember to delete any usage of  `BrowserRouter`  or  `NativeRouter`  as leaving this in will  [cause](https://github.com/supasate/connected-react-router/issues/230#issuecomment-461628073)  [problems](https://github.com/supasate/connected-react-router/issues/230#issuecomment-476164384)  synchronising the state.

		import { createBrowserHistory } from 'history';
		import { ConnectedRouter, routerStore} from  '@nitor-infotech/connected-akita-router-component';

		const  history  =  createBrowserHistory();

		export  default  class  App  extends  React.Component {
		  constructor(props) {
			super(props);
			routerStore.initialize(history)
		  }
		  render() {
			return (
			  <div className="App">
				<ConnectedRouter history={history} >
				  <Switch>
					<Route path="/page2" component={Page2} />
					<Route path="/" component={Page1} />
				  </Switch>
				</ConnectedRouter>
			  </div>
			);
		  }
	  };  
**2.**

  - **getLocation()**:

    	import { routerStore } from  '@nitor-infotech/connected-akita-router-component';
		class App extends Component {
    		constructor() {
    			const routerQuery = routerStore.getQuery(); // Do not call outside class or functional component;
    			this.unSubscribeLocation = routerQuery.getLocation().subscribe(location => {
    			// Location will return
    			const { pathname, search, hash } = location;
    		}
    	}

- **updateLocation()**:

    	import { routerStore } from  '@nitor-infotech/connected-akita-router-component';
    	
		const location = {
        pathname: "Some Pathname";
        search: "some query params";
        hash: "Some Hash";
  	  }
	  	const action  = 'PUSH' //action types can be 'PUSH' | 'POP' | 'REPLACE';
    
    	this.routerService = routerStore.getService(); // Do not call outside class or functional component
    
    	this.routerService.updateLocation({location, action})
npm package: @nitor-infotech/connected-akita-router-core
Description: A core package for managing React Router state in Akita Store.
Author: Qadir Husainee
Latest version: 1.0.3

# Connected React Router Akita Core

A core package for managing React Router state in Akita Store. 

Note: You need to subscribe on getLocation and updateLocation and push data to akita store.

### Installation

_____


    npm install --save @nitor-infotech/connected-akita-router-core


### Usage

_____

**1. initialize()**
This method initialize router store with initial history object which we pass as an argument to this method.

	import { routerStore } from '@nitor-infotech/connected-akita-router-core';
	
    export default class App extends React.Component {
      constructor(props) {
        super(props);
        routerStore.initialize(history)
      }
      public render() {
        return (
          <div className="App">
    		// Your code goes here
          </div>
        );
      }
    };

**2. getLocation()**:

    	import { routerStore } from '@nitor-infotech/connected-akita-router-core';
		class App extends Component {
    		constructor() {
    			const routerQuery = routerStore.getQuery(); // Do not call outside class or functional component;
    			this.unSubscribeLocation = routerQuery.getLocation().subscribe(location => {
    			// Location will return
    			const { pathname, search, hash } = location;
    		}
    	}

**3. updateLocation()**:

    	import { routerStore } from '@nitor-infotech/connected-akita-router-core';
    	
		const location = {
        pathname: "Some Pathname";
        search: "some query params";
        hash: "Some Hash";
  	  }
	  	const action  = 'PUSH' //action types can be 'PUSH' | 'POP' | 'REPLACE';
    
    	this.routerService = routerStore.getService(); // Do not call outside class or functional component
    
    	this.routerService.updateLocation({location, action})
npm package: @nitor-infotech/connected-akita-router-fn-component
Description: Package provides a wrapper Functional Component which listens on history and update to Akita store
Author: Qadir Husainee
Latest version: 1.0.3

# Connected React Router Akita Functional Component

### A React Router v4/v5 binding with Akita.

### Package provides a wrapper Functional Component which listens on history and update to Akita store. It  internally uses [core](https://github.com/nitor-infotech-oss/connected-react-router-akita/tree/master/packages/core) packages methods.


### Installation

_____

It requires **React 16.8 or later**
  
    npm install --save @nitor-infotech/connected-akita-router-fn-component

### Usage

_____

**1.**

In main index file

- Create a history object
- Provide the created history object to `routerStore.initialize` method
- Wrap your react-router v4/v5 routing with  `ConnectedRouter`  and pass the  `history`  object as a prop. Remember to delete any usage of  `BrowserRouter`  or  `NativeRouter`  as leaving this in will  [cause](https://github.com/supasate/connected-react-router/issues/230#issuecomment-461628073)  [problems](https://github.com/supasate/connected-react-router/issues/230#issuecomment-476164384)  synchronising the state.

		import { createBrowserHistory } from 'history';
		import { ConnectedRouter, routerStore} from  '@nitor-infotech/connected-akita-router-fn-component'

		const  history  =  createBrowserHistory();

		export  default  class  App  extends  React.Component {
		  constructor(props) {
			super(props);
			routerStore.initialize(history)
		  }
		  render() {
			return (
			  <div className="App">
				<ConnectedRouter history={history} >
				  <Switch>
					<Route path="/page2" component={Page2} />
					<Route path="/" component={Page1} />
				  </Switch>
				</ConnectedRouter>
			  </div>
			);
		  }
	  };  
**2. **

  - **getLocation()**:

    	import { routerStore } from '@nitor-infotech/connected-akita-router-fn-component';
		class App extends Component {
    		constructor() {
    			const routerQuery = routerStore.getQuery(); // Do not call outside class or functional component;
    			this.unSubscribeLocation = routerQuery.getLocation().subscribe(location => {
    			// Location will return
    			const { pathname, search, hash } = location;
    		}
    	}

- **updateLocation()**:

    	import { routerStore } from '@nitor-infotech/connected-akita-router-fn-component'
    	
		const location = {
        pathname: "Some Pathname";
        search: "some query params";
        hash: "Some Hash";
  	  }
	  	const action  = 'PUSH' //action types can be 'PUSH' | 'POP' | 'REPLACE';
    
    	this.routerService = routerStore.getService(); // Do not call outside class or functional component
    
    	this.routerService.updateLocation({location, action})
npm package: @nitor-infotech/moleculer-pg-boss
Description: Mixin for pg-Boss
Author: Sushant Kulkarni
Latest version: 0.0.2

# moleculer-pg-boss

Mixin for [pg-boss](https://github.com/timgit/pg-boss)

# Install

`npm install --save @nitor-infotech/moleculer-pg-boss`

or

`yarn add @nitor-infotech/moleculer-pg-boss`
npm package: @nitor-infotech/rxjs-use-selector
Description: useSelector react hook for RxJS observables
Latest version: 0.1.1

# useSelector Hook for RxJS Observables

Small library to use RxJs observables with [React Hooks](https://reactjs.org/docs/hooks-intro.html) in [React](https://reactjs.org/) Functional Components.

# Usage

```js
  import React from 'react';
  import useSelector from 'rxjs-use-selector';

  export const User = () => {
    const user = useSelector(
      <observable-provider>.currentUser, {}
    );
  }
```

For detailed usage refer - [Example Application](https://github.com/nitor-infotech-oss/akita-react-hooks-ts)
npm package: @nitor/aws-react-components
Description: A library with React component for AWS
Author: Richard Weber
Latest version: 0.3.1

# AWS React components


This project contains a collection of React components for faster development with AWS.


## Props

```
awsRegion: string
awsUserPoolId: string
awsIdentityPoolId: string
awsClientId: string

overrideLoginFrom?: LoginForm<LoginForm.props, any>
overrideResetPassword?: ResetPasswordForm<ResetPasswordForm.Props, any>

returnAccessToken?: (token: string) => void
returnAttributes?: (attributes: CognituUserAttribute[]) => void
returnUserSession?: (session: CognitoUserSession) => void
returnUser?: (user: CognitoUser) => void
```

## Props passed to children

```
awsUserAttributes: CognituUserAttribute[]
AWS: {}
```


## Usage example

Children that want to access AWS services need to use the AWS object passed in as a prop.


```
const MyS3FileUploader = props => {
    const fileHandler = (e) => {
        let s3 = new props.AWS.S3();
        let reader = new FileReader();

        let file = e.target.files[0];

        reader.onload = e => {
             s3.putObject({
                Bucket: "myBucket",
                Key: file.name,
                ContentLength: file.size,
                ContentType: file.type,
                Body: e.target.result
            }, (err, data) => {
                if(err != null) {
                    alert(err);
                }

                console.log(data);

            });
        };

        reader.readAsArrayBuffer(file);
    }

    return (
        <input type="file" onChange={fileHandler} />
    )
}



export const Page = props => (
    <AWSCognitoWrapper
        awsRegion="<region>"
        awsUserPoolId="<userpoolid>"
        awsIdentityPoolId="<idpoolid>"
        awsClientId="<clientid>">

        <MyS3FileUploader />

    </AWSCognitoWrapper>)
```