Skip to content

Bubble Card v1.5.0
Compare
Choose a tag to compare
@Clooos Clooos released this 18 Nov 23:33
· 199 commits to main since this release
v1.5.0
b150bb8
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

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 under frontend :
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 and Bubble Card in your card picker in the editor.
  • For previous users: Replace all your card-type:pop-up to use type: 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!

🍻

Contributors

tj57
Assets 2
Loading