Feature/twig (#57)

* feat: Fix an issue where this extension is not working anymore with twig/twig 3.21.0. An additional issue where response code N/A was not correctly handled in profiler
[twig]

* fix: Fix some CSS issue when significant request/response body was displayed in our profiler
[twig]

* build: Upgrade PHPStan to 2.0
[twig]

---------

Co-authored-by: Yoann MOROCUTTI <Yoann.MOROCUTTI@boursorama.fr>

Author: ymorocutti

Resources/views/Collector/partials/call.html.twig

@@ -105,11 +105,11 @@
             {%  if call.curlCommand is defined %}
                 <div class="tab-content-curl">
                     <div class="active" style="display:block;">
-                        <table>
+                        <table style="table-layout: fixed">
                             <tbody>
                             <tr>
-                                <td>
-                                    <pre style="white-space: pre-line; word-break: break-word;">{{ call.curlCommand | raw }}</pre>
+                                <td class="full-width" style="overflow-wrap: break-word">
+                                    <pre style="white-space: pre-line">{{ call.curlCommand | raw }}</pre>
                                 </td>
                             </tr>
                             </tbody>
@@ -120,11 +120,11 @@
             {%  if call.blackfireCommand is defined %}
                 <div class="tab-content-blackfire">
                     <div class="active" style="display:block;">
-                        <table>
+                        <table style="table-layout: fixed">
                             <tbody>
                             <tr>
-                                <td>
-                                    <pre style="white-space: pre-line; word-break: break-word;">{{ call.blackfireCommand | raw }}</pre>
+                                <td class="full-width" style="overflow-wrap: break-word">
+                                    <pre style="white-space: pre-line">{{ call.blackfireCommand | raw }}</pre>
                                 </td>
                             </tr>
                             </tbody>

Resources/views/Collector/partials/request.html.twig

@@ -1,60 +1,60 @@
 {% macro display_array_recursive(array, separator = ', ', opening_char = '[', closing_char = ']') -%}
-{{ opening_char }}
-{%- for key, value in array -%}
-    {%- if value is iterable -%}
-        {{ key }} => {{ _self.display_array_recursive(value, separator, opening_char, closing_char) }}
-    {%- else -%}
-        {{ key }} => {{ value }}
-        {%- if not loop.last %}{{ separator }}{% endif -%}
-    {%- endif -%}
-{%- endfor -%}
-{{ closing_char }}
+    {{ opening_char }}
+    {%- for key, value in array -%}
+        {%- if value is iterable -%}
+            {{ key }} => {{ _self.display_array_recursive(value, separator, opening_char, closing_char) }}
+        {%- else -%}
+            {{ key }} => {{ value }}
+            {%- if not loop.last %}{{ separator }}{% endif -%}
+        {%- endif -%}
+    {%- endfor -%}
+    {{ closing_char }}
 {%- endmacro %}
 
 
 
 {% if request.query %}
-<h5>Query Parameters</h5>
+    <h5>Query Parameters</h5>
 
-<table>
-    <tbody>
+    <table style="table-layout: fixed">
+        <tbody>
         {% for name,parameter in request.query %}
-        <tr>
-            <th>{{ name }}</th>
-            <td>
-                {% if parameter is iterable %}
-                    {{ _self.display_array_recursive(parameter) }}
-                {% else %}
-                    {{ parameter }}
-                {% endif %}
-            </td>
-        </tr>
+            <tr>
+                <th>{{ name }}</th>
+                <td>
+                    {% if parameter is iterable %}
+                        {{ _self.display_array_recursive(parameter) }}
+                    {% else %}
+                        {{ parameter }}
+                    {% endif %}
+                </td>
+            </tr>
         {% endfor %}
-    </tbody>
-</table>
+        </tbody>
+    </table>
 {% endif %}
 
 
 {% if request.content %}
-<h5>Body</h5>
+    <h5>Body</h5>
 
-<table>
-    <tbody>
+    <table style="table-layout: fixed">
+        <tbody>
         <tr>
-            <td style="padding:0">
+            <td class="full-width" style="overflow-wrap: break-word">
                 {{ request.content | simple_http_beautify(request.contentType) }}
             </td>
         </tr>
-    </tbody>
-</table>
+        </tbody>
+    </table>
 {% endif %}
 
 <h5>Headers</h5>
-<table>
+<table style="table-layout: fixed">
     <tbody>
     {% for header in request.headers %}
         <tr>
-            <td>{{ header|join('<strong>, </strong>') }}</td>
+            <td class="full-width" style="overflow-wrap: break-word">{{ header|join('<strong>, </strong>') }}</td>
         </tr>
     {% endfor %}
     </tbody>

Resources/views/Collector/partials/response.html.twig

@@ -2,21 +2,23 @@
 
     <h5>Body</h5>
 
-    <table>
+    <table style="table-layout: fixed">
         <tbody>
-            <tr>
-                <td>{{ response.body }}</td>
-            </tr>
+        <tr>
+            <td class="full-width" style="overflow-wrap: break-word">
+                <pre>{{ response.body }}</pre>
+            </td>
+        </tr>
         </tbody>
     </table>
 
     <h5>Headers</h5>
 
-    <table>
+    <table style="table-layout: fixed">
         <tbody>
         {% for header in response.headers %}
             <tr>
-                <td>
+                <td class="full-width" style="overflow-wrap: break-word">
                     {{ header }}
                 </td>
             </tr>