Com mostrar el valor de variables a les templates de Drupal amb Twig i els mòduls Devel i Twig Tweak

En aquesta Drupal Pill us mostrarem com mostrar el valor de variables de twig a pantalla, amb el propòsit d'analitzar-ne el seu contingut.

Primer de tot, caldrà tenir els mòduls Devel i Twig Tweak habilitats al vostre Drupal, així que caldrà instal·lar-los i habilitar-los amb aquestes dues comandes (caldrà tenir Drush habilitat prèviament):

composer require drupal/devel drupal/twig_tweak
drush en devel twig_tweak

Seguidament, caldrà establir la següent configuració a la pàgina d'administració del mòdul Devel, a /admin/config/development/devel:

Per últim, ara podrem escollir qualsevol template de Drupal i debugar qualsevol variable, per tal d'obtenir-ne el seu valor a la pantalla. En el següent exemple, analitzaren la variable node a la template node.html.twig:

<article{{ attributes }}>
  {{ title_prefix }}
  {% if label and not page %}
    <h2{{ title_attributes }}>
      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
    </h2>
  {% endif %}
  {{ title_suffix }}
  {% if display_submitted %}
    <footer>
      {{ author_picture }}
      <div{{ author_attributes }}>
        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
        {{ metadata }}
      </div>
    </footer>
  {% endif %}
  <div{{ content_attributes }}>
    {{ content }}
  </div>
</article>
{{ dd(node) }}

Com podeu veure, a la darrera línia de la template node.html.twig hem afegit {{ dd(node) }} per tal d'analitzar-ne el seu contingut. El resultat que se us mostrarà a pantalla serà quelcom com això:

Aquest bloc de debug és completament interactiu, podreu desplegar o replegar aquells ítems amb el símbol [▶] fins a trobar el valor que vulgueu debugar.