JSONLogic UI Editor + Debugger

[codetiger]

It’s still an early draft / prototype, with the goal of making JSONLogic easier to author (visual + raw JSON editing) and debug (run rules against sample input and see the output clearly).

Live demo: https://goplasmatic.github.io/datalogic-rs/playground/

I’d love your feedback on:

• UX: What’s the simplest visual representation that still stays faithful to JSONLogic?
• Debugging needs: Right now it’s “run + result”, but I’m considering step-by-step tracing later. What would be most useful in a trace view (operator-by-operator, intermediate values, short-circuiting, errors, etc.)?

If you’re up for trying it and sharing thoughts (or raising issues/PRs), I’d really appreciate it 🙏
Repo: https://github.com/GoPlasmatic/datalogic-rs

[dslmeinte]

Hi @codetiger ,

The visual representation looks nice! It’s slightly bulky, though — and I think the bulkiness is not necessarily contributing to the readability.

I implemented a “compact” notation for CertLogic (a sub-super-set of JSONLogic) that would look as follows for the age verification-example:

(See this link but note I had to tweak the HTML, because CertLogic doesn’t have an or, and a === instead of a ==.)

The debugging is good value. The tricky bit is indeed step-by-step tracing of operators having iterative/reductive semantics.

[codetiger]

I've updated the link, now the project has full support for debugging. Works for tracing iterative semantics as well.

[dslmeinte]

Nice!

Have you given consideration for a more compact (textual-ish) format?

[codetiger]

My JSONLogic library provides new api (evaluate_json_with_trace) that returns the raw trace info, and UI is just replaying the steps in render. So can literally use for any rendering approach. Let me try different text based rendering approach for my docs page