Ole-Morten Duesund
e8428de775
Vite + TypeScript PWA that mirrors the Android app's core features: - Pre-processed shelter data (build-time UTM33N→WGS84 conversion) - Leaflet map with shelter markers, user location, and offline tiles - Canvas compass arrow (ported from DirectionArrowView.kt) - IndexedDB shelter cache with 7-day staleness check - Service worker with CacheFirst tiles and precached app shell - i18n for en, nb, nn (ported from Android strings.xml) - iOS/Android compass handling with low-pass filter - Respects user map interaction (no auto-snap on pan/zoom) - Build revision cache-breaker for reliable SW updates Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
44 lines
1.9 KiB
JavaScript
44 lines
1.9 KiB
JavaScript
/*
|
|
Copyright 2020 Google LLC
|
|
|
|
Use of this source code is governed by an MIT-style
|
|
license that can be found in the LICENSE file or at
|
|
https://opensource.org/licenses/MIT.
|
|
*/
|
|
import { warmStrategyCache } from './warmStrategyCache';
|
|
import { registerRoute } from 'workbox-routing/registerRoute.js';
|
|
import { StaleWhileRevalidate } from 'workbox-strategies/StaleWhileRevalidate.js';
|
|
import { CacheableResponsePlugin } from 'workbox-cacheable-response/CacheableResponsePlugin.js';
|
|
import './_version.js';
|
|
/**
|
|
* An implementation of the [CSS and JavaScript files recipe]{@link https://developers.google.com/web/tools/workbox/guides/common-recipes#cache_css_and_javascript_files}
|
|
*
|
|
* @memberof workbox-recipes
|
|
*
|
|
* @param {Object} [options]
|
|
* @param {string} [options.cacheName] Name for cache. Defaults to static-resources
|
|
* @param {RouteMatchCallback} [options.matchCallback] Workbox callback function to call to match to. Defaults to request.destination === 'style' || request.destination === 'script' || request.destination === 'worker';
|
|
* @param {WorkboxPlugin[]} [options.plugins] Additional plugins to use for this recipe
|
|
* @param {string[]} [options.warmCache] Paths to call to use to warm this cache
|
|
*/
|
|
function staticResourceCache(options = {}) {
|
|
const defaultMatchCallback = ({ request }) => request.destination === 'style' ||
|
|
request.destination === 'script' ||
|
|
request.destination === 'worker';
|
|
const cacheName = options.cacheName || 'static-resources';
|
|
const matchCallback = options.matchCallback || defaultMatchCallback;
|
|
const plugins = options.plugins || [];
|
|
plugins.push(new CacheableResponsePlugin({
|
|
statuses: [0, 200],
|
|
}));
|
|
const strategy = new StaleWhileRevalidate({
|
|
cacheName,
|
|
plugins,
|
|
});
|
|
registerRoute(matchCallback, strategy);
|
|
// Warms the cache
|
|
if (options.warmCache) {
|
|
warmStrategyCache({ urls: options.warmCache, strategy });
|
|
}
|
|
}
|
|
export { staticResourceCache };
|