Bubble Card v2.0.0-beta.5

Bubble Card 2 - The Final Beta?

Version 2.0.0-beta.5

This is a quick update to correct the colors of the sub-buttons for users with light themes.

Well I've released 3 betas in less than an hour, this was definitely not the final beta 👀 But I really hope that this one is the one!

Version 2.0.0-beta.3 and 4

Hello, everyone!

It took me more effort than I thought, but I believe I've resolved all the issues you've reported. This beta might just be our stable version! 🤞

Meanwhile, I've included some new features you requested. For example, you can now turn off the scrolling text effect. Plus, I've added even more icons that change according to the state, just like Home Assistant does by default.

I've also fixed a new issue that popped up in this v2. With pop-ups and the horizontal buttons stack, you no longer need to apply the "Fix when the sidebar is hidden" setting, it's automatic now and I've removed this option from the editor.

About the editor, there were some major issues on some setups, especially with the sub-buttons and tap actions. These should all be sorted out now!

For Google Nest Hub users, I've worked on a longstanding problem. I don't own a Google Nest Hub myself, but I'm hopeful this update will finally solve it!

And here is more:

💡 New features

• Media player volume now shows the percentage on the slider.
• You can now disable auto-scrolling for text.
• Set default actions for sub-buttons to "More info".
• Brought back the previous 'scroll to close' for pop-ups.
• Added default icons for (nearly) everything.

✔️ Bug fixes and optimizations

• Fixed the sub-button layout updating with every Home Assistant refresh.
• Google Nest Hub issue fixed?
• The pop-up header now updates entity state changes correctly.
• Resolved a slider issue on desktop.
• Fixed several issues with the horizontal buttons stack.
• Fixed and removed the unnecessary fix for when the sidebar is hidden.
• Sorted out some editor issues with sub-buttons and tap actions.
• Pop-up layout issues is now fixed.

And there are even more improvements that I've not listed.

Well, finger crossed 🤞

Bubble Card v2.0.0-beta.4

Bubble Card 2 - The Final Beta?

⚠️ This is the true 2.0.0-beta.3, the previous one was the previous v1.7.3 release, my bad!

Version 2.0.0-beta.3 and 4

Hello, everyone!

It took me more effort than I thought, but I believe I've resolved all the issues you've reported. This beta might just be our stable version! 🤞

Meanwhile, I've included some new features you requested. For example, you can now turn off the scrolling text effect. Plus, I've added even more icons that change according to the state, just like Home Assistant does by default.

I've also fixed a new issue that popped up in this v2. With pop-ups and the horizontal buttons stack, you no longer need to apply the "Fix when the sidebar is hidden" setting, it's automatic now and I've removed this option from the editor.

About the editor, there were some major issues on some setups, especially with the sub-buttons and tap actions. These should all be sorted out now!

For Google Nest Hub users, I've worked on a longstanding problem. I don't own a Google Nest Hub myself, but I'm hopeful this update will finally solve it!

And here is more:

💡 New features

• Media player volume now shows the percentage on the slider.
• You can now disable auto-scrolling for text.
• Set default actions for sub-buttons to "More info".
• Brought back the previous 'scroll to close' for pop-ups.
• Added default icons for (nearly) everything.

✔️ Bug fixes and optimizations

• Fixed the sub-button layout updating with every Home Assistant refresh.
• Google Nest Hub issue fixed?
• The pop-up header now updates entity state changes correctly.
• Resolved a slider issue on desktop.
• Fixed several issues with the horizontal buttons stack.
• Fixed and removed the unnecessary fix for when the sidebar is hidden.
• Sorted out some editor issues with sub-buttons and tap actions.
• Pop-up layout issues is now fixed.

And there are even more improvements that I've not listed.

Well, finger crossed 🤞

Bubble Card v2.0.0-beta.3

⚠️ I've made a mistake! You can find the true beta.3 here, I'm sorry everyone! I had to change the release number but this one is the one:

https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.4

Bubble Card v2.0.0-beta-2

Bubble Card 2 - Second beta

v2.0.0-beta.2

Hi everyone!

