[BUG] URL formatting showDefaults: false not working as expected with multiple locales

[adamraya]

Summary

Using the URL formatting showDefaults setting set to false with multiple locales shows the expected URL and content when navigating with the default locale. But switching the locale to another locale different than the default locale using the dropdown selector in the footer component doesn't generate the URL with the selected locale, instead the URL with the default locale is generated and the content is reloaded.

The current workaround is to use showDefaults: true when using multiple locales.

Thanks @clavery for reporting the issue.

Steps To Reproduce

1. Configure sites for RefArchGlobal using two active locales:

    {
        id: 'RefArchGlobal',
        l10n: {
            supportedCurrencies: ['USD'],
            defaultCurrency: 'USD',
            defaultLocale: 'en-GB',
            supportedLocales: [
                {
                    id: 'en-GB',
                    // alias: 'us',
                    preferredCurrency: 'USD'
                },
                {
                    id: 'fr-FR',
                    // alias: 'us',
                    preferredCurrency: 'USD'
                }
            ]
        }
    }
   

2. Configure URLs setting locale option to "path" (leave showDefaults commented out)
3. Visit the site at the default locale (i.e. '/')
4. Observe that the default locale works and the second locale ALSO works when explicitly visiting the URL for fr-FR: (i.e. add /fr-FR/ to the url). Browsing this second locale works as expected when browsing (i.e. this appears to be supported).
5. From the default locale use the "locale selector" dropdown in the footer to select fr-FR
6. Observe the locale is NOT changed to the selected (the default is reloaded).
7. Change url configuration setting showDefaults: true
8. Observe the locale selector dropdown works as expected.

Expected result

Choosing a locale other than the default should generate a URL that includes the selected locale in the URL and the content should be rendered in that locale.

Actual result

After selecting a locale different from the default one, using the locale selector in the footer, the generated URL doesn't contain the locale in the URL and the content is rendered using the default locale.

System Information (as applicable)

Browser:
Node version:
pwa-kit version:
Desktop OS:
Mobile Device Info:

[git2gus]

This issue has been linked to a new work item: W-12538431