@ywkrlerche/richardwho 1.0.24 → 1.0.26

package/app.js

@@ -3,6 +3,9 @@
 
   const CFG = window.RUG_CONFIG || {};
   const SITE_NAME = "Richards Unblocked Games";
+  // The tab/history shows this instead of the real names (set in config.js)
+  const TAB_TITLE = CFG.tabTitle || null;
+  const tabTitle = (gameName) => TAB_TITLE || (gameName ? `${gameName} · ${SITE_NAME}` : SITE_NAME);
   const RECENT_KEY = "rug-recent";
   const CLOCK_KEY = "rug-clock24";
   const THEME_KEY = "rug-theme";
@@ -63,6 +66,7 @@
   // games from the extra collection carry their own pinned cover URL
   function logoUrl(game) {
     if (game.cover) return game.cover;
+    if (typeof game.logo === "string") return `logos/${encodeURIComponent(game.logo)}`; // PNG/JPG/GIF logo
     return game.logo ? `logos/${encodeURIComponent(game.id)}.webp` : null;
   }
   function fmtMB(bytes) {
@@ -201,7 +205,7 @@
     els.retryBtn.hidden = true;
     els.barFill.style.width = "0%";
     els.loaderStatus.textContent = "Connecting…";
-    document.title = `${game.name} · ${SITE_NAME}`;
+    document.title = tabTitle(game.name);
 
     const urls = gameUrls(game);
     const loaded = new Array(urls.length).fill(0);
@@ -220,19 +224,37 @@
 
     try {
       const pieces = await Promise.all(urls.map(async (url, i) => {
-        const res = await fetch(url, { signal: controller.signal });
-        if (!res.ok) throw new Error(`HTTP ${res.status} for ${url.split("/").pop()}`);
-        if (!res.body) { const b = await res.arrayBuffer(); loaded[i] = b.byteLength; update(); return [b]; }
-        const reader = res.body.getReader();
-        const chunks = [];
-        for (;;) {
-          const { done, value } = await reader.read();
-          if (done) break;
-          chunks.push(value);
-          loaded[i] += value.byteLength;
-          update();
+        // Try the main link, then backups. jsDelivr sometimes fails the first fetch of a file it
+        // hasn't cached yet, and a download can drop mid-way, so a retry usually succeeds.
+        const sources = mirrorsFor(url);
+        let lastErr;
+        for (let attempt = 0; attempt < sources.length; attempt++) {
+          if (controller.signal.aborted) throw new DOMException("Aborted", "AbortError");
+          if (attempt) {
+            els.loaderStatus.textContent = `Connection hiccup, trying backup ${attempt} of ${sources.length - 1}…`;
+            await new Promise((r) => setTimeout(r, 600 * attempt));
+          }
+          loaded[i] = 0;
+          try {
+            const res = await fetch(sources[attempt], { signal: controller.signal });
+            if (!res.ok) throw new Error(`HTTP ${res.status} for ${url.split("/").pop()}`);
+            if (!res.body) { const b = await res.arrayBuffer(); loaded[i] = b.byteLength; update(); return [b]; }
+            const reader = res.body.getReader();
+            const chunks = [];
+            for (;;) {
+              const { done, value } = await reader.read();
+              if (done) break;
+              chunks.push(value);
+              loaded[i] += value.byteLength;
+              update();
+            }
+            return chunks;
+          } catch (err) {
+            if (err.name === "AbortError") throw err;
+            lastErr = err;
+          }
         }
-        return chunks;
+        throw lastErr;
       }));
       if (currentLoad?.id !== game.id) return;
       els.loaderStatus.textContent = "Starting…";
@@ -255,6 +277,22 @@
     }
   }
 
+  // Backup sources for a jsDelivr GitHub link, in the order to try them:
+  // the same link again, jsDelivr's second network, then GitHub's own file server.
+  // The extra collection's files are also published as gn-math/html at the same commit.
+  function mirrorsFor(url) {
+    const m = url.match(/^https:\/\/cdn\.jsdelivr\.net\/gh\/([^/]+)\/([^@/]+)@([^/]+)\/(.+)$/);
+    if (!m) return [url, url];
+    const [, user, repo, ref, path] = m;
+    const list = [url, url, `https://fastly.jsdelivr.net/gh/${user}/${repo}@${ref}/${path}`,
+      `https://raw.githubusercontent.com/${user}/${repo}/${ref}/${path}`];
+    if (user === "freebuisness" && repo === "html") {
+      list.push(`https://cdn.jsdelivr.net/gh/gn-math/html@${ref}/${path}`,
+        `https://raw.githubusercontent.com/gn-math/html/${ref}/${path}`);
+    }
+    return list;
+  }
+
   // The extra collection's launch files embed Google Analytics; remove it so players aren't tracked
   function stripTracking(html) {
     return html
@@ -307,7 +345,7 @@
     stopGame();
     els.player.hidden = true;
     document.body.classList.remove("playing");
-    document.title = SITE_NAME;
+    document.title = tabTitle();
     const view = location.hash === "#games" || location.hash === "#recent" ? "games" : "home";
     els.homeView.hidden = view !== "home";
     els.gamesView.hidden = view !== "games";

package/config.js

@@ -14,6 +14,11 @@ window.RUG_CONFIG = {
   // Keys that trigger panic (KeyboardEvent.key values)
   panicKeys: ["`", "]"],
 
+  // What the browser tab and history show instead of the site/game name.
+  // Set tabTitle to null to show the real names again.
+  tabTitle: "Google Classroom",
+  tabIcon: "https://ssl.gstatic.com/classroom/favicon.png",
+
   // For local testing only: load games from a folder on a local server
   // instead of jsDelivr, e.g. "/repos". Leave null when published.
   localBase: null,

package/index.html

@@ -3,9 +3,9 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Richards Unblocked Games</title>
+  <title>Google Classroom</title>
   <meta name="description" content="richardwho: Richards Unblocked Games. Hundreds of games, nothing to install.">
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='22' fill='black'/><text x='50' y='70' font-size='62' text-anchor='middle' fill='white' font-family='Inter,Segoe UI,Arial' font-weight='800'>r</text></svg>">
+  <link rel="icon" id="tab-icon" href="https://ssl.gstatic.com/classroom/favicon.png">
   <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
   <link rel="stylesheet" href="style.css">
   <script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ywkrlerche/richardwho",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "Richards Unblocked Games",
   "license": "UNLICENSED",
   "files": [