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