@banou/ripple 0.0.4 → 0.0.7

package/README.md

@@ -1,3 +1,141 @@
-# Ripple, the torrent app that respect your privacy
-
-THE app that allows you to download torrents and stream video files from the safety of your browser!
+# Ripple, the torrent app that respect your privacy
+
+THE app that allows you to download torrents and stream video files from the safety of your browser!
+
+## Embedding
+
+`/watch` and `/download` are the pages another site puts in an iframe. Both take a magnet and the
+same query; the path chooses which one renders. `/watch` plays the file, `/download` delivers it.
+
+| param | value | meaning |
+| --- | --- | --- |
+| `m` | the packed magnet, base64url | what Ripple writes today |
+| `magnet` | base64 of the magnet URI | the original form, read forever |
+| `fileIndex` | a file index | the file `/watch` plays; the fallback `/download` uses |
+| `files` | `all`, `3`, `0-4`, `0,2,5` | what `/download` delivers |
+| `f` | a packed file list | optional preview, `/download` only |
+
+One of `m` or `magnet` is required. `m` wins if both are present.
+
+There is no `mode` parameter. It used to choose the page and is now neither written nor read, so a
+link still carrying one gets the page its PATH names and the parameter is ignored.
+
+### The two magnet forms
+
+`magnet=<base64 of the magnet URI>` is the original, and it is **permanent**. Every link ever handed
+out with it keeps working, and an embedder that finds it easier to write can keep writing it. Nothing
+about it has changed.
+
+`m=` is the same torrent packed smaller: the infohash as raw bytes rather than 40 hex characters, and
+the rest of the query deflated against a fixed table of the announce URLs that public magnets
+overwhelmingly share. It is base64url, so a query string carries it without escaping anything. Across
+a corpus covering every magnet form Ripple accepts, the median link is **69% shorter**; a five-tracker
+release goes from a 549-character URL to 148. A magnet using only private trackers has nothing to
+match against and still comes out around 42% shorter, on the strength of the packed infohash alone.
+
+Ripple writes whichever of the two is shorter, which is almost always `m`. The digit is a version:
+the table it compresses against can never be edited, so if it ever needs to change the parameter
+becomes `m2` and `m` keeps decoding the way it always did.
+
+### Parameter order
+
+Order never matters when READING a link. When writing one, Ripple puts the plainest parts first:
+
+```
+/watch?fileIndex=3&m=AQAIraWnphg6rh4J2DHfZ0jVZglaEAMWq8GZeSWpORSmTXxFBwA
+/download?files=2&m=AQAIraWnphg6rh4J2DHfZ0jVZglaEAMWq8GZeSWpORSmTXxFBwA
+/download?m=AQAIraWnphg6rh4J2DHfZ0jVZglaEAMWq8GZeSWpORSmTXxFBwA&f=AWNSC87MK0nN0YdQ
+```
+
+The path, then which files, then the packed torrent, then `f`. The torrent used to lead, from when
+it was the only thing in the link; now that everything around it is base64url or an index, leading
+with it buried the one part a person can read behind forty characters of noise. A URL is read from
+the left and truncated from the right, so `f`, the longest parameter and the one a reader cares
+least about, goes last.
+
+### `f`, the file list
+
+A magnet names a torrent and nothing else, so a download link normally opens on "Reading the torrent
+from the network" for as long as metadata takes. `f` closes that gap by carrying the file list the
+sender already had, and the page shows it immediately, marked **from the link**.
+
+It is a preview and Ripple treats it as one. It never decides what gets downloaded: the button stays
+disabled until real metadata arrives, the download itself is resolved against that metadata, and the
+per-file buttons are not rendered at all while the list is only the link's claim. A link that
+describes a torrent inaccurately therefore costs a reader a wrong line on screen for a few seconds,
+and can never cost them the wrong file on disk.
+
+Ripple writes it only on `/download`, only when it has the list, and only when it fits: a
+12-episode season costs about 172 characters and a 48-file season about 416. Past a budget it is
+left off entirely rather than pushing the link past what a chat message will carry. Absent, `f`
+changes nothing, so a link without it behaves exactly as it always has.
+
+Putting the whole `.torrent` in the URL instead does not work, and the reason is arithmetic rather
+than encoding: piece hashes are around 94% of a torrent and are 20 bytes of SHA1 per piece, so they
+are incompressible. A 12-episode season is a 28,512-character URL and a 40 GB remux is 68,676. The
+file list is the part that is both small and worth having.
+
+### `/watch`
+
+Plays `fileIndex` (0 if absent) in the media player, with the filename, peer count and transfer
+rates drawn over the video.
+
+The mode used to be a parameter, and for a while Ripple wrote `mode=watch` out in full so that a
+link said what it did rather than being told apart by an absence. The path says it for free and in
+the part of a URL that is read first, so the parameter is gone from both halves and a link still
+carrying one gets the page its path names.
+
+**This route was `/embed` until 2026-09-09 and the old path is gone rather than redirected.** A link
+written against it 404s to the SPA shell; rewrite it as `/watch` with the query untouched.
+
+### `/download`
+
+A download page: the release name, the size of the selection, and one button. One file is delivered
+as that file; anything more is delivered as a single `.zip`, written straight through to the
+browser's own downloader without ever being held in memory.
+
+```
+/download?magnet=<base64>                 the whole torrent, as a zip
+/download?magnet=<base64>&files=3         just file 3
+/download?magnet=<base64>&files=0-4       files 0 to 4 inclusive, as a zip
+/download?magnet=<base64>&files=0,2,5     those three, as a zip
+/download?magnet=<base64>&fileIndex=3     same as files=3, so a watch URL becomes a download by
+                                          swapping /watch for /download and nothing else
+```
+
+`files` outranks `fileIndex`. Indices the torrent does not have are dropped rather than clamped, and
+a selection that resolves to nothing says so instead of quietly downloading the whole torrent.
+
+### What an embedder has to grant
+
+**The frame needs `allow-downloads` if it is sandboxed at all.** Sandbox flags on a nested browsing
+context are the union of the parent's set and the child's, so a flag the embedder withheld cannot be
+restored from inside, and Chrome then refuses the download *silently*: the navigation is dropped, no
+event fires and nothing throws. There is no `downloads` feature in Permissions-Policy, so `allow=`
+is not a lever here; the `sandbox` attribute is the only one.
+
+```html
+<iframe src="https://torrent.fkn.app/download?magnet=..."
+        sandbox="allow-scripts allow-same-origin allow-downloads"></iframe>
+```
+
+Omitting `sandbox` entirely works too. When the page detects it is framed by another origin it
+offers a link to open itself top-level, which is the way out if the embedder cannot grant the flag.
+
+Two other consequences of being framed, both handled: Chrome refuses `showSaveFilePicker` in a
+cross-origin frame, so the page does not ask for one, and delivery goes through the service worker
+instead.
+
+## Tests
+
+| command | what it covers | cost |
+| --- | --- | --- |
+| `npm test` | pure logic in node | ~1s |
+| `npm run test:browser` | components in real Chrome | ~2s |
+| `npx tsc --noEmit` | types | ~1s |
+| `npx vp lint` | oxlint, type aware | ~1s |
+| `npm run test:download` | the download page against a real torrent, end to end | ~30s |
+| `npm run test:e2e` | the engine against real swarms | minutes, headful |
+
+The playwright suites run headful on purpose: headless Chromium stalls the engine at a flat 0 B/s in
+every topology, which makes anything torrent-shaped unmeasurable rather than merely slow.

