packages/docs/src/service-worker.js - master - githubmirror/vuetify

packages/docs/src/service-worker.js
138 строк4 KB
Samuel Rigaud
docs: typos (#21020)
25 фев 2025, 06:44
25 фев 2025, 06:446893c16
import { cacheManifestEntries, cleanCache, ensureCacheableResponse, messageSW, openCache } from '@/utils/pwa'

let PREVIOUS_MANIFEST
const MANIFEST = self.__WB_MANIFEST
const manifestUrls = new Set(MANIFEST.map(e => '/' + e.url))

self.addEventListener('message', async event => {
  if (event.data === 'sw:update' || event.data?.type === 'SKIP_WAITING') {
    console.log('[SW] Skip waiting')
    self.skipWaiting()
  } else if (event.data?.type === 'GET_MANIFEST') {
    console.log('[SW] Sending manifest')
    event.ports[0].postMessage(MANIFEST)
  } else {
    console.log('[SW] Unknown message', event.data)
  }

  event.ports[0].postMessage({ type: 'DONE' })
})

self.addEventListener('install', event => {
  console.log('[SW] Installed')
  event.waitUntil((async () => {
    if (self.registration.active) {
      await Promise.race([
        new Promise(resolve => setTimeout(resolve, 500)),
        messageSW(self.registration.active, { type: 'GET_MANIFEST' })
          .then(manifest => {
            PREVIOUS_MANIFEST = manifest
            console.log('[SW] Received manifest')
          }),
      ])
    }
    await removeWorkboxCaches()
    const clients = await self.clients.matchAll({
      includeUncontrolled: true,
    })
    await cacheManifestEntries(MANIFEST, (value, total) => {
      clients.forEach(client => {
        client.postMessage({ type: 'PROGRESS', value, total })
      })
    })
    self.skipWaiting()
  })())
})

self.addEventListener('activate', event => {
  console.log('[SW] Activated')
  event.waitUntil((async () => {
    await self.clients.claim()
    if (PREVIOUS_MANIFEST) {
      await cleanCache(PREVIOUS_MANIFEST)
    }
    console.log('[SW] Ready')
  })())
})

self.addEventListener('fetch', event => {
  const url = new URL(event.request.url)

  if (!['http:', 'https:'].includes(url.protocol)) return

  if (event.request.method !== 'GET') return

  if (['https://tag.researchnow.com', 'https://srv.carbonads.net', 'https://pixel.adsafeprotected.com', 'https://cdn4.buysellads.net', 'https://ad.doubleclick.net'].includes(url.origin)) {
    return
  }

  if (url.origin === self.location.origin) {
    if (event.request.mode === 'navigate' &&
      event.request.destination === 'document') {
      return event.respondWith(matchPrecache('/_fallback.html'))
    } else if (manifestUrls.has(url.pathname)) {
      return event.respondWith(matchPrecache(event.request))
    }
  }

  if (event.request.destination !== 'document') {
    return event.respondWith(networkFirst(event.request))
  }
})

async function matchPrecache (request) {
  const precache = await openCache('precache')
  const matched = await precache.match(request)
  if (matched) return matched
  const response = fetch(request)
  response.then(response => {
    response = ensureCacheableResponse(response)
    if (response.status === 200) {
      precache.put(response.url, response.clone())
    } else {
      console.error(`[SW] Failed to fetch missing precached asset ${request.url}`)
    }
  })
  return response
}

async function networkFirst (request) {
  const cache = await openCache('runtime')
  const fromNetwork = fetch(request).then(response => ensureCacheableResponse(response)).catch(() => null)
  const race = Promise.race([
    fromNetwork,
    new Promise(resolve => setTimeout(() => resolve('timeout'), 3000)),
  ])

  try {
    const response = await race
    if (response === 'timeout' || !response) {
      const cached = await caches.match(request)
      if (cached) return cached
      throw new Error('Network timeout and no cache available')
    }
    const is400 = response?.status >= 400 && response?.status < 500
    if (response?.status === 200) {
      cache.put(request, response.clone())
    } else if (!is400) {
      await cache.delete(request)
    }
    return response
  } catch (e) {
    console.warn('[SW] Failed to fetch', e)
    const cached = await caches.match(request)
    return cached || Response.error()
  }
}

function removeWorkboxCaches () {
  return caches.keys().then(keys => {
    keys = keys.filter(key => key.startsWith('workbox-') || key.endsWith(self.registration.scope))
    if (keys.length) {
      console.log('[SW] Removing workbox caches')
      return Promise.all(
        keys.map(key => caches.delete(key))
      )
    }
  })
}