74 lines
2.7 KiB
JavaScript
74 lines
2.7 KiB
JavaScript
function getMarkdownCodeForImages(localImagePaths, remoteImagePaths, html) {
|
|
return `
|
|
import { getImage } from "astro:assets";
|
|
${localImagePaths.map((entry) => `import Astro__${entry.safeName} from ${JSON.stringify(entry.raw)};`).join("\n")}
|
|
|
|
const images = async function(html) {
|
|
const imageSources = {};
|
|
${localImagePaths.map((entry) => {
|
|
const rawUrl = JSON.stringify(entry.raw).replace(/'/g, "'");
|
|
return `{
|
|
const regex = new RegExp('__ASTRO_IMAGE_="([^"]*' + ${rawUrl.replace(
|
|
/[.*+?^${}()|[\]\\]/g,
|
|
"\\\\$&"
|
|
)} + '[^"]*)"', 'g');
|
|
let match;
|
|
let occurrenceCounter = 0;
|
|
while ((match = regex.exec(html)) !== null) {
|
|
const matchKey = ${rawUrl} + '_' + occurrenceCounter;
|
|
const imageProps = JSON.parse(match[1].replace(/"/g, '"').replace(/'/g, "'"));
|
|
const { src, ...props } = imageProps;
|
|
imageSources[matchKey] = await getImage({src: Astro__${entry.safeName}, ...props});
|
|
occurrenceCounter++;
|
|
}
|
|
}`;
|
|
}).join("\n")}
|
|
${remoteImagePaths.map((raw) => {
|
|
const rawUrl = JSON.stringify(raw).replace(/'/g, "'");
|
|
return `{
|
|
const regex = new RegExp('__ASTRO_IMAGE_="([^"]*' + ${rawUrl.replace(
|
|
/[.*+?^${}()|[\]\\]/g,
|
|
"\\\\$&"
|
|
)} + '[^"]*)"', 'g');
|
|
let match;
|
|
let occurrenceCounter = 0;
|
|
while ((match = regex.exec(html)) !== null) {
|
|
const matchKey = ${rawUrl} + '_' + occurrenceCounter;
|
|
const props = JSON.parse(match[1].replace(/"/g, '"').replace(/'/g, "'"));
|
|
imageSources[matchKey] = await getImage(props);
|
|
occurrenceCounter++;
|
|
}
|
|
}`;
|
|
}).join("\n")}
|
|
return imageSources;
|
|
};
|
|
|
|
async function updateImageReferences(html) {
|
|
const imageSources = await images(html);
|
|
|
|
return html.replaceAll(/__ASTRO_IMAGE_="([^"]+)"/gm, (full, imagePath) => {
|
|
const decodedImagePath = JSON.parse(imagePath.replace(/"/g, '"'));
|
|
|
|
// Use the 'index' property for each image occurrence
|
|
const srcKey = decodedImagePath.src + '_' + decodedImagePath.index;
|
|
|
|
if (imageSources[srcKey].srcSet && imageSources[srcKey].srcSet.values.length > 0) {
|
|
imageSources[srcKey].attributes.srcset = imageSources[srcKey].srcSet.attribute;
|
|
}
|
|
|
|
const { index, ...attributesWithoutIndex } = imageSources[srcKey].attributes;
|
|
|
|
return spreadAttributes({
|
|
src: imageSources[srcKey].src,
|
|
...attributesWithoutIndex,
|
|
});
|
|
});
|
|
}
|
|
|
|
const html = async () => await updateImageReferences(${JSON.stringify(html)});
|
|
`;
|
|
}
|
|
export {
|
|
getMarkdownCodeForImages
|
|
};
|