Firstly, I would like to thank all of you for your numerous feedback! It is now clear that this beta has significantly enhanced the overall experience for everyone, and I couldn’t be happier about that!

This update doesn’t resolve all the issues that were reported, but it should eliminate many of the biggest ones.

And I've also re-added and optimized a feature that was missing in the beta. You can now (like before) close a pop-up by sliding it from the header to the bottom, but now there's a neat animation that follows your movement!

✔️ Bug fixes and optimizations

• Fixed the viewport that was moving to the top before opening a pop-up #458
• Added visual feedback on the sub-buttons
• The feedback on buttons is not triggered anymore when tapping a sub-button
• Fixed the “sidebar is hidden” toggle #453
• The pop-ups are now rendered in the editor with an increased height, to help users who don’t have a header recognize them #446
• The pop-up background can now be a variable of a theme #428
• Fixed an issue with the delete button of the sub-buttons editor
• Performance improvement: added transition-delay to backdrop #456
• The back button is now working to close a pop-up #448
• Fixed some errors from the horizontal buttons stack #450 #452

And more fixes as soon as I can!

⚠️ Edit: I forgot to change the version number in the editor, it stills shows v2.0.0-beta.1

🍻

Bubble Card v2.0.0-beta.1

Bubble Card 2 - First beta

v2.0.0-beta.1

Hi everyone!

About 8 months ago, I released the very first version of Bubble Card. Since then, I have been improving it in my spare time, but as you know the latest versions did not add many features, mainly because the list of bugs was getting longer but also because I had started a complete restructuring of the code to allow better maintenance in the future.

For this version, I had considerable help from @brunosabot, an experienced developer who helped me push the restructuring even further. But he didn’t just settle for a better structure, he also corrected and improved many points along the way!

This new structure finally allowed me to focus on the features that I wanted to add since the very first version, here is a preview!

Sub-buttons

This is the biggest new feature of this version, it is now possible to add customized buttons in almost all the cards already available, even the separator! This allows for almost endless possibilities! I can't wait to see what you are going to create with these!

The first button is from me (the % and the light bulb icon are both sub-buttons), the second one is from my wife 👀

A button that handles a vacuum with multiple sub-buttons.

New media player card



I’ve also added a new card to handle a media player, you can even add your own custom sub-buttons in it!

These buttons are not sub-buttons but you can show/hide the ones you need.

The pop-up header is now a Bubble button



This feature was requested for a long time, you can now change your pop-up header to act as a slider if you want (this means you can add sub-buttons too!).



This is some sort of breaking change compared to the previous release, to add back the power button or the state just add some sub-buttons in the editor 🙂

Advanced states 



You now have the possibility to add an attribute or the last updated time next to the state on almost every card types, and translated to every available languages!



New editor

This release comes with an all new GUI for the editor, and also with a lot of fixes! For example the horizontal buttons stack editor is now instant. I've also added the possibility to add tap actions directly in it, as well as the custom styles!



Tap actions everywhere



The Home Assistant tap actions are really helpful, that’s why I’ve added them in new places. Like on the buttons or the sub-buttons to allow even more customization.



Performance, stability and a lot of bug fixes



This was the first thing that was worked on for this version, to everyone who had issues in the past this version is for you! Especially for iOS and Safari users!

But that's not all!

Here is the list of all other new features and bug fixes:

💡 New features

• Breaking change: No more custom button, all buttons are customizable now.
• Default icons: This is still a work in progress but there is now default icons when you create a new button.
• New state button: @brunosabot added a new state card, the difference is that it shows the more info panel when you tap/click on it.
• New name/text button: I've added a new button to only show text if you need, this is perfect for the pop-up header for example.
• Forcing icons: You can now add force_icon: true to always display the icon instead of the entity picture. It's also available in the editor.
• Sliders supports more entities: Slider buttons now supports the cover position and input_number.
• Switch supports more entities: Switch buttons now support more entity types (if an entity type is not supported please open an issue).
• Texts auto-scrolling: Long texts in small cards are now scrolling by default if the content is longer than its container, perfect for small screens.
• Button switch color: If you add a light that handles colors in your switch, the background will automatically change accordingly.
• Styles changes: Some styles have changed a bit.
• Editor optimization: The card preview in the editor is now sticky when you scroll. But there is so much more changes in it!
• Pop-up in editor: When you enter in the editor, the pop-ups are now collapsed to take less space.
• And I'm probably forgetting some others!

