jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enable svg on cloudinary

Browse source
This commit is contained in:
Justin Edmund 2025-06-02 15:55:38 -07:00
parent ddea953321
commit 8e2fc41747
1 changed files with 28 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/lib/server/cloudinary.ts
View file

@ -106,14 +106,22 @@ export async function uploadFile(
const arrayBuffer = await file.arrayBuffer() const arrayBuffer = await file.arrayBuffer()
const buffer = Buffer.from(arrayBuffer) const buffer = Buffer.from(arrayBuffer)
// Check if file is SVG
const isSvg = file.type === 'image/svg+xml' || file.name.toLowerCase().endsWith('.svg')
// Prepare upload options
const uploadOptions = {
...uploadPresets[type],
...customOptions,
public_id: `${Date.now()}-${file.name.replace(/\.[^/.]+$/, '')}`,
// Override resource_type for SVG files
...(isSvg && { resource_type: 'raw' as const })
}
// Upload to Cloudinary // Upload to Cloudinary
const result = await new Promise<UploadApiResponse>((resolve, reject) => { const result = await new Promise<UploadApiResponse>((resolve, reject) => {
const uploadStream = cloudinary.uploader.upload_stream( const uploadStream = cloudinary.uploader.upload_stream(
{ uploadOptions,
...uploadPresets[type],
...customOptions,
public_id: `${Date.now()}-${file.name.replace(/\.[^/.]+$/, '')}`
},
(error, result) => { (error, result) => {
if (error) reject(error) if (error) reject(error)
else if (result) resolve(result) else if (result) resolve(result)
@ -124,8 +132,10 @@ export async function uploadFile(
uploadStream.end(buffer) uploadStream.end(buffer)
}) })
// Generate thumbnail URL // Generate thumbnail URL (for SVG, just use the original URL)
const thumbnailUrl = cloudinary.url(result.public_id, { const thumbnailUrl = isSvg
? result.secure_url
: cloudinary.url(result.public_id, {
...imageSizes.thumbnail, ...imageSizes.thumbnail,
secure: true secure: true
}) })
@ -164,13 +174,19 @@ export async function uploadFiles(
} }
// Delete a file from Cloudinary // Delete a file from Cloudinary
export async function deleteFile(publicId: string): Promise<boolean> { export async function deleteFile(publicId: string, resourceType: string = 'image'): Promise<boolean> {
try { try {
if (!isCloudinaryConfigured()) { if (!isCloudinaryConfigured()) {
throw new Error('Cloudinary is not configured') throw new Error('Cloudinary is not configured')
} }
const result = await cloudinary.uploader.destroy(publicId) // Check if this is an SVG file by looking at the public ID
const isSvg = publicId.includes('-svg') || publicId.endsWith('.svg')
const actualResourceType = isSvg ? 'raw' : resourceType
const result = await cloudinary.uploader.destroy(publicId, {
resource_type: actualResourceType
})
return result.result === 'ok' return result.result === 'ok'
} catch (error) { } catch (error) {
logger.error('Cloudinary delete failed', error as Error) logger.error('Cloudinary delete failed', error as Error)