118 lines
3.6 KiB
JavaScript
118 lines
3.6 KiB
JavaScript
const htmlmin = require("html-minifier");
|
|
const rimraf = require("rimraf");
|
|
const cleancss = require("clean-css");
|
|
|
|
module.exports = function (eleventyConfig) {
|
|
// delete contents of public to ensure removed files are removed from the final build
|
|
rimraf.windows.sync("public/")
|
|
|
|
eleventyConfig.addPassthroughCopy("./src/_assets/css");
|
|
eleventyConfig.addPassthroughCopy("./src/_assets/img");
|
|
eleventyConfig.addPassthroughCopy("./src/_assets/fonts");
|
|
eleventyConfig.addPassthroughCopy("./src/_assets/js");
|
|
|
|
eleventyConfig.addShortcode("albumtile", function (title, embedLink, coverImage) {
|
|
// hugely overcomplicated universal slug method
|
|
var slug = title
|
|
.toLowerCase()
|
|
.trim()
|
|
// remove accents
|
|
.normalize('NFD')
|
|
.replace(/[\u0300-\u036f]/g, '')
|
|
// replace invalid characters with spaces
|
|
.replace(/[^a-z0-9\s-]/g, ' ')
|
|
.trim()
|
|
// replace multiple spaces or hyphens with a hyphen
|
|
.replace(/[\s-]+/g, '-');
|
|
|
|
return `<div>
|
|
<a class="hide" href="${embedLink}" target="${slug}">
|
|
<img class="album-tile-cover-image" src="${coverImage}">
|
|
</a>
|
|
<iframe class="album-tile-iframe" name="${slug}" src="about:blank" seamless></iframe>
|
|
<b>${title}</b>
|
|
</div>`
|
|
});
|
|
|
|
// make a list of all tags besides "post" and add them to the collection
|
|
eleventyConfig.addCollection("tagsList", function (collectionApi) {
|
|
const tagsList = new Set();
|
|
collectionApi.getAll().map(item => {
|
|
if (item.data.tags) { // handle pages that don't have tags
|
|
item.data.tags.map(tag => {
|
|
if (tag != "post") {
|
|
tagsList.add(tag)
|
|
}
|
|
})
|
|
}
|
|
});
|
|
const sortedTagsList = new Set(Array.from(tagsList).sort());
|
|
return sortedTagsList;
|
|
});
|
|
|
|
// limit filter
|
|
eleventyConfig.addFilter("limit", function (array, limit) {
|
|
return array.slice(0, limit);
|
|
});
|
|
|
|
// minify all html files
|
|
eleventyConfig.addTransform("htmlmin", function (content) {
|
|
if (this.page.outputPath && this.page.outputPath.endsWith(".html")) {
|
|
let minified = htmlmin.minify(content, {
|
|
useShortDoctype: true,
|
|
removeComments: true,
|
|
collapseWhitespace: true
|
|
});
|
|
return minified;
|
|
}
|
|
return content;
|
|
});
|
|
|
|
// clean and inline all css files
|
|
eleventyConfig.addFilter("cssmin", function (code) {
|
|
return new cleancss({}).minify(code).styles;
|
|
});
|
|
|
|
// // the below three configs allow for excluding files from builds using draft: true
|
|
// // https://www.11ty.dev/docs/quicktips/draft-posts/
|
|
// When `permalink` is false, the file is not written to disk
|
|
eleventyConfig.addGlobalData("eleventyComputed.permalink", function () {
|
|
return (data) => {
|
|
// Always skip during non-watch/serve builds
|
|
if (data.draft && !process.env.BUILD_DRAFTS) {
|
|
return false;
|
|
}
|
|
|
|
return data.permalink;
|
|
}
|
|
});
|
|
|
|
// When `eleventyExcludeFromCollections` is true, the file is not included in any collections
|
|
eleventyConfig.addGlobalData("eleventyComputed.eleventyExcludeFromCollections", function () {
|
|
return (data) => {
|
|
// Always exclude from non-watch/serve builds
|
|
if (data.draft && !process.env.BUILD_DRAFTS) {
|
|
return true;
|
|
}
|
|
|
|
return data.eleventyExcludeFromCollections;
|
|
}
|
|
});
|
|
|
|
eleventyConfig.on("eleventy.before", ({ runMode }) => {
|
|
// Set the environment variable
|
|
if (runMode === "serve" || runMode === "watch") {
|
|
process.env.BUILD_DRAFTS = true;
|
|
}
|
|
});
|
|
|
|
return {
|
|
passthroughFileCopy: true,
|
|
markdownTemplateEngine: "njk",
|
|
dir: {
|
|
input: "src",
|
|
output: "public",
|
|
includes: "_includes",
|
|
},
|
|
};
|
|
}; |