1.3.27 • Published 8 months ago

react-mower v1.3.27

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

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
  4. ⚡ Lightweight and easy to use
  5. 🔳 Github Star Button Count
  6. 🔒 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
import 'react-toastify/dist/ReactToastify.css';
import { DevToolsBlocker } from 'react-mower';

    <DevToolsBlocker>
      <App />
    </DevToolsBlocker>
);

Using Individual Components

Cursor Protection Only

import { CursorProtect } from 'react-mower';

function App() {
  return (
    <CursorProtect message='❌ Screen Blocked'>
      <YourApp />
    </CursorProtect>
  );
}

message With the message attribute, you can give your own arbitrary name when the screen block is on


Using for Code Example

TabletsImportProps
Cursor Protect<CursorProtect />{message}
Github Star Button Count<GitHubStarCount />{githubStar}, username/repo
Dev Tools Blocker<DevToolsBlocker />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.

1.3.251

8 months ago

1.3.25

8 months ago

1.3.262

8 months ago

1.3.261

8 months ago

1.3.26

8 months ago

1.3.27

8 months ago

1.3.20

9 months ago

1.3.21

9 months ago

1.3.22

9 months ago

1.3.23

9 months ago

1.2.18

9 months ago

1.2.19

9 months ago

1.1.9

9 months ago

1.2.20

9 months ago

1.1.12

9 months ago

1.1.11

9 months ago

1.1.10

9 months ago

1.2.16

9 months ago

1.2.17

9 months ago

1.2.14

9 months ago

1.1.14

9 months ago

1.2.15

9 months ago

1.1.13

9 months ago

1.0.9

9 months ago

1.0.8

9 months ago

1.0.7

9 months ago

1.0.6

9 months ago

1.0.5

9 months ago

1.0.1

9 months ago

1.0.0

9 months ago