@yz-social/civildefense.io 4.4.1

package/public/javascripts/translations.js

@@ -0,0 +1,139 @@
+const language = new URL(location).searchParams.get('lang') || navigator.language;
+const lang = language.split('-')[0].toLowerCase(); // Get the language the the user has their browser to.
+
+export function Int(strings, ...values) { // A tagged template function that converts to lang.
+  // E.g., if the browser lang is 'es', Int`Your Location` => "Tu Ubicación", and Int`#version` => "Versión"
+  return strings.reduce((result, substring, i) => {
+    const value = values[i] !== undefined ? values[i] : '';
+    // Apply operation to the string, then append the interpolated value
+    const content = translations[substring];
+    const translated = content?.[lang] || content?.["en"] || substring;
+    return result + translated + value;
+  }, '');
+}
+
+const translations = {
+  ['Civil Defense']: {es: "Defensa Civil"},
+  ['Anonymous']: {es: "sin nombre"},
+  ['Your Location']: {es: "Tu Ubicación"},
+  ['Default location. Geolocation unavailable.']: {es: "Ubicación predeterminada. Geoubicación no disponible."},
+  ['Tap anywhere to mark a concern. Markers fade after 24 hours.']: {es: "Toca cualquier punto para marcar una preocupación. Los marcadores desaparecen después de 24 horas."},
+
+  ['Location access denied. Using default location.']: {es: "Acceso a la ubicación denegado. Se utilizará la ubicación predeterminada."},
+  ['No network connection.']: {es: "Sin conexión de red."},
+  ['Geolocation not supported. Using default location.']: {es: "Geolocalización no compatible. Se utilizará la ubicación predeterminada."},
+  ['Unable to get location.']: {es: "No se puede obtener la ubicación."},
+  ['The service connection has closed. Please reload.']: {es: "La conexión de servicio se ha cerrado. Por favor, recargue la página."},
+  ['Connection closed due to inactivity. Will reconnect on use.']: {es: "Conexión cerrada por inactividad. Se reconectará al usarla."},
+  ['Connecting to network...']: {es: "Conectando a la red..."},
+  ['Disconnected. Retrying in ']: {es: "Desconectado. Reintentando en "},
+  [' seconds.']: {es: " segundos."},
+
+  ['cake']: {es: "pastel"},
+  ['fire']: {es: "fuego"},
+  ['flood']: {es: "inundación"},
+  ['ice']: {es: "la migra"},
+  ['help']: {es: "ayuda"},
+  ['add topic']: {es: "añadir tema"},
+
+  ['No additional information.']: {es: "No hay información adicional."},
+  ['posted']: {es: "al corriente"},
+  ['changed']: {es: "cambió"},
+  ['reply here']: {es: "responder aquí"},
+  ['remove']: {es: "eliminar"},
+  ['cancel alert']: {es: "Cancelar alerta"},
+  ['update']: {es: "actualizar"},
+  ['for update to...']: {es: "para actualizar a..."},
+  ['In Firefox, sharing must be explicitly enabled through the <a target="civildefense_help" href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Experimental_features#webshare_api">dom.webshare.enabled</a> preference in about:config.']: {es: 'En Firefox, la función de compartir debe habilitarse explícitamente mediante la preferencia <a target="civildefense_help" href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Experimental_features#webshare_api">dom.webshare.enabled</a> en about:config.'},
+  ['This browser does not support sharing.']: {es: "Este navegador no admite la función de compartir."},
+  ['This browser does not support file sharing.']: {es: "Este navegador no admite el intercambio de archivos."},
+  ['This browser does not support sharing this type of file.']: {es: "Este navegador no admite compartir este tipo de archivo."},
+
+  ['does not support notifications on WebViews embedded in other programs. Please use CivilDefense.io in native']: {es: "no admite notificaciones en WebViews integrados en otros programas. Por favor, utilice CivilDefense.io en el navegador nativo"},
+  ['Apple only supports mobile notifications for web pages that have been']: {es: "Apple solo admite notificaciones móviles para páginas web que hayan sido"},
+  ['installed to the home screen']: {es: "instaladoi en la pantalla de inicio"},
+  ['Enable notifications']: {es: "Habilitar notificaciones"},
+  ['Allow notifications']: {es: "Permitir notificaciones"},
+  ['Permissions can be re-enabled through the']: {es: "Los permisos se pueden volver a habilitar a través de"},
+  ['app']: {es: "Aplicación"},
+  ['browser site settings']: {es: "configuración del sitio en el navegador"},
+  
+  ['#aboutReport']: {en: "Report immediate concerns to the public by tapping their location on the map.", es: "Informa de cualquier problema inmediato al público pulsando su ubicación en el mapa."},
+  ['#aboutShared']: {en: "These locations are shared over anonymous p2p with other users in your area.", es: "Estas ubicaciones se comparten a través de redes P2P anónimas con otros usuarios de tu zona."},
+  ['#aboutFade']: {en: "Reported concerns will fade away over 24 hours.", es: "Las preocupaciones manifestadas se disiparán en 24 horas."},
+  ['#aboutAnyone1']: {en: "A connected mirror of this app can be", es: "Una réplica conectada de esta aplicación puede ser"},
+  ['#aboutAnyone2']: {en: "run by anyone,", es: "administrado por cualquier persona,"},
+  ['#aboutAnyone3']: {en: "in case this site is taken down.", es: "en caso de que este sitio sea dado de baja."},
+  ['#learnMore']: {en: 'Learn More', es: "Más Información"},
+  ['#version']: {en: "Version", es: "Versión"},
+  ['#checkForUpdates']: {en: "check for updates", es: "Buscar actualizaciones"},
+  ['#downloadUpdates']: {en: "install update", es: "Instalar actualización"},
+  ['#newVersionHeader']: {en: "New version available", es: "Nueva versión disponible"},
+  ['#updateNowQuestion']: {en: "Would you like to update now?", es: "¿Le gustaría actualizar ahora?"},
+  ['#updateReload']: {en: "All CivilDefense.io tabs will reload.", es: "Todas las pestañas de CivilDefense.io se recargarán."},
+  ['#updateDefer']: {en: "Alternatively, you can update later through the button in About.", es: "Alternativamente, puede actualizar más tarde a través del botón en «Acerca de»."},
+  ['#downloadUpdates2']: {en: "yes, update", es: "Sí, actualizar."},
+  ['#downloadDefer']: {en: "no, not yet", es: "No, todavía no."},
+  ['No update at']: {es: "No hay actualizaciones a las"},
+  ['is available']: {es: "está disponible"},
+
+  ['#describePrivate1']: {en: "Here are your private labels for", es: "Aquí están sus etiquetas privadas para"},
+  ['#describePrivate2']: {en: "to help you recognize posts from them:", es: "Para ayudarte a reconocer publicaciones de ellas:"},
+  ['#describePublic']: {en: "The handles that they currently share publicly:", es: "Los nombres de usuario que comparten públicamente en la actualidad:"},
+  ['#describeSystem']: {en: "The internal system handles for this person:", es: "El sistema interno gestiona lo siguiente para esta persona:"},
+  ['#pickLabels']: {en: "You can pick the labels you like, or securely capture any of the following...", es: "Puede elegir las etiquetas que prefiera o capturar de forma segura cualquiera de las siguientes..."},
+  ['handle']: {es: "el título"},
+  ['your handle']: {es: "tu título"},
+  ['Type a new topic name to see any alerts on the map with this topic.']: {es: "Escribe el nombre de un nuevo tema para ver en el mapa las alertas relacionadas con dicho tema."},
+  ['Change the topic or remove the alert with the topic button in the upper right of the conversation dialog.']: {es: "Cambia el tema o elimina la alerta mediante el botón de tema situado en la esquina superior derecha del cuadro de diálogo de la conversación."},
+  ['Topic "']: {es: "El tema «"},
+  ['" has been removed. You can add it back with "add topic".']: {es: "» se ha eliminado. Puedes volver a añadirlo con «añadir tema»."},
+  ['Tapping the map will now produce an alert for the "']: {es: "Al tocar el mapa, ahora se generará una alerta para el tema «"},
+  ['" topic.']: {es: "»."},
+  ['Turning "']: {es: "Volviendo a activar las alertas de «"},
+  ['" alerts back on in the map.']: {es: "» en el mapa."},
+  ['Turning off "']: {es: "Desactivando las alertas de «"},
+  ['" alerts in the map. You can delete the topic altogether with the X.']: {es: "» en el mapa. Puedes eliminar el tema por completo con la X."},
+
+  ['Click to see more information in another tab about what you can do with this app and how it is resistant to tracking, censorship, and takedown.']: {es: "Haz clic para ver más información en otra pestaña sobre lo que puedes hacer con esta aplicación y cómo resiste el rastreo, la censura y la retirada de contenido."},
+  ['Click to see the source code and documentation for serving copies of this app in another tab.']: {es: "Haz clic para ver el código fuente y la documentación para servir copias de esta aplicación en otra pestaña."},
+  ['Show conversation for this ']: {es: "Mostrar la conversación de esta alerta de "},
+  [' alert.']: {es: "."},
+  ['Click to download.']: {es: "Haz clic para descargar."},
+  ['Zoom in to show more detail in the map.']: {es: "Amplía la imagen para mostrar más detalles en el mapa."},
+  ['Zoom out to show a larger area in the map.']: {es: "Aleja la vista para mostrar un área más amplia en el mapa."},
+  ['Change the text label for you shown in the conversation for your alerts and replies.']: {es: "Cambia la etiqueta de texto que se muestra en la conversación para tus alertas y respuestas."},
+  ['Change the image shown for you in the conversation for your alerts and replies.']: {es: "Cambia la imagen que se muestra en la conversación para tus alertas y respuestas."},
+  ['Toggle whether alerts for this topic shown on the map. Separately, a radio button is shown when selected and sets this as the initial topic of the next alert you make, while an x button is shown when deselected and removes the topic.']: {es: "Alterna la visualización en el mapa de las alertas relacionadas con este tema. Por otro lado, al seleccionar el tema aparece un botón de opción que lo establece como el tema inicial de la próxima alerta que crees; al deseleccionarlo, aparece un botón con una «x» que elimina dicho tema."},
+  ['Add a new topic for which the map should show any alerts.']: {es: "Añada un nuevo tema para el cual el mapa deba mostrar alertas."},
+  ['Information about this app, and options to change how you appear to others.']: {es: "Información sobre esta aplicación y opciones para cambiar cómo apareces ante los demás."},
+  ['Wipe from ']: {es: "Elimina de "},
+  [' all personal data and source files for this app.']: {es: " todos los datos personales y archivos fuente de esta aplicación."},  
+  ['Display QR code that can be scanned by a friend to show the same map on their device.']: {es: "Muestra un código QR que un amigo puede escanear para ver el mismo mapa en su dispositivo."},
+  [' share a link to this map and topics, with picture of map.']: {es: " comparte un enlace a este mapa y a los temas, junto con una imagen del mapa."},
+  ['Recenter the map to where you are in the world.']: {es: "Vuelve a centrar el mapa en tu ubicación actual."},
+  ['Post your reply.']: {es: "Publica tu respuesta."},
+  ['Attach a file to your reply.']: {es: "Adjunta un archivo a tu respuesta."},
+  ['Delete your reply.']: {es: "Elimina tu respuesta."},
+  ['Change the topic or delete your alert.']: {es: "Cambia el tema o elimina tu alerta."},
+  ['Check to see if a new version of the app is available.']: {es: "Comprueba si hay una nueva versión de la aplicación disponible."},
+  ['Update to a new version of this app.']: {es: "Actualiza a una nueva versión de esta aplicación."},
+  ['Share though .']: {es: "Comparte a través de "},
+  [' the text and attachments of this reply, with a link to open this alert.']: {es: " el texto y los archivos adjuntos de esta respuesta, junto con un enlace para abrir esta alerta."},
+  ['Share through ']: {es: "Comparte un enlace a través de "},
+  [' a link to open this alert.']: {es: " para abrir esta alerta."},
+  ['Control how others see me.']: {es: "Controla cómo me ven los demás."},
+  ['Control how this person is labeled on my device.']: {es: "Controla cómo se etiqueta a esta persona en mi dispositivo."},
+  ['Choose the label you want to appear for alerts and replies by this user.']: {es: "Selecciona la etiqueta que quieras que aparezca para las alertas y respuestas de este usuario."},
+  ["Capture this unique text so that even if the user changes what they share, you'll still see this text for alerts and replies by this user."]: {es: "Captura este texto único para que, aunque el usuario cambie lo que comparte, sigas viendo este texto en las alertas y respuestas de dicho usuario."},
+  ["Capture this name they are currently sharing, so that even if the user changes what they share, you'll still see this text for alerts and replies by this user."]: {es: "Guarda el nombre que están compartiendo actualmente, de modo que, aunque el usuario cambie lo que comparte, sigas viendo este texto en las alertas y respuestas de dicho usuario."},
+  ["Capture this unique image so that even if the user changes what they share, they will still be shown to you with this picture for alerts and replies by this user."]: {es: "Captura esta imagen única para que, aunque el usuario cambie lo que comparte, se te siga mostrando con esta foto en las alertas y respuestas de dicho usuario."},
+  ["Capture this image they are currently sharing, so that even if the user changes what they share, you'll still see this image for alerts and replies by this user."]: {es: "Guarda esta imagen que están compartiendo actualmente, de modo que, aunque el usuario cambie lo que comparte, sigas viendo esta imagen en las alertas y respuestas de dicho usuario."},
+  ['Choose the picture you want to appear for alerts and replies by this user.']: {es: "Elige la imagen que quieras que aparezca para las alertas y respuestas de este usuario."},
+  ['Enable local ']: {es: "Habilita notificaciones locales de "},
+  [' notifcations for map alerts, without going through any servers. Requires that the app be running.']: {es: " para alertas del mapa, sin pasar por ningún servidor. Requiere que la aplicación esté en ejecución."},  
+
+
+  ['Too many posts. (5 allowed every 5 minutes.) Removing oldest from this period.']: {es: "Demasiadas publicaciones. (Se permiten 5 cada 5 minutos). Eliminando las más antiguas de este período."},
+  ['#wipe']: {en: "Wipe all CivilDefense.io data.", es: "Eliminar todos los datos de CivilDefense.io."}
+};

