Added a toggleable button for location sharing.

app/src/settings-page/settings.html

···
 			<div class="actions" x-data="settingsPageState">
 				<h3>Settings</h3>
 
+				<div>
+					Location Sharing
+					<button
+						x-text="location_on"
+						@click="toggleLocation()"
+					></button>
+				</div>
+
 				<button class="btn-primary" @click="goto('home')">
 					Back to Home
 				</button>

app/src/settings-page/settings.ts

···
 import { goto } from "../utils/tools.ts";
 
 Alpine.data("settingsPageState", () => ({
+	location_on: Store.get("is_sharing"),
+
 	async debugLogout() {
 		await Store.reset();
 		goto("signup");
 	},
+
 	goto(newLocation: string) {
 		goto(newLocation);
+	},
+
+	async toggleLocation() {
+		// once i finish this here, i'll move it over to api maybe? i'll have to check with azom
+
+		await Store.set("is_sharing", !(await Store.get("is_sharing")));
+		this.location_on = Store.get("is_sharing");
 	},
 }));
 

app/src/utils/api.ts

···
 /**
  * This function can throw an error
  */
-export async function createAccount(server_url: string, signup_key: string): Promise<{ user_id: string; is_admin: boolean }> {
-	const keyPair = await crypto.subtle.generateKey("Ed25519", true, ["sign", "verify"]);
+export async function createAccount(
+	server_url: string,
+	signup_key: string,
+): Promise<{ user_id: string; is_admin: boolean }> {
+	const keyPair = await crypto.subtle.generateKey("Ed25519", true, [
+		"sign",
+		"verify",
+	]);
 	const pubKeyRaw = await crypto.subtle.exportKey("raw", keyPair.publicKey);
-	const privKeyRaw = await crypto.subtle.exportKey("pkcs8", keyPair.privateKey);
+	const privKeyRaw = await crypto.subtle.exportKey(
+		"pkcs8",
+		keyPair.privateKey,
+	);
 	const pub_key_b64 = bufToBase64(pubKeyRaw);
 
 	const response = await fetch(server_url + "/create-account", {
···
 		body: JSON.stringify({ signup_key, pub_key_b64 }),
 	});
 
-	if (!response.ok) throw new Error(`HTTP ${response.status}: ${await response.text()}`);
+	if (!response.ok)
+		throw new Error(`HTTP ${response.status}: ${await response.text()}`);
 	const json = await response.json();
 
 	// TODO validate data?
···
 	await Store.set("user_id", json.user_id);
 	await Store.set("is_admin", json.is_admin);
 	await Store.set("priv_key", bufToBase64(privKeyRaw));
+
+	await Store.set("is_sharing", true); // i'm adding this so it works in settings, i think it's more user friendly to have the location to be on by default, but... less privacy friendly? wait no.. nvm. it won't share location with the server since they don't have any added friends yet :)
 
 	return json;
 }
···
 	await post("request-friend-request", friend_id);
 }
 
-export async function isFriendRequestAccepted(friend_id: string): Promise<boolean> {
+export async function isFriendRequestAccepted(
+	friend_id: string,
+): Promise<boolean> {
 	const res = await post("is-friend-request-accepted", friend_id);
 	return res === "true";
 }
 
-export async function sendPings(friend_id: string, ping: string): Promise<void> {
+export async function sendPings(
+	friend_id: string,
+	ping: string,
+): Promise<void> {
 	// later, accept a list of friend ids, but anyways this specific api won't stay in typescript for long since it needs to be run in the background
-	await post("send-pings", JSON.stringify([{ receiver_id: friend_id, encrypted_ping: ping }]));
+	await post(
+		"send-pings",
+		JSON.stringify([{ receiver_id: friend_id, encrypted_ping: ping }]),
+	);
 }
 
 export async function getPings(friend_id: string): Promise<string[]> {
···
 
 	const privKeyBytes = Uint8Array.fromBase64(privKey_b64);
 
-	const privKey = await crypto.subtle.importKey("pkcs8", privKeyBytes.buffer, "Ed25519", false, ["sign"]);
+	const privKey = await crypto.subtle.importKey(
+		"pkcs8",
+		privKeyBytes.buffer,
+		"Ed25519",
+		false,
+		["sign"],
+	);
 
 	const signature = await crypto.subtle.sign("Ed25519", privKey, bodyBytes);
 	const signature_b64 = bufToBase64(signature);

app/src/utils/store.ts

···
 	friends: { name: string; id: string }[];
 	is_admin: boolean;
 	priv_key: string;
+	is_sharing: boolean;
 };
 
 export const Store = {
···
 		return value;
 	},
 
-	async set<T extends keyof Settings>(key: T, value: Settings[T]): Promise<void> {
+	async set<T extends keyof Settings>(
+		key: T,
+		value: Settings[T],
+	): Promise<void> {
 		const store = await TauriStore.load("settings.json");
 		await store.set(key, value);
 		await store.save();