fix: add fetchpriority attribute to img_attrs handling (#227)

Author: dkarlovi

phpstan.baseline.neon

@@ -372,6 +372,12 @@ parameters:
 			count: 1
 			path: src/Bridge/Twig/Extension/ImageExtension.php
 
+		-
+			message: '#^Cannot access offset ''fetchpriority'' on mixed\.$#'
+			identifier: offsetAccess.nonOffsetAccessible
+			count: 2
+			path: src/Bridge/Twig/Extension/ImageExtension.php
+
 		-
 			message: '#^Cannot access offset ''loading'' on mixed\.$#'
 			identifier: offsetAccess.nonOffsetAccessible

src/Bridge/Twig/Extension/ImageExtension.php

@@ -96,6 +96,7 @@ function (array $context, string $path, array $options = []): string {
                         'class' => $options['img_attrs']['class'] ?? null,
                         'style' => $options['img_attrs']['style'] ?? null,
                         'alt' => $options['img_attrs']['alt'] ?? $options['attrs']['alt'] ?? null,
+                        'fetchpriority' => $options['img_attrs']['fetchpriority'] ?? $options['attrs']['fetchpriority'] ?? null,
                         'loading' => $options['img_attrs']['loading'] ?? $options['attrs']['loading'] ?? 'lazy',
                         'decoding' => $options['img_attrs']['loading'] ?? $options['attrs']['decoding'] ?? 'async',
                     ]);

tests/functional/site/content/articles/images/images.md

@@ -19,4 +19,4 @@ This is an asset lookup: {{ yassg_thumbnail(item.image) }}
 
 ![Logo]({{ yassg_thumbnail(item.image, {width: 400, height: 200, gravity: "no"}) }})
 
-{{ yassg_picture(item.image, {width: 400, height: 200, gravity: "no", attrs: {alt: "Hello", class: "prose", style: "border: 1px solid red"}, img_attrs: {class: "mb-rounded"}}) }}
+{{ yassg_picture(item.image, {width: 400, height: 200, gravity: "no", attrs: {alt: "Hello", class: "prose", style: "border: 1px solid red"}, img_attrs: {class: "mb-rounded", fetchpriority: "high"}}) }}

tests/functional/site/fixtures/en/article/images/index.html

@@ -46,7 +46,7 @@ <h1>Images!</h1>
 <p>This is an asset lookup: /sub/dir/another/content/articles/images/image.6ec7e8a4.webp</p>
 <p><img src="/sub/dir/another/content/articles/images/image.4de2c22b.webp" alt="Logo" /></p>
 <p><img src="/sub/dir/another/content/articles/images/image.5c87cfff.webp" alt="Logo" /></p>
-<p><picture class="prose" style="border: 1px solid red"><source type="image/avif" srcset="/sub/dir/another/content/articles/images/image.f72ab4b6.avif 1x, /sub/dir/another/content/articles/images/image.db2a185c.avif 2x"/><source type="image/webp" srcset="/sub/dir/another/content/articles/images/image.5c87cfff.webp 1x, /sub/dir/another/content/articles/images/image.3fc9b4bd.webp 2x"/><source type="image/png" srcset="/sub/dir/another/content/articles/images/image.86315aa7.png 1x, /sub/dir/another/content/articles/images/image.6d24603a.png 2x"/><img src="/sub/dir/another/content/articles/images/image.86315aa7.png" srcset="/sub/dir/another/content/articles/images/image.86315aa7.png 1x, /sub/dir/another/content/articles/images/image.6d24603a.png 2x" width="400" height="200" class="mb-rounded" alt="Hello" loading="lazy" decoding="async" /></picture></p>
+<p><picture class="prose" style="border: 1px solid red"><source type="image/avif" srcset="/sub/dir/another/content/articles/images/image.f72ab4b6.avif 1x, /sub/dir/another/content/articles/images/image.db2a185c.avif 2x"/><source type="image/webp" srcset="/sub/dir/another/content/articles/images/image.5c87cfff.webp 1x, /sub/dir/another/content/articles/images/image.3fc9b4bd.webp 2x"/><source type="image/png" srcset="/sub/dir/another/content/articles/images/image.86315aa7.png 1x, /sub/dir/another/content/articles/images/image.6d24603a.png 2x"/><img src="/sub/dir/another/content/articles/images/image.86315aa7.png" srcset="/sub/dir/another/content/articles/images/image.86315aa7.png 1x, /sub/dir/another/content/articles/images/image.6d24603a.png 2x" width="400" height="200" class="mb-rounded" alt="Hello" fetchpriority="high" loading="lazy" decoding="async" /></picture></p>
 
         </div>
     </div>