Instantly share code, notes, and snippets.

Embed
What would you like to do?
A Mithril inspector overlay

Mithril debugger

Prioritised features:

  1. Pointer-based hover-overlay to highlight elements generated by Mithril
  2. With a view of their corresponding vnode & associated path
  3. That allows travel through path and vnode tree interface to highlight other elements

Followed by:

  • Patch reporter:
    • Receive inspectable logs for changes that occur on render
    • Monkey-patch Mithril to allow a freeze-inspect-step loop of the Mithril renders
  • Suggestions:
    • Surface Mithril code smells based on suspicious input to API
      • Non-functions bound to event attributes
      • Partially-keyed lists
      • Recycled / mutated vnodes
      • Fat components
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment