kraleppa
I’m happy to announce LiveDebugger v0.1.0! 
LiveDebugger is a browser-based tool for debugging LiveView applications, designed to enhance your development experience. It gives you:
A detailed view of your LiveComponents tree
The ability to inspect assigns for LiveViews and LiveComponents
Tracing of their callback executions
The idea for LiveDebugger came up while developing a large-scale LiveView application for a client - we faced some challenges in tracking state changes and component interactions.
We plan to continue developing LiveDebugger, with new features like highlighting LiveComponents on the way. We’d love your feedback to help improve this tool for everyone!
Where Next?
Trending in Announcing
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
We build reliable cloud platforms for business-critical systems.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #blog-post
- #ai
- #phoenix_html
- #iex
- #elixirconf-us
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Master modern tools, write cleaner code, and tackle real-world challenges.
Producing high quality Elixir screencasts since 2017.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 10- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
Terbium-135
Looks very promising to me. I had a look at it a week ago after it was mentioned in the Thinking Elixir podcast
kraleppa
Check out our new blog post about LiveDebugger with a detailed introduction and list of upcoming features!
https://medium.com/swmansion/introduction-to-livedebugger-a-tool-for-debugging-phoenix-liveview-apps-bf7e56ab00fb
kraleppa
Check out the first sneak peek of upcoming features in LiveDebugger v0.2.0
In this version, we plan to release features that will make your life much easier, including component highlighting and an option to run LiveDebugger in Chrome DevTools.
The second sneak peek will be published next week, and we will show you new callback filters and dark mode.
LiveDebugger v0.2.0 will be published in early May. Stay tuned for more!
kraleppa
Catch the second sneak peek of the upcoming LiveDebugger v0.2.0 features
In this video you will see how we implemented callbacks filtering and brand new dark mode
kraleppa
LiveDebugger v0.2.0 is out!
I’m happy to share that today, we released LiveDebugger v0.2.0. This version includes a set of features that we hope will have a big positive impact on your developer experience, such as component highlighting or support for the Chrome DevTools extension.
Also, we’ve already defined the scope for v0.3.0 - check our roadmap for details.
If you have any questions, ideas, or bug reports, feel free to create an issue, create a new thread on discussions, or write to us on the LiveDebugger channel on elixir-lang Slack.
kraleppa
LiveDebugger v0.3.0 Released!
The newest version of LiveDebugger is here, packed with powerful new features:
Happy debugging!
kraleppa
LiveDebugger v0.4.0 is here
In this release we focused on refactor and made some big changes to the code architecture that will speed up future development. Besides that we added a set of new features:
Inspect mode
Phrase searching in callback traces
Smoother debugging across reloads & errors
https://youtu.be/UxCUEC4Op6A
Our repo: https://github.com/software-mansion/live-debugger
benregn
Can you expand on this point?
Does it help with debugging LV crash loops for example? I find it hard currently to use LiveDebugger when there is a LV crash loops because I cannot click the debugger button.
KezuLan
In LiveDebugger we are tracing LiveView processes and when there is a crash or navigate, then the process dies and new one is taking its place. In 0.4.0 we’ve improved the system of finding “successor” process and it should give you overall a better experience.
Regarding debugging endless loops remember that you can open LiveDebugger in a separate window (port defaults to 4007 so it should be localhost:4007). Nevertheless if the reloads are fast then the ActiveLiveViews page is also reloading since the refresh is triggered on new LiveView process being born.
We will look more into “endless crash reload” debugging and how to improve it.
Thank you for your feedback
kraleppa
Dear LiveDebugger users!
We’ve got a tiny favor to ask - could you take a minute to fill out this short survey?
It’s all about how you use LiveDebugger and what we can do to make it better
Thanks in advance for your time and input!