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
|
import { formatDate, getTimestamp } from "./util/timestamp";
import BuildInfo from "../config.json";
import Image from "@11ty/eleventy-img";
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export default function (config: any) {
// passthrough static files to public
config.addPassthroughCopy({
"./src/static/": "/",
});
// hook in configured build time for GH action to update
config.addGlobalData("site", () => BuildInfo);
config.addGlobalData("buildTimeEncoded", () => {
return getTimestamp(Number(BuildInfo.version));
});
// images
config.addShortcode(
"image",
async (
src: string,
alt: string,
sizes: string,
width: number,
height: number | undefined,
) => {
let metadata = await Image(src, {
widths: [width, 550, "auto"],
formats: ["webp", "png"],
urlPath: "/images/",
outputDir: "./public/images/",
});
let url = metadata.png?.[0].url ?? "";
return `<picture>
${Object.values(metadata)
.map((imageFormat) => {
return ` <source type="${imageFormat[0].sourceType}" srcset="${imageFormat
.map((entry) => entry.srcset)
.join(", ")}" sizes="${sizes}">`;
})
.join("\n")}
<img src="${url}" width="${width}" height="${height ?? width}" alt="${alt}">
</picture>`;
},
);
// add `date` filter
config.addFilter("formatDate", formatDate);
// ensure eleventy marks this config as watched, since it's typescript
config.addWatchTarget("./src/config.ts");
return {
templateFormats: ["njk", "html"],
htmlTemplateEngine: "njk",
dir: {
input: "src/pages",
includes: "../templates",
output: "public",
},
};
}
|
