Function resolveRenderedImages

src/pages/markdownPreview/index.js:207–245

(container, file)

}

async function resolveRenderedImages(container, file) {
	const baseUri = getMarkdownBaseUri(file);
	const objectUrls = [];
	const images = Array.from(container.querySelectorAll("img[src]"));

	images.forEach((image) => {
		const src = image.getAttribute("src");
		if (!src || src.startsWith("data:") || src.startsWith("blob:")) return;
		if (src.startsWith("#") || isExternalLink(src)) return;
		if (!image.hasAttribute("data-markdown-local-src")) {
			image.setAttribute(
				"data-markdown-local-src",
				resolveMarkdownTarget(src, baseUri),
			);
		}
	});

	await Promise.all(
		images.map(async (image) => {
			const resolvedPath = image.getAttribute("data-markdown-local-src");
			if (!resolvedPath) return;

			try {
				const objectUrl = await fileToObjectUrl(resolvedPath);

				image.setAttribute("src", objectUrl);
				image.setAttribute("data-source-uri", resolvedPath);
				image.setAttribute("loading", "lazy");
				image.setAttribute("decoding", "async");
				image.classList.add("markdown-image");
				objectUrls.push(objectUrl);
			} catch (error) {
				console.warn("Failed to resolve markdown image:", resolvedPath, error);
			}
		}),
	);

	return objectUrls;
}

function createMarkdownPreview(file) {
	const $page = Page(file.filename);