Bubble Card 2
v2.1.0
Hi everyone!
I’m back! The past few weeks have been quite busy for me and I haven’t slept much because… I’m now a dad! And I'm so proud of this new achievement! 🥲
Despite the new and joyous responsibilities, I’ve managed to take some time to address some of the recently submitted issues.
I also have a good news for some users. By fixing an issue with the haptic feedback feature, I found a massive memory leak in the sub-buttons actions. This was consuming the RAM and the CPU over time and was mainly noticeable on low-end devices. This issue was slowing down/breaking the pop-ups on some setups. I can say that everything is A LOT faster and everything is working perfectly now!
But that’s not all! I also wanted to introduce a new card to the collection, but also some new features!
Here are all the details:
Select card
You now have the possibility to add a dropdown menu for your input_select
/ select
entities! This new card also supports the sub-buttons and all the common Bubble Card features.
![image](https://private-user-images.githubusercontent.com/36499953/345178166-3342006e-1fd4-4596-b4eb-b2cf743fcb3b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwNDY1MzMsIm5iZiI6MTcyMTA0NjIzMywicGF0aCI6Ii8zNjQ5OTk1My8zNDUxNzgxNjYtMzM0MjAwNmUtMWZkNC00NTk2LWI0ZWItYjJjZjc0M2ZjYjNiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE1VDEyMjM1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAyZGJkMGRhODQ1ZDEwMmIyOGY1MmE2MjhmMDFkM2E3YjA2MzIxMTM3OGY4NWQ5NmExYWNiYjM5Nzk1OGExNDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Ni477M50iN-6nLXBuhhNCjh8uwd7FEffgZrCURTSQgw)
Select feature for the sub-buttons
In addition to the new select card, you now have the option to add a dropdown menu for your input_select
/ select
entities to your sub-buttons!
![image](https://private-user-images.githubusercontent.com/36499953/346295726-c1600daa-878c-444f-8467-a43679182e96.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwNDY1MzMsIm5iZiI6MTcyMTA0NjIzMywicGF0aCI6Ii8zNjQ5OTk1My8zNDYyOTU3MjYtYzE2MDBkYWEtODc4Yy00NDRmLTg0NjctYTQzNjc5MTgyZTk2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE1VDEyMjM1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFjOWUyYjY3NWJhOGZmY2UwMDdlMWE4ZWFlNjQ3NmMzZTEyY2M2ZWMwMTg5OGEwOWVkNDM5NzRmZjY0MjA3YWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.9OIcp8RRlEuNc1j6-MdGh7UzB6Nv75_rep7KFxehPas)
Open / Close action for the pop-ups
This new feature allows you to trigger an action, similar to the ones from the tap actions, but when your pop-up is opening/closing. For example, this allows you to cancel an alarm pop-up, or to toggle a boolean to track the state of a pop-up. This is perfect in combination with the pop-up trigger feature! In YAML you can add open_action:
and close_action:
followed by any available action.
![image](https://private-user-images.githubusercontent.com/36499953/346296291-1910d5b1-e605-4ab7-9f0a-11e18a8549be.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwNDY1MzMsIm5iZiI6MTcyMTA0NjIzMywicGF0aCI6Ii8zNjQ5OTk1My8zNDYyOTYyOTEtMTkxMGQ1YjEtZTYwNS00YWI3LTlmMGEtMTFlMThhODU0OWJlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE1VDEyMjM1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEwZjZiMTNkYmQ3NWM0MDA1OWUzYjJiZDAzMGNkMjRhNjBkYTc2ODgwY2ViOTczODVlYmE2NjM4MGQzMDBiYjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.nYAB1-q6HEzit_oRrFZqR0Y4WIEMQ6oJfHIBe8H8sX8)
Hiding the pop-up header
You can now fully hide the pop-up header, including the close button, without any custom styles. In YAML you can hide it with show_header: false
or with the new toggle in the editor.
![image](https://private-user-images.githubusercontent.com/36499953/346296382-42669350-d97c-4185-817b-add6235bd907.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwNDY1MzMsIm5iZiI6MTcyMTA0NjIzMywicGF0aCI6Ii8zNjQ5OTk1My8zNDYyOTYzODItNDI2NjkzNTAtZDk3Yy00MTg1LTgxN2ItYWRkNjIzNWJkOTA3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE1VDEyMjM1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIwMTYxNGY1MzBkNGUwMWMwYWRkYzUxOTFmYzdjZTY4ODkzZTRmYWVmNDk3NmRhMzQ1MGFhNzEyM2QwYTQ5N2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.I_gX6Oa_MrTsJsa92hyVEhAfs87F94IpQ5HYusbobpU)
💡 New features
- Select card: In YAML you can add it with
card_type: select
, the YAML is basically the same as the buttons (more details above) - Select feature for the sub-buttons: Sub-buttons now supports
input_select
andselect
entities (more details above) - Hiding the pop-up header: Ability to remove the pop-up header (more details above)
- Open / Close action for the pop-ups:
open_action:
andclose_action:
for pop-ups (more details above) - Deep attributes: @brunosabot added the ability to get deeper values in the attributes, like
forecast[0].templow
. PR #577 - Assist action: You can now add the Assist action in the editor. #595
✔️ Bug fixes and optimizations
- Memory leak: A massive memory leak in the sub-buttons has been fixed. More info above. #612
- HA 2024.7 compatibility: Fixed the pop-up preview in the HA 2024.7 editor.
- Sub-button tap action none: Setting a sub-button tap action to none is not blocking a slider anymore.
- Sub-button state: Fixed an issue where the sub-button state was not always updated.
- Pop-up CSS issues: Some pop-up CSS issues have been fixed.
- Sub-buttons settings: Options in state button disabled have been fixed. #606
- Haptic loop issue: The haptic loop issue has been resolved. #601
- Input_select options: The inaccessible
input_select
options in a pop-up have been fixed. #565 - Icon resizing: The issue with not being able to resize the icon with a custom style in the separator has been fixed. #593
- Media player volume slider: Fixed some issues with the media player volume slider
- Climate state color: Climate states are now correctly changing button color
- Custom templates errors: Custom templates are now throwing errors in the card for better visibility/understanding
I can't wait for your feedback!
And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:
🍻
Ho one more thing, @brunosabot the developer who helped me the most with v2, has just published a very complete article on how he created his Home Assistant dashboard almost entirely with Bubble Card. Go take it a look!
https://brunosabot.dev/posts/2024/crafting-my-perfect-home-assistant-dashboard/