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 🙏

© 2024 – Pkg Stats / Ryan Hefner

kc-dabr-wasm

v0.1.2

Published

A React hook with a WebAssembly-based Konami Code Easter Egg

Downloads

68

Readme

kc-dabr-wasm

A React hook with a WebAssembly-based Konami Code Easter Egg

kc-dabr-wasm is a fun and interactive React hook that adds a secret Konami Code Easter egg to your web application. When the correct sequence of keys is entered, it triggers a barrel roll animation on the page. This package uses WebAssembly for performance and includes obfuscation techniques for added security and hiding the easter egg.

Features

  • Easy-to-use React hook
  • Implements the classic Konami Code
  • Triggers a smooth 360-degree rotation of the entire page
  • Built with WebAssembly for optimal performance
  • Obfuscated names and functions for added security and hiding the easter egg

Installation

To install kc-dabr-wasm, run the following command in your project directory:

npm install kc-dabr-wasm

or if you're using Yarn:

yarn add kc-dabr-wasm

Usage

  1. Import the hook in your React component:

    import useKC_DABR_WASM from 'kc-dabr-wasm';
  2. Use the hook in your component:

    function MyComponent() {
        useKC_DABR_WASM();
    
        return <Component />;
    }
  3. That's it! Now, when a user enters the Konami Code (↑↑↓↓←→←→BA), the page will do a barrel roll.

How it Works

The useKC_DABR_WASM hook initializes a WebAssembly module that listens for keydown events. When the correct sequence of keys is entered, it triggers a CSS transformation that rotates the entire page 360 degrees.

The package uses WebAssembly for several reasons:

  1. Performance: WebAssembly runs at near-native speed, ensuring smooth execution.
  2. Security: The core logic is compiled to WebAssembly, making it harder to reverse-engineer.
  3. Cross-platform compatibility: WebAssembly runs in all modern browsers.

Additionally, the package employs obfuscation techniques:

  • Function and variable names are obfuscated to make the code more challenging to understand at a glance.
  • Some strings are base64 encoded to further obscure their meanings.

These obfuscation techniques add to the fun and challenge of discovering the Easter egg while also providing a degree of security against casual inspection.

Dependencies

  • React 16.8+ (for Hooks support)
  • A modern web browser that supports WebAssembly

License

kc-dabr-wasm is licensed under the MIT License

SPDX-License-Identifier: MIT