Reaction Votes Changelog Block for React

Each release stores everyone else's counts in counts, and the block adds one when you have pressed a reaction. So pressing moves the number by exactly one and pressing again puts it back. The shown number is computed from the data and your presses, never typed. To make the counts real, send each press to your API and replace counts with what it returns.

No: they live in the page's state, so in this demo they reset on reload and are not shared across tabs or devices. The header says so; remove that sentence only when the reactions are stored.

Each reaction is a toggle button that says whether it is pressed, named with its reaction, release and count ("Heart on v7.2.0: 41"); the four sit in a group named for the release. Tab moves between them, Space or Enter presses one, and a polite status announces the change. The rolling digits are hidden from assistive technology, since the name already carries the count.

Edit REACTIONS: each has an id, a label and a lucide icon. If you add one, add its counts to every release and a branch to baseOf. Keep the icons paired with a name: an icon alone is not a label.

Edit RELEASES at the top of the file, newest first: each has a version, an ISO date, its kinds, a title, a summary and its counts. Dates are fixed, never computed from today.

Below lg the four toggles wrap under the text, and nothing scrolls sideways at 320 pixels. In a right-to-left layout the rows mirror while the numbers and versions stay left to right.