People App redesign

scripts/defaultScripts.js

@@ -22,7 +22,7 @@ var DEFAULT_SCRIPTS_COMBINED = [
     "system/menu.js",
     "system/bubble.js",
     "system/snapshot.js",
-    "system/pal.js", // "system/mod.js", // older UX, if you prefer
+    "system/people/people.js", //"system/pal.js" for older UIX, "system/mod.js" for older UIX.
     "system/avatarapp.js",
     "system/graphicsSettings.js",
     "system/makeUserConnection.js",

scripts/system/people/libs/contacts.js

@@ -0,0 +1,127 @@
+//
+//  contacts.js
+//
+//  A small library to help with managing user contacts
+//
+//  Created by Armored Dragon, 2025.
+//  Copyright 2025 Overte e.V.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+"use strict";
+
+let helper = Script.require("./helper.js");
+
+const directoryBase = Account.metaverseServerURL;
+
+let contactsLib = {
+	contacts: [],
+
+	addContact: (uuid) => {
+		return new Promise((resolve, reject) => {
+			print(`Adding contact '${uuid}'`);
+
+			const requestUrl = `${directoryBase}/api/v1/user/connection_request`;
+			const requestBody = {'node_id': helper.removeCurlyBracesFromUuid(MyAvatar.sessionUUID), 'proposed_node_id': helper.removeCurlyBracesFromUuid(uuid)};
+
+			helper.request(requestUrl, "POST", {'user_connection_request': requestBody}).then(onResponse);
+
+			function onResponse(response){
+				const responseJSON = helper.makeJSON(response);
+
+				// Error check
+				if (responseJSON.status !== "success") {
+					print(`Error sending contact request.`)
+					return reject({success: false, message: "Unknown error", response: responseJSON});
+				}
+
+
+				// We sent a request, but the recipient does not have an outgoing request to us.
+				if (responseJSON.data.connection === "pending") {
+					print(`Contact request is pending.`);
+					return resolve({success: true, message: "Contact request sent.", accepted: false});
+				}
+
+				// We sent a request, and the recipient has a outgoing request for us.
+				// We are now contacts
+				if (responseJSON.data.connection.new_connection) {
+					print(`Contact request is accepted.`);
+					return resolve({success: true, message: `Contact request for ${uuid} accepted.`, accepted: true});
+				}
+			}
+		})
+	},
+	removeContact: (username) => {
+		return new Promise((resolve, reject) => {
+			print(`Removing contact '${username}'.`);
+
+			helper.request(`${directoryBase}/api/v1/user/connections/${username}`, `DELETE`).then(onResponse);
+
+			function onResponse(response){
+				const responseJSON = helper.makeJSON(response);
+
+				helper.logJSON(responseJSON);
+
+				if (responseJSON.status !== "success") {
+					print(`Error sending contact removal request.`)
+					return reject({success: false, message: "Unknown error", response: responseJSON});
+				}
+
+				resolve({success: true, message: `Contact '${username}' was removed.`})
+			}
+		});
+	},
+	addFriend: (username) => {
+		return new Promise((resolve, reject) => {
+			print(`Adding friend '${username}'.`);
+
+			helper.request(`${directoryBase}/api/v1/user/friends`, `POST`, {username: username}).then(onResponse);
+
+			function onResponse(response) {
+				const responseJSON = helper.makeJSON(response);
+				helper.logJSON(responseJSON);
+			}
+		})
+	},
+	removeFriend: (username) => {
+		return new Promise((resolve, reject) => {
+			print(`Removing friend '${username}'.`);
+			helper.request(`${directoryBase}/api/v1/user/friends/${username}`, `DELETE`).then(onResponse);
+
+			function onResponse(response) {
+				const responseJSON = helper.makeJSON(response);
+				helper.logJSON(responseJSON);
+			}
+		})
+	},
+	getContactList: () => {
+		return new Promise((resolve, reject) => {
+			print(`Getting contact list.`);
+
+			helper.request(`https://mv.overte.org/server/api/v1/users/connections`).then(onResponse);
+
+			function onResponse(response) {
+				const responseJSON = helper.makeJSON(response);
+
+				if (responseJSON.status !== "success") {
+					print(`Error requesting contacts.`);
+					return reject({success: false, message: "Unknown error", response: responseJSON});
+				}
+
+				contactsLib.contacts = responseJSON.data.users;
+				resolve({success: true, message: "Contacts have been updated", contacts: contactsLib.contacts});
+			}
+		});
+	},
+	getContactByUsername: (username, refreshContactList = false) => {
+		return new Promise(async (resolve, reject) => {
+			if (refreshContactList) await contactsLib.getContactList();
+
+			const contactSingle = contactsLib.contacts.find((contact) => contact.username === username);
+
+			return resolve({success: true, contact: contactSingle});
+		});
+	}
+}
+
+module.exports = contactsLib;

scripts/system/people/libs/helper.js

@@ -0,0 +1,51 @@
+//
+//  helper.js
+//
+//  A small library that provides helper functions used throughout this application.
+//
+//  Created by Armored Dragon, 2025.
+//  Copyright 2025 Overte e.V.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+"use strict";
+
+let helper = {
+	removeCurlyBracesFromUuid: (Uuid) => {
+		return Uuid.slice(1, -1);
+	},
+	request: (url, method = "GET", body) => {
+		return new Promise((resolve) => {
+			let req = new XMLHttpRequest();
+			req.onreadystatechange = function () {
+				if (req.readyState === req.DONE) {
+					if (req.status === 200) {
+						resolve(req.responseText);
+					}
+					else {
+						print("Error", req.status, req.statusText);
+					}
+				}
+			};
+
+			req.open(method, url);
+			if (method == `POST`) req.setRequestHeader("Content-Type", "application/json");
+			req.send(JSON.stringify(body));
+		})
+	},
+	makeJSON: (string) => {
+		if (typeof string === "object") return string;
+		try {
+			return JSON.parse(string);
+		} catch {
+			print(`Could not turn into JSON:\n${string}`);
+			return {};
+		}
+	},
+	logJSON: (obj) => {
+		print(JSON.stringify(obj, null, 4));
+
+	}
+}
+
+module.exports = helper;

scripts/system/people/libs/profiles.js

@@ -0,0 +1,40 @@
+//
+//  contacts.js
+//
+//  A small library to help with viewing and parsing user profiles
+//
+//  Created by Armored Dragon, 2025.
+//  Copyright 2025 Overte e.V.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+"use strict";
+
+let helper = Script.require("./helper.js");
+
+const directoryBase = Account.metaverseServerURL;
+
+let profilesLib = {
+	getProfile: (username) => {
+		return new Promise((resolve, reject) => {
+			print(`Getting profile for '${username}'.`);
+
+			const url = `${directoryBase}/api/v1/users?filter=connections&per_page=10&search=${encodeURIComponent(username)}`
+
+			helper.request(url).then(onResponse);
+
+			function onResponse(response) {
+				response = helper.makeJSON(response);
+
+				if (response.status !== "success") {
+					print(`Error requesting profile for ${username}.`);
+					return reject({success: false, message: "Unknown error", response: response});
+				}
+
+				return resolve({success: true, message: `Found ${username}'s profile.`, profile: response.data.users[0]});
+			}
+		})
+	}
+}
+
+module.exports = profilesLib;