);
}
// HTML file with link info / preview or video/image: render card with link preview (image, video, description)
if (isHTML && (linkImage || linkVideo || linkDescription)) {
// Compute card cover image/video src
const coverSrc =
linkImage?.includes('data:image') === true
? undefined
: linkImage?.startsWith('https')
? linkImage
: linkImage
? `https://${linkImage.replace('http://', '')}`
: undefined;
return (
) : linkImage ? (
) : (
)
}
title={linkTitle}
description={linkDescription}
/>
);
}
// Run ellipsed.js to clamp link card description, only when a linkDescription is present
useEffect(() => {
if (!linkDescription) return;
const t = setTimeout(() => {
ellipsis('.memori-media-item--card .memori-card--description', 3, {
responsive: true,
});
}, 300);
return () => clearTimeout(t);
}, [linkDescription, item.mediumID]);
// -------------------------------------------------------------------------
// Image link flow: images with mediumID open in preview modal on click
// -------------------------------------------------------------------------
if (isImageMime(item.mimeType)) {
if (isImageRGB) {
return (
);
}
if (item.mediumID && _onClick) {
return (
);
}
return (
);
}
// Video, audio, 3D, and other types: open in new tab (never modal)
switch (item.mimeType) {
case 'video/mp4':
case 'video/quicktime':
case 'video/avi':
case 'video/mpeg':
return (
{renderMediaContent(item)}
);
// Audio and 3D models: open URL in new tab when available
case 'audio/mpeg3':
case 'audio/wav':
case 'audio/mpeg':
case 'model/gltf-binary':
if (resourceUrl) {
return (
{renderMediaContent(item)}
);
}
return renderMediaContent(item);
// All other files: open URL in new tab (never modal)
default:
return (
{renderMediaContent(item)}
);
}
});
// RenderSnippetItem: Renders a single code snippet (opens in new tab via href)
export const RenderSnippetItem = memo(function RenderSnippetItem({
item,
onClick: _onClick, // kept for API compatibility; links open in new tab, not modal
sessionID,
tenantID,
baseURL,
apiURL,
}: RenderSnippetItemProps): React.ReactElement {
void _onClick;
const resourceUrl = getResourceUrl({
resourceURI: item.url,
sessionID,
tenantID,
baseURL,
apiURL,
});
const hasUrl = !!(resourceUrl && resourceUrl !== '#');
// Count lines, chars, determine "short" snippet
const lineCount = countLines(item.content);
const contentLength = item.content?.length ?? 0;
const isShortSnippet = lineCount <= 5 && contentLength <= 200;
const lineText = lineCount === 1 ? '1 riga' : `${lineCount} righe`;
if (isShortSnippet) {
return (
{item.title}
{lineText}
);
}
// Long snippet: open in new tab (resource URL or blob URL from content)
const snippetHref = hasUrl
? resourceUrl
: item.content
? (() => {
const blob = new Blob([item.content], {
type: item.mimeType || 'text/plain',
});
return URL.createObjectURL(blob);
})()
: '#';
return (