{"id":25457311,"url":"https://github.com/software-mansion/live-debugger","last_synced_at":"2025-10-04T09:12:46.001Z","repository":{"id":275562506,"uuid":"898399771","full_name":"software-mansion/live-debugger","owner":"software-mansion","description":"Tool for debugging LiveView applications.","archived":false,"fork":false,"pushed_at":"2025-04-07T07:43:19.000Z","size":2363,"stargazers_count":381,"open_issues_count":34,"forks_count":9,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-07T08:31:58.305Z","etag":null,"topics":["debugger","debugging","dev-tools","developer-tools","elixir","phoenix-framework","phoenix-liveview"],"latest_commit_sha":null,"homepage":"https://hex.pm/packages/live_debugger","language":"Elixir","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/software-mansion.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2024-12-04T10:23:16.000Z","updated_at":"2025-04-05T01:46:02.000Z","dependencies_parsed_at":"2025-02-03T10:34:19.346Z","dependency_job_id":"065f4fd5-7574-4559-a333-df86e2a2d13f","html_url":"https://github.com/software-mansion/live-debugger","commit_stats":null,"previous_names":["software-mansion-labs/live-debugger","software-mansion/live-debugger"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion%2Flive-debugger","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion%2Flive-debugger/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion%2Flive-debugger/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/software-mansion%2Flive-debugger/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/software-mansion","download_url":"https://codeload.github.com/software-mansion/live-debugger/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247622399,"owners_count":20968561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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","debugging","dev-tools","developer-tools","elixir","phoenix-framework","phoenix-liveview"],"created_at":"2025-02-18T02:17:00.765Z","updated_at":"2025-10-04T09:12:45.994Z","avatar_url":"https://github.com/software-mansion.png","language":"Elixir","funding_links":[],"categories":["Products and libraries","Elixir"],"sub_categories":[],"readme":"![LiveDebugger_Chrome_WebStore](https://github.com/user-attachments/assets/cf9aee3b-58ab-4c45-8a43-d73182cb3e02)\n\n\u003cdiv align=\"center\"\u003e\n\n[![Version Badge](https://img.shields.io/github/v/release/software-mansion/live-debugger?color=lawn-green)](https://hexdocs.pm/live_debugger)\n[![Hex.pm Downloads](https://img.shields.io/hexpm/dw/live_debugger?style=flat\u0026label=downloads\u0026color=blue)](https://hex.pm/packages/live_debugger)\n[![GitHub License](https://img.shields.io/github/license/software-mansion/live-debugger)](https://github.com/software-mansion/live-debugger/blob/main/LICENSE)\n\n\u003c/div\u003e\n\nLiveDebugger is a browser-based tool for debugging applications written in [Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view) - an Elixir library designed for building rich, interactive online experiences with server-rendered HTML.\n\nDesigned to enhance your development experience LiveDebugger gives you:\n\n- :deciduous_tree: A detailed view of your LiveComponents tree\n- :mag: The ability to inspect assigns for LiveViews and LiveComponents\n- :link: Tracing and filtering of their callback executions\n- :flashlight: Highlighting components in debugged apps\n- :telescope: Inspecting elements on the page\n\nhttps://github.com/user-attachments/assets/a09d440c-4217-4597-b30e-f8b911a9094a\n\n## Getting started\n\n\u003e [!IMPORTANT]  \n\u003e LiveDebugger should not be used on production - make sure that the dependency you've added is `:dev` only\n\n### Mix installation\n\nAdd `live_debugger` to your list of dependencies in `mix.exs`:\n\n```elixir\n  defp deps do\n    [\n      {:live_debugger, \"~\u003e 0.4.0\", only: :dev}\n    ]\n  end\n```\n\nFor full experience we recommend adding below line to your application root layout. It attaches `meta` tag and LiveDebugger scripts in dev environment enabling browser features.\n\n```elixir\n  # lib/my_app_web/components/layouts/root.html.heex\n\n  \u003chead\u003e\n    \u003c%= Application.get_env(:live_debugger, :live_debugger_tags) %\u003e\n  \u003c/head\u003e\n```\n\nAfter you start your application, LiveDebugger will be running at a default port `http://localhost:4007`.\n\n### Igniter installation\n\nLiveDebugger has [Igniter](https://github.com/ash-project/igniter) support - an alternative for standard mix installation. It'll automatically add LiveDebugger dependency and modify your `root.html.heex` after you use the below command.\n\n```bash\nmix igniter.install live_debugger\n```\n\n### DevTools extension\n\nSince version v0.2.0 you can install official LiveDebugger DevTools extension, giving you the ability to interact with its features alongside your application's runtime.\n\n- [Chrome extension](https://chromewebstore.google.com/detail/gmdfnfcigbfkmghbjeelmbkbiglbmbpe)\n- [Firefox extension](https://addons.mozilla.org/en-US/firefox/addon/livedebugger-devtools/)\n\n\u003e [!NOTE]  \n\u003e Ensure the main LiveDebugger dependency is added to your mix project, as the browser plugin alone is not enough.\n\n## Optional configuration\n\nSee [Configuration Guide](https://hexdocs.pm/live_debugger/config.html) for details on how to customize LiveDebugger to your needs.\n\n## Contributing\n\nFor those planning to contribute to this project, you can run a dev version of the debugger with the following commands:\n\n```console\nmix setup\niex -S mix\n```\n\nIt'll run the application declared in the `dev/` directory with the library installed.\n\nLiveReload is working both for `.ex` files and static files, but if some styles don't show up, try using this command\n\n```console\nmix assets.build:dev\n```\n\n## What's next\n\nTo learn about our upcoming plans and developments, please visit our [discussion page](https://github.com/software-mansion/live-debugger/discussions/355).\n\n## Authors\n\nLiveDebugger is created by Software Mansion.\n\nSince 2012 [Software Mansion](https://swmansion.com/?utm_source=git\u0026utm_medium=readme\u0026utm_campaign=livedebugger) is a software agency with experience in building web and mobile apps as well as complex multimedia solutions. We are Core React Native Contributors, Elixir ecosystem experts, and live streaming and broadcasting technologies specialists. We can help you build your next dream product – [Hire us](https://swmansion.com/contact/projects).\n\nCopyright 2025, [Software Mansion](https://swmansion.com/?utm_source=git\u0026utm_medium=readme\u0026utm_campaign=livedebugger)\n\n[![Software Mansion](https://logo.swmansion.com/logo?color=white\u0026variant=desktop\u0026width=200\u0026tag=livedebugger-github)](https://swmansion.com/?utm_source=git\u0026utm_medium=readme\u0026utm_campaign=livedebugger)\n\nLicensed under the [Apache License, Version 2.0](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoftware-mansion%2Flive-debugger","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoftware-mansion%2Flive-debugger","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoftware-mansion%2Flive-debugger/lists"}