✔️ Bug fixes and optimizations

• Dashboard column layout: This old issue is now finally fixed! I've removed the column_fix, just place your pop-up before all cards to ensure a correct layout.
• Pop-up not covering all cards: This issue is now fixed!
• Pop-up top gradient: I've replaced it by a mask to make it looks better.
• Pop-up position: The pop-up should now be centered correctly in all cases (there is still the margin fix if you need it).
• Pop-up custom styles: They are now working correctly.
• Entity picture fix: The entity picture are now working when accessing Home Assistant from outside of the local network.
• Horizontal buttons stack fixes: The HBS is not covering the last card of your view anymore. And a lot of other issues are now fixed, thanks to @brunosabot!
• And so much more from @brunosabot and me!

And that's all... This is still a beta and I hope that everything is working! I can't wait (as always) to read your feedback!

One more thing, if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

r/BubbleCard

🍻

Bubble Card v1.7.3

Way too much love for the pop-ups!

v1.7.3

Hi again!

This update was rolled out swiftly, bringing yet another performance enhancement, particularly for some iOS/Safari users, along with some important fixes! 🍻

✔️ Bug fixes and optimizations

• Dashboard reload issue: I've optimized the code that was modified to fix the reload issue discussed here. This should also rectify some issues that were introduced in v1.7.2.
• More code clean up: This update includes further code cleanup, which should reduce CPU usage and even enhance the initialization process. Thank you @Woyken for your help!

Thank you once again for your continued support!

v1.7.2

If you missed it you can read this changelog.

v1.7.1

If you missed it you can read this changelog.

v1.7.0

⚠️ Important: Please read this changelog before updating if you missed the v1.7.0 update.

Bubble Card v1.7.2

Even more love for the pop-ups!

v1.7.2

Hello everyone!

Here's another update for our beloved pop-ups, with an additional significant performance boost for users with numerous pop-ups! 🍻

💡 New Features

• Pop-up Content Background Update: In v1.7.0, I added a toggle to allow cameras to be updated in the background (background_camera: true). This feature has now been replaced by background_update: true (not recommended). This is because the pop-ups now remove the entire content, not just the cameras, when they are closed. This should greatly improve performance for some users with many pop-ups!

✔️ Bug Fixes and Optimizations

• Dashboard Reload Issue: This update should finally and definitively fix the reload issue discussed here. This issue was occurring on some setups with a lot of pop-ups, primarily on iOS on the Companion app. This fix should also significantly improve performance for users under these conditions! If you don't see any difference, clear the cache and reboot your iOS device to be sure.
• Displayed State Not Updating: In some cases, the states were not updating in some Bubble Cards, especially when leaving Home Assistant for some time. This issue should now be fixed!

Thank you once again for your continued support!

v1.7.1

If you missed it you can read this changelog.

v1.7.0

⚠️ Important: Please read this changelog before updating if you missed the v1.7.0 update.

Bubble Card v1.7.1

A lot of love for the pop-ups!

v1.7.1

Hi everyone!

Here is a new update that should address most of the new issues introduced in v1.7.0, as well as some older ones. That’s all... for now! 🍻

💡 New features

• Pop-up backdrop custom styling: You can now add custom styles to the backdrop by adding .backdrop { background-color: blue !important; } for example. Remember to apply this to the first pop-up only on your dashboard.

✔️ Bug fixes and optimizations

• Pop-up header issue: The gradient at the top of the pop-ups has been fixed. It was bugged and would cover the first card of the pop-ups in certain cases.
• Pop-up backdrop click event: It's no longer possible to accidentally click through the backdrop.
• Bubble Pop-up Fix: An issue that could completely block the dashboard in some cases has been resolved.
• Pop-up trigger: There was an issue when the trigger_entity was undefined. This has now been fixed!
• Pop-up code clean up: I've cleaned up and optimized the code once again, which should further improve performance.
• Tap actions: @brunosabot resolved an issue where, upon initiating a scroll on a Bubble Card, the action would execute even if the drag ended on a different element. Additionally, he also changed a bit how the ActionHandler works, this allows to reduce the amount of timeout executed in the page. Many thanks to him!

