Question 1

How do I change the colors and position of the PWA updater notification bar?

Accepted Answer

Use CSS custom properties like --pwa-updater-bar-backcolor for styling and set the Align parameter to Top or Bottom. Define these in your global CSS, as shown in the README's configuration examples with screenshots.

Question 2

Can I use Toolbelt.Blazor.PWA.Updater with Blazor Server or is it only for WebAssembly?

Accepted Answer

Yes, it supports both Blazor Server and Blazor Assembly (WebAssembly) on .NET 8 or later. The library handles service worker updates similarly across both hosting models, as stated in the 'Supported platforms' section.

Question 3

What happens if a user ignores the update notification in my Blazor PWA?

Accepted Answer

If ignored, the update won't apply until the user navigates away from the app in all tabs, following standard PWA behavior. The library doesn't force updates; it relies on manual user action via the SkipWaitingAsync method.

Question 4

Toolbelt.Blazor.PWA.Updater vs building custom PWA update UI: which is better?

Accepted Answer

Choose Toolbelt.Blazor.PWA.Updater for faster development with a pre-built, customizable UI and features like crawler detection. Opt for custom implementation if you need unique designs or have complex service worker logic not covered by the library.

Question 5

How to test the PWA updater during development without deploying?

Accepted Answer

Set the EnvironmentsForWork parameter to include 'Development' or use an empty string, but this might disrupt testing. Alternatively, temporarily set the State parameter to 'Showing' to force UI visibility, as mentioned in the 'How to make the notification bar visible forcibly' section.

Question 6

Does this library work with .NET 7 or older versions of Blazor?

Accepted Answer

No, it requires .NET 8, 9, or later, as explicitly stated in the README. For older versions, you'll need alternative solutions or to upgrade your project, which could involve migration efforts.

Question 7

How to implement a custom update button using IPWAUpdaterService?

Accepted Answer

Inject IPWAUpdaterService, subscribe to the NextVersionIsWaiting event in OnAfterRender to avoid pre-rendering issues, and call SkipWaitingAsync() on user action. Remember to unsubscribe on component disposal, as detailed in the 'Implement UI from scratch' section.

Blazor PWA Updater

What is Blazor PWA Updater?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions