J. sw.js

1
/* Este archivo debe estar colocado en la carpeta raíz del sitio.
2
 *
3
 * Cualquier cambio en el contenido de este archivo hace que el service
4
 * worker se reinstale. */
5

  
6
/**

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

  
8
 * archivos.

  
9
 * 

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

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

  
12
 * modificaciones grandes o importantes.

  
13
 * 

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

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

  
16
 * modificaciones menores.

  
17
 */

  
18
const VERSION = "1.01"

  
19

  
20
/**

  
21
 * Nombre de la carpeta de caché.

  
22
 */

  
23
const CACHE = "pwamd"

  
24

  
25
/**

  
26
 * Archivos requeridos para que la aplicación funcione fuera de

  
27
 * línea.

  
28
 */

  
29
const ARCHIVOS = [

  
30
 "ayuda.html",

  
31
 "favicon.ico",

  
32
 "index.html",

  
33
 "select.html",

  
34
 "site.webmanifest",

  
35
 "css/baseline.css",

  
36
 "css/colors.css",

  
37
 "css/elevation.css",

  
38
 "css/estilos.css",

  
39
 "css/material-symbols-outlined.css",

  
40
 "css/md-filled-button.css",

  
41
 "css/md-filled-text-field.css",

  
42
 "css/md-headline.css",

  
43
 "css/md-list.css",

  
44
 "css/md-menu.css",

  
45
 "css/md-outline-button.css",

  
46
 "css/md-tab.css",

  
47
 "css/motion.css",

  
48
 "css/palette.css",

  
49
 "css/roboto.css",

  
50
 "css/shape.css",

  
51
 "css/state.css",

  
52
 "css/transicion_pestanas.css",

  
53
 "css/typography.css",

  
54
 "css/theme/dark.css",

  
55
 "css/theme/light.css",

  
56
 "fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].codepoints",

  
57
 "fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].ttf",

  
58
 "fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2",

  
59
 "fonts/roboto-v32-latin-regular.woff2",

  
60
 "img/icono2048.png",

  
61
 "img/maskable_icon.png",

  
62
 "img/maskable_icon_x128.png",

  
63
 "img/maskable_icon_x192.png",

  
64
 "img/maskable_icon_x384.png",

  
65
 "img/maskable_icon_x48.png",

  
66
 "img/maskable_icon_x512.png",

  
67
 "img/maskable_icon_x72.png",

  
68
 "img/maskable_icon_x96.png",

  
69
 "img/screenshot_horizontal.png",

  
70
 "img/screenshot_vertical.png",

  
71
 "js/nav-tab-fixed.js",

  
72
 "js/lib/abreElementoHtml.js",

  
73
 "js/lib/cierraElementoHtmo.js",

  
74
 "js/lib/ES_APPLE.js",

  
75
 "js/lib/getAttribute.js",

  
76
 "js/lib/manejaErrores.js",

  
77
 "js/lib/muestraError.js",

  
78
 "js/lib/muestraTextoDeAyuda.js",

  
79
 "js/lib/ProblemDetailsError.js",

  
80
 "js/lib/querySelector.js",

  
81
 "js/lib/registraServiceWorker.js",

  
82
 "js/lib/resaltaSiEstasEn.js",

  
83
 "js/lib/custom/md-app-bar.js",

  
84
 "js/lib/custom/md-options-menu.js",

  
85
 "js/lib/custom/md-select-menu.js",

  
86
 "ungap/custom-elements.js",

  
87
 "/"

  
88
]

  
89

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

  
91
if (self instanceof ServiceWorkerGlobalScope) {

  
92
 // Evento al empezar a instalar el servide worker,

  
93
 self.addEventListener("install",

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

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

  
96
   evt.waitUntil(llenaElCache())

  
97
  })

  
98

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

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

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

  
102
   evt.respondWith(buscaLaRespuestaEnElCache(evt))

  
103
  }

  
104
 })

  
105

  
106
 // Evento cuando el service worker se vuelve activo.

  
107
 self.addEventListener("activate",

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

  
109
}

  
110

  
111
async function llenaElCache() {

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

  
113
 // Borra todos los cachés.

  
114
 const keys = await caches.keys()

  
115
 for (const key of keys) {

  
116
  await caches.delete(key)

  
117
 }

  
118
 // Abre el caché de este service worker.

  
119
 const cache = await caches.open(CACHE)

  
120
 // Carga el listado de ARCHIVOS.

  
121
 await cache.addAll(ARCHIVOS)

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

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

  
124
}

  
125

  
126
/** @param {FetchEvent} evt */

  
127
async function buscaLaRespuestaEnElCache(evt) {

  
128
 // Abre el caché.

  
129
 const cache = await caches.open(CACHE)

  
130
 const request = evt.request

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

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

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

  
134
 if (response === undefined) {

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

  
136
   * la promesa. */

  
137
  return fetch(request)

  
138
 } else {

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

  
140
  return response

  
141
 }

  
142
}

 


 
 
 
     skip_previous
    
 
     skip_next