Bubble Card v1.6.0-beta.3

The war against bugs and instability continues 🦄

v1.6.0-beta.3 :

Hi everyone! I’ve dedicated nearly all of my free time to bring you this release, which I hope will be the candidate for the stable 1.6.0 version! This update introduces numerous enhancements, including fixes and optimizations for the editor, faster pop-ups, and A LOT of other fixes.

Thank you for your continued support and I can’t wait to hear your feedback 🍻

✔️ Bug fixes

• Removed the back_open option. It now behaves as if set to true because it was not functioning as expected when set to false.
• The cache is now cleared on all devices after every update. If you are using bubble-pop-up.js, you still need to change the version number in your configuration.yaml before updating (to match the new version you are updating to).
• Numerous optimizations have been made for iOS users.
• The pop-ups now operate more quickly. I've put a lot of work into this!
• Custom styles also load more quickly now.
• Fixed all issues related to entering editor mode, which is also faster now! (Edit: There is still an issue for Bubble Pop-up users, damn!)
• Fixed a minor error that was displayed in the Chrome console.
• Fixed the issue "Popup button randomly stops working" #258.
• Fixed the issue "Bubble Card log spamming during startup: Cannot read properties of undefined (reading 'entity_id’)" #255.
• Cleaned up the code a bit.
• Various other fixes have been implemented.

v1.6.0-beta.2 :

Hi! Here is a new update that should fix all the new issues introduced in v1.6.0-beta.1. This new version was a huge challenge for me, as it involved a complete overhaul of the entire code structure. However, I sincerely hope that everything is working flawlessly now!

And given the uncertainty of getting another version out before the holidays, I’d like to take this opportunity to say Merry Christmas and Happy New Year to all of you! 🎄

✔️ Bug fixes

• Fixed "bg_color, bg_opacity don't work" #246
• Fixed? "bubble card error android webiew" #247
• This one should be definitely fixed "Reload issue still present on 1.6.0-1 beta" #248
• This one too 🤞 "Beta v1.6 Won't load on Android Companion App" #252
• This one too? "Scrolling is not smooth on Android" #253

There is now a small issue with this fix from v1.6.0-beta.1 (but it works after a refresh):

• Fixed the pop-ups background color that was not changing when switching themes.

v1.6.0-beta.1 :

Hello! I’m excited to announce that the v1.6.0 update of Bubble Card is finally here! This update is all about making Bubble Card work the way it should. I’ve worked really hard to fix almost all known bugs that were affecting Bubble Card’s performance, usability and stability.

In this update, I also made a major change. The entire code has been refactored, which makes Bubble Card run smoother on low-end devices and easier for me (and everyone) to maintain!

Can’t wait to hear what you think! And remember, a bug-free software is like a unicorn, some say it doesn’t exist, but with this update, we’re one step closer to finding it!

And here is the biggest Bubble Card changelog of all times:

✔️ Bug fixes

• Fixed the issue of empty columns in the dashboard caused by hidden pop-ups.
• All tap actions on iOS are now functioning correctly.
• Fixed the icon glitch that occurred when a slider was moving on Safari and iOS.
• Corrected the entity picture when set as an icon. E.g., icon: /local/image.jpg.
• Fixed the entity picture (album cover) of a media player. If an icon is defined, it will now switch automatically.
• Increased the line opacity in the separator for better visibility.
• Resolved the ‘Reload UI’ issue.
• Fixed all errors with some cards when the pop-ups were closed.
• Cameras inside pop-ups now load faster.
• Made some minor style adjustments for smaller devices.
• Fixed the issue where pop-ups would disappear when the connection was lost or on a mobile device coming out of sleep mode.
• Improved pop-ups in regular mode.
• Fixed the pop-ups not opening in some cases.
• Fixed the pop-ups still showing when the editor was closed.
• Fixed the pop-ups background color for some custom themes.
• Fixed the pop-ups background color that was not changing when switching themes.
• Fixed when scrolling inside a pop-up and that the content behind it was scrolling too.
• Fixed the top gradient for pop-ups without an entity.
• Refactored the entire code, and it’s much smoother on low-end devices.

