feat: improve url resource type detection logic

src/lib/url.ts

@@ -128,17 +128,11 @@ export function isLocalNetworkUrl(urlString: string): boolean {
 }
 
 export function isImage(url: string) {
-  try {
+  return checkFileExtension(url, ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.heic', '.svg'])
-    const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.heic', '.svg']
-    return imageExtensions.some((ext) => new URL(url).pathname.toLowerCase().endsWith(ext))
-  } catch {
-    return false
-  }
 }
 
 export function isMedia(url: string) {
-  try {
+  return checkFileExtension(url, [
-    const mediaExtensions = [
     '.mp4',
     '.webm',
     '.ogg',
@@ -151,8 +145,29 @@ export function isMedia(url: string) {
     '.opus',
     '.wma',
     '.3gp'
-    ]
+  ])
-    return mediaExtensions.some((ext) => new URL(url).pathname.toLowerCase().endsWith(ext))
+}
+
+function checkFileExtension(url: string, extensions: string[]): boolean {
+  try {
+    const lowerCaseUrl = url.toLowerCase()
+    const endsWithImageExtion = extensions.some((ext) => lowerCaseUrl.endsWith(ext))
+    if (endsWithImageExtion) {
+      return true
+    }
+
+    const u = new URL(lowerCaseUrl)
+    const hasImageExtension = extensions.some((ext) => u.pathname.endsWith(ext))
+    if (hasImageExtension) {
+      return true
+    }
+
+    const fileNameParam = u.searchParams.get('filename')
+    if (fileNameParam) {
+      return extensions.some((ext) => fileNameParam.endsWith(ext))
+    }
+
+    return false
   } catch {
     return false
   }