Thank you once again for your continued support!

v1.7.0

⚠️ Important: Please read this changelog before updating if you missed the v1.7.0 update.

Bubble Card v1.7.0

A lot of love for the pop-ups! Please read this before updating 😘

v1.7.0

Hi everyone! 🍻

After a long month of working on bug fixes, I'm finally confident enough to release this major version!

The 1.6.X release was a huge challenge for me. It was a lot better for many users, but it was also a lot worse for some others... I've investigated a lot on that. And now I can say that this version should be significantly faster than ever for all pop-up users, especially for pop-ups with cameras!

Breaking change for optimized mode users

In a previous release, I mentioned that the pop-up optimized mode had become obsolete. This was partially true... but not for some iOS/Safari users and maybe some others too. I also said that I would remove the optimized mode later, but it was too difficult for me to maintain it and it was blocking me from releasing this version.

BUT I've found a better and definitive way to fix that. For the optimized mode users, you know that it was a nightmare to update it after each release. This is why I've created a fix that doesn't need to be updated! Just add it like the optimized mode and never worry about it after that. More information here: Pop-up initialization fix.

But that's not all!

I really wanted to add some new features, and there is one that was requested a lot. There is now a blurred backdrop behind the pop-ups! And that looks awesome, thanks a lot for this idea ❤️ And if you don't like it, you can of course disable it.

Here are all the other new features and bug fixes:

💡 New features

• Pop-up initialization fix: If you notice that pop-up content appears upon page load, consider installing this fix as an additional module. More information here.
• Column fix: You can now tweak the column fix value and not just set it to true. For example, you can change it to column_fix: -10 then try to find the value that fits your dashboard layout.
• Horizontal button stack gradient: You can now hide it with a simple toggle in the editor (in YAML: hide_gradient: true) as it was not fitting everyone’s setups.
• Pop-up backdrop: There is now a blurred/darkened backdrop when you open a pop-up. If you don't like it, you can hide it with a toggle in the editor on the first pop-up on your view, you don't need to disable it on all of them that way (in YAML: hide_backdrop: true).
• Background camera: This was one of the main issues in the 1.6.X release, especially for the Frigate card users. Now every camera stream is removed by default, it acts exactly like a conditional card when a pop-up is closed. You can still allow cameras to be played in the background, but be aware that this can slow down your dashboard a lot. I've added a toggle for that in the editor (in YAML: background_camera: false is the default).
• Pop-up custom style: You can now target a pop-up in CSS with .pop-up instead of #root (but this is still working this way).

✔️ Bug fixes and optimizations

• CPU consumption: Bubble Card is now using much less CPU after initialization! This is perfect for low-end devices!
• Pop-up fixes: I've fixed a lot of issues related to the pop-ups, they should work perfectly now (this is not the first time I've said that).
• Pop-up initialization: The pop-up initialization was slower for some users, this is now fixed thanks to @Woyken!
• Code clean up: I've cleaned up the code a lot to speed up even more the initialization and lower the CPU consumption.
• Pop-up triggers: They should now work as they should!
• Horizontal button stack fixes: I should have fixed most issues related to it, and it's now even faster!
• Horizontal button stack highlight: This feature is now more visible!
• Pop-up additional text: This feature was not working at all, this is now fixed!
• Pop-up with input_datetime: You can now change the date and the pop-up will remain open after that.

Thank you once again for your continued support!

🍻

Bubble Card v1.6.4

The war against bugs and instability continues 🦄

v1.6.4

Hi! Here’s a new release that brings you nothing but bug fixes and optimizations, staying true to our ongoing theme. But seriously, I really believe that this build is at a totally new level of stability. Let’s raise a toast to continuous improvement! 🍻

✔️ Bug Fixes and Optimizations

