/
extensions.js
88 lines (74 loc) · 2.01 KB
/
extensions.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
const path = require('path');
const Image = require('@11ty/eleventy-img');
const classNames = require('classnames');
const { DateTime } = require('luxon');
/**
* Generate multiple sizes of an image and return the corresponding HTML
* as a <picture> element.
*/
function imageShortcode(src, attrs) {
src = path.resolve(__dirname, 'src/assets/images/', src);
let options = {
widths: [400, 600, 800, 1000, 1200],
formats: ['webp', 'jpg'],
outputDir: './src/assets/images/_generated/',
urlPath: '/assets/images/_generated/',
filenameFormat: function (id, src, width, format, options) {
const extension = path.extname(src);
const name = path.basename(src, extension);
return `${name}-${width}w.${format}`;
},
};
Image(src, options);
let attributes = Object.assign(
{
sizes: '100vw',
alt: '',
loading: 'lazy',
decoding: 'async',
},
attrs
);
// get metadata even if the images are not fully generated yet
let metadata = Image.statsSync(src, options);
return Image.generateHTML(metadata, attributes, { whitespaceMode: 'inline' });
}
/**
* Generate a space-separated string from a string/array/object of class names
* while omitting nil values.
*/
function classNamesFunction(...cls) {
return classNames(cls);
}
/**
* Format a date object using Luxon.
*/
function formatDate(dateObj) {
return DateTime.fromJSDate(dateObj)
.setZone('Europe/Zurich')
.toLocaleString(DateTime.DATE_FULL);
}
/**
* Split a string into lines of a maximum length.
*/
function splitLines(input) {
const parts = input.split(' ');
const lines = parts.reduce(function (prev, current) {
if (!prev.length) {
return [current];
}
let lastOne = prev[prev.length - 1];
if (lastOne.length + current.length > 21) {
return [...prev, current];
}
prev[prev.length - 1] = lastOne + ' ' + current;
return prev;
}, []);
return lines;
}
module.exports = {
imageShortcode,
classNamesFunction,
formatDate,
splitLines,
};