-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
eleventy.config.js
133 lines (115 loc) · 3.8 KB
/
eleventy.config.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
import fetch from "@11ty/eleventy-fetch";
import pluginWebc from "@11ty/eleventy-plugin-webc";
import { eleventyImagePlugin } from "@11ty/eleventy-img";
import * as calendarLink from "calendar-link";
export default function(eleventyConfig) {
eleventyConfig.setServerOptions({
domDiff: false
});
eleventyConfig.addJavaScriptFunction("displayUrl", (rawUrl) => {
try {
let u = new URL(rawUrl);
return u.hostname + (u.pathname !== "/" ? u.pathname : "");
} catch(e) {
return rawUrl;
}
});
eleventyConfig.addJavaScriptFunction("displayDateTime", (raw) => {
try {
raw = raw.trim();
if(!raw.endsWith("Z")) {
return raw;
}
let [date, time] = raw.split("T");
return time.slice(0, 5) + " UTC";
} catch(e) {
return raw;
}
});
eleventyConfig.addJavaScriptFunction("addSessionToCalendarUrl", (type, session) => {
if(type !== "google" && type !== "ics" && type !== "outlook" && type !== "office365" && type !== "yahoo") {
throw new Error("Invalid type for `addToCalendarUrl`: " + type );
}
const slugify = eleventyConfig.getFilter("slugify");
let { title, description } = session;
let { start, end } = session.datetime;
let url = session.url || `https://conf.11ty.dev/2024/${slugify(session.slugTitle || session.title)}/`;
return calendarLink[type]({
title: session.authors ? `11ty Conference: ${title}—${session.authors.map(author => author.name).join(", ")}` : title,
description: `${url}
${description}`,
start,
end,
location: "https://www.youtube.com/watch?v=iLxJ6PtuF9M"
})
});
eleventyConfig.addJavaScriptFunction("fetchGoogleFontsCss", async (cssUrl) => {
try {
let css = await fetch(cssUrl, {
duration: "1d",
type: "text",
fetchOptions: {
headers: {
"user-agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36"
}
}
});
return css;
} catch(e) {
console.log( `Failed getting Google Fonts CSS (${cssUrl})`, e );
return "";
}
});
// Thanks to https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array
function randomizeArray(arr) {
let a = arr.slice(0);
for (let i = a.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[a[i], a[j]] = [a[j], a[i]];
}
return a;
}
eleventyConfig.addJavaScriptFunction("shuffle", (arr) => {
if (Array.isArray(arr)) {
return randomizeArray(arr);
}
throw new Error("Array expected in `shuffle` filter");
});
eleventyConfig.addPlugin(pluginWebc, {
components: [
"src/_components/**/*.webc",
"npm:@11ty/eleventy-img/*.webc",
]
});
eleventyConfig.addWatchTarget("src/_components/**/*.css");
eleventyConfig.addWatchTarget("src/public/*.css");
eleventyConfig.addPassthroughCopy({
"_routes.json": "_routes.json",
"src/public/*": "/public/",
"node_modules/@11ty/logo/assets/logo-bg.svg": "/public/logo.svg",
"node_modules/@zachleat/browser-window/browser-window.js": "/public/browser-window.js",
"node_modules/@zachleat/throbber/throbber.js": "/public/throbber.js",
"node_modules/@zachleat/webcare-webshare/webcare-webshare.js": "/public/webcare-webshare.js",
"node_modules/@zachleat/hypercard/hypercard.js": "/public/hypercard.js",
"node_modules/lite-youtube-embed/src/lite-yt-embed.css": "/public/lite-yt-embed.css",
"node_modules/lite-youtube-embed/src/lite-yt-embed.js": "/public/lite-yt-embed.js",
"src/_components/global.css": "/public/global.css",
});
eleventyConfig.addPassthroughCopy("robots.txt");
eleventyConfig.addPassthroughCopy("_redirects");
// Image plugin
eleventyConfig.addPlugin(eleventyImagePlugin, {
// Set global default options
formats: ["avif", "webp", "png"],
urlPath: "/public/built/",
defaultAttributes: {
loading: "lazy",
decoding: "async"
}
});
return {
dir: {
input: "src",
}
}
};