• Custom buttons: They were not working at all anymore, this is now fixed!
• Pop-up trigger: This was not working for some users, everything is working as expected now.
• Clicking outside a pop-up to close it: This feature was accidentally removed, this is fixed now.
• Sliding inside a pop-up to close it: This feature was accidentally removed too! Maybe a new feature for some users, this is not documented 👀
• Pop-up editor: The pop-ups are correctly positioned in the editor now.
• Pop-up fixes: I've found and fixed some more issues related to the the pop-ups, they should be totally reliable now!

🦄

v1.6.3

Hi everyone! I'm back with a fast release that brings you some new features and bug fixes. Cheers 🍻

💡 New features

• Close pop-up on click or tap: You can now choose to close them automatically after any interaction. Just use the new toggle in the pop-up editor to try that. The default value is close_on_click: false. Thanks for the idea @PineappleEmperor!
• Column fix: This feature is for those who have experienced some issues with the dashboard layout, such as empty columns or misaligned cards. You can apply a fix that restores the behavior of the previous versions by adding column_fix: true in YAML to the first Bubble Card on your dashboard. Then refresh the page.

✔️ Bug fixes and optimizations

• Pop-up issues: I have also fixed a lot of bugs related to the pop-ups. They should work flawlessly now.
• Reload loop issue: There is no more reload at all now.
• Column fix: More info in the new features section.

And if you skipped the v1.6.1/2 release, please read the following changelog.

v1.6.1 and v1.6.2 - I had to skip a version for the HACS fix

• I should have fixed the issue where Bubble Card was missing in HACS for some users! #259
• Fixed a message that was spamming the developer console. #278
• The version number shown in the editor is 1.6.1, but it's actually the v1.6.2.

And if you skipped the v1.6.0 initial release, please read the following changelog.

v1.6.0

Happy New Year everyone! 🍻

I’m excited to announce that the v1.6.0 stable 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.

I also want to share this discovery: Since the recent updates of Home Assistant (I’m not sure which one exactly), the optimized mode for pop-ups has become obsolete. This is because the regular mode is now exactly as efficient, which greatly simplifies things for both new and current users. I will keep the optimized mode in Bubble Card for now, but it will probably be removed in the future.

This update represents a significant overhaul of the Bubble Card codebase. A majority of the code has been refactored and rewritten, which was a substantial and time-consuming task. This is the primary reason for the delay in releasing this version. However, the payoff is considerable: Bubble Card run smoother on low-end devices but also enhances performance and stability across all devices. The code is also much more maintainable for everyone and for me. Your patience and support have been crucial in this process. A big thank you to all the beta testers for their crucial role in this update!

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 and optimizations

• Empty columns: Fixed the issue of empty columns in the dashboard caused by hidden pop-ups on some setups.
• Tap actions: All tap actions are now (finally) functioning correctly.
• Icon glitch: Fixed the icon glitch that occurred when a slider was moving on Safari and iOS.
• Entity picture: 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.
• Line opacity: Increased the line opacity in the separator for better visibility.
• Reload UI issue: Resolved the ‘Reload UI’ issue.
• Errors with some cards: Fixed the compatibility errors with some cards when the pop-ups were closed.
• Cameras inside pop-ups: Cameras inside pop-ups now load faster after a first initialization.
• Style adjustments: Made some minor style adjustments for smaller devices.
• Pop-ups disappearing: Fixed the issue where pop-ups would disappear when the connection was lost or on a mobile device coming out of sleep mode.
• Pop-ups not opening: Fixed the pop-ups not opening in some cases.
• Pop-ups still showing: Fixed the pop-ups still showing when the editor was closed.
• Scrolling inside a pop-up: Fixed when scrolling inside a pop-up and that the content behind it was scrolling too.
• Top gradient: Fixed the top gradient for pop-ups without an entity.
• Significant optimizations of the editor: Fixed all issues related to entering editor mode, which is also faster now!
• Improved the initialization of pop-ups in regular mode: Added a new feature that will automatically reorganize the frontend resources to put Bubble Card at the first position if it's not already the case, this should improve the pop-ups initialization in regular mode for people with a lot of custom cards. Just reboot Home Assistant after the update to automatically get this optimization.
• Code refactoring: Refactored the entire code, and it’s much smoother on low-end devices.
• Various other fixes: 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.

💡 New features

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

Thank you once again for your continued support!

🍻