{"id":51222144,"url":"https://github.com/software-mansion-labs/live-debugger-tour","last_synced_at":"2026-06-28T08:02:30.079Z","repository":{"id":348916997,"uuid":"1196235958","full_name":"software-mansion-labs/live-debugger-tour","owner":"software-mansion-labs","description":"An interactive, step-by-step tutorial for LiveDebugger","archived":false,"fork":false,"pushed_at":"2026-04-28T15:14:51.000Z","size":253,"stargazers_count":5,"open_issues_count":4,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-28T17:14:47.482Z","etag":null,"topics":["debugger","dev-tools","elixir","guide","phoenix-liveview","tutorial"],"latest_commit_sha":null,"homepage":"https://docs.swmansion.com/live-debugger/","language":"Elixir","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/software-mansion-labs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2026-03-30T13:59:01.000Z","updated_at":"2026-04-28T14:20:49.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/software-mansion-labs/live-debugger-tour","commit_stats":null,"previous_names":["software-mansion-labs/live-debugger-tour"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/software-mansion-labs/live-debugger-tour","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion-labs%2Flive-debugger-tour","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion-labs%2Flive-debugger-tour/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion-labs%2Flive-debugger-tour/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion-labs%2Flive-debugger-tour/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/software-mansion-labs","download_url":"https://codeload.github.com/software-mansion-labs/live-debugger-tour/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion-labs%2Flive-debugger-tour/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34881384,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-28T02:00:05.809Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["debugger","dev-tools","elixir","guide","phoenix-liveview","tutorial"],"created_at":"2026-06-28T08:02:28.419Z","updated_at":"2026-06-28T08:02:30.069Z","avatar_url":"https://github.com/software-mansion-labs.png","language":"Elixir","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LiveDebugger Tour\n\nAn interactive, step-by-step tutorial for [LiveDebugger](https://github.com/software-mansion/live-debugger) - a real-time debugging tool for Phoenix LiveView. Each tour step is a self-contained LiveView that introduces a LiveDebugger feature with a minimal, hands-on example you can inspect and debug in real time.\n\nhttps://github.com/user-attachments/assets/8296d9aa-27b3-490b-bdd0-c06de7d6f769\n\n## Prerequisites\n\n- Elixir ~\u003e 1.15\n- Erlang/OTP (compatible with your Elixir version)\n\n## Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/software-mansion-labs/live-debugger-tour.git\ncd live-debugger-tour\n\n# Install dependencies and set up assets\nmix setup\n\n# Start the Phoenix server\nmix phx.server\n```\n\nThen visit [`localhost:4000`](http://localhost:4000) in your browser.\n\n## What it offers\n\nThe tour walks you through LiveDebugger's core features across a series of guided steps:\n\n1. **Start Debugging** - Explore the Node Info panel to identify process PIDs, module paths, and jump from the debugger to your code editor.\n2. **Inspecting Assigns** - Navigate socket assigns state using search, pinning, and history tracking.\n3. **Callback Traces** - Analyze LiveView lifecycle execution times, filter events, and manage trace memory.\n4. **Dead LiveView \u0026 Exceptions** - Trigger a crash to see how the debugger displays dead process state and identifies successors.\n5. **Components Tree** - Visualize complex UI hierarchies with multiple LiveComponents and the highlight feature.\n6. **Async Jobs** - Observe `assign_async` behavior and background task state transitions.\n7. **Streams** - See how Phoenix Streams are handled and efficiently managed by the debugger.\n8. **Global Callback Traces** - Analyze cross-node communication between child components and parent views.\n9. **Analyzing Diffs** - Inspect the actual data payloads sent over the wire to understand Phoenix's UI update optimizations.\n10. **Resources** - Monitor real-time performance graphs and observe how interactions affect system resource usage.\n11. **Active LiveViews** - See all currently running LiveView processes across the application.\n12. **Settings** - Explore customization options for the debugger UI and connection parameters.\n\n## Learn more\n\n- [LiveDebugger on GitHub](https://github.com/software-mansion/live-debugger)\n- [Phoenix Framework](https://www.phoenixframework.org/)\n- [Phoenix LiveView](https://hexdocs.pm/phoenix_live_view)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoftware-mansion-labs%2Flive-debugger-tour","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoftware-mansion-labs%2Flive-debugger-tour","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoftware-mansion-labs%2Flive-debugger-tour/lists"}