import MagicString from "magic-string"; import { normalizePath } from "vite"; import { extendManualChunks } from "../core/build/plugins/util.js"; import { AstroError, AstroErrorData } from "../core/errors/index.js"; import { appendForwardSlash, joinPaths, prependForwardSlash, removeQueryString } from "../core/path.js"; import { isServerLikeOutput } from "../prerender/utils.js"; import { VALID_INPUT_FORMATS, VIRTUAL_MODULE_ID, VIRTUAL_SERVICE_ID } from "./consts.js"; import { emitESMImage } from "./utils/emitAsset.js"; import { isESMImportedImage } from "./utils/imageKind.js"; import { getProxyCode } from "./utils/proxy.js"; import { hashTransform, propsToFilename } from "./utils/transformToPath.js"; const resolvedVirtualModuleId = "\0" + VIRTUAL_MODULE_ID; const assetRegex = new RegExp(`\\.(${VALID_INPUT_FORMATS.join("|")})`, "i"); const assetRegexEnds = new RegExp(`\\.(${VALID_INPUT_FORMATS.join("|")})$`, "i"); function assets({ settings, mode }) { let resolvedConfig; globalThis.astroAsset = { referencedImages: /* @__PURE__ */ new Set() }; return [ // Expose the components and different utilities from `astro:assets` and handle serving images from `/_image` in dev { name: "astro:assets", outputOptions(outputOptions) { extendManualChunks(outputOptions, { after(id) { if (id.includes("astro/dist/assets/services/")) { return `astro/assets-service`; } } }); }, async resolveId(id) { if (id === VIRTUAL_SERVICE_ID) { return await this.resolve(settings.config.image.service.entrypoint); } if (id === VIRTUAL_MODULE_ID) { return resolvedVirtualModuleId; } }, load(id) { if (id === resolvedVirtualModuleId) { return ` export { getConfiguredImageService, isLocalService } from "astro/assets"; import { getImage as getImageInternal } from "astro/assets"; export { default as Image } from "astro/components/Image.astro"; export { default as Picture } from "astro/components/Picture.astro"; export const imageConfig = ${JSON.stringify(settings.config.image)}; export const assetsDir = new URL(${JSON.stringify( new URL( isServerLikeOutput(settings.config) ? settings.config.build.client : settings.config.outDir ) )}); export const getImage = async (options) => await getImageInternal(options, imageConfig); `; } }, buildStart() { if (mode != "build") { return; } globalThis.astroAsset.addStaticImage = (options, hashProperties, originalPath) => { if (!globalThis.astroAsset.staticImages) { globalThis.astroAsset.staticImages = /* @__PURE__ */ new Map(); } const finalOriginalImagePath = (isESMImportedImage(options.src) ? options.src.src : options.src).replace(settings.config.build.assetsPrefix || "", ""); const hash = hashTransform( options, settings.config.image.service.entrypoint, hashProperties ); let finalFilePath; let transformsForPath = globalThis.astroAsset.staticImages.get(finalOriginalImagePath); let transformForHash = transformsForPath?.transforms.get(hash); if (transformsForPath && transformForHash) { finalFilePath = transformForHash.finalPath; } else { finalFilePath = prependForwardSlash( joinPaths(settings.config.build.assets, propsToFilename(options, hash)) ); if (!transformsForPath) { globalThis.astroAsset.staticImages.set(finalOriginalImagePath, { originalSrcPath: originalPath, transforms: /* @__PURE__ */ new Map() }); transformsForPath = globalThis.astroAsset.staticImages.get(finalOriginalImagePath); } transformsForPath.transforms.set(hash, { finalPath: finalFilePath, transform: options }); } if (settings.config.build.assetsPrefix) { return encodeURI(joinPaths(settings.config.build.assetsPrefix, finalFilePath)); } else { return encodeURI(prependForwardSlash(joinPaths(settings.config.base, finalFilePath))); } }; }, // In build, rewrite paths to ESM imported images in code to their final location async renderChunk(code) { const assetUrlRE = /__ASTRO_ASSET_IMAGE__([\w$]{8})__(?:_(.*?)__)?/g; let match; let s; while (match = assetUrlRE.exec(code)) { s = s || (s = new MagicString(code)); const [full, hash, postfix = ""] = match; const file = this.getFileName(hash); const prefix = settings.config.build.assetsPrefix ? appendForwardSlash(settings.config.build.assetsPrefix) : resolvedConfig.base; const outputFilepath = prefix + normalizePath(file + postfix); s.overwrite(match.index, match.index + full.length, outputFilepath); } if (s) { return { code: s.toString(), map: resolvedConfig.build.sourcemap ? s.generateMap({ hires: "boundary" }) : null }; } else { return null; } } }, // Return a more advanced shape for images imported in ESM { name: "astro:assets:esm", enforce: "pre", configResolved(viteConfig) { resolvedConfig = viteConfig; }, async load(id, options) { if (assetRegex.test(id)) { if (!globalThis.astroAsset.referencedImages) globalThis.astroAsset.referencedImages = /* @__PURE__ */ new Set(); if (id !== removeQueryString(id)) { globalThis.astroAsset.referencedImages.add(removeQueryString(id)); return; } if (!assetRegexEnds.test(id)) { return; } const imageMetadata = await emitESMImage(id, this.meta.watchMode, this.emitFile); if (!imageMetadata) { throw new AstroError({ ...AstroErrorData.ImageNotFound, message: AstroErrorData.ImageNotFound.message(id) }); } if (options?.ssr) { return `export default ${getProxyCode( imageMetadata, isServerLikeOutput(settings.config) )}`; } else { globalThis.astroAsset.referencedImages.add(imageMetadata.fsPath); return `export default ${JSON.stringify(imageMetadata)}`; } } } } ]; } export { assets as default };