add option for users to opt out

README.md

@@ -76,6 +76,7 @@ These can be defined in Lanyard's KV store to customize the page:
 | `badges`  | Enables badge fetching (`true` / `false`)                          |
 | `readme`  | URL to a README displayed on the profile (`.md` or `.html`)        |
 | `css`     | URL to a css to change styles on the page, no import or require allowed |
+| `optout`  | Allows users to stop sharing there profile on the website (`true` / `false`) |
 
 ---
 

public/js/index.js

@@ -335,9 +335,10 @@ async function loadBadges(userId, options = {}) {
 
 async function populateReadme(data) {
 	const readmeSection = document.querySelector(".readme");
+	const kv = data.kv || {};
 
-	if (readmeSection && data.kv?.readme) {
-		const url = data.kv.readme;
+	if (readmeSection && kv.readme) {
+		const url = kv.readme;
 		try {
 			const res = await fetch(`/api/readme?url=${encodeURIComponent(url)}`);
 			if (!res.ok) throw new Error("Failed to fetch readme");
@@ -355,8 +356,46 @@ async function populateReadme(data) {
 	}
 }
 
-async function updatePresence(data) {
-	const cssLink = data.kv?.css;
+async function updatePresence(initialData) {
+	if (
+		!initialData ||
+		typeof initialData !== "object" ||
+		initialData.success === false ||
+		initialData.error
+	) {
+		const loadingOverlay = document.getElementById("loading-overlay");
+		if (loadingOverlay) {
+			loadingOverlay.innerHTML = `
+				<div class="error-message">
+					<p>${initialData?.error?.message || "Failed to load presence data."}</p>
+				</div>
+			`;
+			loadingOverlay.style.opacity = "1";
+		}
+		return;
+	}
+
+	const data =
+		initialData?.d && Object.keys(initialData.d).length > 0
+			? initialData.d
+			: initialData;
+
+	const kv = data.kv || {};
+
+	if (kv.optout === "true") {
+		const loadingOverlay = document.getElementById("loading-overlay");
+		if (loadingOverlay) {
+			loadingOverlay.innerHTML = `
+				<div class="error-message">
+					<p>This user has opted out of sharing their presence.</p>
+				</div>
+			`;
+			loadingOverlay.style.opacity = "1";
+		}
+		return;
+	}
+
+	const cssLink = kv.css;
 	if (cssLink) {
 		try {
 			const res = await fetch(`/api/css?url=${encodeURIComponent(cssLink)}`);
@@ -371,7 +410,7 @@ async function updatePresence(data) {
 		}
 	}
 
-	if (!badgesLoaded && data && data.kv.badges !== "false") {
+	if (!badgesLoaded && data?.kv && data.kv.badges !== "false") {
 		loadBadges(userId, {
 			services: [],
 			seperated: true,
@@ -515,9 +554,9 @@ async function updatePresence(data) {
 		getAllNoAsset();
 	}
 
-	if (data.kv?.snow === "true") loadEffectScript("snow");
-	if (data.kv?.rain === "true") loadEffectScript("rain");
-	if (data.kv?.stars === "true") loadEffectScript("stars");
+	if (kv.snow === "true") loadEffectScript("snow");
+	if (kv.rain === "true") loadEffectScript("rain");
+	if (kv.stars === "true") loadEffectScript("stars");
 
 	const loadingOverlay = document.getElementById("loading-overlay");
 	if (loadingOverlay) {
@@ -643,6 +682,19 @@ if (userId && instanceUri) {
 	socket.addEventListener("message", (event) => {
 		const payload = JSON.parse(event.data);
 
+		if (payload.error || payload.success === false) {
+			const loadingOverlay = document.getElementById("loading-overlay");
+			if (loadingOverlay) {
+				loadingOverlay.innerHTML = `
+					<div class="error-message">
+						<p>${payload.error?.message || "An unknown error occurred."}</p>
+					</div>
+				`;
+				loadingOverlay.style.opacity = "1";
+			}
+			return;
+		}
+
 		if (payload.op === 1 && payload.d?.heartbeat_interval) {
 			heartbeatInterval = setInterval(() => {
 				socket.send(JSON.stringify({ op: 3 }));
@@ -659,8 +711,8 @@ if (userId && instanceUri) {
 		}
 
 		if (payload.t === "INIT_STATE" || payload.t === "PRESENCE_UPDATE") {
-			updatePresence(payload.d);
-			requestAnimationFrame(() => updateElapsedAndProgress());
+			updatePresence(payload);
+			requestAnimationFrame(updateElapsedAndProgress);
 		}
 	});