npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

cryptoric-web-protect

v1.0.5

Published

High-performance, anti-DevTools script with a Dual-Class CSS Dead-Man's Switch.

Readme

Cryptoric Web Protect is a drop-in, zero-dependency JavaScript library designed to aggressively prevent reverse engineering, code inspection, and tampering of your web applications. It uses advanced obfuscation and browser traps to completely lock down your frontend.


?? Installation

Install the package via NPM:

npm install cryptoric-web-protect

?? How to Implement (Just 2 Lines of Code)

The entire logic is heavily obfuscated and safely bundled inside the package. To secure your application, simply import and initialize it in your main JavaScript file (e.g., index.js, app.js, main.jsx).

// 1. Import the protection module
import CryptoricProtect from "cryptoric-web-protect";

// 2. Initialize it
CryptoricProtect.init();

That's it! As soon as init() is called, the protection layer is active.


?? What Does It Do? (Features)

Cryptoric Web Protect deploys 5 separate layers of aggressive defense mechanisms:

1. Dual-Class CSS Dead-Man's Switch ??

If an attacker manages to force open DevTools (e.g., via the Chrome menu) and pauses your website using the debugger, our script stops running. However, we planted a CSS Dead-Man's Switch! When the JavaScript thread freezes, a pure CSS animation takes over, blurring your entire website and fading it to 0% opacity within 1 second. The attacker will just stare at a blank, unreadable screen.

2. Time-Delta DOM Wipe ??

If an attacker tries to unpause the frozen debugger, the script measures the exact millisecond delay that occurred while it was paused. Detecting the unnatural delay, it instantly executes document.body.innerHTML = "" to delete your entire website structure.

3. Instant Wipe on Shortcuts ??

It actively listens for and blocks the following developer shortcuts:

  • F12
  • Ctrl + Shift + I (Inspect)
  • Ctrl + Shift + C (Element Select)
  • Ctrl + U (View Source)
  • Right-Click (Context Menu)

If a user even presses these keys, it doesn't just block them�it instantly wipes the screen blank as punishment.

4. Docked DevTools Detection ??

If an attacker tries to dock DevTools to the side or bottom of their browser, the script detects the sudden unnatural difference between the "Outer Window Size" and "Inner Window Size" and instantly wipes the page.

5. Nuclear Console Trap ??

It drops a fake "bait" object into the background console. If the DevTools Console tab is opened, the browser automatically tries to read this bait object, which triggers an instant, complete page wipe.


?? Important Notes

  • Obfuscation: The source code inside the NPM package is fully obfuscated using Control-Flow Flattening, Dead Code Injection, and RC4 String Encryption. It is impossible to reverse-engineer.
  • Browser Only: This library relies on the window and document objects. Ensure it only runs on the client-side (do not run it during Server-Side Rendering in frameworks like Next.js).