PWA Offline Demo

Cache Status

How It Works

1. Run spider-deps.js - Discovers all JS/CSS dependencies from entry point
2. Generates cache-manifest.json - Lists all files with content hash version
3. Service worker caches files - Creates versioned cache atomically
4. App works offline - Cache-first strategy serves files instantly

Version Matching

The content hash ensures version consistency:

• Any file change creates a new version hash
• Each version gets its own isolated cache
• Old caches are only deleted after new cache is complete
• No mixed versions ever loaded

Try It

1. Open DevTools Network tab
2. Check "Offline" in Network panel
3. Reload the page - it still works!
4. Uncheck "Offline" and modify a file
5. Run node spider-deps.js
6. Click "Check for Updates" - new version detected