Zum Inhalt

viewer/service-worker.js

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
const SHELL = 'autosplat-shell-v9';
const RUNTIME = 'autosplat-runtime-v9';
const SHELL_FILES = [
  './', './index.html', './viewer.html',
  './impressum.html', './datenschutz.html',
  './css/landing.css', './css/style.css', './js/landing.js',
  './js/app.js', './js/viewer.js', './js/dropzone.js',
  './js/hud.js', './js/heightmap.js', './js/controls.js', './js/walking.js',
  './js/collision/voxelize.js', './js/collision/mc-tables.js',
  './js/collision/marching-cubes.js', './js/collision/mesh-bvh.js',
  './js/collision/editor.js', './js/collision/persist.js',
  './js/collision/collision-mode.js',
  './manifest.webmanifest', './assets/og-image.jpg',
  './assets/max_strasse_autobisect_hero.mp4',
  './assets/max_strasse_autobisect_hero.webm',
  './assets/max_strasse_autobisect_hero_poster.jpg',
  './assets/max_strasse_autobisect_scene.jpg',
  './assets/showcase-wasserturm.jpg', './assets/showcase-herkules.jpg',
  './icons/icon-192.png', './icons/icon-512.png'
];

self.addEventListener('install', (e) => {
  e.waitUntil(caches.open(SHELL).then(c => c.addAll(SHELL_FILES))
    .then(() => self.skipWaiting()));
});

self.addEventListener('activate', (e) => {
  e.waitUntil(caches.keys().then(keys =>
    Promise.all(keys.filter(k => k !== SHELL && k !== RUNTIME)
      .map(k => caches.delete(k)))).then(() => self.clients.claim()));
});

self.addEventListener('fetch', (e) => {
  const req = e.request;
  if (req.method !== 'GET') return;
  const url = new URL(req.url);

  // same-origin app shell: network-first, so deploys show up on reload;
  // the cached copy is the offline fallback
  if (url.origin === location.origin) {
    e.respondWith((async () => {
      try {
        const res = await fetch(req);
        if (res.ok) (await caches.open(SHELL)).put(req, res.clone());
        return res;
      } catch {
        const cached = await caches.match(req, { ignoreSearch: true });
        return cached || Response.error();
      }
    })());
    return;
  }

  // cross-origin (CDN engine): stale-while-revalidate
  e.respondWith((async () => {
    const cached = await caches.open(RUNTIME).then(c => c.match(req));
    const network = fetch(req).then(async (res) => {
      if (res.ok) (await caches.open(RUNTIME)).put(req, res.clone());
      return res;
    }).catch(() => cached);
    return cached || network;
  })());
});