From a13ea2e7869b6df44a3ddd6409d58363e6362bbe Mon Sep 17 00:00:00 2001
From: dawn <90008@gaze.systems>
Date: Sat, 3 Jan 2026 03:31:49 +0300
Subject: [PATCH] implement the uploading part for attachments, ui later

---
 src/components/BskyPost.svelte     |  1 -
 src/components/EmbedMedia.svelte   |  4 +--
 src/components/PostComposer.svelte | 53 ++++++++++++++++++++++++++----
 src/lib/at/types.ts                |  5 +++
 4 files changed, 53 insertions(+), 10 deletions(-)

diff --git a/src/components/BskyPost.svelte b/src/components/BskyPost.svelte
index c795b99..2b6a726 100644
--- a/src/components/BskyPost.svelte
+++ b/src/components/BskyPost.svelte
@@ -27,7 +27,6 @@
 	import type { PostWithUri } from '$lib/at/fetch';
 	import { onMount, type Snippet } from 'svelte';
 	import { derived } from 'svelte/store';
-	import Device from 'svelte-device-info';
 	import Dropdown from './Dropdown.svelte';
 	import { settings } from '$lib/settings';
 	import RichText from './RichText.svelte';
diff --git a/src/components/EmbedMedia.svelte b/src/components/EmbedMedia.svelte
index 5734aae..f08e719 100644
--- a/src/components/EmbedMedia.svelte
+++ b/src/components/EmbedMedia.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-	import { AppBskyEmbedExternal, AppBskyEmbedImages, AppBskyEmbedVideo } from '@atcute/bluesky';
 	import { isBlob } from '@atcute/lexicons/interfaces';
 	import PhotoSwipeGallery, { type GalleryItem } from './PhotoSwipeGallery.svelte';
 	import { blob, img } from '$lib/cdn';
 	import { type Did } from '@atcute/lexicons';
 	import { resolveDidDoc } from '$lib/at/client';
+	import type { AppBskyEmbedMedia } from '$lib/at/types';
 
 	interface Props {
 		did: Did;
-		embed: AppBskyEmbedImages.Main | AppBskyEmbedVideo.Main | AppBskyEmbedExternal.Main;
+		embed: AppBskyEmbedMedia;
 	}
 
 	let { did, embed }: Props = $props();
diff --git a/src/components/PostComposer.svelte b/src/components/PostComposer.svelte
index 9353d19..c434f23 100644
--- a/src/components/PostComposer.svelte
+++ b/src/components/PostComposer.svelte
@@ -1,16 +1,17 @@
 <script lang="ts">
 	import type { AtpClient } from '$lib/at/client';
 	import { ok, err, type Result, expect } from '$lib/result';
-	import type { AppBskyFeedPost } from '@atcute/bluesky';
+	import type { AppBskyEmbedRecordWithMedia, AppBskyFeedPost } from '@atcute/bluesky';
 	import { generateColorForDid } from '$lib/accounts';
 	import type { PostWithUri } from '$lib/at/fetch';
 	import BskyPost from './BskyPost.svelte';
-	import { parseCanonicalResourceUri } from '@atcute/lexicons';
+	import { parseCanonicalResourceUri, type Blob as AtpBlob } from '@atcute/lexicons';
 	import type { ComAtprotoRepoStrongRef } from '@atcute/atproto';
 	import { parseToRichText } from '$lib/richtext';
 	import { tokenize } from '$lib/richtext/parser';
 	import Icon from '@iconify/svelte';
 	import ProfilePicture from './ProfilePicture.svelte';
+	import type { AppBskyEmbedMedia } from '$lib/at/types';
 
 	export type FocusState = 'null' | 'focused';
 	export type State = {
@@ -18,6 +19,7 @@
 		text: string;
 		quoting?: PostWithUri;
 		replying?: PostWithUri;
+		attachedMedia?: AppBskyEmbedMedia;
 	};
 
 	interface Props {
@@ -43,6 +45,37 @@
 
 		const rt = await parseToRichText(text);
 
+		let media: AppBskyEmbedMedia | undefined = _state.attachedMedia;
+		if (_state.attachedMedia?.$type === 'app.bsky.embed.images') {
+			const images = _state.attachedMedia.images;
+			let uploadedImages: typeof images = [];
+			for (const image of images) {
+				const blobUrl = (image.image as AtpBlob<string>).ref.$link;
+				const blob = await (await fetch(blobUrl)).blob();
+				const result = await client.uploadBlob(blob);
+				if (!result.ok) return result;
+				uploadedImages.push({
+					...image,
+					image: result.value
+				});
+			}
+			media = {
+				..._state.attachedMedia,
+				$type: 'app.bsky.embed.images',
+				images: uploadedImages
+			};
+		} else if (_state.attachedMedia?.$type === 'app.bsky.embed.video') {
+			const blobUrl = (_state.attachedMedia.video as AtpBlob<string>).ref.$link;
+			const blob = await (await fetch(blobUrl)).blob();
+			const result = await client.uploadVideo(blob);
+			if (!result.ok) return result;
+			media = {
+				..._state.attachedMedia,
+				$type: 'app.bsky.embed.video',
+				video: result.value
+			};
+		}
+
 		const record: AppBskyFeedPost.Main = {
 			$type: 'app.bsky.feed.post',
 			text: rt.text,
@@ -56,11 +89,17 @@
 					: undefined,
 			embed:
 				_state.focus === 'focused' && _state.quoting
-					? {
-							$type: 'app.bsky.embed.record',
-							record: strongRef(_state.quoting)
-						}
-					: undefined,
+					? media
+						? {
+								$type: 'app.bsky.embed.recordWithMedia',
+								record: { record: strongRef(_state.quoting) },
+								media: media as AppBskyEmbedRecordWithMedia.Main['media']
+							}
+						: {
+								$type: 'app.bsky.embed.record',
+								record: strongRef(_state.quoting)
+							}
+					: (media as AppBskyFeedPost.Main['embed']),
 			createdAt: new Date().toISOString()
 		};
 
diff --git a/src/lib/at/types.ts b/src/lib/at/types.ts
index a7de67d..2e8d72a 100644
--- a/src/lib/at/types.ts
+++ b/src/lib/at/types.ts
@@ -12,3 +12,8 @@ export type AppBskyEmbeds =
 	| AppBskyEmbedRecord.Main
 	| AppBskyEmbedRecordWithMedia.Main
 	| AppBskyEmbedVideo.Main;
+
+export type AppBskyEmbedMedia =
+	| AppBskyEmbedImages.Main
+	| AppBskyEmbedVideo.Main
+	| AppBskyEmbedExternal.Main;
-- 
2.51.2