package/public/javascripts/versions.js

@@ -0,0 +1,23 @@
+import pkg from '../package.json' with {type: 'json'};
+export const appVersion = pkg.version; // Overall semver of app. Used in display, and for comparison by service worker.
+export const dataVersion = appVersion.split('.')[0];  // Compatability differentiator used below.
+
+export function stripLeadingEmoji(string) { // Return string without any leading emoji (which might be of varying
+    // length) followed by an optional emoji break character and any whitespace.
+    // {Extended_Pictographic} is often recommended instead of {Emoji} as the latter includes numbers
+    // and symbols. However, the former misses, e.g., the flag emojis.
+    return string.replace(/^\p{Emoji}*\uFE0F?\s*/u, '') || string;
+};
+export function canonicalTag(tag) { // A string representing tag, without the (leading) emoji if any.
+  return stripLeadingEmoji(tag).toLowerCase();
+}
+
+export function agentPersistKey(metadataType, agentTag) { // A label for looking up metadataType for agentTag.
+  return `${metadataType}-${agentTag}`;
+}
+export function agentTopic(metadataType, agentTag) { // Return topic name for public info about agent specified by tag.
+  return `public:${dataVersion}:${agentPersistKey(metadataType, agentTag)}`;
+}
+export function alertTopic(cellid, tag) { // Return topic name for public info about specified tag in cellid.
+  return `civildefense.io:${dataVersion}:${cellid}:${canonicalTag(tag)}`;
+}

