Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546import sharp from "sharp";import { v7 } from "uuid";import { supabaseServerClient } from "supabase/serverClient";import type { ImageData } from "./leaflet";
const ASSET_BUCKET = "minilink-user-assets";
// Copy an image into Leaflet storage byte-for-byte. Unlike the browser// uploader (src/utils/addImage.ts) nothing is re-encoded and no thumbhash// placeholder is computed, so imported images have no blur-up.export async function uploadRemoteImage(url: string): Promise<ImageData> { const res = await fetch(url, { signal: AbortSignal.timeout(30_000) }); if (!res.ok) throw new Error(`Fetching ${url} failed: HTTP ${res.status}`); const contentType = res.headers.get("content-type") ?? ""; if (!contentType.startsWith("image/")) throw new Error(`${url} is not an image (${contentType})`); return uploadImageBytes( Buffer.from(await res.arrayBuffer()), contentType, url, );}
// `source` names the image in errors.export async function uploadImageBytes( bytes: Buffer, contentType: string, source: string,): Promise<ImageData> { const { width, height } = await sharp(bytes).metadata(); if (!width || !height) throw new Error(`Could not read the size of ${source}`);
// The browser uploader keeps the extension on animated files so the image // proxy serves them untouched. const fileID = v7() + (contentType === "image/gif" ? ".gif" : ""); const { error } = await supabaseServerClient.storage .from(ASSET_BUCKET) .upload(fileID, bytes, { contentType, cacheControl: "31536000" }); if (error) throw new Error(`Uploading ${source} failed: ${error.message}`); const src = supabaseServerClient.storage .from(ASSET_BUCKET) .getPublicUrl(fileID).data.publicUrl; return { src, width, height, fallback: "" };}