Bubble Card 2 - The True Final Beta?

Version 2.0.0-beta.6

💡 New features

• Added the possibility to change the icon in a custom style template, you can now do this: ${state === 'on' ? icon.setAttribute("icon", "mdi:lightbulb") : icon.setAttribute("icon", "mdi:lightbulb-off")};

✔️ Bug fixes and optimizations

• Fixed an issue with the custom icons of the cover buttons
• Fixed an issue on the button slider when the entity is an input_number
• Changed last_updated to last_changed for the states
• Removed scrolling effect in the sub-buttons editor (it was unused)
• Fixed some color issues in the editor
• Fixed the horizontal button stack errors
• Fixed the pop-up default color on some themes
• Changed pop-up z-index to 5

Well again... fingers crossed 🤞

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 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 🤞

⚠️ 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 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 https://github.com/Clooos/Bubble-Card/issues/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 https://github.com/Clooos/Bubble-Card/issues/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 https://github.com/Clooos/Bubble-Card/issues/446
• The pop-up background can now be a variable of a theme https://github.com/Clooos/Bubble-Card/issues/428
• Fixed an issue with the delete button of the sub-buttons editor
• Performance improvement: added transition-delay to backdrop https://github.com/Clooos/Bubble-Card/issues/456
• The back button is now working to close a pop-up https://github.com/Clooos/Bubble-Card/issues/448
• Fixed some errors from the horizontal buttons stack https://github.com/Clooos/Bubble-Card/issues/450 https://github.com/Clooos/Bubble-Card/issues/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 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

🍻

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.

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.

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.

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!

🍻