kayron/service-worker.js at main · KayronCalloway/kayron · GitHub

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
// service-worker.js

const CACHE_VERSION = 'tv-portfolio-cache-v12';
const CACHE_ASSETS = [
  './',
  './index.html',
  './styles.css',
  './script.js',
  './manifest.json',
  './youtube-setup.js',
  './menu-manager.js',
  './robots.txt',
  './sitemap.xml',
  './channels/ch6/index.html',
  './channels/ch6/styles.css',
  './channels/ch6/ch6.js',
  './channels/ch6/sensibility-data.json',
  './channels/ch6/assets/01-jeanne-dielman-23-quai-du-commerce-1080-bruxelle.jpg',
  './channels/ch6/assets/02-poor-pierrot.jpg',
  './channels/ch6/assets/03-masquerade.jpg',
  './channels/ch6/assets/04-the-tree-of-life.jpg',
  './channels/ch6/assets/05-the-zone-of-interest.jpg',
  './channels/ch6/assets/instagram-dcbt8benpm5.jpg',
  './channels/ch6/assets/tidal-cover.jpg',
  './visuals/Merova.otf',
  './visuals/favicon.svg',
  './visuals/icon-192.png',
  './visuals/icon-512.png',
  './visuals/full-logo.svg',
  './audio/channel-click1.mp3',
  './audio/channel-click2.mp3',
  './audio/channel-click3.mp3',
  './audio/channel-click4.mp3',
  './audio/channel-click5.mp3',
  './audio/channel-click6.mp3',
  './audio/channel-click7.mp3',
  './audio/channel-click8.mp3',
  './audio/channel-click9.mp3',
  './audio/channel-click10.mp3',
  './audio/channel-click11.mp3',
  './audio/click.mp3',
  './resume_v2.html'
];

// Installation: Cache all necessary assets
self.addEventListener('install', event => {
  event.waitUntil(
    caches.open(CACHE_VERSION)
      .then(cache => {
        return cache.addAll(CACHE_ASSETS);
      })
  );
});

// Activation: Remove old caches and claim control of clients immediately
self.addEventListener('activate', event => {
  event.waitUntil(
    caches.keys().then(keys =>
      Promise.all(
        keys.filter(key => key !== CACHE_VERSION)
            .map(key => caches.delete(key))
      )
    ).then(() => self.clients.claim())
  );
});

// Fetch: Serve requests from cache, falling back to network if not cached
self.addEventListener('fetch', event => {
  event.respondWith((async () => {
    const cachedResponse = await caches.match(event.request);
    try {
      const networkResponse = await fetch(event.request);
      // Cache only GET requests with successful responses
      if (event.request.method === 'GET' && networkResponse && networkResponse.status === 200) {
        const responseClone = networkResponse.clone();
        const cache = await caches.open(CACHE_VERSION);
        cache.put(event.request, responseClone);
      }
      return networkResponse;
    } catch (error) {
      // If network fails, return cached version (if available)
      return cachedResponse;
    }
  })());
});

// Background Sync hook retained for browsers that registered it previously
self.addEventListener('sync', event => {
  if (event.tag === 'analytics') {
    event.waitUntil(sendAnalyticsData());
  }
});

async function sendAnalyticsData() {
  // Analytics are intentionally disabled for this static portfolio.
  return Promise.resolve();
}

// Periodic Sync hook retained for browsers that registered it previously
self.addEventListener('periodicsync', event => {
  if (event.tag === 'content-update') {
    event.waitUntil(updateCachedContent());
  }
});

async function updateCachedContent() {
  // Static content updates arrive through cache-version bumps.
  return Promise.resolve();
}