💡 New features

• Haptic feedback has been added for the HA companion app users (the slider button is the coolest one).
• Added an option to highlight the current hash / view in the horizontal buttons stack with a soft animation. Thank you @Winor for helping me!
• You now have the ability to show or hide the state of covers (default is show_state: false).

Thank you once again for your continued support!

🍻

Bubble Card v1.6.0-beta.2

The war against bugs and instability continues 🦄

v1.6.0-beta.2 :

Hi! Here is a new update that should fix all the new issues introduced in v1.6.0-beta.1. This new version was a huge challenge for me, as it involved a complete overhaul of the entire code structure. However, I sincerely hope that everything is working flawlessly now!

And given the uncertainty of getting another version out before the holidays, I’d like to take this opportunity to say Merry Christmas and Happy New Year to all of you! 🎄

✔️ Bug fixes

• Fixed "bg_color, bg_opacity don't work" #246
• Fixed? "bubble card error android webiew" #247
• This one should be definitely fixed "Reload issue still present on 1.6.0-1 beta" #248
• This one too 🤞 "Beta v1.6 Won't load on Android Companion App" #252
• This one too? "Scrolling is not smooth on Android" #253

There is now a small issue with this fix from v1.6.0-beta.1 (but it works after a refresh):

• Fixed the pop-ups background color that was not changing when switching themes.

v1.6.0-beta.1 :

Hello! I’m excited to announce that the v1.6.0 update of Bubble Card is finally here! This update is all about making Bubble Card work the way it should. I’ve worked really hard to fix almost all known bugs that were affecting Bubble Card’s performance, usability and stability.

In this update, I also made a major change. The entire code has been refactored, which makes Bubble Card run smoother on low-end devices and easier for me (and everyone) to maintain!

Can’t wait to hear what you think! And remember, a bug-free software is like a unicorn, some say it doesn’t exist, but with this update, we’re one step closer to finding it!

And here is the biggest Bubble Card changelog of all times:

✔️ Bug fixes

• Fixed the issue of empty columns in the dashboard caused by hidden pop-ups.
• All tap actions on iOS are now functioning correctly.
• Fixed the icon glitch that occurred when a slider was moving on Safari and iOS.
• Corrected the entity picture when set as an icon. E.g., icon: /local/image.jpg.
• Fixed the entity picture (album cover) of a media player. If an icon is defined, it will now switch automatically.
• Increased the line opacity in the separator for better visibility.
• Resolved the ‘Reload UI’ issue.
• Fixed all errors with some cards when the pop-ups were closed.
• Cameras inside pop-ups now load faster.
• Made some minor style adjustments for smaller devices.
• Fixed the issue where pop-ups would disappear when the connection was lost or on a mobile device coming out of sleep mode.
• Improved pop-ups in regular mode.
• Fixed the pop-ups not opening in some cases.
• Fixed the pop-ups still showing when the editor was closed.
• Fixed the pop-ups background color for some custom themes.
• Fixed the pop-ups background color that was not changing when switching themes.
• Fixed when scrolling inside a pop-up and that the content behind it was scrolling too.
• Fixed the top gradient for pop-ups without an entity.
• Refactored the entire code, and it’s much smoother on low-end devices.

💡 New features

• Haptic feedback has been added for the HA companion app users (the slider button is the coolest one).
• Added an option to highlight the current hash / view in the horizontal buttons stack with a soft animation. Thank you @Winor for helping me!
• You now have the ability to show or hide the state of covers (default is show_state: false).

Thank you once again for your continued support!

🍻

Bubble Card v1.6.0-beta.1

The war against bugs and instability continues 🦄

v1.6.0-beta.1 :

Hello! I’m excited to announce that the v1.6.0 update of Bubble Card is finally here! This update is all about making Bubble Card work the way it should. I’ve worked really hard to fix almost all known bugs that were affecting Bubble Card’s performance, usability and stability.

In this update, I also made a major change. The entire code has been refactored, which makes Bubble Card run smoother on low-end devices and easier for me (and everyone) to maintain!

