debug page + initial jubmoji stuff

src/lib/utils/rooms.ts

@@ -66,7 +66,6 @@ export async function updateRooms(
 	server: string = get(selectedServer),
 	roomIds: string[] = []
 ): Promise<string[]> {
-	console.debug(`Updating Rooms ${roomIds} on ${server}`);
 	roomIds = await getRoomIdsIfEmpty(server, roomIds);
 	if (roomIds.length > 0) {
 		const rooms = await fetchRoomsByIds(server, roomIds);

src/routes/chat/ChatInputPrompt.svelte

@@ -24,7 +24,6 @@
 	let sendingMessage: boolean = false;
 	$: messagesLeft = () => {
 		if ($rateLimitStore[roomId].lastEpoch !== currentEpoch) {
-			console.log('Reseting rate limit store for room', roomId);
 			$rateLimitStore[roomId] = {
 				lastEpoch: currentEpoch,
 				messagesSent: 0

src/routes/chat/ChatRoom.svelte

@@ -32,7 +32,6 @@
 	$: userMessageLimit = $currentSelectedRoom?.userMessageLimit ?? 1;
 	$: roomRateLimit = $currentSelectedRoom?.rateLimit ?? 0;
 	$: if (!$rateLimitStore[roomId]) {
-		console.debug('Resetting rate limit store for room', roomId);
 		$rateLimitStore[roomId] = {
 			lastEpoch: currentEpoch,
 			messagesSent: 0
@@ -48,7 +47,6 @@
 			socket.emit('leavingRoom', lastRoom);
 		}
 		socket.emit('joiningRoom', $currentSelectedRoom?.roomId.toString());
-		console.debug('Joining room', $currentSelectedRoom?.roomId.toString());
 	} catch {
 	} finally {
 	}
@@ -85,11 +83,11 @@
 			}
 
 			engine.once('upgrade', () => {
-				console.debug('Upgraded connection to', engine.transport.name);
+				console.debug('Connected to the server over', engine.transport.name);
 			});
 
 			engine.on('close', (reason) => {
-				console.debug('socket-io-transport-closed', reason);
+				console.debug('socket-io-transport-closed:', reason);
 			});
 
 			socket.emit('joiningRoom', $currentSelectedRoom?.roomId.toString());

src/routes/gateways/jubmoji/+page.svelte

@@ -1,2 +0,0 @@
-<script lang="ts">
-</script>

src/routes/gateways/jubmojis/+page.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+
+	const encodedProof = $page.url.searchParams.get('proof')
+	const decodedProof = decodeURIComponent(encodedProof)
+	const proof = JSON.parse(decodedProof)
+	proof.serializedMembershipProof = JSON.parse(proof.serializedMembershipProof)
+	console.log(proof)
+</script>

src/routes/settings/debug/+page.svelte

@@ -6,6 +6,7 @@
 		identityStore,
 		lockStateStore,
 		passwordSet,
+		roomsStore,
 		serverStore
 	} from '$lib/stores';
 	import { IdentityStoreE } from '$lib/types';
@@ -33,6 +34,16 @@
 		key,
 		value: JSON.stringify(value)
 	}));
+
+	$: roomStoreEntries = Object.entries($roomsStore).map(([key, value]) => ({
+		name: $roomsStore[key].name,
+		id: $roomsStore[key].roomId,
+		encrypted: $roomsStore[key].encrypted,
+		ephemeral: $roomsStore[key].ephemeral,
+		rateLimit: $roomsStore[key].rateLimit,
+		userMessageLimit: $roomsStore[key].userMessageLimit,
+		membershipType: $roomsStore[key].membershipType
+	}));
 </script>
 
 <div class="p-4">
@@ -77,13 +88,28 @@
 			<div>Password Set: {$passwordSet}</div>
 			<div>Lock State: {$lockStateStore}</div>
 		</div>
+		<div>
+			<h2 class="h3">Rooms</h2>
+			{#each roomStoreEntries as { name, id, encrypted, ephemeral, rateLimit, userMessageLimit, membershipType }}
+				<h4 class="ms-2 h4">{name}</h4>
+				<div class="ms-4">id: {id}</div>
+				<div class="ms-4">encrypted: {encrypted}</div>
+				<div class="ms-4">ephemeral: {ephemeral}</div>
+				<div class="ms-4">rateLimit: {rateLimit}</div>
+				<div class="ms-4">userMessageLimit: {userMessageLimit}</div>
+				<div class="ms-4">membershipType: {membershipType}</div>
+			{/each}
+		</div>
+	</div>
+
+	<div class="border-t py-2 my-5">
+		<button class="btn variant-outline-primary m-4" on:click={triggerAlert}>Test Alert</button>
+		<select class="select" name="alertType" id="alertType" bind:value={t}>
+			{#each c as choice}
+				<option value={choice}>{choice}</option>
+			{/each}
+		</select>
 	</div>
-	<button class="btn variant-outline-primary m-4" on:click={triggerAlert}>Test Alert</button>
-	<select class="select" name="alertType" id="alertType" bind:value={t}>
-		{#each c as choice}
-			<option value={choice}>{choice}</option>
-		{/each}
-	</select>
 </div>
 
 <style>