package/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "name": "CivilDefense.io",
+  "description": "Safely safely share live sightings on a map.",
+  "start_url": "/",
+  "display": "standalone",  
+  "icons": [{
+    "src": "images/civil-defense-512.png",
+    "type": "image/png",
+    "sizes": "512x512"
+  }, {
+    "src": "images/civil-defense-192.png",
+    "sizes": "192x192",
+    "type": "image/png"
+  }, {
+    "src": "images/civil-defense-122.png",
+    "sizes": "122x122",
+    "type": "image/png"
+  }],
+
+  "comment": "In Chrome App Settings, the following sets the initial value of 'Opening supported links' (meaning in-scope links) to be 'Open in FairShare' (rather than 'Open in Chrome browser'.",
+  "handle_links": "preferred",
+  "launch_handler": {
+    "client_mode": "navigate-existing"
+  }
+}

package/public/platformer.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <title>Platform detection</title>
+  </head>
+  <body>
+    <p>userAgent: <span id="userAgent"></span></p>
+    <p>platform: <span id="platform"></span></p>
+    <p>agentData.platform: <span id="agentDataPlatform"><span></p>
+    <p>standalone: <span id="standalone"></span></p>
+    <p>isWebView: <span id="WebView"></span></p>
+    <p>isApple: <span id="Apple"></span></p>
+    <p>isMobile: <span id="Mobile"></span></p>
+    <p>osName: <span id="os"></span></p>
+    <p>regularized mobilePlatformName (i.e., iOS or Android IF mobile): <span id="mobilePlatform"></span></p>
+    <p>regularized mobileVendorName (i.e, Apple or Android IF mobile): <span id="mobileVendor"></span></p>
+    <p>native mobileBrowserName (i.e., Safari or Chrome IF mobile): <span id="mobileBrowser"></span></p>
+    <p>browserName: <span id="browserN"></span></p>
+    <script>
+      function isWebView() { return /CriOS|(WebView|wv|(iPhone|iPod|iPad)(?!.*Safari))/.test(navigator.userAgent); }
+      function isApple() { return navigator.platform.startsWith('Mac') || ['iPhone', 'iPad'].includes(navigator.platform); }
+      function isMobile() { return navigator.userAgentData?.mobile || /iPhone|iPad|iPod|Mobile/.test(navigator.userAgent); }
+      function isStandalone() { return window.matchMedia('(display-mode: standalone)').matches; }
+      function osName() { return navigator.userAgentData?.platform || navigator.userAgent.match(/Android/)?.[0] || navigator.platform; }
+      function mobilePlatformName() { return isMobile() && (isApple() ? 'iOS' : 'Android'); }
+      function mobileVendorName() { return isMobile() && (isApple() ? 'Apple' : 'Android'); }
+      function mobileBrowserName() { return isApple() ? 'Safari' : 'Chrome'; }
+      function browserName() {
+	if (navigator.userAgent.includes("Firefox")) return "Firefox";
+	if (navigator.userAgent.includes("Edg")) return "Edge";
+	if (navigator.userAgent.includes("Chrome")) return "Chrome";
+	if (navigator.userAgent.includes("CriOS")) return "Chrome";
+	if (navigator.userAgent.includes("Safari")) return "Safari";
+	return '';
+      }
+      userAgent.textContent = JSON.stringify(navigator.userAgent);
+      platform.textContent = JSON.stringify(navigator.platform);
+      agentDataPlatform.textContent = JSON.stringify(navigator.userAgentData?.platform);
+      standalone.textContent = JSON.stringify(window.matchMedia('(display-mode: standalone)').matches);
+      WebView.textContent = isWebView();
+      Apple.textContent = isApple();
+      Mobile.textContent = isMobile();
+      os.textContent = osName();
+      mobilePlatform.textContent = mobilePlatformName();
+      mobileVendor.textContent = mobileVendorName();
+      mobileBrowser.textContent = mobileBrowserName();
+      browserN.textContent = browserName();
+    </script>
+  </body>
+</html>