Can’t wait to hear what you think! And remember, a bug-free software is like a unicorn, some say it doesn’t exist, but with this update, we’re one step closer to finding it!

And here is the biggest Bubble Card changelog of all times:

✔️ Bug fixes

• Fixed the issue of empty columns in the dashboard caused by hidden pop-ups.
• All tap actions on iOS are now functioning correctly.
• Fixed the icon glitch that occurred when a slider was moving on Safari and iOS.
• Corrected the entity picture when set as an icon. E.g., icon: /local/image.jpg.
• Fixed the entity picture (album cover) of a media player. If an icon is defined, it will now switch automatically.
• Increased the line opacity in the separator for better visibility.
• Resolved the ‘Reload UI’ issue.
• Fixed all errors with some cards when the pop-ups were closed.
• Cameras inside pop-ups now load faster.
• Made some minor style adjustments for smaller devices.
• Fixed the issue where pop-ups would disappear when the connection was lost or on a mobile device coming out of sleep mode.
• Improved pop-ups in regular mode.
• Fixed the pop-ups not opening in some cases.
• Fixed the pop-ups still showing when the editor was closed.
• Fixed the pop-ups background color for some custom themes.
• Fixed the pop-ups background color that was not changing when switching themes.
• Fixed when scrolling inside a pop-up and that the content behind it was scrolling too.
• Fixed the top gradient for pop-ups without an entity.
• Refactored the entire code, and it’s much smoother on low-end devices.

💡 New features

• Haptic feedback has been added for the HA companion app users (the slider button is the coolest one).
• Added an option to highlight the current hash / view in the horizontal buttons stack with a soft animation. Thank you @Winor for helping me!
• You now have the ability to show or hide the state of covers (default is show_state: false).

Thank you once again for your continued support!

🍻

Bubble Card v1.5.3

Bubble Card pop-ups now work as a frontend module!

v1.5.3 :

Fixed an issue for users from 1.5.0 or 1.5.1 in Regular mode with this console error:
Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': the name "bubble-pop-up" has already been used with this registry

v1.5.2 and v1.5.3 : A new breaking change for some users 👀 Please read this.

I have changed the way Bubble Card works a bit, but it’s much simpler and clearer for new users, and for everyone!

bubble-pop-up.js has become completely optional and basically it’s like a step back, the pop-ups are back in custom:bubble-card for new users (what I called the Regular mode in the GUI), while keeping the possibility to use the standalone custom:bubble-pop-up as a module for more advanced users who want to optimize the initialization of the pop-ups as much as possible (Optimized mode).

This does not change anything for current installations in Optimized mode, the only difference is that the module_installed: true variable has been removed because it caused more problems than it solved.

BREAKING CHANGE: However, for existing users from 1.5.0 or 1.5.1 who want to stay with the Regular mode, they will have this error custom element doesn't exist: bubble-pop-up and will have to change their pop-ups back to:

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up

And I’m really sorry about that, but I was totally overthinking the thing and I prefer to go back before going too far in a wrong way.

Now the installation is pretty basic, install Bubble Card from HACS and if you want the Optimized mode add this in your configuration.yaml:

frontend:
  extra_module_url:
    - /hacsfiles/Bubble-Card/bubble-pop-up.js?v=1.5.2

Restart Home Assistant and clear the cache if needed, you should now see Bubble Pop-up appear in the card picker, which corresponds to the Optimized mode.

Now, this will be the end of my optimizations updates for a moment. For the next update I'm planning to add a lot more possibilities for customizing the buttons, with support for new devices! Finally new features, yay!

I really hope that I succeed in clarifying everything in this update 🤞

And I almost forgot to say that Bubble Card is now officially available on the HACS repository! That doesn’t change anything for existing users but I wanted to say it! 🍻

v1.5.1 : Finally an easier installation / update!

Hi! I apologize for the delay, it was a bit more complicated than what I thought but I have finally corrected the configuration issues in the new version 🤞

From now on, bubble-pop-up.js will automatically install as a frontend resource. This means that there is no longer a need to modify the configuration for it to work 'out of the box'!

Important : The instructions changed a bit for those who prefer to install it as a module, everything is explained here.

