@lls/offline 24.22.0-a4074e64 → 24.22.0-b0b2683d

package/lib/assets/fetch-worker.js

@@ -62,7 +62,6 @@ var makeSyncHandler = a(
   })
 );
 var jsonToBuf = (json) => new TextEncoder().encode(JSON.stringify(json));
-var openCache = async () => caches.open(`LLS_OFFLINE_${process.env.CONF_ENV}`);
 
 // src/worker/swFetchScreenCall.ts
 var zipSlugName = (str) => str.replace(/[^a-zA-Z0-9-.]/g, "");
@@ -197,7 +196,7 @@ var canHandleScreenCall = (url) => new RegExp(Object.keys(handles).join("|")).te
 var handleScreenCall = async (ev, { offlineWorkerSync: offlineWorkerSync2, knownLinks: knownLinks2 }) => {
   try {
     const variables = (
-      // @ts-expect-error TODO: handle variables from body(stream) properly!!
+      // @ts-ignore TODO: handle variables from body(stream) properly!!
       ev.request.body?.variables || JSON.parse(new URLSearchParams(new URL(ev.request.url).search).get("variables") || "{}")
     );
     console.debug("variables are", variables, "vs", ev.request.body);
@@ -212,12 +211,6 @@ var handleScreenCall = async (ev, { offlineWorkerSync: offlineWorkerSync2, known
     return { status: 500, json: JSON.stringify(e) };
   }
 };
-var setKnownLinks = (knownLinks2, { entryNames, bookId }) => {
-  entryNames.forEach((entryName) => {
-    const link = entryName.replace(new RegExp(`^\\d+/media/|^${bookId}/medias/`), "").replace(new RegExp(`^${bookId}/gqls/`), "gqls/");
-    knownLinks2.set(link, { entryName, bookId });
-  });
-};
 
 // src/worker/fetch-worker.ts
 var fetchAsset = async (ev, { entryId, mimeType, offlineWorkerSync: offlineWorkerSync2 }) => {
@@ -285,70 +278,36 @@ var ACCEPTED_EXTENSIONS = {
   ".m4a": "audio/mp4",
   ".webp": "image/webp"
 };
-var putInCache = async (request, response) => {
-  const cache = await openCache();
-  await cache.put(request, response);
-};
-var onlineFirst = async (request, event) => {
-  try {
-    const responseFromNetwork = await fetch(request);
-    const cached = putInCache(request, responseFromNetwork.clone());
-    if (request.url.endsWith(".zip")) {
-      await cached;
-      event.waitUntil(Promise.resolve());
-    } else {
-      event.waitUntil(cached);
-    }
-    return responseFromNetwork;
-  } catch (_e) {
-    const over = /\/\?story=basic/.test(request.url) ? request.url.replace(/\/\?story=.*$/, "") : request;
-    const responseFromCache = await caches.match(over);
-    if (!responseFromCache) {
-      return new Response("FAILED fetch", {
-        // @ts-ignore: poor ts typing
-        ok: false,
-        status: 500,
-        type: "cors",
-        url: event.request.url
-      });
-    }
-    return responseFromCache;
-  }
-};
-var STORAGE = "cache";
 var swSelf = self;
 swSelf.addEventListener("fetch", (ev) => {
   const url = ev.request.url;
   const extension = url.match(/\.[^.]+$/)?.[0];
   const mimeType = extension && extension in ACCEPTED_EXTENSIONS ? ACCEPTED_EXTENSIONS[extension] : "";
   const isValidScreenCall = canHandleScreenCall(url);
-  if (STORAGE !== "cache" && url.endsWith(".zip")) {
-    return;
-  }
   if (!mimeType && !isValidScreenCall) {
     if (!/\.(css|tsx?|jsx?|woff2|fr|manifest)(\??|$)|@(vite|react|id)/.test(url)) {
       console.debug("no ext", extension || url);
     }
-    return ev.respondWith(onlineFirst(ev.request, ev));
+    return;
   }
   const entryId = knownLinks.get(url.replace(/https:\/\/.*?\//, "")) || knownLinks.get(`medias/${url.replace(/https:\/\/.*?\//, "")}`);
+  if (!entryId && !isValidScreenCall) {
+    if (/lls|lelivrescolaire/.test(url)) {
+      console.info("no link for", url.replace(/https:\/\/.*?\//, ""));
+    }
+    return;
+  }
   if (isValidScreenCall) {
     console.debug("screencall!");
     return ev.respondWith(fetchScreenCall(ev, { offlineWorkerSync, knownLinks }));
   }
-  if (entryId) {
-    return ev.respondWith(fetchAsset(ev, { entryId, mimeType, offlineWorkerSync }));
-  }
-  if (/lls|lelivrescolaire/.test(url)) {
-    console.info("no link for", url.replace(/https:\/\/.*?\//, ""), `medias/${url.replace(/https:\/\/.*?\//, "")}`);
-  }
-  return;
+  return ev.respondWith(fetchAsset(ev, { entryId, mimeType, offlineWorkerSync }));
 });
 swSelf.addEventListener("install", (_event) => {
   swSelf.skipWaiting();
 });
-swSelf.addEventListener("activate", (event) => {
-  event.waitUntil(swSelf.clients.claim());
+swSelf.addEventListener("activate", (_event) => {
+  return swSelf.clients.claim();
 });
 var offlineWorker;
 var offlineWorkerSync;
@@ -362,30 +321,24 @@ var initChannel = async (__, { ports }) => {
   );
   offlineWorkerSync = sender;
   offlineWorker.onmessage = handler.handle;
-  offlineWorkerSync.on("setKnownLinks", setKnownLinks.bind(null, setKnownLinks));
+  offlineWorkerSync.on("setKnownLinks", setKnownLinks);
   offlineWorker.postMessage({ methodName: "sendAppReady" });
 };
 var knownLinks = /* @__PURE__ */ new Map();
-var configure = ({ storage } = {}) => {
-  STORAGE = "cache";
-  if (typeof storage !== "undefined") {
-    STORAGE = storage;
-  }
-  console.info("sw::configure", { STORAGE });
+var setKnownLinks = ({ entryNames, bookId }) => {
+  entryNames.forEach((entryName) => {
+    const link = entryName.replace(/^\d+\/media\//, "");
+    knownLinks.set(link, { entryName, bookId });
+  });
 };
 swSelf.onmessage = async ({
   data: { methodName, arg } = {},
   ports
 }) => {
   const services = {
-    initChannel,
-    configure
+    initChannel
   };
   try {
-    if (methodName === "configure") {
-      await services[methodName](arg);
-      return;
-    }
     if (methodName === "initChannel") {
       if (!ports.length) {
         throw new Error("fetchworker::missing port!");

package/lib/assets/offline-worker.js

@@ -1,14 +1,3 @@
-// src/utils/error.ts
-var tryCatch = (fn) => {
-  return (resolve, reject) => {
-    try {
-      return fn().then(resolve);
-    } catch (e) {
-      return reject(e);
-    }
-  };
-};
-
 // src/utils/worker.ts
 var makeSyncWorker = (offlineWorker, methodNames, dbg) => {
   const dic = {};
@@ -83,7 +72,6 @@ var combineHandlers = (...handlers) => {
     console.error("no handlers matched", methodName);
   };
 };
-var openCache = async () => caches.open(`LLS_OFFLINE_${process.env.CONF_ENV}`);
 
 // src/worker/wwApi.ts
 var STATE = {
@@ -842,24 +830,17 @@ var loadZip = async (buf, bookId) => {
 
 // src/worker/offline-worker.ts
 var CHECK_UPDATES = true;
-var STORAGE = "cache";
-var ZIP_BASE_URL = "https://ci.lls.fr/artefacts/content/development";
-var LOADED_BOOKS = /* @__PURE__ */ new Map();
+var NATIVE = false;
+var LOADED_BOOKS = /* @__PURE__ */ new Set();
 var fetchZipFile = async (zipUrl, { forceRefresh } = {}) => {
   const fileName = zipUrl.split("/").slice(-1)[0];
   const readArrayBuffer = async () => {
-    if (STORAGE === "native") {
+    if (NATIVE) {
+      console.debug("try reading native", fileName);
       const back = await sender.nativeReadFile({ fname: fileName });
+      console.debug("done readnig");
       return back;
     }
-    if (STORAGE === "cache") {
-      const response = await caches.match(zipUrl);
-      if (!response) {
-        throw new Error(`missing zip ${zipUrl}`);
-      }
-      const buf = await response.arrayBuffer();
-      return buf;
-    }
     const opfsRoot = await navigator.storage.getDirectory();
     const handle = await opfsRoot.getFileHandle(fileName);
     const accessHandle = await handle.createSyncAccessHandle();
@@ -887,7 +868,7 @@ var fetchZipFile = async (zipUrl, { forceRefresh } = {}) => {
     return buf;
   } catch (e) {
     if (e instanceof Error && e.message !== "forceRefresh" && !e.message.includes("refetching")) {
-      console.debug(`${STORAGE} zip not found, creating it`, e, zipUrl);
+      console.debug("opfs db not found, creating it", e, zipUrl);
     }
     const response = await fetch(zipUrl);
     const contentLength = +response.headers.get("Content-Length");
@@ -898,7 +879,6 @@ var fetchZipFile = async (zipUrl, { forceRefresh } = {}) => {
     while (true) {
       const { done, value: chunk } = await reader.read();
       if (done) {
-        self.postMessage({ methodName: "opfsProgress", arg: { total: contentLength, bytes: contentLength } });
         break;
       }
       arrayBuffer.set(chunk, position);
@@ -913,69 +893,44 @@ var fetchZipFile = async (zipUrl, { forceRefresh } = {}) => {
       console.debug(error);
       throw new Error(error);
     }
-    if (STORAGE === "native") {
+    if (NATIVE) {
       await sender.nativeWriteFile({ fname: fileName, buffer: arrayBuffer });
-    } else if (STORAGE === "opfs") {
-      const opfsRoot = await navigator.storage.getDirectory();
-      const handle = await opfsRoot.getFileHandle(fileName, { create: true });
-      const accessHandle = await handle.createSyncAccessHandle();
-      await accessHandle.truncate(0);
-      await accessHandle.write(arrayBuffer);
-      await accessHandle.close();
-    } else {
-      const cache = await openCache();
-      const response2 = new Response(arrayBuffer, {
-        headers: {
-          "Cache-Control": "max-age=600, s-maxage=600, public, proxy-revalidate",
-          "Content-Type": "application/zip"
-        },
-        // @ts-ignore: poor ts typing
-        ok: true,
-        redirected: false,
-        status: 200,
-        type: "cors",
-        url: zipUrl
-      });
-      await cache.put(zipUrl, response2);
+      return await readArrayBuffer();
     }
+    const opfsRoot = await navigator.storage.getDirectory();
+    const handle = await opfsRoot.getFileHandle(fileName, { create: true });
+    const accessHandle = await handle.createSyncAccessHandle();
+    await accessHandle.truncate(0);
+    await accessHandle.write(arrayBuffer);
+    await accessHandle.close();
     return await readArrayBuffer();
   }
 };
 var slugToFileMeta2 = async ({ slug }) => {
+  console.debug("hereshit");
   const json = await readZipEntry({ bookId: "preload", entryName: "preload/hashmap_slugToMetaPage.json", asJson: true });
+  console.debug("hereshit2");
   return slugToFileMeta({ slug, json });
 };
 var PRELOAD_AS_BOOK_ID = "preload";
 var isOldZip = (bookId) => typeof bookId === "number";
 var loadBook2 = async ({ id: bookId, forceRefresh }) => {
   if (LOADED_BOOKS.has(bookId)) {
-    await LOADED_BOOKS.get(bookId);
     self.postMessage({ methodName: "opfsProgress", arg: { total: 1, bytes: 1 } });
     return;
   }
-  const p = new Promise(
-    tryCatch(async () => {
-      const buf = await fetchZipFile(`${ZIP_BASE_URL}/${bookId}.zip`, { forceRefresh });
-      try {
-        const entryNames = await loadZip(new Uint8Array(buf), bookId);
-        fetchWorker.postMessage({ methodName: "setKnownLinks", arg: { entryNames, bookId } });
-        if (isOldZip(bookId)) {
-          const json = await readZipEntry({
-            entryName: `preload/${bookId}.json`,
-            bookId: PRELOAD_AS_BOOK_ID,
-            asJson: true
-          });
-          loadBook(json);
-        }
-        return true;
-      } catch (e) {
-        console.error("failed", e);
-        return false;
-      }
-    })
-  );
-  LOADED_BOOKS.set(bookId, p);
-  await p;
+  LOADED_BOOKS.add(bookId);
+  const buf = await fetchZipFile(`https://ci.lls.fr/artefacts/content/development/${bookId}.zip`, { forceRefresh });
+  try {
+    const entryNames = await loadZip(new Uint8Array(buf), bookId);
+    fetchWorker.postMessage({ methodName: "setKnownLinks", arg: { entryNames, bookId } });
+    if (isOldZip(bookId)) {
+      const json = await readZipEntry({ entryName: `preload/${bookId}.json`, bookId: PRELOAD_AS_BOOK_ID, asJson: true });
+      loadBook(json);
+    }
+  } catch (e) {
+    console.error("failed", e);
+  }
 };
 var loadPageContent2 = async ({
   bookId: iBookId,
@@ -1018,16 +973,11 @@ var initChannel = (__, { ports }) => {
 };
 var loadBooks = async ({ primaryOnly = false } = {}) => {
   let entries = [];
-  if (STORAGE === "native") {
+  if (NATIVE) {
     entries = await sender.nativeListZips();
-  } else if (STORAGE === "opfs") {
+  } else {
     const opfsRoot = await navigator.storage.getDirectory();
     entries = await opfsRoot.values();
-  } else {
-    const cache = await openCache();
-    const keys = await cache.keys();
-    const zips = keys.filter((key2) => key2.url.endsWith(".zip"));
-    entries = zips.map((zip) => ({ name: String(zip.url.split("/").pop()) }));
   }
   for await (const entry of entries) {
     if (/preload/.test(entry.name)) {
@@ -1046,24 +996,14 @@ var loadBooks = async ({ primaryOnly = false } = {}) => {
     }
   }
 };
-var configure = ({
-  storage,
-  checkUpdates,
-  zipBaseUrl
-}) => {
-  CHECK_UPDATES = true;
-  STORAGE = "cache";
-  ZIP_BASE_URL = "https://ci.lls.fr/artefacts/content/development";
-  if (typeof storage !== "undefined") {
-    STORAGE = storage;
+var configure = ({ native, checkUpdates }) => {
+  console.info("configuring!!", native, checkUpdates);
+  if (typeof native !== "undefined") {
+    NATIVE = !!native;
   }
-  if (typeof checkUpdates !== "undefined") {
+  if (typeof native !== "undefined") {
     CHECK_UPDATES = !!checkUpdates;
   }
-  if (typeof zipBaseUrl !== "undefined") {
-    ZIP_BASE_URL = zipBaseUrl;
-  }
-  console.info("ow::configure", { STORAGE, CHECK_UPDATES, ZIP_BASE_URL });
 };
 var loadPreload2 = async () => {
   const zipUrl = "https://lls-ci-fr.s3.eu-west-3.amazonaws.com/artefacts/content/development/preload.zip";

package/lib/index.js

@@ -1,14 +1,3 @@
-// src/utils/error.ts
-var tryCatch = (fn) => {
-  return (resolve, reject) => {
-    try {
-      return fn().then(resolve);
-    } catch (e) {
-      return reject(e);
-    }
-  };
-};
-
 // src/utils/worker.ts
 var makeSyncWorker = (offlineWorker2, methodNames, dbg) => {
   const dic = {};
@@ -87,28 +76,11 @@ var combineHandlers = (...handlers) => {
 import { useCallback, useEffect, useState } from "react";
 var offlineWorker = new Worker("/src/worker/offline-worker.js", { type: "module" });
 var { handler, ...offlineWorkerSync } = makeSyncWorker(
+  // @ts-ignore: TODO
   offlineWorker,
   ["initChannel", "readZipEntry", "configure", "loadPreload", "loadBooks", "loadBook"],
   "app:offlineWorker"
 );
-var fetchWorkerPromise = new Promise(
-  tryCatch(async () => {
-    let fetchWorker = null;
-    await navigator.serviceWorker.register("/fetch-worker.js", { type: "module" }).then((reg) => {
-      return reg.update().catch((e) => {
-        console.debug(e, "likely we are offline");
-      });
-    });
-    await navigator.serviceWorker.ready.then(async (reg) => {
-      console.debug("Service Worker registered:", reg.scope);
-      fetchWorker = reg.active;
-    }).catch((err) => console.error("Service Worker registration failed:", err));
-    if (!fetchWorker) {
-      console.debug("failed to get fetch worker");
-    }
-    return fetchWorker;
-  })
-);
 var setWorkersReady;
 var workersReadyPromise = new Promise((resolve) => {
   setWorkersReady = resolve;
@@ -118,41 +90,45 @@ var setBooksLoadedPromise = new Promise((resolve) => {
   setBooksLoaded = resolve;
 });
 var installWorker = async ({
-  skipLoadBooks = false,
   primaryOnly = false,
   nativeReadFile,
   nativeWriteFile,
   nativeListZips,
-  storage,
-  zipBaseUrl,
   checkUpdates
 } = {}) => {
-  const fetchWorker = await fetchWorkerPromise;
-  const configureOptions = { storage, zipBaseUrl, checkUpdates };
+  let fetchWorker = null;
+  await navigator.serviceWorker.getRegistrations().then(async (registrations) => {
+    for (const registration of registrations) {
+      await registration.unregister();
+    }
+  });
+  await navigator.serviceWorker.register("/fetch-worker.js", { type: "module" }).then((reg) => reg.update());
+  await navigator.serviceWorker.ready.then(async (reg) => {
+    console.debug("Service Worker registered:", reg.scope);
+    fetchWorker = reg.active;
+  }).catch((err) => console.error("Service Worker registration failed:", err));
+  if (!fetchWorker) {
+    console.debug("failed to get fetch worker");
+    return;
+  }
   if (nativeReadFile) {
     const wwHandler = makeSyncHandler(offlineWorker, { nativeReadFile, nativeWriteFile, nativeListZips });
     offlineWorker.onmessage = combineHandlers(handler, wwHandler);
-    if (storage !== "native") {
-      console.warn("nativeReadFile given, ignoring storage", storage);
-    }
-    offlineWorkerSync.configure({ ...configureOptions, storage: "native" });
+    offlineWorkerSync.configure({ native: true, checkUpdates });
   } else {
+    offlineWorkerSync.configure({ native: false, checkUpdates });
     offlineWorker.onmessage = handler.handle;
-    offlineWorkerSync.configure(configureOptions);
   }
   offlineWorkerSync.on("ready", setWorkersReady);
   const channel = new MessageChannel();
   offlineWorkerSync.initChannel({ ports: [channel.port1] });
   fetchWorker.postMessage({ methodName: "initChannel" }, [channel.port2]);
-  fetchWorker.postMessage({ methodName: "configure", arg: { storage } });
   offlineWorkerSync.on("opfsProgress", () => {
   });
   if (!primaryOnly) {
     await offlineWorkerSync.loadPreload();
   }
-  if (!skipLoadBooks) {
-    await offlineWorkerSync.loadBooks({ primaryOnly });
-  }
+  await offlineWorkerSync.loadBooks();
   setBooksLoaded();
 };
 var useOfflineWorker_default = ({
@@ -160,28 +136,17 @@ var useOfflineWorker_default = ({
   nativeReadFile,
   nativeWriteFile,
   nativeListZips,
-  checkUpdates,
-  storage,
-  zipBaseUrl
+  checkUpdates
 } = {}) => {
   const [ready, setReady] = useState(false);
   useEffect(() => {
     const fn = async () => {
-      await installWorker({
-        primaryOnly,
-        nativeReadFile,
-        nativeWriteFile,
-        nativeListZips,
-        storage,
-        zipBaseUrl,
-        checkUpdates
-      });
+      await installWorker({ primaryOnly, nativeReadFile, nativeWriteFile, nativeListZips, checkUpdates });
       await Promise.all([workersReadyPromise, setBooksLoadedPromise]);
-      fetch(window.location.href.replace(window.location.search, ""));
       setReady(true);
     };
     fn();
-  }, [primaryOnly, nativeReadFile, nativeWriteFile, nativeListZips, storage, zipBaseUrl, checkUpdates]);
+  }, [primaryOnly, nativeReadFile, nativeWriteFile, nativeListZips, checkUpdates]);
   const loadBook = useCallback(
     async ({ id, forceRefresh }, cbk) => {
       offlineWorkerSync.on("opfsProgress", cbk);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lls/offline",
-  "version": "24.22.0-a4074e64",
+  "version": "24.22.0-b0b2683d",
   "description": "offline",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
@@ -52,7 +52,7 @@
     "vite": "7.0.0",
     "vite-tsconfig-paths": "5.1.4",
     "zod": "3.25.50",
-    "@lls/vitescripts": "24.22.0-a4074e64"
+    "@lls/vitescripts": "24.22.0-b0b2683d"
   },
   "dependencies": {
     "fflate": "0.8.2"