https://github.com/jasurhaydarovcode/react-mower
npm i react-mower
https://github.com/jasurhaydarovcode/react-mower
cursor devtools protection react security
Last synced: 11 months ago
JSON representation
npm i react-mower
- Host: GitHub
- URL: https://github.com/jasurhaydarovcode/react-mower
- Owner: jasurhaydarovcode
- License: mit
- Created: 2024-10-22T09:28:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-30T05:47:13.000Z (over 1 year ago)
- Last Synced: 2024-10-30T08:38:05.184Z (over 1 year ago)
- Topics: cursor, devtools, protection, react, security
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/react-mower
- Size: 158 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## React Mower
A powerful React package for protecting your web applications from unwanted developer tools access and cursor-based interactions.
---
### Features
1. 🛡️ Block Developer Tools access
2. 🖱️ Cursor protection
3. 📸 Block screenshot
3. ⚡ Lightweight and easy to use
4. 🔳 Github Star Button Count
5. 🔒 Multiple protection layers
---
### Installation
```
npm install react-mower
```
##### This package requires react-toastify as a peer dependency, and you only need to install react-mower
---
## Usage
#### Basic Setup
#### Loading in the `main.tsx` component
##### `DevTools Blocker Only` using `main.tsx`
```tsx
import 'react-toastify/dist/ReactToastify.css';
import { DevToolsBlocker } from 'react-mower';
);
```
#### Using Individual Components
`Cursor Protection Only`
```tsx
import { CursorProtect } from 'react-mower';
function App() {
return (
);
}
```
#### `message` With the message attribute, you can give your own arbitrary name when the screen block is on
---
### Using for Code Example
| Tablets | Import | Props |
|--------------------------|-----------------------|----------------------------|
| Cursor Protect | `` | {message} |
| Github Star Button Count | `` | {githubStar}, username/repo |
| Dev Tools Blocker | ``| soon |
---
### Components
### DevToolsBlocker
Prevents access to browser developer tools through:
F12 key blocking
Ctrl+Shift+I blocking
Right-click context menu blocking
DevTools window size detection
### Security Features
#### DevTools Protection:
Blocks common DevTools shortcuts
Prevents right-click context menu
Detects DevTools through window size changes
Shows warning toast messages
#### Cursor Protection:
Monitors mouse position
Blocks specific keyboard shortcuts
Shows full-screen protection overlay
Prevents unauthorized interactions
### Browser Compatibility
Chrome (latest)
Firefox (latest)
Safari (latest)
Edge (latest)
Opera (latest)
---
### Contributing
##### Contributions are welcome! Please feel free to submit a Pull Request.
##### Fork the repository
##### Create your feature branch (git checkout -b feature/AmazingFeature)
##### Commit your changes (git commit -m 'Add some AmazingFeature')
##### Push to the branch (git push origin feature/AmazingFeature)
##### Open a Pull Request
---
---
### Support
If you have any questions or need help integrating the package, please open an issue in the GitHub repository.