I’m really looking forward for your feedback (as always)!

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!

🍻

Bubble Card v1.5.2

Bubble Card pop-ups now work as a frontend module!

v1.5.2 : A new breaking change for some users 👀 Please read this.

I have changed the way Bubble Card works a bit, but it’s much simpler and clearer for new users, and for everyone!

bubble-pop-up.js has become completely optional and basically it’s like a step back, the pop-ups are back in custom:bubble-card for new users (what I called the Regular mode in the GUI), while keeping the possibility to use the standalone custom:bubble-pop-up as a module for more advanced users who want to optimize the initialization of the pop-ups as much as possible (Optimized mode).

This does not change anything for current installations in Optimized mode, the only difference is that the module_installed: true variable has been removed because it caused more problems than it solved.

BREAKING CHANGE: However, for existing users from 1.5.0 or 1.5.1 who want to stay with the Regular mode, they will have this error custom element doesn't exist: bubble-pop-up and will have to change their pop-ups back to:

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up

And I’m really sorry about that, but I was totally overthinking the thing and I prefer to go back before going too far in a wrong way.

Now the installation is pretty basic, install Bubble Card from HACS and if you want the Optimized mode add this in your configuration.yaml:

frontend:
  extra_module_url:
    - /hacsfiles/Bubble-Card/bubble-pop-up.js?v=1.5.2

Restart Home Assistant and clear the cache if needed, you should now see Bubble Pop-up appear in the card picker, which corresponds to the Optimized mode.

Now, this will be the end of my optimizations updates for a moment. For the next update I'm planning to add a lot more possibilities for customizing the buttons, with support for new devices! Finally new features, yay!

I really hope that I succeed in clarifying everything in this update 🤞

And I almost forgot to say that Bubble Card is now officially available on the HACS repository! That doesn’t change anything for existing users but I wanted to say it! 🍻

v1.5.1 : Finally an easier installation / update!

Hi! I apologize for the delay, it was a bit more complicated than what I thought but I have finally corrected the configuration issues in the new version 🤞

From now on, bubble-pop-up.js will automatically install as a frontend resource. This means that there is no longer a need to modify the configuration for it to work 'out of the box'!

Important : The instructions changed a bit for those who prefer to install it as a module, everything is explained here.

I’m really looking forward for your feedback (as always)!

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!

🍻

Bubble Card v1.5.1

Bubble Card pop-ups now works as a frontend module!

v1.5.1 : Finally an easier installation / update!

Hi! I apologize for the delay, it was a bit more complicated than what I thought but I have finally corrected the configuration issues in the new version 🤞

From now on, bubble-pop-up.js will automatically install as a frontend resource. This means that there is no longer a need to modify the configuration for it to work 'out of the box'!

Important : The instructions changed a bit for those who prefer to install it as a module, everything is explained here.

I’m really looking forward for your feedback (as always)!

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!

🍻

Bubble Card v1.5.0

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!

🍻

Bubble Card v1.5.0-beta.3

BETA : Bubble Card pop-ups now works as a frontend module!

v1.5.0-beta.3 :

I've fixed the missing bubble-pop-up.js, it was an issue on v1.5.0-beta.2 when it was installed from HACS.

More info about this update below.

v1.5.0-beta.2 :

First breaking change! Thank you for reading through.

Hi everyone! The previous beta was not the best one and it added a lot of new issues, but this version should fix a lot of them, if not all (thanks again for all your feedback!).

This is not the first time I have said that but this update brings the most significant performance improvement since the creation of Bubble Card. Now, the content of the pop-ups is finally removed from the DOM when it is closed. This means that the cameras are also removed, yes I've finally done it 🥳

I am personally surprised by the difference that this version makes on my config, and it has been tested on almost all browsers! In addition, the editor has also been extensively optimized.

