phoenix_live_dashboard changelog

Hey there, code wizards! ✨ Get ready to sprinkle some magic onto your Phoenix LiveDashboard with our latest update. We've unlocked the power to render custom content straight into the <head> of your HTML documents! 🧙‍♂️

New Feature

  • Render Custom Content in <head>: Now you can easily add scripts or styles needed for your custom hooks by registering components to render after the opening <head> tag and before the closing </head> tag. This makes extending your dashboard a breeze! 🚀

We've also polished up the documentation with handy examples to guide you on implementing these snazzy new features. So go ahead, let your creativity flow and make your dashboard shine brighter than ever! 💡

Included Commits

2024-11-09T11:41:16 See commit

This commit introduces the ability for users to render custom content within the <head> section of HTML documents in the Phoenix LiveDashboard framework. Specifically, it adds functionality to register components that can be rendered both after the opening <head> tag and before the closing </head> tag. This enhancement allows developers to include additional scripts or styles needed for their custom hooks, making it easier to extend the dashboard’s capabilities.

The changes involve modifications to several files, including the JavaScript application file and the LiveDashboard layout. New methods, register_after_opening_head_tag and register_before_closing_head_tag, are introduced to facilitate the registration of custom head components. The documentation has been updated to guide developers on how to implement these new features effectively, including examples of how to manage custom hooks and ensure compatibility with content security policies. Overall, this commit enhances customization options for developers using the Phoenix LiveDashboard.

Files changed

  • assets/js/app.js
  • dist/js/app.js
  • dist/js/app.js.map
  • lib/phoenix/live_dashboard/layouts/dash.html.heex
  • lib/phoenix/live_dashboard/page_builder.ex