JSONPrism v1.4.2
JSONPrism v1.4.2 — mobile Tabs UI
Patch release for the mobile-viewport overlap reported after v1.4.1: viewports < 400 × 700px showed Input and Output panels overlapping, and below ~500px height the panels were nearly invisible. Root cause was that v1.4.1's grid-rows-2 stack still allotted each panel only half the workspace height — and when the top toolbar wrapped (the 12 FormatPicker chips on narrow viewports) plus chrome ate the rest, each row fell below CodeMirror's minimum rendered height and the panels visually overlapped.
Added
- Tabs UI for Input/Output on mobile (
<md). New shadcnTabsprimitive (@radix-ui/react-tabs). Active tab takes the full workspace height; desktop continues to use the side-by-side grid. Both layouts render in parallel so CodeMirror state (selection, scroll, cursor) survives viewport resize without remounting. - "Unread output" dot on the Output tab when
outputchanges while the user is on the Input tab. Clears when they switch over. No auto-switch — the user controls the flow. - Compact mobile FormatPicker. The 12 chips collapse into a single
Target format: <current>trigger that opens a bottom Sheet with all chips. Saves ~50–80px of toolbar height that the flex-wrap was eating — the underlying cause of the overlap.
Changed
- README EN + VI now disclose: "designed for viewports ≥ 360 × 640; smaller screens still work but may feel cramped". Galaxy S / Pixel-class portrait is the minimum well-supported viewport; iPhone SE 1st gen (320×568) is best-effort.
Dependencies
- Added
@radix-ui/react-tabs(MIT). Listed inTHIRD-PARTY.md.
Downloads
- Windows —
JSONPrism_1.4.2_x64_en-US.msi(WiX MSI) orJSONPrism_1.4.2_x64-setup.exe(NSIS installer) - macOS (universal — Apple Silicon + Intel) —
JSONPrism_1.4.2_universal.dmgorJSONPrism_universal.app.tar.gz - Linux —
JSONPrism_1.4.2_amd64.AppImage(universal),JSONPrism_1.4.2_amd64.deb(Debian/Ubuntu), orJSONPrism-1.4.2-1.x86_64.rpm(Fedora/RHEL)
Full changelog: CHANGELOG.md.
Try the web build at https://poli0981.github.io/jsonPrism/.