bongocat-react 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 kaustubhxd
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,70 @@
+# bongocat-react
+
+A React component that adds an animated BongoCat overlay to your app. The cat reacts to keyboard typing and mouse clicks in real-time.
+
+Based on the sprite system from [BongoCat-mac](https://github.com/Gamma-Software/BongoCat-mac) (MIT licensed).
+
+## Install
+
+```bash
+npm install bongocat-react
+```
+
+## Setup
+
+1. Copy the 5 sprite PNGs into your public directory (e.g. `public/bongo-cat/`):
+   - `base.png` — cat body
+   - `left-up.png` / `left-down.png` — left paw states
+   - `right-up.png` / `right-down.png` — right paw states
+
+   You can find the original sprites in the `assets/` folder of this repo.
+
+2. Add the component:
+
+```tsx
+import { BongoCat } from "bongocat-react";
+
+function App() {
+  return (
+    <div>
+      <BongoCat />
+    </div>
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `assetsPath` | `string` | `"/bongo-cat"` | Base URL path to sprite PNGs |
+| `bottom` | `number \| string` | `16` | CSS bottom offset |
+| `right` | `number \| string` | `16` | CSS right offset |
+| `width` | `number` | `65` | Container width in px |
+| `height` | `number` | `40` | Container height in px |
+| `zIndex` | `number` | `9998` | z-index of the overlay |
+| `pulse` | `boolean` | `true` | Scale pulse animation on input |
+| `spriteMarginTop` | `string \| number` | `"37%"` | Margin-top on sprites to ground the cat visually |
+| `className` | `string` | `""` | Additional CSS class |
+| `style` | `CSSProperties` | — | Additional inline styles |
+
+## Privacy
+
+This package does not track, collect, or transmit any data. No analytics, no telemetry, no cookies. It's intentionally kept simple — just a lil kitty reacting to your keystrokes and clicks, entirely client-side.
+
+## How it works
+
+- Listens to `keydown`/`keyup` on `document` and `mousedown`/`mouseup` on `window` (capture phase)
+- Maps physical key positions (`event.code`) to left/right paw — left-half keyboard keys move the left paw, right-half keys move the right paw
+- Left mouse click → left paw, right click → right paw
+- `pointer-events: none` — the cat never intercepts your clicks
+- Handles context menu stealing mouseup events
+
+## Credits
+
+- Built using [BongoCat-mac](https://github.com/Gamma-Software/BongoCat-mac) by Valentin Rudloff as reference — the sprite system and paw state machine were adapted from that project (MIT licensed)
+- Original BongoCat meme by [@DitzyFlama](https://twitter.com/DitzyFlama), cat art by [@StrayRogue](https://twitter.com/StrayRogue)
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties } from 'react';
+
+interface BongoCatProps {
+    /** Base URL path to the sprite assets directory (must contain base.png, left-up.png, left-down.png, right-up.png, right-down.png). Defaults to "/bongo-cat" */
+    assetsPath?: string;
+    /** CSS bottom offset. Defaults to 16 */
+    bottom?: number | string;
+    /** CSS right offset. Defaults to 16 */
+    right?: number | string;
+    /** Width in px. Defaults to 65 */
+    width?: number;
+    /** Height in px. Defaults to 40 */
+    height?: number;
+    /** z-index. Defaults to 9998 */
+    zIndex?: number;
+    /** Enable scale pulse on input. Defaults to true */
+    pulse?: boolean;
+    /** Margin-top applied to each sprite image to ground the cat visually. Defaults to "37%" */
+    spriteMarginTop?: string | number;
+    /** Additional className on the container */
+    className?: string;
+    /** Additional inline styles on the container */
+    style?: CSSProperties;
+}
+declare function BongoCat({ assetsPath, bottom, right, width, height, zIndex, pulse: pulseEnabled, spriteMarginTop, className, style: userStyle, }?: BongoCatProps): react_jsx_runtime.JSX.Element;
+
+export { BongoCat, type BongoCatProps };

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties } from 'react';
+
+interface BongoCatProps {
+    /** Base URL path to the sprite assets directory (must contain base.png, left-up.png, left-down.png, right-up.png, right-down.png). Defaults to "/bongo-cat" */
+    assetsPath?: string;
+    /** CSS bottom offset. Defaults to 16 */
+    bottom?: number | string;
+    /** CSS right offset. Defaults to 16 */
+    right?: number | string;
+    /** Width in px. Defaults to 65 */
+    width?: number;
+    /** Height in px. Defaults to 40 */
+    height?: number;
+    /** z-index. Defaults to 9998 */
+    zIndex?: number;
+    /** Enable scale pulse on input. Defaults to true */
+    pulse?: boolean;
+    /** Margin-top applied to each sprite image to ground the cat visually. Defaults to "37%" */
+    spriteMarginTop?: string | number;
+    /** Additional className on the container */
+    className?: string;
+    /** Additional inline styles on the container */
+    style?: CSSProperties;
+}
+declare function BongoCat({ assetsPath, bottom, right, width, height, zIndex, pulse: pulseEnabled, spriteMarginTop, className, style: userStyle, }?: BongoCatProps): react_jsx_runtime.JSX.Element;
+
+export { BongoCat, type BongoCatProps };

package/dist/index.js

@@ -0,0 +1,230 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BongoCat: () => BongoCat
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/bongo-cat.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LEFT_KEYS = /* @__PURE__ */ new Set([
+  "Digit1",
+  "Digit2",
+  "Digit3",
+  "Digit4",
+  "Digit5",
+  "KeyQ",
+  "KeyW",
+  "KeyE",
+  "KeyR",
+  "KeyT",
+  "KeyA",
+  "KeyS",
+  "KeyD",
+  "KeyF",
+  "KeyG",
+  "KeyZ",
+  "KeyX",
+  "KeyC",
+  "KeyV",
+  "KeyB",
+  "Tab",
+  "CapsLock",
+  "ShiftLeft",
+  "ControlLeft",
+  "AltLeft",
+  "MetaLeft",
+  "Backquote",
+  "Escape"
+]);
+var RIGHT_KEYS = /* @__PURE__ */ new Set([
+  "Digit6",
+  "Digit7",
+  "Digit8",
+  "Digit9",
+  "Digit0",
+  "KeyY",
+  "KeyU",
+  "KeyI",
+  "KeyO",
+  "KeyP",
+  "KeyH",
+  "KeyJ",
+  "KeyK",
+  "KeyL",
+  "KeyN",
+  "KeyM",
+  "Enter",
+  "Backspace",
+  "Delete",
+  "ShiftRight",
+  "ControlRight",
+  "AltRight",
+  "MetaRight",
+  "BracketLeft",
+  "BracketRight",
+  "Backslash",
+  "Semicolon",
+  "Quote",
+  "Comma",
+  "Period",
+  "Slash",
+  "Minus",
+  "Equal",
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight"
+]);
+var MIN_ANIMATION_MS = 100;
+var baseImgStyle = {
+  position: "absolute",
+  inset: 0,
+  width: "100%",
+  height: "100%",
+  objectFit: "contain",
+  pointerEvents: "none"
+};
+function BongoCat({
+  assetsPath = "/bongo-cat",
+  bottom = 16,
+  right = 16,
+  width = 65,
+  height = 40,
+  zIndex = 9998,
+  pulse: pulseEnabled = true,
+  spriteMarginTop = "37%",
+  className = "",
+  style: userStyle
+} = {}) {
+  const [state, setState] = (0, import_react.useState)("idle");
+  const [pulse, setPulse] = (0, import_react.useState)(false);
+  const pawDownTimeRef = (0, import_react.useRef)(0);
+  const idleTimerRef = (0, import_react.useRef)(void 0);
+  const basePath = assetsPath.replace(/\/$/, "");
+  const imgStyle = {
+    ...baseImgStyle,
+    marginTop: typeof spriteMarginTop === "number" ? `${spriteMarginTop}px` : spriteMarginTop
+  };
+  const returnToIdle = (0, import_react.useCallback)(() => {
+    const elapsed = Date.now() - pawDownTimeRef.current;
+    const remaining = Math.max(0, MIN_ANIMATION_MS - elapsed);
+    clearTimeout(idleTimerRef.current);
+    idleTimerRef.current = setTimeout(() => setState("idle"), remaining);
+  }, []);
+  const triggerPulse = (0, import_react.useCallback)(() => {
+    if (!pulseEnabled) return;
+    setPulse(true);
+    requestAnimationFrame(() => {
+      setTimeout(() => setPulse(false), 150);
+    });
+  }, [pulseEnabled]);
+  (0, import_react.useEffect)(() => {
+    const onKeyDown = (e) => {
+      if (e.repeat) return;
+      pawDownTimeRef.current = Date.now();
+      clearTimeout(idleTimerRef.current);
+      triggerPulse();
+      if (LEFT_KEYS.has(e.code)) {
+        setState("leftPawDown");
+      } else if (RIGHT_KEYS.has(e.code)) {
+        setState("rightPawDown");
+      } else {
+        setState(e.code.charCodeAt(0) % 2 === 0 ? "leftPawDown" : "rightPawDown");
+      }
+    };
+    const onKeyUp = () => {
+      returnToIdle();
+    };
+    const onMouseDown = (e) => {
+      pawDownTimeRef.current = Date.now();
+      clearTimeout(idleTimerRef.current);
+      triggerPulse();
+      if (e.button === 2) {
+        setState("rightPawDown");
+      } else {
+        setState("leftPawDown");
+      }
+    };
+    const onMouseUp = () => {
+      returnToIdle();
+    };
+    const onContextMenu = () => {
+      returnToIdle();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keyup", onKeyUp);
+    window.addEventListener("mousedown", onMouseDown, true);
+    window.addEventListener("mouseup", onMouseUp, true);
+    window.addEventListener("contextmenu", onContextMenu, true);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keyup", onKeyUp);
+      window.removeEventListener("mousedown", onMouseDown, true);
+      window.removeEventListener("mouseup", onMouseUp, true);
+      window.removeEventListener("contextmenu", onContextMenu, true);
+      clearTimeout(idleTimerRef.current);
+    };
+  }, [returnToIdle, triggerPulse]);
+  const leftDown = state === "leftPawDown" || state === "bothPawsDown";
+  const rightDown = state === "rightPawDown" || state === "bothPawsDown";
+  const containerStyle = {
+    position: "fixed",
+    bottom: typeof bottom === "number" ? `${bottom}px` : bottom,
+    right: typeof right === "number" ? `${right}px` : right,
+    width,
+    height,
+    zIndex,
+    pointerEvents: "none",
+    userSelect: "none",
+    transform: pulse ? "scale(1.08)" : "scale(1)",
+    transition: "transform 0.1s ease-out",
+    ...userStyle
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className, style: containerStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: `${basePath}/base.png`, alt: "", draggable: false, style: imgStyle }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: leftDown ? `${basePath}/left-down.png` : `${basePath}/left-up.png`,
+        alt: "",
+        draggable: false,
+        style: imgStyle
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: rightDown ? `${basePath}/right-down.png` : `${basePath}/right-up.png`,
+        alt: "",
+        draggable: false,
+        style: imgStyle
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BongoCat
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/bongo-cat.tsx"],"sourcesContent":["export { BongoCat } from \"./bongo-cat\";\nexport type { BongoCatProps } from \"./bongo-cat\";\n","import { useState, useEffect, useRef, useCallback, CSSProperties } from \"react\";\n\ntype CatState = \"idle\" | \"leftPawDown\" | \"rightPawDown\" | \"bothPawsDown\";\n\nexport interface BongoCatProps {\n  /** Base URL path to the sprite assets directory (must contain base.png, left-up.png, left-down.png, right-up.png, right-down.png). Defaults to \"/bongo-cat\" */\n  assetsPath?: string;\n  /** CSS bottom offset. Defaults to 16 */\n  bottom?: number | string;\n  /** CSS right offset. Defaults to 16 */\n  right?: number | string;\n  /** Width in px. Defaults to 65 */\n  width?: number;\n  /** Height in px. Defaults to 40 */\n  height?: number;\n  /** z-index. Defaults to 9998 */\n  zIndex?: number;\n  /** Enable scale pulse on input. Defaults to true */\n  pulse?: boolean;\n  /** Margin-top applied to each sprite image to ground the cat visually. Defaults to \"37%\" */\n  spriteMarginTop?: string | number;\n  /** Additional className on the container */\n  className?: string;\n  /** Additional inline styles on the container */\n  style?: CSSProperties;\n}\n\n// Physical key codes for the left side of the keyboard\nconst LEFT_KEYS = new Set([\n  \"Digit1\", \"Digit2\", \"Digit3\", \"Digit4\", \"Digit5\",\n  \"KeyQ\", \"KeyW\", \"KeyE\", \"KeyR\", \"KeyT\",\n  \"KeyA\", \"KeyS\", \"KeyD\", \"KeyF\", \"KeyG\",\n  \"KeyZ\", \"KeyX\", \"KeyC\", \"KeyV\", \"KeyB\",\n  \"Tab\", \"CapsLock\", \"ShiftLeft\", \"ControlLeft\", \"AltLeft\", \"MetaLeft\",\n  \"Backquote\", \"Escape\",\n]);\n\nconst RIGHT_KEYS = new Set([\n  \"Digit6\", \"Digit7\", \"Digit8\", \"Digit9\", \"Digit0\",\n  \"KeyY\", \"KeyU\", \"KeyI\", \"KeyO\", \"KeyP\",\n  \"KeyH\", \"KeyJ\", \"KeyK\", \"KeyL\",\n  \"KeyN\", \"KeyM\",\n  \"Enter\", \"Backspace\", \"Delete\", \"ShiftRight\", \"ControlRight\", \"AltRight\", \"MetaRight\",\n  \"BracketLeft\", \"BracketRight\", \"Backslash\", \"Semicolon\", \"Quote\",\n  \"Comma\", \"Period\", \"Slash\", \"Minus\", \"Equal\",\n  \"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\",\n]);\n\nconst MIN_ANIMATION_MS = 100;\n\nconst baseImgStyle: CSSProperties = {\n  position: \"absolute\",\n  inset: 0,\n  width: \"100%\",\n  height: \"100%\",\n  objectFit: \"contain\",\n  pointerEvents: \"none\",\n};\n\nexport function BongoCat({\n  assetsPath = \"/bongo-cat\",\n  bottom = 16,\n  right = 16,\n  width = 65,\n  height = 40,\n  zIndex = 9998,\n  pulse: pulseEnabled = true,\n  spriteMarginTop = \"37%\",\n  className = \"\",\n  style: userStyle,\n}: BongoCatProps = {}) {\n  const [state, setState] = useState<CatState>(\"idle\");\n  const [pulse, setPulse] = useState(false);\n  const pawDownTimeRef = useRef(0);\n  const idleTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  const basePath = assetsPath.replace(/\\/$/, \"\");\n\n  const imgStyle: CSSProperties = {\n    ...baseImgStyle,\n    marginTop: typeof spriteMarginTop === \"number\" ? `${spriteMarginTop}px` : spriteMarginTop,\n  };\n\n  const returnToIdle = useCallback(() => {\n    const elapsed = Date.now() - pawDownTimeRef.current;\n    const remaining = Math.max(0, MIN_ANIMATION_MS - elapsed);\n\n    clearTimeout(idleTimerRef.current);\n    idleTimerRef.current = setTimeout(() => setState(\"idle\"), remaining);\n  }, []);\n\n  const triggerPulse = useCallback(() => {\n    if (!pulseEnabled) return;\n    setPulse(true);\n    requestAnimationFrame(() => {\n      setTimeout(() => setPulse(false), 150);\n    });\n  }, [pulseEnabled]);\n\n  useEffect(() => {\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.repeat) return;\n\n      pawDownTimeRef.current = Date.now();\n      clearTimeout(idleTimerRef.current);\n      triggerPulse();\n\n      if (LEFT_KEYS.has(e.code)) {\n        setState(\"leftPawDown\");\n      } else if (RIGHT_KEYS.has(e.code)) {\n        setState(\"rightPawDown\");\n      } else {\n        setState(e.code.charCodeAt(0) % 2 === 0 ? \"leftPawDown\" : \"rightPawDown\");\n      }\n    };\n\n    const onKeyUp = () => {\n      returnToIdle();\n    };\n\n    const onMouseDown = (e: MouseEvent) => {\n      pawDownTimeRef.current = Date.now();\n      clearTimeout(idleTimerRef.current);\n      triggerPulse();\n\n      if (e.button === 2) {\n        setState(\"rightPawDown\");\n      } else {\n        setState(\"leftPawDown\");\n      }\n    };\n\n    const onMouseUp = () => {\n      returnToIdle();\n    };\n\n    const onContextMenu = () => {\n      returnToIdle();\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    document.addEventListener(\"keyup\", onKeyUp);\n    window.addEventListener(\"mousedown\", onMouseDown, true);\n    window.addEventListener(\"mouseup\", onMouseUp, true);\n    window.addEventListener(\"contextmenu\", onContextMenu, true);\n\n    return () => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.removeEventListener(\"keyup\", onKeyUp);\n      window.removeEventListener(\"mousedown\", onMouseDown, true);\n      window.removeEventListener(\"mouseup\", onMouseUp, true);\n      window.removeEventListener(\"contextmenu\", onContextMenu, true);\n      clearTimeout(idleTimerRef.current);\n    };\n  }, [returnToIdle, triggerPulse]);\n\n  const leftDown = state === \"leftPawDown\" || state === \"bothPawsDown\";\n  const rightDown = state === \"rightPawDown\" || state === \"bothPawsDown\";\n\n  const containerStyle: CSSProperties = {\n    position: \"fixed\",\n    bottom: typeof bottom === \"number\" ? `${bottom}px` : bottom,\n    right: typeof right === \"number\" ? `${right}px` : right,\n    width,\n    height,\n    zIndex,\n    pointerEvents: \"none\",\n    userSelect: \"none\",\n    transform: pulse ? \"scale(1.08)\" : \"scale(1)\",\n    transition: \"transform 0.1s ease-out\",\n    ...userStyle,\n  };\n\n  return (\n    <div className={className} style={containerStyle}>\n      <img src={`${basePath}/base.png`} alt=\"\" draggable={false} style={imgStyle} />\n      <img\n        src={leftDown ? `${basePath}/left-down.png` : `${basePath}/left-up.png`}\n        alt=\"\"\n        draggable={false}\n        style={imgStyle}\n      />\n      <img\n        src={rightDown ? `${basePath}/right-down.png` : `${basePath}/right-up.png`}\n        alt=\"\"\n        draggable={false}\n        style={imgStyle}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -0,0 +1,203 @@
+// src/bongo-cat.tsx
+import { useState, useEffect, useRef, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LEFT_KEYS = /* @__PURE__ */ new Set([
+  "Digit1",
+  "Digit2",
+  "Digit3",
+  "Digit4",
+  "Digit5",
+  "KeyQ",
+  "KeyW",
+  "KeyE",
+  "KeyR",
+  "KeyT",
+  "KeyA",
+  "KeyS",
+  "KeyD",
+  "KeyF",
+  "KeyG",
+  "KeyZ",
+  "KeyX",
+  "KeyC",
+  "KeyV",
+  "KeyB",
+  "Tab",
+  "CapsLock",
+  "ShiftLeft",
+  "ControlLeft",
+  "AltLeft",
+  "MetaLeft",
+  "Backquote",
+  "Escape"
+]);
+var RIGHT_KEYS = /* @__PURE__ */ new Set([
+  "Digit6",
+  "Digit7",
+  "Digit8",
+  "Digit9",
+  "Digit0",
+  "KeyY",
+  "KeyU",
+  "KeyI",
+  "KeyO",
+  "KeyP",
+  "KeyH",
+  "KeyJ",
+  "KeyK",
+  "KeyL",
+  "KeyN",
+  "KeyM",
+  "Enter",
+  "Backspace",
+  "Delete",
+  "ShiftRight",
+  "ControlRight",
+  "AltRight",
+  "MetaRight",
+  "BracketLeft",
+  "BracketRight",
+  "Backslash",
+  "Semicolon",
+  "Quote",
+  "Comma",
+  "Period",
+  "Slash",
+  "Minus",
+  "Equal",
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight"
+]);
+var MIN_ANIMATION_MS = 100;
+var baseImgStyle = {
+  position: "absolute",
+  inset: 0,
+  width: "100%",
+  height: "100%",
+  objectFit: "contain",
+  pointerEvents: "none"
+};
+function BongoCat({
+  assetsPath = "/bongo-cat",
+  bottom = 16,
+  right = 16,
+  width = 65,
+  height = 40,
+  zIndex = 9998,
+  pulse: pulseEnabled = true,
+  spriteMarginTop = "37%",
+  className = "",
+  style: userStyle
+} = {}) {
+  const [state, setState] = useState("idle");
+  const [pulse, setPulse] = useState(false);
+  const pawDownTimeRef = useRef(0);
+  const idleTimerRef = useRef(void 0);
+  const basePath = assetsPath.replace(/\/$/, "");
+  const imgStyle = {
+    ...baseImgStyle,
+    marginTop: typeof spriteMarginTop === "number" ? `${spriteMarginTop}px` : spriteMarginTop
+  };
+  const returnToIdle = useCallback(() => {
+    const elapsed = Date.now() - pawDownTimeRef.current;
+    const remaining = Math.max(0, MIN_ANIMATION_MS - elapsed);
+    clearTimeout(idleTimerRef.current);
+    idleTimerRef.current = setTimeout(() => setState("idle"), remaining);
+  }, []);
+  const triggerPulse = useCallback(() => {
+    if (!pulseEnabled) return;
+    setPulse(true);
+    requestAnimationFrame(() => {
+      setTimeout(() => setPulse(false), 150);
+    });
+  }, [pulseEnabled]);
+  useEffect(() => {
+    const onKeyDown = (e) => {
+      if (e.repeat) return;
+      pawDownTimeRef.current = Date.now();
+      clearTimeout(idleTimerRef.current);
+      triggerPulse();
+      if (LEFT_KEYS.has(e.code)) {
+        setState("leftPawDown");
+      } else if (RIGHT_KEYS.has(e.code)) {
+        setState("rightPawDown");
+      } else {
+        setState(e.code.charCodeAt(0) % 2 === 0 ? "leftPawDown" : "rightPawDown");
+      }
+    };
+    const onKeyUp = () => {
+      returnToIdle();
+    };
+    const onMouseDown = (e) => {
+      pawDownTimeRef.current = Date.now();
+      clearTimeout(idleTimerRef.current);
+      triggerPulse();
+      if (e.button === 2) {
+        setState("rightPawDown");
+      } else {
+        setState("leftPawDown");
+      }
+    };
+    const onMouseUp = () => {
+      returnToIdle();
+    };
+    const onContextMenu = () => {
+      returnToIdle();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keyup", onKeyUp);
+    window.addEventListener("mousedown", onMouseDown, true);
+    window.addEventListener("mouseup", onMouseUp, true);
+    window.addEventListener("contextmenu", onContextMenu, true);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keyup", onKeyUp);
+      window.removeEventListener("mousedown", onMouseDown, true);
+      window.removeEventListener("mouseup", onMouseUp, true);
+      window.removeEventListener("contextmenu", onContextMenu, true);
+      clearTimeout(idleTimerRef.current);
+    };
+  }, [returnToIdle, triggerPulse]);
+  const leftDown = state === "leftPawDown" || state === "bothPawsDown";
+  const rightDown = state === "rightPawDown" || state === "bothPawsDown";
+  const containerStyle = {
+    position: "fixed",
+    bottom: typeof bottom === "number" ? `${bottom}px` : bottom,
+    right: typeof right === "number" ? `${right}px` : right,
+    width,
+    height,
+    zIndex,
+    pointerEvents: "none",
+    userSelect: "none",
+    transform: pulse ? "scale(1.08)" : "scale(1)",
+    transition: "transform 0.1s ease-out",
+    ...userStyle
+  };
+  return /* @__PURE__ */ jsxs("div", { className, style: containerStyle, children: [
+    /* @__PURE__ */ jsx("img", { src: `${basePath}/base.png`, alt: "", draggable: false, style: imgStyle }),
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: leftDown ? `${basePath}/left-down.png` : `${basePath}/left-up.png`,
+        alt: "",
+        draggable: false,
+        style: imgStyle
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: rightDown ? `${basePath}/right-down.png` : `${basePath}/right-up.png`,
+        alt: "",
+        draggable: false,
+        style: imgStyle
+      }
+    )
+  ] });
+}
+export {
+  BongoCat
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bongo-cat.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback, CSSProperties } from \"react\";\n\ntype CatState = \"idle\" | \"leftPawDown\" | \"rightPawDown\" | \"bothPawsDown\";\n\nexport interface BongoCatProps {\n  /** Base URL path to the sprite assets directory (must contain base.png, left-up.png, left-down.png, right-up.png, right-down.png). Defaults to \"/bongo-cat\" */\n  assetsPath?: string;\n  /** CSS bottom offset. Defaults to 16 */\n  bottom?: number | string;\n  /** CSS right offset. Defaults to 16 */\n  right?: number | string;\n  /** Width in px. Defaults to 65 */\n  width?: number;\n  /** Height in px. Defaults to 40 */\n  height?: number;\n  /** z-index. Defaults to 9998 */\n  zIndex?: number;\n  /** Enable scale pulse on input. Defaults to true */\n  pulse?: boolean;\n  /** Margin-top applied to each sprite image to ground the cat visually. Defaults to \"37%\" */\n  spriteMarginTop?: string | number;\n  /** Additional className on the container */\n  className?: string;\n  /** Additional inline styles on the container */\n  style?: CSSProperties;\n}\n\n// Physical key codes for the left side of the keyboard\nconst LEFT_KEYS = new Set([\n  \"Digit1\", \"Digit2\", \"Digit3\", \"Digit4\", \"Digit5\",\n  \"KeyQ\", \"KeyW\", \"KeyE\", \"KeyR\", \"KeyT\",\n  \"KeyA\", \"KeyS\", \"KeyD\", \"KeyF\", \"KeyG\",\n  \"KeyZ\", \"KeyX\", \"KeyC\", \"KeyV\", \"KeyB\",\n  \"Tab\", \"CapsLock\", \"ShiftLeft\", \"ControlLeft\", \"AltLeft\", \"MetaLeft\",\n  \"Backquote\", \"Escape\",\n]);\n\nconst RIGHT_KEYS = new Set([\n  \"Digit6\", \"Digit7\", \"Digit8\", \"Digit9\", \"Digit0\",\n  \"KeyY\", \"KeyU\", \"KeyI\", \"KeyO\", \"KeyP\",\n  \"KeyH\", \"KeyJ\", \"KeyK\", \"KeyL\",\n  \"KeyN\", \"KeyM\",\n  \"Enter\", \"Backspace\", \"Delete\", \"ShiftRight\", \"ControlRight\", \"AltRight\", \"MetaRight\",\n  \"BracketLeft\", \"BracketRight\", \"Backslash\", \"Semicolon\", \"Quote\",\n  \"Comma\", \"Period\", \"Slash\", \"Minus\", \"Equal\",\n  \"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\",\n]);\n\nconst MIN_ANIMATION_MS = 100;\n\nconst baseImgStyle: CSSProperties = {\n  position: \"absolute\",\n  inset: 0,\n  width: \"100%\",\n  height: \"100%\",\n  objectFit: \"contain\",\n  pointerEvents: \"none\",\n};\n\nexport function BongoCat({\n  assetsPath = \"/bongo-cat\",\n  bottom = 16,\n  right = 16,\n  width = 65,\n  height = 40,\n  zIndex = 9998,\n  pulse: pulseEnabled = true,\n  spriteMarginTop = \"37%\",\n  className = \"\",\n  style: userStyle,\n}: BongoCatProps = {}) {\n  const [state, setState] = useState<CatState>(\"idle\");\n  const [pulse, setPulse] = useState(false);\n  const pawDownTimeRef = useRef(0);\n  const idleTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  const basePath = assetsPath.replace(/\\/$/, \"\");\n\n  const imgStyle: CSSProperties = {\n    ...baseImgStyle,\n    marginTop: typeof spriteMarginTop === \"number\" ? `${spriteMarginTop}px` : spriteMarginTop,\n  };\n\n  const returnToIdle = useCallback(() => {\n    const elapsed = Date.now() - pawDownTimeRef.current;\n    const remaining = Math.max(0, MIN_ANIMATION_MS - elapsed);\n\n    clearTimeout(idleTimerRef.current);\n    idleTimerRef.current = setTimeout(() => setState(\"idle\"), remaining);\n  }, []);\n\n  const triggerPulse = useCallback(() => {\n    if (!pulseEnabled) return;\n    setPulse(true);\n    requestAnimationFrame(() => {\n      setTimeout(() => setPulse(false), 150);\n    });\n  }, [pulseEnabled]);\n\n  useEffect(() => {\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.repeat) return;\n\n      pawDownTimeRef.current = Date.now();\n      clearTimeout(idleTimerRef.current);\n      triggerPulse();\n\n      if (LEFT_KEYS.has(e.code)) {\n        setState(\"leftPawDown\");\n      } else if (RIGHT_KEYS.has(e.code)) {\n        setState(\"rightPawDown\");\n      } else {\n        setState(e.code.charCodeAt(0) % 2 === 0 ? \"leftPawDown\" : \"rightPawDown\");\n      }\n    };\n\n    const onKeyUp = () => {\n      returnToIdle();\n    };\n\n    const onMouseDown = (e: MouseEvent) => {\n      pawDownTimeRef.current = Date.now();\n      clearTimeout(idleTimerRef.current);\n      triggerPulse();\n\n      if (e.button === 2) {\n        setState(\"rightPawDown\");\n      } else {\n        setState(\"leftPawDown\");\n      }\n    };\n\n    const onMouseUp = () => {\n      returnToIdle();\n    };\n\n    const onContextMenu = () => {\n      returnToIdle();\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    document.addEventListener(\"keyup\", onKeyUp);\n    window.addEventListener(\"mousedown\", onMouseDown, true);\n    window.addEventListener(\"mouseup\", onMouseUp, true);\n    window.addEventListener(\"contextmenu\", onContextMenu, true);\n\n    return () => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.removeEventListener(\"keyup\", onKeyUp);\n      window.removeEventListener(\"mousedown\", onMouseDown, true);\n      window.removeEventListener(\"mouseup\", onMouseUp, true);\n      window.removeEventListener(\"contextmenu\", onContextMenu, true);\n      clearTimeout(idleTimerRef.current);\n    };\n  }, [returnToIdle, triggerPulse]);\n\n  const leftDown = state === \"leftPawDown\" || state === \"bothPawsDown\";\n  const rightDown = state === \"rightPawDown\" || state === \"bothPawsDown\";\n\n  const containerStyle: CSSProperties = {\n    position: \"fixed\",\n    bottom: typeof bottom === \"number\" ? `${bottom}px` : bottom,\n    right: typeof right === \"number\" ? `${right}px` : right,\n    width,\n    height,\n    zIndex,\n    pointerEvents: \"none\",\n    userSelect: \"none\",\n    transform: pulse ? \"scale(1.08)\" : \"scale(1)\",\n    transition: \"transform 0.1s ease-out\",\n    ...userStyle,\n  };\n\n  return (\n    <div className={className} style={containerStyle}>\n      <img src={`${basePath}/base.png`} alt=\"\" draggable={false} style={imgStyle} />\n      <img\n        src={leftDown ? `${basePath}/left-down.png` : `${basePath}/left-up.png`}\n        alt=\"\"\n        draggable={false}\n        style={imgStyle}\n      />\n      <img\n        src={rightDown ? `${basePath}/right-down.png` : `${basePath}/right-up.png`}\n        alt=\"\"\n        draggable={false}\n        style={imgStyle}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "bongocat-react",
+  "version": "1.0.0",
+  "description": "A React component that adds an animated BongoCat to your app — reacts to typing and mouse clicks",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "assets"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "bongocat",
+    "bongo-cat",
+    "typing",
+    "animation",
+    "overlay",
+    "mascot"
+  ],
+  "author": "kaustubhxd",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kaustubhxd/bongocat-react.git"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748"
+}