Skip to content

Resizable frames pane + a text view of raw bytes - #47

Merged
Kinflou merged 1 commit into
masterfrom
feat/frames-pane-resize-and-text
Sep 3, 2026
Merged

Resizable frames pane + a text view of raw bytes#47
Kinflou merged 1 commit into
masterfrom
feat/frames-pane-resize-and-text

Conversation

@Kinflou

@Kinflou Kinflou commented Sep 3, 2026

Copy link
Copy Markdown
Member

Two things on the simulate view's frames pane:

  • Resize. A 6px ns-resize grip on the pane's top edge drags the .sim
    grid's bottom row (clamped 120px … container height − 160px). The height
    is remembered per-viewer (localStorage), re-applied once the pane is in
    the DOM.
  • Text, not just hex. The expanded-frame hex toggle is now hex /
    text. text decodes the raw bytes as UTF-8 and renders control /
    non-printable chars as · — so a datagram/JSON frame reads as its JSON,
    a MessagePack frame shows its readable string bits. The two toggle
    independently (.on state on the button).

.hex-toggle / .frame-hex.bytes-toggle / .frame-bytes; the pane's
border-top is dropped (the grip is the divider now). 24 tests + build
green.

- a 6px grip on the top edge of the frames pane drags the `.sim` grid's
  bottom row (120px … container−160px), persisted per-viewer in
  localStorage.
- the single `hex` toggle in an expanded frame becomes `hex` / `text` —
  `text` decodes the bytes as UTF-8 with control / non-printable chars shown
  as `·`. Both toggle independently.
@Kinflou
Kinflou merged commit 45a4dc5 into master Sep 3, 2026
2 checks passed
@Kinflou
Kinflou deleted the feat/frames-pane-resize-and-text branch September 3, 2026 20:44
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