propsToFilename() — astro Function Reference

Architecture documentation for the propsToFilename() function in node.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine

Entity Profile

CoreAstro→ RenderingEngine→ propsToFilename() — astro Function Reference

Dependency Diagram

graph TD
  f2c27a56_dee6_51a4_5453_091ed5d9a116["propsToFilename()"]
  cb45fbc5_a108_7969_b027_ddb8eab65943["node.ts"]
  f2c27a56_dee6_51a4_5453_091ed5d9a116 -->|defined in| cb45fbc5_a108_7969_b027_ddb8eab65943
  style f2c27a56_dee6_51a4_5453_091ed5d9a116 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/assets/utils/node.ts lines 172–184

export function propsToFilename(filePath: string, transform: ImageTransform, hash: string): string {
	let filename = decodeURIComponent(removeQueryString(filePath));
	const ext = extname(filename);
	if (filePath.startsWith('data:')) {
		filename = shorthash(filePath);
	} else {
		filename = basename(filename, ext).replace(INVALID_CHAR_REGEX, '_');
	}
	const prefixDirname = isESMImportedImage(transform.src) ? dirname(filePath) : '';

	let outputExt = transform.format ? `.${transform.format}` : ext;
	return `${prefixDirname}/${filename}_${hash}${outputExt}`;
}