Better Service Worker

phpstan-baseline.neon

@@ -483,4 +483,4 @@ parameters:
 		-
 			message: "#^Parameter \\#1 \\$string of function mb_strlen expects string, string\\|null given\\.$#"
 			count: 1
-			path: src/Subscriber/PwaDevServerSubscriber.php
+			path: src/Subscriber/PwaDevServerSubscriber.php

src/DependencyInjection/Configuration.php

@@ -130,18 +130,6 @@ private function setupServiceWorker(ArrayNodeDefinition $node): void
                                 )
                                 ->example('//STANDARD_RULES_PLACEHOLDER')
                             ->end()
-                            ->scalarNode('precaching_placeholder')
-                                ->defaultValue('//PRECACHING_PLACEHOLDER')
-                                ->info(
-                                    'The placeholder for the precaching. Will be replaced by the assets and versions.'
-                                )
-                                ->example('//PRECACHING_PLACEHOLDER')
-                            ->end()
-                            ->scalarNode('warm_cache_placeholder')
-                                ->defaultValue('//WARM_CACHE_URLS_PLACEHOLDER')
-                                ->info('The placeholder for the warm cache. Will be replaced by the URLs.')
-                                ->example('//WARM_CACHE_URLS_PLACEHOLDER')
-                            ->end()
                             ->scalarNode('offline_fallback_placeholder')
                                 ->defaultValue('//OFFLINE_FALLBACK_PLACEHOLDER')
                                 ->info('The placeholder for the offline fallback. Will be replaced by the URL.')
@@ -156,10 +144,37 @@ private function setupServiceWorker(ArrayNodeDefinition $node): void
                             ->end()
                             ->append(
                                 $this->getUrlNode(
-                                    'offline_fallback',
-                                    'The URL of the offline fallback. If not set, the offline fallback will be disabled.'
+                                    'page_fallback',
+                                    'The URL of the offline page fallback.'
+                                )
+                            )
+                            ->append(
+                                $this->getUrlNode(
+                                    'image_fallback',
+                                    'The URL of the offline image fallback.'
                                 )
                             )
+                            ->append(
+                                $this->getUrlNode(
+                                    'font_fallback',
+                                    'The URL of the offline font fallback.'
+                                )
+                            )
+                            ->scalarNode('image_regex')
+                                ->defaultValue('/\.(ico|png|jpe?g|gif|svg|webp|bmp)$/')
+                                ->info('The regex to match the images.')
+                                ->example('/\.(ico|png|jpe?g|gif|svg|webp|bmp)$/')
+                            ->end()
+                            ->integerNode('max_image_cache_entries')
+                                ->defaultValue(60)
+                                ->info('The maximum number of entries in the image cache.')
+                                ->example([50, 100, 200])
+                            ->end()
+                            ->integerNode('network_timeout_seconds')
+                                ->defaultValue(3)
+                                ->info('The network timeout in seconds before cache is called (for warm cache URLs only).')
+                                ->example([1, 2, 5])
+                            ->end()
                             ->arrayNode('warm_cache_urls')
                                 ->treatNullLike([])
                                 ->treatFalseLike([])

src/Dto/Asset.php

@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+namespace SpomkyLabs\PwaBundle\Dto;
+
+final class Asset
+{
+    public function __construct(public string $src)
+    {
+    }
+
+    public static function create(string $data): self
+    {
+        return new self($data);
+    }
+}

src/Dto/Icon.php

@@ -8,7 +8,7 @@
 
 final class Icon
 {
-    public string $src;
+    public Asset $src;
 
     /**
      * @var array<int>

src/Dto/Screenshot.php

@@ -11,7 +11,7 @@ final class Screenshot
 {
     use TranslatableTrait;
 
-    public null|string $src = null;
+    public Asset $src;
 
     public null|int $height = null;
 

src/Dto/ServiceWorker.php

@@ -10,7 +10,7 @@ final class ServiceWorker
 {
     public bool $enabled;
 
-    public string $src;
+    public Asset $src;
 
     public string $dest;
 

src/Dto/Workbox.php

@@ -21,27 +21,37 @@ final class Workbox
     #[SerializedName('workbox_import_placeholder')]
     public string $workboxImportPlaceholder;
 
-    #[SerializedName('warm_cache_placeholder')]
-    public string $warmCachePlaceholder;
-
     #[SerializedName('standard_rules_placeholder')]
     public string $standardRulesPlaceholder;
 
-    #[SerializedName('precaching_placeholder')]
-    public string $precachingPlaceholder;
-
     #[SerializedName('offline_fallback_placeholder')]
     public string $offlineFallbackPlaceholder;
 
     #[SerializedName('widgets_placeholder')]
     public string $widgetsPlaceholder;
 
-    #[SerializedName('offline_fallback')]
-    public null|Url $offlineFallback = null;
+    #[SerializedName('page_fallback')]
+    public null|Url $pageFallback = null;
+
+    #[SerializedName('image_fallback')]
+    public null|Url $imageFallback = null;
+
+    #[SerializedName('font_fallback')]
+    public null|Url $fontFallback = null;
 
     /**
      * @var array<Url>
      */
     #[SerializedName('warm_cache_urls')]
     public array $warmCacheUrls = [];
+    #[SerializedName('network_timeout_seconds')]
+    public int $networkTimeoutSeconds = 3;
+    #[SerializedName('max_image_cache_entries')]
+    public int $maxImageCacheEntries = 60;
+
+    #[SerializedName('image_regex')]
+    public string $imageRegex = '/\.(ico|png|jpe?g|gif|svg|webp|bmp)$/';
+
+    #[SerializedName('static_regex')]
+    public string $staticRegex = '/\.(css|js|json|xml|txt|woff2|ttf|eot|otf|map|webmanifest)$/';
 }