package/public/robots.txt

@@ -0,0 +1,6 @@
+User-agent: *
+Allow: /$
+Allow: /images/hero.png
+Allow: /images/hero-small.png
+Allow: /images/civil-defense.png
+Disallow: /

package/public/service-worker.js

@@ -0,0 +1,218 @@
+const { Request, Response, URL, clients} = self;
+// Little point in trying to automatically pull this through package.json, as we need a byte change in THIS file to trigger a new worker.
+const serviceVersion = '4.4.1';
+
+async function cacheFirst({request, event}) {
+  // Handle request from any cache, else fetch and store it in serviceCache.
+
+  // First try to get the resource from the cache (any version).
+  const url = new URL(request.url);
+  const ignoreSearch = url.pathname === '/'; // Regardless of lat/lng, tags, etc. Hopefully no external map or font resources are on root!
+  const responseFromCache = await caches.match(request, {ignoreSearch});
+  if (responseFromCache) return responseFromCache;
+
+  // Next try to get the resource from the network.
+  try {
+    const responseFromNetwork = await fetch(request);
+    if (request.method !== 'GET' || request.cache === 'no-store') return responseFromNetwork; // Cache shouldn't allow anyway.
+    // Put clone of response in cache (so that original can be returned.
+    // Tell event to keep worker open while we put it, even though we return response immediately.
+    const cache = await caches.open(serviceVersion);
+    event.waitUntil(cache.put(request, responseFromNetwork.clone()));
+    return responseFromNetwork;
+  } catch (error) {
+    console.error(request.url, error);
+    // There is nothing we can do, but we must always return a Response object
+    return new Response("Network error", {
+      status: 408,
+      headers: { "Content-Type": "text/plain" },
+    });
+  }
+}
+
+// EVENT HANDLERS
+
+// Install all the resources we need, so that we can work offline.
+// (Users, groups, and media are cached separately in indexeddb.)
+self.addEventListener('install', event => {
+  console.log('Install service worker', serviceVersion);
+  // IF a service worker is updated, the old service worker is active, and by default,
+  // the new one will not be activated until the old one dies. This is our only chance to
+  // tell the browser to skipWaiting, and activate the new service worker right away,
+  // allowing restarted main code to compare versions and bootstrap itself onto the new main code.
+  //
+  // However, even though skipWaiting answers a promise, we do NOT want to waitUntil it resolves
+  // (as for claim in activate, below), because on Safari, that causes the new worker to activate
+  // BEFORE the main script's 'installed' state change fires, thus executing with a non-null
+  // serviceWorker.controller, and thus telling the user that there is a download available.
+  // Fortunately, leaving out the waitUntil seems to get the expected activation timing. And indeed,
+  // the MDN doc for skipWaiting does not use waitUntil either.
+  //
+  // Alas, there's still a screw case in Safari: The panic button unregisters service workers,
+  // but in Safari, the service worker stays running until the page is closed. Even a reload
+  // or setting location.href will keep the old service worker around. This means that a reload
+  // after panic will cause a harmless but confusing "new version available" popup. Instead,
+  // one must manually close the tab after panic.
+  let p = self.skipWaiting();
+  event.waitUntil(p);
+});
+
+self.addEventListener('activate', async event => {
+  console.log('Activate service worker', serviceVersion);
+  // Apply to running clients now, so that first fresh install sees updatefound event.
+  // Otherwise, the service worker wouldn't fire until the code NEXT time the page loads after
+  // registration, and thus the initial load would not see any updatefound events.
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener('fetch', event => {
+  event.respondWith(cacheFirst({request: event.request, event}));
+});
+
+async function cacheSource(version, event) { // Cache source in the given version.
+  console.log(`service-worker ${serviceVersion} is caching source in cache ${version}.`);
+  const cache = await caches.open(version);
+  await cache.addAll([
+    "/",
+    "/index.html", // Just in case anyone is specifying that.
+    "favicon.ico",
+    "manifest.json",
+    "package.json",
+
+    "javascripts/versions.js",
+    "javascripts/main.js",
+    "javascripts/display.js",
+    "javascripts/map.js",
+    "javascripts/hashtags.js",
+    "javascripts/s2.js",
+    "javascripts/agent.js",
+    "javascripts/translations.js",
+    "javascripts/service-manager.js",
+    "javascripts/p2pWebNetwork.js",
+
+    "stylesheets/style.css",
+
+    "images/qr-scan.svg",
+    "images/share.svg",
+    "images/recenter.svg",
+    "images/civil-defense-122.png",
+    "images/civil-defense-192.png",
+    "images/civil-defense-240.png",
+    "images/civil-defense-512.png",
+
+    "axona-protocol/src/index.js",
+    "axona-protocol/src/errors.js",
+    "axona-protocol/src/bridgeDirectory.js",
+    "axona-protocol/src/contracts/Transport.js",
+    "axona-protocol/src/contracts/DHT.js",
+    "axona-protocol/src/contracts/BootstrapService.js",
+    "axona-protocol/src/identity/index.js",
+    "axona-protocol/src/identity/nodeid.js",
+    "axona-protocol/src/pow/pow.js",
+    "axona-protocol/src/dht/AxonaPeer.js",
+    "axona-protocol/src/dht/AxonaDomain.js",
+    "axona-protocol/src/dht/DHTNode.js",
+    "axona-protocol/src/dht/NeuronNode.js",
+    "axona-protocol/src/dht/Synapse.js",
+    "axona-protocol/src/dht/Subscription.js",
+    "axona-protocol/src/pubsub/AxonaManager.js",
+    "axona-protocol/src/pubsub/authorClass.js",
+    "axona-protocol/src/pubsub/kill.js",
+    "axona-protocol/src/pubsub/touch.js",
+    "axona-protocol/src/pubsub/post.js",
+    "axona-protocol/src/pubsub/unpub.js",
+    "axona-protocol/src/pubsub/envelope.js",
+    "axona-protocol/src/pubsub/ed25519.js",
+    "axona-protocol/src/pubsub/metrics.js",
+    "axona-protocol/src/utils/region-names.js",
+    "axona-protocol/src/utils/geo.js",
+    "axona-protocol/src/utils/s2.js",
+    "axona-protocol/src/utils/hexid.js",
+    "axona-protocol/src/transport/handshake.js",
+    "axona-protocol/src/transport/handshake-auth.js",
+    "axona-protocol/src/transport/wire.js",
+    "axona-protocol/src/transport/web/index.js",
+    "axona-protocol/src/transport/web/mesh.js",
+    "axona-protocol/src/transport/web/mesh-auth.js",
+    "axona-protocol/src/transport/web/webrtc.js",
+    "axona-protocol/src/transport/web/bridge.js",
+    "axona-protocol/src/transport/web/composite.js",
+    "axona-protocol/src/transport/sim/index.js",
+    "axona-protocol/src/transport/sim/network.js",
+    "axona-protocol/src/transport/sim/transport.js",
+    "axona-protocol/src/persistence/interface.js",
+    "axona-protocol/src/crypto/noble-ed25519.js",
+    "axona-protocol/std/index.js",
+    "axona-protocol/std/chunk.js",
+
+    "leaflet/leaflet.css",
+    "leaflet/leaflet-src.esm.js",
+    "leaflet/images/marker-icon.png",
+    "leaflet/images/marker-icon-2x.png",
+    "leaflet/images/marker-shadow.png",
+
+    "pica/pica.min.js",
+    "minidenticons/minidenticons.min.js",
+    "s2js/s2js.esm.js",
+    "bigfloat/esm/index.js",
+    "bigfloat/esm/BigFloat32",
+    "bigfloat/esm/BigFloat53",
+    "bigfloat/esm/BigComplex",
+    "bigfloat/esm/BaseInfo32",
+    "bigfloat/esm/util",
+
+    // TODO: the libraries
+  ].map(name => new Request(name, {cache: 'no-store'}))); // Might not be necessary, but if any browsers insist on their own caching...
+  await Promise.all([
+    // These are referenced within material web, but missing. Turns out we don't need them,
+    // but let's cache empty responses to keep the console cleaner.
+    "https://esm.run/npm/lit@3.3.1/+esm",
+    "https://esm.run/npm/tslib@2.8.1/+esm",
+    "https://esm.run/npm/lit@3.3.1/static-html.js/+esm",
+    "https://esm.run/npm/lit@3.3.1/decorators.js/+esm",
+    "https://esm.run/npm/lit@3.3.1/directives/style-map.js/+esm",
+    "https://esm.run/npm/lit@3.3.1/directives/class-map.js/+esm",
+    "https://esm.run/npm/lit@3.3.1/directives/when.js/+esm",
+    "https://esm.run/npm/lit@3.3.1/directives/live.js/+esm",
+  ].map(url => cache.put(new Request(url),
+                         new Response("", {headers: { "Content-Type": "text/javascript" }}))));
+  return version;
+}
+
+
+self.addEventListener('message', async event => {
+  const {method, params} = event.data;
+  switch (method) {
+  case 'version':
+    event.waitUntil(event.source.postMessage({method: 'version', params: serviceVersion}));
+    break;
+  case 'cacheSource': // Cache source in the given version.
+    event.waitUntil(cacheSource(params, event)
+		    .then(version => event.source.postMessage({method: 'cached', params: version})));
+    break;
+  default:
+    console.warn(`Unrecognized service worker message: "${event.data}".`);
+  }
+});
+
+self.addEventListener('notificationclick', event => {
+  const {notification} = event;
+  const {title, body, tag, data} = notification;
+  notification.close();
+  if (!data) return console.log('no data in notification', notification);
+  // This looks to see if the current is already open and focuses if it is. Else opens one.
+  event.waitUntil(
+    clients
+      .matchAll({type: 'window', includeUncontrolled: true})
+      .then(async clientList => {
+	console.log('notification', {title, body, data, clientList});
+        for (const client of clientList) {
+	  console.log('notification click found client');
+	  return client.focus().then(() => client.postMessage({method: 'go', params: {subject: tag, ...data}}));
+        }
+	// Client has been closed. Open one.
+	console.log('notification click opening client', data.url);
+	return clients.openWindow(data.url);
+      }),
+  );
+});