Add "html_attributes" twig filter for easiely write attributes as objects

[alexander-schranz]

Example usage:

<!-- button.html.twig -->
{# required #}
{%- set text = text -%}

{# optional #}
{%- set id = id|default(null) -%}
{%- set skin = skin|default('primary') -%}
{%- set type = type|default('button') -%}
{%- set disabled = disabled|default(false) -%}
{%- set href = href|default(null) -%}

{% set attributes = {
    'id': id,
    'class': html_classes(
        'c-button',
        {
            'c-button--primary': skin == 'primary',
            'c-button--secondary': skin == 'secondary',
            'c-button--borderless': skin == 'borderless',
        },
    ),
    'href': href,
    'type': not href ? type : null,
    'disabled': disabled,
} %}

{% set tag = href ? 'a' : 'button' %}

<{{ tag }} {{ attributes|html_attributes }}>
    {{- text -}}
</{{ tag }}>

TODO

• Escape Value
• Add Test Case

[stof]

this looks more like a function than a filter to me

[stof]

keys must be escaped too

[stof]

wrong type. array{string, string|bool|int|float|null} means an array with 2 elements, with index 0 being a string and index 1 being string|bool|int|float|null. Instead, you should use array<string, string|bool|int|float|null>

[mpdude]

Incidentally I made a very similar suggestion at #3907 with a PoC PR at #3930.

Would be great if you could 👀 and maybe we can join efforts.

[fabpot]

Closing in favor of #3930 (which has the html_attr_merge function in addition to this)

[alexander-schranz]

Make sense. Thx @mpdude 👍