[ZT] Update minimum MTU (cloudflare#17522)

* Update minimum MTU * move content to footnote * Rebase and fix multiple footnote blocks --------- Co-authored-by: Kian Newman-Hazel <[email protected]>
jakkal6 · Oct 22, 2024 · f0be236 · f0be236
1 parent d3df4b8
commit f0be236
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 17 deletions.
diff --git a/src/content/partials/cloudflare-one/warp/system-requirements/linux.mdx b/src/content/partials/cloudflare-one/warp/system-requirements/linux.mdx
@@ -9,4 +9,7 @@
 | **OS type**           | 64-bit only                                                                   |
 | **HD space**          | 75 MB                                                                         |
 | **Memory**            | 35 MB                                                                         |
-| **Network interface** | <li> WIFI or LAN </li> <li> MTU ≥ 1280 bytes</li>                             |
+| **Network interface type**  | WIFI or LAN |
+| **Minimum MTU** | 1360 bytes[^1] |
+
+[^1]: WireGuard requires 1360 bytes for IPv6 and 1340 bytes for IPv4. MASQUE requires 1350 bytes for IPv6 and 1330 bytes for IPv4.
diff --git a/src/content/partials/cloudflare-one/warp/system-requirements/macOS.mdx b/src/content/partials/cloudflare-one/warp/system-requirements/macOS.mdx
@@ -9,4 +9,7 @@
 | **OS type**           | 64-bit only                                       |
 | **HD space**          | 75 MB                                             |
 | **Memory**            | 35 MB                                             |
-| **Network interface** | <li> WIFI or LAN </li> <li> MTU ≥ 1280 bytes</li> |
+| **Network interface type**  | WIFI or LAN |
+| **Minimum MTU** | 1360 bytes[^1]|
+
+[^1]: WireGuard requires 1360 bytes for IPv6 and 1340 bytes for IPv4. MASQUE requires 1350 bytes for IPv6 and 1330 bytes for IPv4.
diff --git a/src/content/partials/cloudflare-one/warp/system-requirements/windows.mdx b/src/content/partials/cloudflare-one/warp/system-requirements/windows.mdx
@@ -10,4 +10,7 @@
 | **.NET Framework version** | 4.7.2 or later                                    |
 | **HD space**               | 184 MB                                            |
 | **Memory**                 | 3 MB                                              |
-| **Network interface**      | <li> WIFI or LAN </li> <li> MTU ≥ 1280 bytes</li> |
+| **Network interface type**  | WIFI or LAN |
+| **Minimum MTU** | 1360 bytes[^1]|
+
+[^1]: WireGuard requires 1360 bytes for IPv6 and 1340 bytes for IPv4. MASQUE requires 1350 bytes for IPv6 and 1330 bytes for IPv4.
diff --git a/src/scripts/footnotes.ts b/src/scripts/footnotes.ts
@@ -1,26 +1,28 @@
 import { addTooltip } from "~/util/tippy";
 
-const footnotes = document.querySelector("section.footnotes");
+const footnotes = document.querySelectorAll("section.footnotes");
 
 if (footnotes) {
-	const notes = footnotes.querySelectorAll("li");
+	for (const section of footnotes) {
+		const notes = section.querySelectorAll("li");
 
-	for (const note of notes) {
-		const content = note.querySelector("p") as HTMLParagraphElement;
+		for (const note of notes) {
+			const content = note.querySelector("p") as HTMLParagraphElement;
 
-		const fnrefs = document.querySelectorAll<HTMLAnchorElement>(
-			`a[id^='${note.id.replace("fn", "fnref")}']`,
-		);
+			const fnrefs = document.querySelectorAll<HTMLAnchorElement>(
+				`a[id^='${note.id.replace("fn", "fnref")}']`,
+			);
 
-		for (const fnref of fnrefs) {
-			addTooltip(fnref, content.innerHTML);
+			for (const fnref of fnrefs) {
+				addTooltip(fnref, content.innerHTML);
 
-			fnref.classList.add("footnote");
+				fnref.classList.add("footnote");
 
-			fnref.setAttribute("tabindex", "0");
-			fnref.removeAttribute("href");
+				fnref.setAttribute("tabindex", "0");
+				fnref.removeAttribute("href");
+			}
 		}
-	}
 
-	footnotes.remove();
+		section.remove();
+	}
 }
diff --git a/tsconfig.json b/tsconfig.json
@@ -2,6 +2,7 @@
 	"extends": "astro/tsconfigs/strict",
 	"compilerOptions": {
 		"baseUrl": ".",
+		"target": "ESNext",
 		"paths": {
 			"~/*": ["src/*"]
 		}