mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
1d71bc5ae3
* Support CDN for NFT images Fixes #2424 * add test * fix ts * disable helia in preview env * [skip ci] enable again helia fetch for review stands
51 lines
902 B
TypeScript
51 lines
902 B
TypeScript
export type MediaType = 'image' | 'video' | 'html';
|
|
|
|
export type SrcType = 'url' | 'blob';
|
|
|
|
const IMAGE_EXTENSIONS = [
|
|
'.jpg', 'jpeg',
|
|
'.png',
|
|
'.gif',
|
|
'.svg',
|
|
];
|
|
|
|
const VIDEO_EXTENSIONS = [
|
|
'.mp4',
|
|
'.webm',
|
|
'.ogg',
|
|
];
|
|
|
|
export function getPreliminaryMediaType(url: string): MediaType | undefined {
|
|
if (IMAGE_EXTENSIONS.some((ext) => url.endsWith(ext))) {
|
|
return 'image';
|
|
}
|
|
|
|
if (url.startsWith('data:image')) {
|
|
return 'image';
|
|
}
|
|
|
|
if (VIDEO_EXTENSIONS.some((ext) => url.endsWith(ext))) {
|
|
return 'video';
|
|
}
|
|
}
|
|
|
|
export const mediaStyleProps = {
|
|
transitionProperty: 'transform',
|
|
transitionDuration: 'normal',
|
|
transitionTimingFunction: 'ease',
|
|
cursor: 'pointer',
|
|
_hover: {
|
|
base: {},
|
|
lg: {
|
|
transform: 'scale(1.2)',
|
|
},
|
|
},
|
|
};
|
|
|
|
export const videoPlayProps = {
|
|
disablePictureInPicture: true,
|
|
loop: true,
|
|
muted: true,
|
|
playsInline: true,
|
|
};
|