feat: Number Base & Bitwise Visualizer — binary, hex, octal, decimal, and 64-bit toggle matrix

[ajithakdev]

Summary

Add an interactive Number Base & Bitwise visualizer for developers, systems programmers, and students working with low-level data, flag masks, and binary protocols.

Motivation

Developers working with bitmasks, binary data structures, file headers, or permissions frequently convert between hexadecimal, binary, octal, and decimal representations. Most online calculators are clunky, ad-filled, or lack interactive bit toggling.

Features

• Simultaneous Base Conversion: Typing in any field (Binary, Hexadecimal, Octal, Decimal) instantly syncs all other bases.
• Interactive 64-Bit Toggle Matrix: A visual grid of 64 bits (grouped in bytes / nibbles) where clicking any bit flips it and immediately recalculates the value.
• Bitwise Operations Calculator:
  • Operations: AND (&), OR (|), XOR (^), NOT (~), Left Shift (<<), Right Shift (>>), Zero-fill Right Shift (>>>).
  • Visual truth table breakdown for the selected operation.
• Signed vs Unsigned Mode: Support for 8-bit, 16-bit, 32-bit, and 64-bit integer views (Two's complement).
• Endianness Preview: Show Little-Endian vs Big-Endian byte order.

Engineering & Privacy

• 100% Client-Side: Native BigInt, bitwise operators, and Uint8Array/DataView.
• Zero Dependencies: Pure TypeScript implementation.
• URL State: Support linking with pre-filled numeric values via useUrlState.