✨ Migrated from image urls to image uuids

frontend/src/lib/editor/card.svelte

@@ -129,7 +129,8 @@
 								</svg>
 							</button>
 							<img
-								src={data.questions[selected_question].image}
+								src="/api/v1/storage/download/{data.questions[selected_question]
+									.image}"
 								alt="not available"
 								class="max-h-64 h-auto w-auto"
 							/>

frontend/src/lib/editor/settings-card.svelte

@@ -42,7 +42,7 @@
 		<div
 			class="dark:bg-gray-700 h-full"
 			style="background-repeat: no-repeat;background-size: 100% 100%;background-image: {data.background_image
-				? `url("${data.background_image}")`
+				? `url("/api/v1/storage/download/${data.background_image}")`
 				: `unset`}"
 		>
 			<div class="flex justify-center pt-10 w-full">
@@ -68,7 +68,7 @@
 			{#if data.cover_image != undefined && data.cover_image !== ''}
 				<div class="flex justify-center pt-10 w-full max-h-72 w-full">
 					<img
-						src={data.cover_image}
+						src="/api/v1/storage/download/{data.cover_image}"
 						alt="not available"
 						class="max-h-72 h-auto w-auto"
 						on:contextmenu|preventDefault={() => {

frontend/src/lib/editor/sidebar.svelte

@@ -201,11 +201,11 @@
 			{#if question.image}
 				<div class="flex justify-center align-middle pb-0.5">
 					<img
-						src={question.image}
+						src="/api/v1/storage/download/{question.image}"
 						class="h-10 border rounded-lg"
 						alt="Not available"
 						use:tippy={{
-							content: `<img src='${question.image}' alt='Not available' class='rounded'>`,
+							content: `<img src='/api/v1/storage/download/${question.image}' alt='Not available' class='rounded'>`,
 							allowHTML: true
 						}}
 					/>

frontend/src/lib/editor/uploader.svelte

@@ -45,33 +45,29 @@
 			quality: 0.6
 		})
 		.use(XHRUpload, {
-			endpoint: `/api/v1/editor/image?edit_id=${edit_id}&pow_data=${pow_data}`
+			endpoint: `/api/v1/storage/`
 		});
 	const props = {
 		inline: true,
 		restrictions: {
-			maxFileSize: 2_000_000,
-			maxNumberOfFiles: 1,
-			allowedFileTypes: ['.gif', '.jpg', '.jpeg', '.png', '.svg', '.webp']
+			maxFileSize: 10_000_000,
+			maxNumberOfFiles: 1
+			// allowedFileTypes: ['.gif', '.jpg', '.jpeg', '.png', '.svg', '.webp']
 		}
 	};
 	let image_id;
 	uppy.on('upload-success', (file, response) => {
 		image_id = response.body.id;
-		pow_salt = response.body.pow_data;
-		console.log(pow_salt, response.body);
 		pow_data = undefined;
 	});
 	uppy.on('complete', (_) => {
 		console.log(pow_data);
 		if (selected_question === undefined) {
-			data.cover_image = `${window.location.origin}/api/v1/storage/download/${image_id}`;
+			data.cover_image = image_id;
 		} else if (selected_question === -1) {
-			data.background_image = `${window.location.origin}/api/v1/storage/download/${image_id}`;
+			data.background_image = image_id;
 		} else {
-			data.questions[
-				selected_question
-			].image = `${window.location.origin}/api/v1/storage/download/${image_id}`;
+			data.questions[selected_question].image = image_id;
 		}
 		console.log(selected_question, data);