Package Exports
- react-app-protect
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-app-protect) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
react-app-protect
Password protect a react app.
Simple password field, not a replacment for basic auth.
Not secure at all.
✨ Demo
password: test
Install
npm install --save react-app-protect
yarn add react-app-protectUsing FingerprintJS to encrypt the password via AES. Storing the cipher in the localStorage. Checking if the stored cipher is valid against the sha512 hash.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| sha512 | String | SHA 512 Hash app | |
| blur | Boolean | false | Blur the content |
| boxTitle | String | This page is password protected. | Title of the login box |
| inputPlaceholder | String | Password | Placeholder for the input field |
| buttonLabel | String | Submit | Label used for the button |
| styles | Object | Styles |
Usage
import React, { Component } from 'react'
import Protect from 'react-app-protect'
import 'react-app-protect/dist/index.css'
class App extends Component {
render() {
return (
<Protect sha512='EE26B0DD4AF7E749AA1A8EE3C10AE9923F618980772E473F8819A5D4940E0DB27AC185F8A0E1D5F84F88BC887FD67B143732C304CC5FA9AD8E6F57F50028A8FF'>
<div>Content</div>
</Protect>
)
}
}License
MIT © bay0