Bubble Card pop-ups now works as a frontend module!
v1.5.0 : First breaking change! Thank you for reading through.
Hi everyone! This update brings the most significant performance improvement since the creation of Bubble Card. In addition, the content of the pop-ups is finally removed from the DOM when it is closed. This means that the cameras are stopped when you close a pop-up, yes I've finally done it 🥳
I'm personally surprised by the difference that this version makes on my config, and it has been tested on almost all browsers!
I’ve also had to introduce the first breaking change. Now, if you want to use a pop-up, you’ll need to install bubble-pop-up.js
as an extra module (it's included in this release, more info below).
Along with this change, the pop-up now have a new type custom: bubble-pop-up
, this is the real breaking change. If you already have pop-ups configured, you’ll need to make the change for each one, either in YAML or in the GUI editor. Once the change is made on the type, your dashboard will return to how it was before (but better, faster, stronger).
This version will finally allow me to move on to adding new features now that the optimization part is finally completed! I’m really excited about the new possibilities this opens up for future development.
I can't wait for your feedback!
Installation
- In your
configuration.yaml
, add the following underfrontend
:
frontend:
extra_module_url:
- /hacsfiles/Bubble-Card/bubble-pop-up.js
- Install / Update Bubble Card.
- Restart Home Assistant.
- You will now have
Bubble Pop-up
andBubble Card
in your card picker in the editor. - For previous users: Replace all your
card-type:pop-up
to usetype: custom:bubble-pop-up
.
Here is how a pop-up looks like in YAML now :
type: vertical-stack
cards:
- type: custom:bubble-pop-up
hash: '#pop-up-name'
💡 New features
- You can now change the default arrow icons in a cover card, thanks to @tj57 ! #160
- Cameras inside pop-ups are now stopped when you close it. Finally! #85
✔️ Fixes
- Finally fixed the stability / performance issues on all browsers! #152
- The GUI editor has also been extensively optimized.
- Fixed the picture icon that was not changing (e.g. in a media_player button slider).
Thank you once again for your continued support!
🍻