feat: move svelte interface to 'src/interface'

src/interface/utils/themeImageHandlers.ts

@@ -0,0 +1,60 @@
+import type { LoadedCustomTheme } from '@/types/CustomThemes';
+
+export function generateImageId(): string {
+  return Math.random().toString(36).substr(2, 9);
+}
+
+export function handleImageUpload(event: Event, theme: LoadedCustomTheme): Promise<LoadedCustomTheme> | LoadedCustomTheme {
+  const input = event.target as HTMLInputElement;
+  const file = input.files?.[0];
+  input.value = '';
+  if (file) {
+    return new Promise((resolve) => {
+      const reader = new FileReader();
+      reader.onload = async () => {
+        const imageBlob = await fetch(reader.result as string).then(res => res.blob());
+        const imageId = generateImageId();
+        const variableName = `custom-image-${theme.CustomImages.length}`;
+        resolve({
+          ...theme,
+          CustomImages: [...theme.CustomImages, { id: imageId, blob: imageBlob, variableName, url: URL.createObjectURL(imageBlob) }],
+        });
+      };
+      reader.readAsDataURL(file);
+    });
+  }
+  return theme;
+}
+
+export function handleRemoveImage(imageId: string, theme: LoadedCustomTheme): LoadedCustomTheme {
+  return {
+    ...theme,
+    CustomImages: theme.CustomImages.filter((image) => image.id !== imageId),
+  } as LoadedCustomTheme;
+}
+
+export function handleImageVariableChange(imageId: string, variableName: string, theme: LoadedCustomTheme): LoadedCustomTheme {
+  return {
+    ...theme,
+    CustomImages: theme.CustomImages.map((image) =>
+      image.id === imageId ? { ...image, variableName } : image
+    ),
+  } as LoadedCustomTheme;
+}
+
+export function handleCoverImageUpload(event: Event, theme: LoadedCustomTheme): Promise<LoadedCustomTheme> {
+  const input = event.target as HTMLInputElement;
+  const file = input.files?.[0];
+  input.value = '';
+  if (file) {
+    return new Promise((resolve) => {
+      const reader = new FileReader();
+      reader.onload = async () => {
+        const imageBlob = await fetch(reader.result as string).then(res => res.blob());
+        resolve({ ...theme, coverImage: imageBlob, coverImageUrl: URL.createObjectURL(imageBlob) });
+      };
+      reader.readAsDataURL(file);
+    });
+  }
+  return Promise.resolve(theme);
+}