electric-sql/electric

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

Open

#2.004 geöffnet am 20. Nov. 2024

Auf GitHub ansehen
 (6 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)Elixir (10.155 Stars) (329 Forks)batch import
examplegood first issuehelp wanted

Beschreibung

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
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Vite build toolPWA offline supportJavaScript/TypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70
Research-Richtung
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.