Media
2 items
Description
Inspect and edit any Fuaran-rendered page at the typed-tree level: node kinds, bindings, geometry, and gated tree-op editing. Open DevTools on a page rendered by a Fuaran host and the Fuaran panel shows the typed node tree the application is actually running — not a DOM walk. Each node's kind, its bound binding slots with their wire-form expressions and resolved values, and its live geometry. Click Select to pick a node in the page; hover a row to highlight it. Selection is bidirectional. Where the page allows it, the panel also edits: a property editor and a structural palette (insert, remove, move, reorder), derived entirely from the canonical wire schema — no per-kind code, so kinds this build has never seen degrade to read-only rows with the reason on screen. Every edit is proposed to the page as a tree-op and applied by the page's own gated apply path: the panel proposes, the host disposes. A page that offers no mutation capability is inspected read-only, with the edit affordances absent rather than disabled. Every applied edit is recorded in an attributed, hash-chained op trail you can undo, redo, and export as a JSON document. Nothing is persisted and nothing leaves the tab. What it needs from the page: Fuaran-rendered markup, and the host's debug introspection surface (registered by Fuaran hosts in debug builds). The panel reports each of those conditions separately when absent. This extension requests no permissions at all. Free and open source, Apache-2.0: https://github.com/fuaran-ui/fuaran-devtools