-
Notifications
You must be signed in to change notification settings - Fork 0
/
.eleventy.js
153 lines (139 loc) · 4.72 KB
/
.eleventy.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
const package = require("./package.json")
const site = require("./src/_data/site.json")
const { DateTime } = require("luxon")
const Image = require("@11ty/eleventy-img")
const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight")
const { feedPlugin } = require("@11ty/eleventy-plugin-rss")
const config = {
dir: {
input: "src",
output: "dist",
},
markdownTemplateEngine: "njk",
dataTemplateEngine: "njk",
htmlTemplateEngine: "njk",
}
// inspired by https://github.com/11ty/eleventy/issues/927#issuecomment-627703544
const getAllTags = collections => {
const tags = collections
.getAll()
.reduce((tags, item) => tags.concat(item.data.tags), [])
.filter(tag => !!tag && !["posts", "all"].includes(tag))
.sort()
return Array.from(new Set(tags)).map(tag => ({
title: tag,
count: collections.getFilteredByTag(tag).length,
}))
}
// inspired by https://github.com/JKC-Codes/eleventy-plugin-time-to-read
const getPlainText = content => {
const html = content.templateContent || content
if (typeof html !== "string") {
throw new Error("Time-to-read's input must be a string or template")
}
// Remove html
const htmlTags = String.raw`<\/?[a-z0-9]+\b[^>]*>`
//Regex = '<!--' + the minimal amount of 0 or more characters + '-->'
const htmlComments = String.raw`<!--[^]*?-->`
// Regex = htmlTags or htmlComments
return html.replace(
new RegExp(String.raw`${htmlTags}|${htmlComments}`, "gi"),
"",
)
}
const getReadTime = content => {
const rawText = getPlainText(content)
const wpm = 265 // based on medium https://help.medium.com/hc/en-us/articles/214991667-Read-time
const words = rawText.trim().split(/\s+/).length
const time = Math.ceil(words / wpm)
return time
}
module.exports = function (eleventyConfig) {
// css loading
eleventyConfig.setBrowserSyncConfig({
files: `./${config.dir.output}/css/**/*.css`,
})
// js/image loading
eleventyConfig.addPassthroughCopy(`./${config.dir.input}/global.js`)
eleventyConfig.addPassthroughCopy(`./${config.dir.input}/static`)
eleventyConfig.addNunjucksAsyncShortcode("image", async (src, alt, sizes) => {
const metadata = await Image(`./${config.dir.input}/assets/${src}`, {
outputDir: `./${config.dir.output}/assets/`,
urlPath: "/assets/",
formats: ["auto"],
widths: ["auto"],
dryRun: src.endsWith(".svg"),
})
const imageAttributes = {
alt,
sizes,
loading: "lazy",
decoding: "async",
}
if (metadata.svg) {
return metadata.svg[0].buffer.toString()
}
// You bet we throw an error on a missing alt (alt="" works okay)
return Image.generateHTML(metadata, imageAttributes)
})
// custom collections
eleventyConfig.addCollection("tagList", getAllTags)
// template helpers (shortcodes and filters)
eleventyConfig.addShortcode("year", () => `${new Date().getFullYear()}`)
eleventyConfig.addShortcode("version", () => package.version)
eleventyConfig.addFilter("limit", (array, limit) => array.slice(0, limit))
eleventyConfig.addFilter("timeToRead", getReadTime)
eleventyConfig.addFilter("postDate", date =>
DateTime.fromJSDate(date).toLocaleString(DateTime.DATE_MED),
)
eleventyConfig.addFilter("exclude", (collection, stringToFilter) => {
if (!stringToFilter) {
return collection
}
return (collection ?? []).filter(item => item !== stringToFilter)
})
const shouldHide = ({ date, draft }) => {
// Always skip during non-watch/serve builds
if (process.env.BUILD_DRAFTS) {
return false
}
// hide drafts and future posts
return draft || (date && date.getTime() > Date.now())
}
// When `permalink` is false, the file is not written to disk
eleventyConfig.addGlobalData(
"eleventyComputed.permalink",
() => data => (shouldHide(data) ? false : data.permalink),
)
// When `eleventyExcludeFromCollections` is true, the file is not included in any collections
eleventyConfig.addGlobalData(
"eleventyComputed.eleventyExcludeFromCollections",
() => data =>
shouldHide(data) ? true : data.eleventyExcludeFromCollections,
)
eleventyConfig.on("eleventy.before", ({ runMode }) => {
// Set the environment variable
if (runMode === "serve" || runMode === "watch") {
process.env.BUILD_DRAFTS = true
}
})
eleventyConfig.addPlugin(syntaxHighlight)
eleventyConfig.addPlugin(feedPlugin, {
type: "atom", // or "rss", "json"
outputPath: "/feed.xml",
collection: {
name: "posts", // iterate over `collections.posts`
limit: 10, // 0 means no limit
},
metadata: {
language: "en",
title: site.name,
subtitle: site.summary,
base: site.url,
author: {
name: site.author.name,
},
},
})
return config
}