src/Normalizer/AssetNormalizer.php

@@ -0,0 +1,66 @@
+<?php
+
+declare(strict_types=1);
+
+namespace SpomkyLabs\PwaBundle\Normalizer;
+
+use SpomkyLabs\PwaBundle\Dto\Asset;
+use Symfony\Component\AssetMapper\AssetMapperInterface;
+use Symfony\Component\Serializer\Normalizer\DenormalizerInterface;
+use Symfony\Component\Serializer\Normalizer\NormalizerInterface;
+use function assert;
+use function is_string;
+
+final readonly class AssetNormalizer implements NormalizerInterface, DenormalizerInterface
+{
+    public function __construct(
+        private AssetMapperInterface $assetMapper,
+    ) {
+    }
+
+    /**
+     * @return array{src: string, sizes?: string, form_factor?: string, label?: string, platform?: string, format?: string}
+     */
+    public function normalize(mixed $object, string $format = null, array $context = []): string
+    {
+        assert($object instanceof Asset);
+        $url = null;
+        dump($object);
+        if (! str_starts_with($object->src, '/')) {
+            $asset = $this->assetMapper->getAsset($object->src);
+            $url = $asset?->publicPath;
+        }
+        if ($url === null) {
+            $url = $object->src;
+        }
+
+        return $url;
+    }
+
+    public function denormalize(mixed $data, string $type, string $format = null, array $context = []): mixed
+    {
+        assert(is_string($data));
+
+        return Asset::create($data);
+    }
+
+    public function supportsNormalization(mixed $data, string $format = null, array $context = []): bool
+    {
+        return $data instanceof Asset;
+    }
+
+    public function supportsDenormalization(mixed $data, string $type, string $format = null, array $context = []): bool
+    {
+        return $type === Asset::class;
+    }
+
+    /**
+     * @return array<class-string, bool>
+     */
+    public function getSupportedTypes(?string $format): array
+    {
+        return [
+            Asset::class => true,
+        ];
+    }
+}

src/Normalizer/IconNormalizer.php

@@ -24,19 +24,14 @@ public function __construct(
     public function normalize(mixed $object, string $format = null, array $context = []): array
     {
         assert($object instanceof Icon);
-        $url = null;
-        $asset = null;
-        if (! str_starts_with($object->src, '/')) {
-            $asset = $this->assetMapper->getAsset($object->src);
-            $url = $asset?->publicPath;
+        $format = null;
+        if (! str_starts_with($object->src->src, '/')) {
+            $asset = $this->assetMapper->getAsset($object->src->src);
+            $format = $this->getFormat($object, $asset);
         }
-        if ($url === null) {
-            $url = $object->src;
-        }
-        $format = $this->getFormat($object, $asset);
 
         $result = [
-            'src' => $url,
+            'src' => $object->src,
             'sizes' => $object->getSizeList(),
             'type' => $format,
             'purpose' => $object->purpose,

src/Normalizer/ScreenshotNormalizer.php

@@ -28,15 +28,15 @@ public function normalize(mixed $object, string $format = null, array $context =
         assert($object instanceof Screenshot);
         $url = null;
         $asset = null;
-        if (! str_starts_with($object->src, '/')) {
-            $asset = $this->assetMapper->getAsset($object->src);
+        if (! str_starts_with($object->src->src, '/')) {
+            $asset = $this->assetMapper->getAsset($object->src->src);
             $url = $asset?->publicPath;
+            $format = $this->getFormat($object, $asset);
         }
         if ($url === null) {
-            $url = $object->src;
+            $url = $object->src->src;
         }
         ['sizes' => $sizes, 'formFactor' => $formFactor] = $this->getSizes($object, $asset);
-        $format = $this->getFormat($object, $asset);
 
         $result = [
             'src' => $url,

src/Resources/sw-skeleton.js

@@ -1,7 +1,5 @@
 // *** Workbox Bundle rules ***
 //WORKBOX_IMPORT_PLACEHOLDER
 //STANDARD_RULES_PLACEHOLDER
-//PRECACHING_PLACEHOLDER
-//WARM_CACHE_URLS_PLACEHOLDER
 //OFFLINE_FALLBACK_PLACEHOLDER
 //WIDGETS_PLACEHOLDER