Function ResolvedImage

src/Components/Markdown/Markdown.jsx:13–26

({src, resolveImage, node, alt, ...props})

// Image src may be an async-resolved attachment token (editor) or a plain
// URL / data URL (saved content). Resolve both.
function ResolvedImage({src, resolveImage, node, alt, ...props}) {
    const [url, setUrl] = useState(null);
    useEffect(() => {
        let alive = true;
        Promise.resolve(resolveImage ? resolveImage(src) : src)
            .then((u) => alive && setUrl(u ?? null))
            .catch(() => alive && setUrl(src));
        return () => {
            alive = false;
        };
    }, [src, resolveImage]);
    if (!url) return null;
    return <img src={url} alt={alt ?? ""} loading="lazy" {...props}/>;
}

// Image src may be an editor attachment token or an inline image data URL —
// both are safe and must survive react-markdown's URI sanitization. Everything