cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: simplify syntax

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-05 13:22:54 -08:00
parent d5aea3fd59
commit 79544bc0a0
No known key found for this signature in database
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
config/shortcodes/index.js
View file

@ -35,13 +35,11 @@ export const img = async (
outputDir: './_site/assets/img/cache/',
urlPath: '/assets/img/cache/',
filenameFormat: (id, src, width, format) => {
const { ext, name } = path.parse(src);
const { name } = path.parse(src);
return `${name}-${width}w.${format}`;
},
});
const lowsrc = metadata.jpeg[metadata.jpeg.length - 1];
const imageSources = Object.values(metadata)
.map(
(imageFormat) =>
@ -50,7 +48,6 @@ export const img = async (
.join(', ')}" sizes="${sizes}">`
)
.join('\n');
const imgageAttributes = stringifyAttributes({
src: lowsrc.url,
width: lowsrc.width,
@ -60,15 +57,16 @@ export const img = async (
loading,
decoding: 'async',
});
const imageElement = `<picture>${imageSources}<img ${imgageAttributes} /></picture>`;
return htmlmin.minify(imageElement, { collapseWhitespace: true });
};
const generatePlaceholder = async () => {
const placeholderElement = `<div class="flex--centered image__placeholder ${shape}">${icon}</div>`;
return htmlmin.minify(placeholderElement, { collapseWhitespace: true });
return htmlmin.minify(
`<div class="flex--centered image__placeholder ${shape}">${icon}</div>`,
{ collapseWhitespace: true }
);
};
return isLocal ? await generateImage() : await imageExists().then(async (exists) => (exists ? await generateImage() : await generatePlaceholder()));