package/build/_headers

@@ -0,0 +1,14 @@
+# Cloudflare Pages serves this verbatim. Path order matters: the first matching block wins.
+
+# /add asks a person to agree to something on behalf of whatever site linked them here, so it must
+# never render inside a frame. A page that can size and position an invisible iframe can put the Add
+# button under the visitor's cursor while they believe they are clicking something else, and nothing
+# written inside the frame helps, because the surrounding page chooses what is visible.
+#
+# The page checks `window.top !== window.self` as well. This header is the half that works before any
+# script runs, and the check is the half that survives a host serving these files without it.
+/add
+  X-Frame-Options: DENY
+  Content-Security-Policy: frame-ancestors 'none'
+
+# NOT /watch or /download, deliberately: being framed by another site is the entire point of both.

package/build/api-Jq4OSTp1-B4uxQLLk.js

@@ -0,0 +1,338 @@
+import { a as e } from "./build-DEOZ3A7n.js";
+//#region \0rolldown/runtime.js
+var t = Object.create, n = Object.defineProperty, r = Object.getOwnPropertyDescriptor, i = Object.getOwnPropertyNames, a = Object.getPrototypeOf, o = Object.prototype.hasOwnProperty, s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = (e, t) => {
+	let r = {};
+	for (var i in e) n(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return t || n(r, Symbol.toStringTag, { value: "Module" }), r;
+}, l = (e, t, a, s) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var c = i(t), l = 0, u = c.length, d; l < u; l++) d = c[l], !o.call(e, d) && d !== a && n(e, d, {
+		get: ((e) => t[e]).bind(null, d),
+		enumerable: !(s = r(t, d)) || s.enumerable
+	});
+	return e;
+}, u = (e, r, i) => (i = e == null ? {} : t(a(e)), l(r || !e || !e.__esModule ? n(i, "default", {
+	value: e,
+	enumerable: !0
+}) : i, e)), d = Object.defineProperty, f = (e, t) => {
+	let n = {};
+	for (var r in e) d(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || d(n, Symbol.toStringTag, { value: "Module" }), n;
+}, ee = /* @__PURE__ */ c({
+	a: () => Q,
+	i: () => Y,
+	n: () => Ce,
+	o: () => J,
+	r: () => $,
+	t: () => Z
+}), te = 1e4, ne = 16, p = (e) => {
+	let t;
+	try {
+		t = e.contentWindow;
+	} catch {
+		return !0;
+	}
+	if (!t) return !0;
+	try {
+		let e = t.location.href;
+		return e !== "" && e !== "about:blank";
+	} catch {
+		return !0;
+	}
+}, m = (e, t = te) => new Promise((n) => {
+	if (p(e)) return n();
+	let r = () => {
+		clearInterval(i), clearTimeout(a), e.removeEventListener("load", r), n();
+	}, i = setInterval(() => {
+		p(e) && r();
+	}, ne), a = setTimeout(r, t);
+	e.addEventListener("load", r);
+}), re = 32, ie = 8, ae = 120, h = typeof CSS < "u" && CSS.supports("clip-path", "path('M0 0H1V1H0Z')"), g = typeof CSS < "u" && CSS.supports("clip-path", "polygon(nonzero, 0px 0px, 1px 0px, 1px 1px)"), oe = (e) => {
+	let t = e.style;
+	t.setProperty("display", "block", "important"), t.setProperty("position", "fixed", "important"), t.setProperty("top", "0", "important"), t.setProperty("left", "0", "important"), t.setProperty("width", "100%", "important"), t.setProperty("height", "100%", "important"), t.setProperty("border", "none", "important"), t.setProperty("padding", "0", "important"), t.setProperty("box-sizing", "border-box", "important"), t.setProperty("clip-path", "inset(100%)", "important"), t.setProperty("background", "transparent"), t.setProperty("color-scheme", "normal"), t.setProperty("z-index", "2147483647"), e.setAttribute("title", "FKN");
+}, se = ({ x: e, y: t, width: n, height: r, radius: i }) => {
+	if (!i) return `M${e} ${t}h${n}v${r}h${-n}Z`;
+	let a = Math.min(n, r) / 2, [o, s, c, l] = i.map((e) => Math.max(0, Math.min(e, a)));
+	return `M${e + o} ${t}h${n - o - s}a${s} ${s} 0 0 1 ${s} ${s}v${r - s - c}a${c} ${c} 0 0 1 ${-c} ${c}h${-(n - c - l)}a${l} ${l} 0 0 1 ${-l} ${-l}v${-(r - l - o)}a${o} ${o} 0 0 1 ${o} ${-o}Z`;
+}, ce = () => h && g, _ = ({ x: e, y: t, width: n, height: r }) => [
+	[e, t],
+	[e + n, t],
+	[e + n, t + r],
+	[e, t + r],
+	[e, t]
+], le = (e) => {
+	let t = e[0];
+	if (!t) return [];
+	let n = _(t)[0], r = [];
+	return e.forEach((t, i) => {
+		r.push(..._(t)), i > 0 && i < e.length - 1 && r.push(n);
+	}), r;
+}, v = (e) => `polygon(nonzero, ${le(e).map(([e, t]) => `${e}px ${t}px`).join(", ")})`, ue = ({ x: e, y: t, width: n, height: r, radius: i }, a) => {
+	let o = `${t}px ${a.width - e - n}px ${a.height - t - r}px ${e}px`;
+	return i ? `inset(${o} round ${i.map((e) => `${e}px`).join(" ")})` : `inset(${o})`;
+}, y = (e, t, n) => {
+	if (t) return "none";
+	if (e.length === 0) return "inset(100%)";
+	let r = e.length === 1 ? e[0] : void 0;
+	return r ? ue(r, n) : g && e.length <= 5 && !e.some((e) => e.radius) ? v(e) : `path('${e.map(se).join("")}')`;
+}, de = (e) => {
+	if (e.length < 2) return null;
+	let t = Math.min(...e.map((e) => e.x)), n = Math.min(...e.map((e) => e.y));
+	return {
+		x: t,
+		y: n,
+		width: Math.max(...e.map((e) => e.x + e.width)) - t,
+		height: Math.max(...e.map((e) => e.y + e.height)) - n
+	};
+}, b = (e, t, n) => t >= e.x && t < e.x + e.width && n >= e.y && n < e.y + e.height, x = 16, S = (e, t, n) => t === 1 ? e * x : t === 2 ? e * n : e, C = (e, t, n) => {
+	let r = getComputedStyle(e);
+	return n !== 0 && /auto|scroll/.test(r.overflowY) && e.scrollHeight > e.clientHeight ? !0 : t !== 0 && /auto|scroll/.test(r.overflowX) && e.scrollWidth > e.clientWidth;
+}, fe = (e, t, n) => {
+	for (let r = e; r; r = r.parentElement) if (C(r, t, n)) return r;
+	return document.scrollingElement;
+}, w = null, T = null, E = (e) => ({
+	width: e.offsetWidth || window.innerWidth,
+	height: e.offsetHeight || window.innerHeight
+}), D = (e) => {
+	if (!T || !w || !b(T, e.clientX, e.clientY)) return;
+	let t = document.elementFromPoint(e.clientX, e.clientY);
+	if (!t || t === w) return;
+	let n = S(e.deltaX, e.deltaMode, window.innerWidth), r = S(e.deltaY, e.deltaMode, window.innerHeight), i = fe(t, n, r);
+	i && (i.scrollBy({
+		left: n,
+		top: r,
+		behavior: "instant"
+	}), e.cancelable && e.preventDefault());
+}, pe = (e) => {
+	let t = T !== null;
+	T = e, t !== (e !== null) && (e ? window.addEventListener("wheel", D, {
+		capture: !0,
+		passive: !1
+	}) : window.removeEventListener("wheel", D, { capture: !0 }));
+}, O = 0, k = (e) => {
+	if (e === O) return;
+	O = e;
+	let t = document.documentElement.style;
+	e > 0 ? (t.setProperty("margin-top", `${e}px`, "important"), t.setProperty("--fkn-inset-top", `${e}px`)) : (t.removeProperty("margin-top"), t.removeProperty("--fkn-inset-top"));
+}, A = (e, { modal: t, rects: n, inset: r }, i) => {
+	if (k(r), !h) {
+		let r = t || n.length > 0;
+		e.style.setProperty("pointer-events", r ? "auto" : "none", "important"), e.style.setProperty("visibility", r ? "visible" : "hidden", "important");
+		return;
+	}
+	let a = y(n, t, i), o = a === "none" || CSS.supports("clip-path", a) ? a : "inset(100%)";
+	e.style.setProperty("clip-path", o, "important"), pe(t || o !== a ? null : de(n));
+}, j = (e) => {
+	if (typeof e != "object" || !e) return 0;
+	let { top: t } = e;
+	return typeof t != "number" || !Number.isFinite(t) || t <= 0 ? 0 : Math.min(Math.round(t), ae);
+}, M = (e) => {
+	if (!(!Array.isArray(e) || e.length !== 4) && e.every((e) => typeof e == "number" && Number.isFinite(e) && e >= 0)) return e.some((e) => e > 0) ? e : void 0;
+}, N = (e, t) => {
+	if (typeof e != "object" || !e) return null;
+	let { x: n, y: r, width: i, height: a } = e;
+	if (![
+		n,
+		r,
+		i,
+		a
+	].every((e) => typeof e == "number" && Number.isFinite(e))) return null;
+	let o = t.width, s = t.height, c = Math.max(0, Math.min(Math.round(n), o)), l = Math.max(0, Math.min(Math.round(r), s)), u = Math.max(c, Math.min(Math.round(n + i), o)), d = Math.max(l, Math.min(Math.round(r + a), s)), f = M(e.radius);
+	return {
+		x: c,
+		y: l,
+		width: u - c,
+		height: d - l,
+		...f ? { radius: f } : {}
+	};
+}, P = {
+	"not-rendered": "this page is not painting it at all, so it or an ancestor is display:none, or the frame was moved out of the layout",
+	clipped: "it is clipped away or positioned outside the viewport",
+	"not-shown": "it is rendered but would not be seen, so either something is drawn over it, or it or an ancestor has opacity below 1, visibility:hidden, or a filter"
+}, F = (e) => Array.isArray(e) ? e.slice(0, ie).flatMap((e) => {
+	if (typeof e != "object" || !e) return [];
+	let { kind: t, cause: n, level: r } = e;
+	return typeof t != "string" || t.length > 40 || typeof n != "string" || !(n in P) || r !== "full" && r !== "liveness" ? [] : [{
+		kind: t,
+		cause: n,
+		level: r
+	}];
+}) : [], I = /* @__PURE__ */ new Set(), L = (e) => {
+	for (let { kind: t, cause: n, level: r } of e) I.has(t) || (I.add(t), console.error(`[FKN] The FKN ${JSON.stringify(t)} is not visible on this page: ${P[n]}. Nobody using this page can see or answer it.
+@fkn/lib draws its UI inside <iframe title="FKN"> and sets display, position, top, left, width, height, border, padding, box-sizing, clip-path and z-index on that element. Leave those as they are, then check for an ancestor with opacity, visibility, display or a clipping transform, and for an element stacked above it.` + (r === "liveness" ? "\nThis browser reports limited detail, so the cause above is a best guess." : "")));
+}, R = (e, t) => {
+	if (typeof e != "object" || !e) return null;
+	let n = e, r = (Array.isArray(n.rects) ? n.rects.slice(0, re) : []).map((e) => N(e, t)).filter((e) => e !== null && e.width > 0 && e.height > 0);
+	return {
+		modal: n.modal === !0,
+		rects: r,
+		hidden: F(n.hidden),
+		inset: j(n.inset)
+	};
+}, z = () => w !== null, B = null, V = null, H = () => {
+	if (!w || B === null) return;
+	let e = E(w), t = R(B, e);
+	t && A(w, t, e);
+}, me = (e) => {
+	typeof ResizeObserver > "u" || (V ??= new ResizeObserver(H), V.disconnect(), V.observe(e));
+}, he = (e) => {
+	oe(e), A(e, {
+		modal: !1,
+		rects: [],
+		hidden: [],
+		inset: 0
+	}, E(e)), w = e, me(e);
+}, ge = (e) => {
+	if (!w) return;
+	let t = E(w), n = R(e, t);
+	n && (B = e, A(w, n, t), L(n.hidden));
+}, U = "https://fkn.app", W = typeof globalThis < "u" && globalThis.document ? globalThis.document : void 0, G = typeof globalThis < "u" && globalThis.crossOriginIsolated === !0, K = `${U}/api${G ? "?coi=1" : ""}`, _e = "fkn-api-port", ve = "fkn-api-port-ack", ye = 2e3, be = () => {
+	if (!W || typeof window > "u" || window.parent === window) return Promise.resolve(void 0);
+	let e;
+	try {
+		e = window.parent;
+	} catch {
+		return Promise.resolve(void 0);
+	}
+	let t = new MessageChannel();
+	return new Promise((n) => {
+		let r = (e) => {
+			if (clearTimeout(a), t.port1.removeEventListener("message", i), !e) try {
+				t.port1.close();
+			} catch {}
+			n(e);
+		}, i = (e) => {
+			e.data?.type === ve && r(t.port1);
+		}, a = setTimeout(() => r(void 0), ye);
+		t.port1.addEventListener("message", i), t.port1.start();
+		try {
+			e.postMessage({ type: _e }, U, [t.port2]);
+		} catch {
+			r(void 0);
+		}
+	});
+}, q, xe = () => {
+	if (q || !W) return q;
+	let e = W.querySelector(`iframe[src="${K}"]`);
+	if (e) q = e;
+	else {
+		let e = W.createElement("iframe");
+		G && e.setAttribute("allow", "cross-origin-isolated"), e.src = K, W.body.appendChild(e), q = e;
+	}
+	return he(q), q;
+}, J = (async () => {
+	if (!W) return;
+	let e = await be();
+	if (e) return {
+		receive: e,
+		emit: e
+	};
+	let t = xe();
+	if (!t) return;
+	await m(t);
+	let n = t.contentWindow;
+	return n ? {
+		receive: window,
+		emit: n
+	} : void 0;
+})(), Se = (e) => {
+	let t, n = () => {}, r = new Promise((e) => {
+		n = e;
+	}), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = 0, s = 0;
+	(async () => {
+		for await (let r of e) {
+			let e = (t?.epoch ?? 0) + 1;
+			t = {
+				remote: r,
+				epoch: e
+			}, e === 1 && n(r);
+			let o = [...a];
+			a.clear();
+			let s = /* @__PURE__ */ Error("FKN: the broker was replaced while this call was pending; retry it");
+			for (let e of o) try {
+				e(s);
+			} catch {}
+			for (let t of [...i]) try {
+				t(r, e);
+			} catch {}
+		}
+	})().catch(() => {});
+	let c = async (e, n) => {
+		let i = t?.remote ?? await r;
+		for (let t of e.slice(0, -1)) i = i[t];
+		let c = i[e[e.length - 1] ?? ""];
+		o = Date.now(), s += 1;
+		let l = () => {}, u = new Promise((e, t) => {
+			l = t;
+		});
+		a.add(l);
+		try {
+			return await Promise.race([Promise.resolve(c.apply(i, n)), u]);
+		} finally {
+			--s, a.delete(l), o = Date.now();
+		}
+	}, l = /* @__PURE__ */ new Map(), u = (e) => {
+		let n = e.join("\0"), r = l.get(n);
+		if (r) return r;
+		let i = new Proxy(function() {}, {
+			get: (n, r) => {
+				if (typeof r != "string" || r === "then") return;
+				let i = t;
+				if (i) {
+					let t = i.remote;
+					for (let n of e) t = t?.[n];
+					if (t?.[r] === void 0) return;
+				}
+				return u([...e, r]);
+			},
+			apply: (t, n, r) => c(e, r)
+		});
+		return l.set(n, i), i;
+	};
+	return {
+		facade: u([]),
+		first: r.then(() => {}),
+		current: () => t,
+		onEpoch: (e) => {
+			if (i.add(e), t) try {
+				e(t.remote, t.epoch);
+			} catch {}
+			return () => {
+				i.delete(e);
+			};
+		},
+		lastCall: () => o,
+		inFlight: () => s
+	};
+}, Ce = /* @__PURE__ */ f({
+	apiPromise: () => Z,
+	currentApiEpoch: () => $,
+	hasTransport: () => Y,
+	onApiEpoch: () => Q
+}), Y = typeof window < "u" || typeof self < "u", we = async () => {
+	if (typeof window < "u") return J;
+	if (typeof self < "u") return {
+		receive: self,
+		emit: self
+	};
+}, X = Se({ async *[Symbol.asyncIterator]() {
+	let t = await we();
+	if (!t) {
+		await new Promise(() => {});
+		return;
+	}
+	yield* e({}, {
+		key: "fkn-api",
+		transport: t
+	});
+} }), Z = X.first.then(() => X.facade), Q = X.onEpoch, $ = X.current;
+X.lastCall, X.inFlight, Q((e) => {
+	z() && e.overlay.setHost(ge, { exactClips: ce() }).catch(() => {});
+});
+//#endregion
+export { Z as a, s as c, Y as i, c as l, J as n, ee as o, Q as r, f as s, $ as t, u };

package/build/app.webmanifest

@@ -1,65 +1,50 @@
-{
-  "short_name": "Ripple",
-  "name": "Ripple - A torrent web app",
-  "description": "A torrent app on the web",
-  "icons": [
-    {
-      "src": "./assets/logo.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ],
-  "id": "/?source=pwa",
-  "start_url": "/?source=pwa",
-  "background_color": "#3367D6",
-  "display": "standalone",
-  "scope": "/",
-  "theme_color": "#3367D6",
-  "shortcuts": [
-    {
-      "name": "Pause all torrents",
-      "short_name": "Pause all",
-      "description": "Pause all currently downloading torrents",
-      "url": "/?source=pwa&pauseAll=true"
-    }
-  ],
-  "protocol_handlers": [
-    {
-      "protocol": "magnet",
-      "url": "/protocol-handler?magnet=%s"
-    }
-  ],
-  "file_handlers": [
-    {
-      "action": "/file-handler",
-      "accept": {
-        "application/x-bittorrent": [".torrent"],
-        "x-scheme-handler/magnet": ["magnet:?xt=urn:btih:"]
-      },
-      "icons": [
-        {
-          "src": "csv-icon.png",
-          "sizes": "256x256",
-          "type": "image/png"
-        }
-      ]
-    }
-  ],
-  "share_target": {
-    "action": "/share-target",
-    "method": "POST",
-    "enctype": "multipart/form-data",
-    "params": {
-        "files": [
-            {
-                "name": "file",
-                "accept": [
-                    "application/vnd.ripple+json",
-                    "application/json",
-                    ".ripple"
-                ]
-            }
-        ]
-    }
-  }
-}
+{
+  "short_name": "Ripple",
+  "name": "Ripple",
+  "description": "Download and stream torrents in your browser",
+  "icons": [
+    {
+      "src": "./assets/logo.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    },
+    {
+      "src": "./assets/logo.png",
+      "sizes": "554x561",
+      "type": "image/png",
+      "purpose": "any"
+    }
+  ],
+  "id": "/?source=pwa",
+  "start_url": "/?source=pwa",
+  "background_color": "#0f0f0f",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#0f0f0f",
+  "launch_handler": {
+    "client_mode": "focus-existing"
+  },
+  "file_handlers": [
+    {
+      "action": "/",
+      "accept": {
+        "application/x-bittorrent": [".torrent"]
+      },
+      "icons": [
+        {
+          "src": "./assets/logo.png",
+          "sizes": "554x561",
+          "type": "image/png"
+        }
+      ],
+      "launch_type": "single-client"
+    }
+  ],
+  "protocol_handlers": [
+    {
+      "protocol": "magnet",
+      "url": "/?magnet=%s"
+    }
+  ]
+}