L. sw.js

/* Este archivo debe estar colocado en la carpeta raíz del sitio.

 * 

 * Cualquier cambio en el contenido de este archivo hace que el service

 * worker se reinstale. */

/**

 * Cambia el número de la versión cuando cambia el contenido de los

 * archivos.

 * 

 * El número a la izquierda del punto (.), en este caso <q>1</q>, se

 * conoce como número mayor y se cambia cuando se realizan

 * modificaciones grandes o importantes.

 * 

 * El número a la derecha del punto (.), en este caso <q>00</q>, se

 * conoce como número menor y se cambia cuando se realizan

 * modificaciones menores.

 */

const VERSION = "1.00"

/**

 * Nombre de la carpeta de caché.

 */

const CACHE = "sincro"

/**

 * Archivos requeridos para que la aplicación funcione fuera de línea.

 */

const ARCHIVOS = [

 "agrega.html",

 "index.html",

 "modifica.html",

 "errors/datosnojson.html",

 "errors/eliminadoincorrecto.html",

 "errors/errorinterno.html",

 "errors/idincorrecto.html",

 "errors/modificacionincorrecta.html",

 "errors/nombreincorrecto.html",

 "errors/resultadonojson.html",

 "js/Bd.js",

 "js/esperaUnPocoYSincroniza.js",

 "js/PASATIEMPO.js",

 "js/pasatiempoAgrega.js",

 "js/pasatiempoBusca.js",

 "js/pasatiempoConsultaNoEliminados.js",

 "js/pasatiempoConsultaTodos.js",

 "js/pasatiempoElimina.js",

 "js/pasatiempoModifica.js",

 "js/pasatiemposReemplaza.js",

 "js/renderiza.js",

 "js/sincroniza.js",

 "js/validaPasatiempo.js",

 "js/validaPasatiempos.js",

 "js/lib/bdConsulta.js",

 "js/lib/bdEjecuta.js",

 "js/lib/consume.js",

 "js/lib/creaIdCliente.js",

 "js/lib/enviaJsonRecibeJson.js",

 "js/lib/htmlentities.js",

 "js/lib/manejaErrores.js",

 "js/lib/muestraError.js",

 "js/lib/muestraObjeto.js",

 "js/lib/ProblemDetailsError.js",

 "js/lib/recibeTexto.js",

 "js/lib/recibeTextoObligatorio.js",

 "js/lib/registraServiceWorker.js",

 "js/lib/validaEntidadObligatoria.js",

 "/"

]

// Verifica si el código corre dentro de un service worker.

if (self instanceof ServiceWorkerGlobalScope) {

 // Evento al empezar a instalar el servide worker,

 self.addEventListener("install",

  (/** @type {ExtendableEvent} */ evt) => {

   console.log("El service worker se está instalando.")

   evt.waitUntil(llenaElCache())

  })

 // Evento al solicitar información a la red.

 self.addEventListener("fetch", (/** @type {FetchEvent} */ evt) => {

  if (evt.request.method === "GET") {

   evt.respondWith(buscaLaRespuestaEnElCache(evt))

  }

 })

 // Evento cuando el service worker se vuelve activo.

 self.addEventListener("activate",

  () => console.log("El service worker está activo."))

}

async function llenaElCache() {

 console.log("Intentando cargar caché:", CACHE)

 // Borra todos los cachés.

 const keys = await caches.keys()

 for (const key of keys) {

  await caches.delete(key)

 }

 // Abre el caché de este service worker.

 const cache = await caches.open(CACHE)

 // Carga el listado de ARCHIVOS.

 await cache.addAll(ARCHIVOS)

 console.log("Cache cargado:", CACHE)

 console.log("Versión:", VERSION)

}

/** @param {FetchEvent} evt */

async function buscaLaRespuestaEnElCache(evt) {

 // Abre el caché.

 const cache = await caches.open(CACHE)

 const request = evt.request

 /* Busca la respuesta a la solicitud en el contenido del caché, sin

  * tomar en cuenta la parte después del símbolo "?" en la URL. */

 const response = await cache.match(request, { ignoreSearch: true })

 if (response === undefined) {

  /* Si no la encuentra, empieza a descargar de la red y devuelve

   * la promesa. */

  return fetch(request)

 } else {

  // Si la encuentra, devuelve la respuesta encontrada en el caché.

  return response

 }

}