highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-03-17 21:31:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

Video and audio file uploads to nostr.build

Browse Source
This commit is contained in:
hzrd149 2023-10-08 09:30:46 -05:00
parent 7a3674f8d2
commit b2be294dde
3 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/ten-snakes-tap.md Normal file
View File

@ -0,0 +1,5 @@
---
"nostrudel": minor
---
Support video and audio file uploads to nostr.build

18
src/components/post-modal/index.tsx
View File

@ -40,7 +40,7 @@ import {
import { UserAvatarStack } from "../compact-user-stack";
import MagicTextArea, { RefType } from "../magic-textarea";
import { useContextEmojis } from "../../providers/emoji-provider";
import { nostrBuildUploadImage } from "../../helpers/nostr-build";
import { nostrBuildUploadImage as nostrBuildUpload } from "../../helpers/nostr-build";
import CommunitySelect from "./community-select";
import ZapSplitCreator, { fillRemainingPercent } from "./zap-split-creator";
import { EventSplit } from "../../helpers/nostr/zaps";
@ -89,13 +89,15 @@ export default function PostModal({
const textAreaRef = useRef<RefType | null>(null);
const imageUploadRef = useRef<HTMLInputElement | null>(null);
const [uploading, setUploading] = useState(false);
const uploadImage = useCallback(
async (imageFile: File) => {
const uploadFile = useCallback(
async (file: File) => {
try {
if (!imageFile.type.includes("image")) throw new Error("Only images are supported");
if (!(file.type.includes("image") || file.type.includes("video") || file.type.includes("audio")))
throw new Error("Unsupported file type");
setUploading(true);
const response = await nostrBuildUploadImage(imageFile, requestSignature);
const response = await nostrBuildUpload(file, requestSignature);
const imageUrl = response.url;
const content = getValues().content;
@ -177,7 +179,7 @@ export default function PostModal({
instanceRef={(inst) => (textAreaRef.current = inst)}
onPaste={(e) => {
const imageFile = Array.from(e.clipboardData.files).find((f) => f.type.includes("image"));
if (imageFile) uploadImage(imageFile);
if (imageFile) uploadFile(imageFile);
}}
/>
{getValues().content.length > 0 && (
@ -194,11 +196,11 @@ export default function PostModal({
<Flex mr="auto" gap="2">
<VisuallyHiddenInput
type="file"
accept="image/*"
accept="image/*,audio/*,video/*"
ref={imageUploadRef}
onChange={(e) => {
const img = e.target.files?.[0];
if (img) uploadImage(img);
if (img) uploadFile(img);
}}
/>
<IconButton

9
src/helpers/nostr-build.ts
View File

@ -19,7 +19,7 @@ type NostrBuildResponse = {
};
blurhash: string;
sha256: string;
type: "picture" | "video";
type: "picture" | "video" | "audio";
mime: string;
size: number;
metadata: Record<string, string>;
@ -31,13 +31,14 @@ type NostrBuildResponse = {
];
};
export async function nostrBuildUploadImage(image: File, sign?: (draft: DraftNostrEvent) => Promise<NostrEvent>) {
if (!image.type.includes("image")) throw new Error("Only images are supported");
export async function nostrBuildUploadImage(file: File, sign?: (draft: DraftNostrEvent) => Promise<NostrEvent>) {
if (!(file.type.includes("image") || file.type.includes("video") || file.type.includes("audio")))
throw new Error("Unsupported file type");
const url = "https://nostr.build/api/v2/upload/files";
const payload = new FormData();
payload.append("fileToUpload", image);
payload.append("fileToUpload", file);
const headers: HeadersInit = {};
if (sign) {