creds-safe fetch guard: resolve relative fetch vs credential-free location (creds-in-URL trap)

a3df63a8a7e508c311ecd92fc19119abe1c34b7f · 2026-08-25 10:48:54 -0700 · Steve

Fleet inoculation — opening this basic-auth app with credentials in the URL
poisoned document.baseURI and made relative fetch('/api/…') throw. Guard resolves
non-absolute request URLs against location instead. Ref: creds-in-url-fetch-guard-fleet-pattern.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

M public/index.html

Diff

commit a3df63a8a7e508c311ecd92fc19119abe1c34b7f
Author: Steve <steve@designerwallcoverings.com>
Date:   Tue Aug 25 10:48:54 2026 -0700

    creds-safe fetch guard: resolve relative fetch vs credential-free location (creds-in-URL trap)
    
    Fleet inoculation — opening this basic-auth app with credentials in the URL
    poisoned document.baseURI and made relative fetch('/api/…') throw. Guard resolves
    non-absolute request URLs against location instead. Ref: creds-in-url-fetch-guard-fleet-pattern.
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/index.html | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 909da61..57b4485 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,4 +1,28 @@
-<!doctype html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1">
+<!doctype html><html lang=en><head>
+<script>
+// Credential-safe fetch guard (fleet drop-in) — if this page is opened with
+// credentials in the URL (a saved bookmark / Chrome-remembered basic-auth:
+// https://user:pass@host/…), the browser poisons document.baseURI, so any
+// relative or root-relative fetch('/api/…') throws "Request cannot be constructed
+// from a URL that includes credentials" and callers silently fall to an empty
+// state. Resolve every non-absolute request URL against the credential-free
+// location instead of baseURI. Placed first so it wraps window.fetch before any
+// app script runs. Ref: creds-in-url-fetch-guard-fleet-pattern.
+(function () {
+  var _fetch = window.fetch.bind(window);
+  var cleanBase = function () { return location.origin + location.pathname; };
+  window.fetch = function (input, init) {
+    try {
+      if (typeof input === 'string' && !/^[a-z]+:\/\//i.test(input) && input.indexOf('//') !== 0) {
+        input = new URL(input, cleanBase()).href;
+      } else if (input instanceof Request && !/^[a-z]+:\/\//i.test(input.url)) {
+        input = new Request(new URL(input.url, cleanBase()).href, input);
+      }
+    } catch (_) { /* fall through to native */ }
+    return _fetch(input, init);
+  };
+})();
+</script><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1">
 <title>Approvals — yes / no</title>
 <style>
 :root{--bg:#0e0f13;--card:#181a20;--ink:#e8e8ea;--mut:#8a8f9a;--line:#2a2d36;--ok:#1db954;--no:#e5484d;--sk:#5b6472;--gold:#f5c842}

← 7bb6722 nav-agent: sync v1.3 (host left-sidebar collapse on load) · back to Approvals Viewer · TK-11685: approval-time freshness re-check guard (read-only, c9cbd5f →