[WebProfilerBundle] Add a link of the current rendered template on the twig tab of the web debug toolbar

benjaminequation · benjaminequation · commit a36b3ccb3a61 · 2023-03-21T10:13:44.000+01:00
diff --git a/src/Symfony/Bundle/WebProfilerBundle/CHANGELOG.md b/src/Symfony/Bundle/WebProfilerBundle/CHANGELOG.md
@@ -6,6 +6,8 @@ CHANGELOG
 
  * Add a "role=img" and an explicit title in the .svg file used by the web debug toolbar
    to improve accessibility with screen readers for blind users
+ * Add a link of the current rendered template on the twig tab of the web debug toolbar
+   to improve user experience and make the debug easier
 
 6.1
 ---
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/twig.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/twig.html.twig
@@ -62,6 +62,17 @@
             <b>Macro Calls</b>
             <span class="sf-toolbar-status">{{ collector.macrocount }}</span>
         </div>
+        <div class="sf-toolbar-info-piece">
+            <b>Current rendered template</b>
+            {%- set template = collector.templates|keys|first -%}
+            {%- set file = collector.templatePaths[template]|default(false) -%}
+            {%- set link = file ? file|file_link(1) : false -%}
+            {% if link %}
+                <a href="{{ link }}" title="{{ file }}">{{ template }}</a>
+            {% else %}
+                {{ template }}
+            {% endif %}
+        </div>
     {% endset %}
 
     {{ include('@WebProfiler/Profiler/toolbar_item.html.twig', { link: profiler_url }) }}
