feat: JavaScript KeyCode & Keyboard Event Inspector — interactive key visualizer for DOM events

[ajithakdev]

Summary

Add a real-time Keyboard Event and KeyCode Inspector (a clean, zero-ad modern successor to keycode.info) that captures keypresses and displays modern DOM KeyboardEvent properties.

Motivation

Front-end developers frequently build keyboard navigation, hotkey bindings, and accessibility handlers. The classic sites used to check event.key, event.code, and modifier states are covered in display ads and popups. A clean, frosted-glass keycode inspector in Toolglass makes hotkey development effortless.

Features

• Live Event Listener: Pressing any key immediately updates the frosted display with:
  • event.key (e.g. "Enter", "ArrowUp", "a").
  • event.code (physical key code, e.g. "KeyA", "Digit1").
  • event.keyCode / which (with a 'deprecated' badge for developer education).
  • event.location (Standard, Left, Right, Numpad).
• Modifier Badges: Live glowing pill indicators for Shift, Ctrl, Alt, and Meta (⌘ / Win).
• Code Snippet Generator: One-click copy for ready-to-use JavaScript/TypeScript switch-case and if condition snippets.
• Event History: Bottom drawer listing the last 10 pressed keys.

Engineering & Privacy

• 100% Client-Side: Listens to window keydown events within the tool container.
• Zero Dependencies: Standard browser Web APIs.