update blossom client sdk

package.json

@@ -51,7 +51,7 @@
     "applesauce-react": "next",
     "applesauce-signer": "next",
     "bech32": "^2.0.0",
-    "blossom-client-sdk": "^0.7.0",
+    "blossom-client-sdk": "next",
     "blossom-drive-sdk": "^0.4.1",
     "blurhash": "^2.0.5",
     "chart.js": "^4.4.6",

src/components/content/components/gallery.tsx

@@ -1,6 +1,6 @@
 import { forwardRef, MouseEventHandler, MutableRefObject, useCallback, useEffect, useMemo, useRef } from "react";
 import { Link } from "@chakra-ui/react";
-import { handleImageFallbacks } from "blossom-client-sdk";
+import { handleImageFallbacks } from "blossom-client-sdk/image";
 import { NostrEvent } from "nostr-tools";
 
 import { EmbeddedImageProps, getPubkeyMediaServers, TrustImage, useImageThumbnail } from "../links";

src/helpers/media-upload/blossom.ts

@@ -1,14 +1,26 @@
-import { BlobDescriptor, BlossomClient, Signer } from "blossom-client-sdk";
+import { BlobDescriptor, createUploadAuth, ServerType, Signer } from "blossom-client-sdk";
+import { multiServerUpload, MultiServerUploadOptions } from "blossom-client-sdk/actions/upload";
 
-export async function uploadFileToServers(servers: string[], file: File, signer: Signer) {
-  const results: BlobDescriptor[] = [];
+export async function simpleMultiServerUpload<T extends ServerType = ServerType>(
+  servers: T[],
+  file: File,
+  signer: Signer,
+  opts?: MultiServerUploadOptions<T, File>,
+): Promise<BlobDescriptor> {
+  const results = await multiServerUpload(servers, file, {
+    ...opts,
+    onAuth: (_server, blob) => createUploadAuth(signer, blob),
+  });
+
+  let blob: BlobDescriptor | null = null;
 
-  const auth = await BlossomClient.getUploadAuth(file, signer);
   for (const server of servers) {
-    try {
-      results.push(await BlossomClient.uploadBlob(server, file, auth));
-    } catch (e) {}
+    if (results.has(server)) {
+      blob = results.get(server)!;
+      break;
+    }
   }
+  if (!blob) throw new Error("Failed to upload");
 
-  return results[0];
+  return blob;
 }

src/hooks/use-textarea-upload-file.ts

@@ -7,7 +7,7 @@ import { useSigningContext } from "../providers/global/signing-provider";
 import { UseFormGetValues, UseFormSetValue } from "react-hook-form";
 import useAppSettings from "./use-app-settings";
 import useUsersMediaServers from "./use-user-media-servers";
-import { uploadFileToServers } from "../helpers/media-upload/blossom";
+import { simpleMultiServerUpload } from "../helpers/media-upload/blossom";
 import useCurrentAccount from "./use-current-account";
 import { stripSensitiveMetadataOnFile } from "../helpers/image";
 
@@ -71,7 +71,7 @@ export default function useTextAreaUploadFile(
           const imageUrl = response.url;
           insertURL(imageUrl);
         } else if (mediaUploadService === "blossom" && mediaServers.length) {
-          const blob = await uploadFileToServers(
+          const blob = await simpleMultiServerUpload(
             mediaServers.map((s) => s.toString()),
             safeFile,
             requestSignature,

src/views/wiki/components/markdown-editor.tsx

@@ -1,6 +1,7 @@
 import { useMemo, useRef, useState } from "react";
 import { VisuallyHidden } from "@chakra-ui/react";
 import SimpleMDE, { SimpleMDEReactProps } from "react-simplemde-editor";
+import { multiServerUpload } from "blossom-client-sdk/actions/upload";
 import ReactDOMServer from "react-dom/server";
 import { Global, css } from "@emotion/react";
 
@@ -13,7 +14,7 @@ import useCurrentAccount from "../../../hooks/use-current-account";
 
 import { CharkaMarkdown } from "./markdown";
 import { useSigningContext } from "../../../providers/global/signing-provider";
-import { uploadFileToServers } from "../../../helpers/media-upload/blossom";
+import { simpleMultiServerUpload } from "../../../helpers/media-upload/blossom";
 import { stripSensitiveMetadataOnFile } from "../../../helpers/image";
 
 const fixCodeMirrorFont = css`
@@ -36,11 +37,8 @@ export default function MarkdownEditor({ options, ...props }: SimpleMDEReactProp
       if (!servers) return onError("No media servers set");
       try {
         const safeFile = await stripSensitiveMetadataOnFile(file);
-        const blob = await uploadFileToServers(
-          servers.map((s) => s.toString()),
-          safeFile,
-          requestSignature,
-        );
+        const blob = await simpleMultiServerUpload(servers, safeFile, requestSignature);
+
         if (blob) onSuccess(blob.url);
       } catch (error) {
         if (error instanceof Error) onError(error.message);