How to exclude cached assets from /assets/bundles/*

[davidromani]

How can I prevent that all the assets installed inside /assets/bundle (and subdirectories) will be cached?

This kind of assets I only use in backend admin section, and I don't want to have cached with my Service Worker.

My PWA config package is:

pwa:
    manifest:
        enabled: true
        name: '%project_web_title% PWA'
        id: '/'
        scope: '/'
        short_name: '%project_web_title%'
        start_url: '/'
        display: 'standalone'
        background_color: '#ffffff'
        theme_color: '#4285f4'
    serviceworker:
        enabled: true
        src: 'sw.js'
        workbox:
            enabled: true
            network_timeout_seconds: 2
            static_regex: '/\.(css|jsx?)$/'
            warm_cache_urls:
                - path: 'app_frontend_homepage'
                  params:
                      _locale: 'ca'
                - path: 'app_frontend_homepage'
                  params:
                      _locale: 'es'
                - path: 'app_frontend_homepage'
                  params:
                      _locale: 'en'
                - path: 'app_frontend_homepage'
                  params:
                      _locale: 'fr'
                - path: 'app_offline_fallback'
            page_fallback: 'app_offline_fallback'

[Spomky]

Hi,

You can change the static_regex option and exclude the folder bundle.
I am not a regex master, but something like (?!\/bundle\/).*\.(css|jsx?)$ should be fine.
(?!\/bundle\/).* says that if the string contains /bundle/, it should be excluded.

[Spomky]

Or this one: ^(?!\/assets\/bundle\/).*\.(css|jsx?)$ to be more precise and exclude all strating with /assets/bundles/*
You may have /assets/@symfony/bundle/* that could be captured with my previous answer

[Spomky]

[davidromani]

declared like this in config/packages/pwa.yaml?

static_regex: '/^(?!\/assets\/bundle\/).*\.(css|jsx?)$/'

[Spomky]

Yes

[davidromani]

It seems that the regex expression does not works, just opened the project in another computer (fresh Service Worker installation) and I could see those assets (/assets/bundle/...) still cached.

[Spomky]

Typo: bundles instead of bundle

[davidromani]

Hi again.

When I started this discussion I was using an older version (less than 1.1.4) of spomky-labs/pwa-bundle. Now, I've realised that with the new bundle configuration rules I'm facing again the same problem.

The inclusion of all the assets installed inside /assets/bundle (and subdirectories) has been appeared again. I suspect the it's a problem with my current pwa.yaml configuration becasue I'm using the old format to declare how to cache the assets...

Can you help me (again) to solve the same problem? Many thanks.

# config/packages/pwa.yaml
pwa:
    image_processor: 'pwa.image_processor.gd'
    manifest:
        enabled: true
    serviceworker:
        enabled: true
        src: 'sw.js'
        workbox:
            enabled: true
            cache_manifest: true
            asset_cache:
                enabled: true
                regex: '/^(?!\/assets\/bundles\/).*\.(css|jsx?|ico|png|jpe?g|gif|svg|webp)$/'
            resource_caches:
                -
                    match_callback: 'startsWith: /'
                    cache_name: 'static-pages'
                    strategy: 'NetworkFirst'
                    network_timeout: 1
                    preload_urls:
                        -
                            path: 'app_frontend_homepage'
                            params:
                                _locale: 'en'

[davidromani]

Maybe is a problem related with the new way to express the asset_cache.regex value?