use room id name vs id number

frontend/src/lib/Buttons/RoomsSelector.svelte

@@ -15,7 +15,7 @@
 	let rooms: RoomResponse[] = [];
 
 	let collapsed = true;
-	$: selectedRoom = rooms.find((room) => room.id === $selectedRoomID);
+	$: selectedRoom = rooms.find((room) => room.room_id === $selectedRoomID);
 	$: loadingRooms = rooms.length > 0;
 
 	function clickHandler(event: Event) {
@@ -37,7 +37,7 @@
 		rooms = await fetch(PUBLIC_API_BASE + '/rooms').then((res) => res.json());
 	}
 	function changeRoom(room: RoomResponse) {
-		$selectedRoomID = room.id;
+		$selectedRoomID = room.room_id;
 		collapsed = true;
 		$page.url.searchParams.set('roomid', room.room_id);
 		window.location.search = `?${$page.url.searchParams.toString()}`;
@@ -69,10 +69,10 @@
 								href="#"
 								on:click|preventDefault={() => changeRoom(room)}
 								class="grid-row gap-2 hover:bg-gray-300
-						   {room.id === $selectedRoomID ? 'text-green-600' : ''}"
+						   {room.room_id === $selectedRoomID ? 'text-green-600' : ''}"
 							>
 								<span>
-									{#if room.id === $selectedRoomID}
+									{#if room.room_id === $selectedRoomID}
 										<Pin />
 									{/if}
 								</span>

frontend/src/lib/Buttons/ShareWithCommunity.svelte

@@ -2,7 +2,7 @@
 	import IconCommunity from '$lib/Icons/IconCommunity.svelte';
 	import LoadingIcon from '$lib/Icons/LoadingIcon.svelte';
 	import { uploadImage } from '$lib/utils';
-	import { canvasEl } from '$lib/store';
+	import { canvasEl, selectedRoomID } from '$lib/store';
 
 	let isUploading: boolean = false;
 
@@ -22,16 +22,18 @@
 		const canvasURL = await uploadImage(canvasBlob, 'canvas', 'canvas');
 		const canvasImage = `<img src="${canvasURL.url}" style="width:100%" width="1000" height="1000">`;
 		const descriptionMd = `#### Stable Diffusion Multiplayer:
+		### Room ${$selectedRoomID}
 <div style="display: flex; overflow: scroll; column-gap: 0.75rem;">
 ${canvasImage}
 </div>`;
 
 		const params = new URLSearchParams({
+			title: `Room ${$selectedRoomID}`,
 			description: descriptionMd
 		});
 		const paramsStr = params.toString();
 		window.open(
-			`https://huggingface.co/spaces/huggingface-projects/diffuse-the-rest/discussions/new?${paramsStr}`,
+			`https://huggingface.co/spaces/huggingface-projects/stable-diffusion-multiplayer/discussions/new?${paramsStr}`,
 			'_blank'
 		);
 	}
@@ -44,7 +46,7 @@ ${canvasImage}
 	title="Share with community"
 >
 	{#if isUploading}
-		<LoadingIcon classList={"animate-spin max-w-[25px]"} />
+		<LoadingIcon classList={'animate-spin max-w-[25px]'} />
 	{:else}
 		<IconCommunity />
 	{/if}

frontend/src/lib/store.ts

@@ -5,4 +5,4 @@ export const loadingState = writable<string>('');
 export const currZoomTransform = writable<ZoomTransform>(zoomIdentity);
 export const canvasEl = writable<HTMLCanvasElement>();
 export const maskEl = writable<HTMLCanvasElement>();
-export const selectedRoomID = writable<number | null>();
+export const selectedRoomID = writable<string | null>();

frontend/src/routes/+/+page.svelte

@@ -20,15 +20,11 @@
 	import { selectedRoomID } from '$lib/store';
 	export let data: PageData;
 
-	let rooms = data.rooms;
 	let loaded = false;
 	let client: Client;
 
-	$: roomId = rooms.find((room) => room.id === $selectedRoomID)?.room_id;
+	$: roomId = $selectedRoomID;
 
-	$:{
-		console.log("ROOM ID", $selectedRoomID);
-	}
 	onMount(() => {
 		// document.addEventListener('wheel', (e) => e.preventDefault(), { passive: false });
 		client = createClient({

frontend/src/routes/+/+page.ts

@@ -14,11 +14,11 @@ export const load: PageLoad = async ({ url }) => {
     if (roomidParam) {
         const room = rooms.find(room => room.room_id === roomidParam);
         if (room) {
-            selectedRoomID.set(room.id);
+            selectedRoomID.set(roomidParam);
         }
     } else {
         const room = rooms.find(room => room.users_count < MAX_CAPACITY) || null;
-        selectedRoomID.set(room ? room.id : null);
+        selectedRoomID.set(room ? room.room_id : null);
     }
     return { rooms };
 }

frontend/src/routes/+page.svelte

@@ -20,15 +20,11 @@
 	import { selectedRoomID } from '$lib/store';
 	export let data: PageData;
 
-	let rooms = data.rooms;
 	let loaded = false;
 	let client: Client;
 
-	$: roomId = rooms.find((room) => room.id === $selectedRoomID)?.room_id;
+	$: roomId = $selectedRoomID;
 
-	$:{
-		console.log("ROOM ID", $selectedRoomID);
-	}
 	onMount(() => {
 		// document.addEventListener('wheel', (e) => e.preventDefault(), { passive: false });
 		client = createClient({

frontend/src/routes/+page.ts

@@ -14,11 +14,11 @@ export const load: PageLoad = async ({ url }) => {
     if (roomidParam) {
         const room = rooms.find(room => room.room_id === roomidParam);
         if (room) {
-            selectedRoomID.set(room.id);
+            selectedRoomID.set(roomidParam);
         }
     } else {
         const room = rooms.find(room => room.users_count < MAX_CAPACITY) || null;
-        selectedRoomID.set(room ? room.id : null);
+        selectedRoomID.set(room ? room.room_id : null);
     }
     return { rooms };
 }

stablediffusion-infinity/app.py

@@ -313,7 +313,7 @@ async def autorize(request: Request, db: sqlite3.Connection = Depends(get_db)):
 async def create_upload_file(background_tasks: BackgroundTasks, file: UploadFile):
     contents = await file.read()
     file_size = len(contents)
-    if not 0 < file_size < 2E+06:
+    if not 0 < file_size < 20E+06:
         raise HTTPException(
             status_code=status.HTTP_400_BAD_REQUEST,
             detail='Supported file size is less than 2 MB'