mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.6 KiB
50 lines
1.6 KiB
const useAttachment = () => { |
|
const { appInfo } = useGlobal() |
|
|
|
const getPossibleAttachmentSrc = (item: Record<string, any>, thumbnail?: 'card_cover' | 'tiny' | 'small') => { |
|
const res: string[] = [] |
|
|
|
if (thumbnail && item?.thumbnails && item.thumbnails[thumbnail]) { |
|
res.push(getPossibleAttachmentSrc(item.thumbnails[thumbnail])[0]) |
|
} |
|
if (item?.data) res.push(item.data) |
|
if (item?.file) res.push(window.URL.createObjectURL(item.file)) |
|
if (item?.signedPath) res.push(`${appInfo.value.ncSiteUrl}/${encodeURI(item.signedPath)}`) |
|
if (item?.signedUrl) res.push(item.signedUrl) |
|
if (item?.path) res.push(`${appInfo.value.ncSiteUrl}/${encodeURI(item.path)}`) |
|
if (item?.url) res.push(item.url) |
|
return res |
|
} |
|
|
|
const getAttachmentSrc = async (item: Record<string, any>) => { |
|
if (item?.data) { |
|
return item.data |
|
} |
|
const sources = getPossibleAttachmentSrc(item) |
|
for (const source of sources) { |
|
try { |
|
// test if the source is accessible or not |
|
const res = await fetch(source, { method: 'HEAD', mode: 'no-cors' }) |
|
if (res.ok) { |
|
return source |
|
} |
|
} catch {} |
|
} |
|
// if no source can be fetched, it could be probably blocked by CORS |
|
// return signed url / original url / built url anyway |
|
// which we can extract from the sources array since it's ordered based on priority |
|
return sources[0] |
|
} |
|
|
|
const openAttachment = async (item: Record<string, any>) => { |
|
openLink(await getAttachmentSrc(item)) |
|
} |
|
|
|
return { |
|
getAttachmentSrc, |
|
getPossibleAttachmentSrc, |
|
openAttachment, |
|
} |
|
} |
|
|
|
export default useAttachment
|
|
|