I’ve also had to introduce the first breaking change. Now, if you want to use the pop-ups, you’ll need to install bubble-pop-up.js as an extra module (it's included in this release).

Along with this change, the pop-ups 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.

Thank you for your understanding and 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

• Restart Home Assistant.
• You should now have Bubble Pop-up and Bubble Card in your card list in the editor.
• For previous users: Replace all your card-type:pop-up to use custom:bubble-pop-up.

Here is how a pop-up looks like now :

type: vertical-stack
cards:
  - type: custom:bubble-pop-up
    hash: '#pop-up-name'

v1.5.0-beta.1 :

OBSOLETE

Hi everyone! Here is an update that allows you to add Bubble Card as a frontend module. This enhancement resolves issues with pop-up initialization and prevents any pop-up content from being displayed during page loading (an issue that has been present since the first beta!). This should significantly improve page load times across all browsers. Here's how you can configure it:

• In your configuration.yaml, add the following under frontend :

frontend:
  extra_module_url:
    - /hacsfiles/Bubble-Card/bubble-card.js

• On your dashboard, click on the three-dot icon at the top right corner, then select Edit dashboard.
• Click on the icon again and select Manage resources.
• Delete the bubble-card.js resource.
• Restart Home Assistant.
• Clear page cache and check the Bubble Card version in your browser console.

You should notice a significant improvement in load times!

All your feedbacks are very welcome as always!

🍻

Thank you once again for your continued support!

Bubble Card v1.5.0-beta.2

BETA : Bubble Card pop-ups now works as a frontend module!

v1.5.0-beta.2 :

First breaking change! Thank you for reading through.

Hi everyone! The previous beta was not the best one and it added a lot of new issues, but this version should fix a lot of them, if not all (thanks again for all your feedback!).

This is not the first time I have said that but this update brings the most significant performance improvement since the creation of Bubble Card. Now, the content of the pop-ups is finally removed from the DOM when it is closed. This means that the cameras are also removed, yes I've finally done it 🥳

I am personally surprised by the difference that this version makes on my config, and it has been tested on almost all browsers! In addition, the editor has also been extensively optimized.

I’ve also had to introduce the first breaking change. Now, if you want to use the pop-ups, you’ll need to install bubble-pop-up.js as an extra module (it's included in this release).

Along with this change, the pop-ups 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.

Thank you for your understanding and 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

• Restart Home Assistant.
• You should now have Bubble Pop-up and Bubble Card in your card list in the editor.

Here is how a pop-up looks like now :

type: vertical-stack
cards:
  - type: custom:bubble-pop-up
    hash: '#pop-up-name'

v1.5.0-beta.1 :

Hi everyone! Here is an update that allows you to add Bubble Card as a frontend module. This enhancement resolves issues with pop-up initialization and prevents any pop-up content from being displayed during page loading (an issue that has been present since the first beta!). This should significantly improve page load times across all browsers. Here's how you can configure it:

• In your configuration.yaml, add the following under frontend :

frontend:
  extra_module_url:
    - /hacsfiles/Bubble-Card/bubble-card.js

• On your dashboard, click on the three-dot icon at the top right corner, then select Edit dashboard.
• Click on the icon again and select Manage resources.
• Delete the bubble-card.js resource.
• Restart Home Assistant.
• Clear page cache and check the Bubble Card version in your browser console.

You should notice a significant improvement in load times!

All your feedbacks are very welcome as always!

🍻

Thank you once again for your continued support!

Bubble Card v1.5.0-beta.1

BETA : Bubble Card now works as a frontend module!

v1.5.0-beta.1 :

Hi everyone! Here is an update that allows you to add Bubble Card as a frontend module. This enhancement resolves issues with pop-up initialization and prevents any pop-up content from being displayed during page loading (an issue that has been present since the first beta!). This should significantly improve page load times across all browsers. Here's how you can configure it:

• In your configuration.yaml, add the following under frontend :

frontend:
  extra_module_url:
    - /hacsfiles/Bubble-Card/bubble-card.js

• On your dashboard, click on the three-dot icon at the top right corner, then select Edit dashboard.
• Click on the icon again and select Manage resources.
• Delete the bubble-card.js resource.
• Restart Home Assistant.
• Clear page cache and check the Bubble Card version in your browser console.

You should notice a significant improvement in load times!

All your feedbacks are very welcome as always!

🍻

Thank you once again for your continued support!