Debug toolbar doesn't work with turbolinks after first page load

[gone]

Using turbolinks everything works as expected on the first page load.

After transitioning to another page, all css/js/html is correctly loaded and created, but the djdt.init function bound to the DOMContentLoaded event doesn't fire (https://github.com/jazzband/django-debug-toolbar/blob/master/debug_toolbar/static/debug_toolbar/js/toolbar.js#L329) so click handlers and setup aren't initialized

[dctalbot]

Was dealing with flakiness for a while until I realized there's a nice INSERT_BEFORE config option. Final solution I landed on was this setting

def show_toolbar(request):
    return True
DEBUG_TOOLBAR_CONFIG = {
    "SHOW_TOOLBAR_CALLBACK" : show_toolbar,
    "INSERT_BEFORE": '</head>'
}

And this js snippet

// django debug toolbar
document.addEventListener("turbolinks:load", (event) => {
  if ("djdt" in window) {
    window.djdt.init();
  }
});

And some custom things to make sure these only run in dev. Hope this helps!

[gone]

Just got this working with HTMX boosted links - similar snippet,

    <script>
      document.addEventListener("htmx:afterSettle", (event) => {
        if ("djdt" in window) {
          window.djdt.init();
        }
      });
    </script>

Just make sure to put it in the header