electric-sql/electric

Update examples to use Vita PWA for full offline support in the browser.

Open

#2,004 opened on Nov 20, 2024

View on GitHub
 (6 comments) (0 reactions) (0 assignees)Elixir (10,155 stars) (329 forks)batch import
examplegood first issuehelp wanted

Description

We switched to Vita as the bundler for our examples partly because then it's trivial to use https://vite-pwa-org.netlify.app to make them work fully offline (i.e.: the page loads even when refreshed / loaded when offline).

We haven't done this yet, as per:

Let's do it.

Contributor guide

Tech stack
vitejavascripttypescript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Vite build toolPWA offline supportJavaScript/TypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Check the Vite PWA plugin documentation at https://vite pwa org.netlify.app. Look at the existing examples in the repository to understand their current Vite configuration. Apply the plugin configuration to each example to enable full offline support. Test by loading the page offline after switching to the PWA version.