mobux 0.45.0

A touch-friendly tmux web UI for unhinged people who run terminal sessions from their phone while walking the dog
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

// The path prefix the SPA was served under. mobux can sit behind a proxy that
// mounts it at a sub-path (`/user/host/8080/app`), where a root-absolute
// `/api/…` escapes the mount and hits the proxy's own root. Every URL the SPA
// builds goes through u() so it stays inside whatever mount it was served
// from; at the bare-root prefix ("") u() is the identity.
//
// The prefix is read off the entry script's own URL — the same trick
// bundleHash.js uses, and for the same reason: it's the one URL guaranteed to
// describe how this document was actually served, it needs no request, and it
// is already correct before the first fetch goes out. Vite pins the SPA's asset
// base to /static/spa/, so everything left of that marker is the prefix, in dev
// (`…/static/spa/src/main.jsx`) as well as in prod
// (`…/static/spa/assets/index-<hash>.js`). The built document writes that src
// relative (`./static/spa/…`) so it resolves inside the mount; `script.src`
// still reads back the absolute URL the browser resolved it to, marker and all.
const SPA_MOUNT = "/static/spa/";

export function derivePrefix(entryUrl) {
  if (!entryUrl) return "";
  let pathname;
  try {
    pathname = new URL(entryUrl, "http://mount.invalid/").pathname;
  } catch (_) {
    return "";
  }
  const at = pathname.indexOf(SPA_MOUNT);
  if (at < 1) return "";
  return pathname.slice(0, at);
}

function entryScriptUrl() {
  if (typeof document === "undefined") return null;
  const script = document.querySelector(
    `script[type="module"][src*="${SPA_MOUNT}"]`,
  );
  return script?.src || null;
}

let cachedEntry;
let cachedPrefix = "";

export function basePrefix() {
  const entry = entryScriptUrl();
  if (entry !== cachedEntry) {
    cachedEntry = entry;
    cachedPrefix = derivePrefix(entry);
  }
  return cachedPrefix;
}

// Root-relative paths get the prefix. A protocol-relative or absolute URL
// already names its own origin, and a document-relative path already resolves
// against the mount, so both pass through untouched.
export function u(path) {
  if (typeof path !== "string") return path;
  if (!path.startsWith("/") || path.startsWith("//")) return path;
  return basePrefix() + path;
}