Skip to content

Show the values of the Input and Output nodes bit by bit - #72

Merged
chelproc merged 1 commit into
mainfrom
interface-value-bits
Nov 1, 2026
Merged

chelproc merged 1 commit into
mainfrom
interface-value-bits

Conversation

@chelproc

@chelproc chelproc commented Nov 1, 2026 •

Copy link
Copy Markdown
Contributor

The value display of the Input and Output nodes is extracted into a Value component, and values up to 8 bits are now shown bit by bit.

  • 1 bit: a full-width ON / OFF toggle.
  • 2 to 8 bits: one cell per bit. The cells are wider when there are up to 4 bits.
  • More than 8 bits: the value is shown in hexadecimal as before.

On the Input node, clicking a bit toggles it, and clicking a value of more than 8 bits increments it as before. The clicks are now handled by buttons in the Value component instead of the whole node shape, so clicking elsewhere on the node selects or drags it as usual. The Output node shows the value without buttons.

Other changes:

  • The Input and Output nodes are now 100px wide, the same as the default node renderer.
  • Add primaryLight (primary.light as calculated by MUI) to the shared colors, used for the bits that are on.
  • Add clsx to the dependencies.
Edit mode Simulation
Edit mode Simulation

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying create-cpu-c8345196-9409-4cce-afc4-389f413ad8ee with  Cloudflare Pages  Cloudflare Pages

Latest commit: bac6103
Status: ✅  Deploy successful!
Preview URL: https://3be04d21.create-cpu-c8345196-9409-4cce-afc4-389f413ad8ee.pages.dev
Branch Preview URL: https://interface-value-bits.create-cpu-c8345196-9409-4cce-afc4-389f413ad8ee.pages.dev

View logs

@chelproc
chelproc merged commit 90f8535 into main Nov 1, 2026
2 checks passed
@chelproc
chelproc deleted the interface-value-bits branch November 1, 2026 04:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant