XYZ Site - Day 13 - Setting up a share button as an eleventy plugin.

Project Scope and ToDos

1. Create a versatile blog site
2. Create a framework that makes it easy to add external data to the site

• Give the site the capacity to replicate the logging and rating I do on Serialized and Letterboxd.
• Be able to pull down RSS feeds from other sites and create forward links to my other sites
• Create forward links to sites I want to post about.
• Create a way to pull in my Goodreads data and display it on the site
• Create a way to automate pulls from other data sources
• Combine easy inputs like text lists and JSON data files with markdown files that I can build on top of.
• Add a TMDB credit to footer in base.njk
• Make sure tags do not repeat in the displayed tag list.
• Get my Kindle Quotes into the site
• YouTube Channel Recommendations
• Minify HTML via Netlify plugin.
• Log played games

Day 13

After thinking about it some more I'm realizing the easiest thing is to turn this into a Eleventy plugin. So I'm going to restructure it that way.

Let's start with a quick template for the eleventy.config.js file:

Skip code block ▼

export default function (eleventyConfig, options = {}) {
	let options = Object.assign({
		defaultUtms: []
	}, options);

	eleventyConfig.addPlugin(function(eleventyConfig) {
		// I am a plugin!
	});
};

Oh right, I'm in CJS, I gotta restructure:

Skip code block ▼

const { activateShortcodes } = require("./lib/shortcodes");

module.exports = {
  configFunction: function (eleventyConfig, options = {}) {
    options = Object.assign({
      defaultUtms: [],
      defaultShareText: "Share this post",
      domain: ""
    }, options);

    eleventyConfig.addPlugin(function(eleventyConfig) {
      // I am a plugin!
      activateShortcodes(eleventyConfig, options);
    });
  },
}

The button will need styles. For now I'm going to embed that together with the button supplied by the shortcode.

git commit -am "Set up share button, still needs styling"