2023.9 beta breaks update more info

[Mariusthvdb]

Just as a heads up, Ive noticed the more-info functionality of custom-ui hiding the attribute templates no longer works in HomeAssistant beta for September.

I did a few quick tests to determine whether the dom path may have changed or maybe the event, but no conclusion yet.

Please reach out and help if you should find the way to fix this, ideally making this functionality more robust by referencing the ha-expansion-panel directly, in stead of the full Dom Path.

If we could make it work with:

function updateMoreInfo(ev) {
  if (!ev.detail.expanded) return;
  const expansionPanel = document.querySelector("ha-expansion-panel");
......

that would be much better.

In fact the only thing I 'need' it to do is hide the attribute templates from that list.

Anyways, this is not a technical post,
please chime in with thought for fixing

have look at https://github.com/Mariusthvdb/custom-ui/blob/master/update_more_info.js if you need the file

thx!

[Mariusthvdb]

relief: Ivan Pereira found a fix for the current implementation of the more-info, and we'll release that soon (read: before release of HA 2023.9)

I'd love to explore however how we could completely rewrite that to the simple manipulation of the extraFilters in https://github.com/home-assistant/frontend/blob/6c7efc17c2b7dd3306b3577f615b267fd274f2ba/src/data/entity_attributes.ts#L1 and https://github.com/home-assistant/frontend/blob/6c7efc17c2b7dd3306b3577f615b267fd274f2ba/src/components/ha-attributes.ts#L30

https://github.com/home-assistant/frontend/blob/dev/src/data/entity_attributes.ts
https://github.com/home-assistant/frontend/blob/dev/src/components/ha-attributes.ts#L28

it seems that would be way more robust, and would have the additional advantage of not showing an empty dropdown attributes list.

hope anyone can spot this and have a look.

previously it would have been something like

const additionalFilters = "attribute1, attribute2, attribute3"
// find the correct queryselector, below is not the correct path yet
const haAttributes = querySelector("ha-attributes");
haAttributes.extraFilters = haAttributes.extraFilters + (haAttributes.extraFilters.length ? "," : "") + additionalFilters;

this code is from the time those extraFilters were still in another spot, but it shows what I am after.

Ideally, those additionalFilters would be read from a config file in yaml (or maybe even config flow, but I never did that before)

currently used in custom-ui:

homeassistant:

  customize:
  
    '*.*':
      hide_attributes:
        - templates
        - icon_color
        - all

could then be replace by

homeassistant:

  customize:
  
    '*.*':
      additional_filters:
        - templates
        - icon_color
        - all

[Mariusthvdb]

update: we now have custom_atributes and custom_more_info

fixing this altogether