fix: typo in 2023-07-28-eslint-v8.46.0-released.md

.babelrc

@@ -0,0 +1,6 @@
+{
+    "presets": [
+        "@babel/preset-react",
+        "@babel/preset-env"
+    ]
+}

.eleventy.js

@@ -0,0 +1,326 @@
+"use strict";
+
+/**
+ * @fileoverview Eleventy Configuration File
+ * @author Nicholas C. Zakas
+ */
+
+//-----------------------------------------------------------------------------
+// Requirements
+//-----------------------------------------------------------------------------
+
+const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
+const readingTime = require("eleventy-plugin-reading-time");
+const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
+const pluginRss = require("@11ty/eleventy-plugin-rss");
+const pluginTOC = require("eleventy-plugin-nesting-toc");
+const slugify = require("slugify");
+const markdownIt = require("markdown-it");
+const markdownItAnchor = require("markdown-it-anchor");
+const Image = require("@11ty/eleventy-img");
+const metascraper = require("metascraper")([
+    require("metascraper-image")(),
+    require("metascraper-logo")(),
+    require("metascraper-logo-favicon")(),
+    require("metascraper-publisher")(),
+    require("metascraper-title")(),
+    require("metascraper-description")(),
+    require("metascraper-url")()
+]);
+const got = require("got");
+const path = require("path");
+const yaml = require("js-yaml");
+const {
+    DateTime
+} = require("luxon");
+
+//-----------------------------------------------------------------------------
+// Eleventy Config
+//-----------------------------------------------------------------------------
+
+module.exports = eleventyConfig => {
+
+    // Load site-specific data
+    const siteName = process.env.ESLINT_SITE_NAME || "en";
+
+    eleventyConfig.addGlobalData("site_name", siteName);
+
+    // Support YAML data files
+    eleventyConfig.addDataExtension("yml", contents => yaml.load(contents));
+
+    // filter our draft posts in production only
+    const CONTEXT = process.env.CONTEXT;
+
+    if (CONTEXT && CONTEXT !== "deploy-preview") {
+        eleventyConfig.ignores.add("src/content/drafts/");
+    }
+
+    // Make Nunjucks more strict
+    eleventyConfig.setNunjucksEnvironmentOptions({
+        throwOnUndefined: true
+    });
+
+    /** ***************************************************************************************
+     *  Filters
+     * ***************************************************************************************/
+    eleventyConfig.addFilter("limitTo", (arr, limit) => arr.slice(0, limit));
+
+    eleventyConfig.addFilter("jsonify", variable => JSON.stringify(variable));
+
+    eleventyConfig.addFilter("slugify", str => {
+        if (!str) {
+            return "";
+        }
+
+        return slugify(str, {
+            lower: true,
+            strict: true,
+            remove: /["]/gu
+        });
+    });
+
+    eleventyConfig.addFilter("URIencode", str => {
+        if (!str) {
+            return "";
+        }
+        return encodeURI(str);
+    });
+
+    /* order collection by the order specified in the front matter */
+    eleventyConfig.addFilter("sortByPageOrder", values => values.slice().sort((a, b) => a.data.order - b.data.order));
+
+    eleventyConfig.addFilter("readableDate", dateObj => {
+
+        // turn it into a JS Date string
+        const date = new Date(dateObj);
+
+
+        // pass it to luxon for formatting
+        return DateTime.fromJSDate(date).toFormat("dd MMM, yyyy");
+    });
+
+    eleventyConfig.addFilter("blogPermalinkDate", dateObj => {
+
+        // turn it into a JS Date string
+        const date = new Date(dateObj);
+
+
+        // pass it to luxon for formatting
+        return DateTime.fromJSDate(date).toFormat("yyyy/MM");
+    });
+
+    eleventyConfig.addFilter("shortDateFromISO", isoDate => DateTime.fromISO(isoDate).toFormat("d MMM"));
+
+    eleventyConfig.addFilter("shortNumber", number => {
+
+        if (number >= 1000000) {
+            return `${(number / 1000000).toFixed(1)}M`;
+        }
+
+        if (number >= 1000) {
+            return `${(number / 1000).toFixed(1)}K`;
+        }
+
+        return number.toString();
+    });
+
+    eleventyConfig.addFilter("readableDateFromISO", isoDate => DateTime.fromISO(isoDate).toUTC().toLocaleString(DateTime.DATE_FULL));
+
+    eleventyConfig.addFilter("dollars", value => new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD"
+    }).format(value));
+
+    // parse markdown from includes, used for author bios
+    // Source: https://github.com/11ty/eleventy/issues/658
+    eleventyConfig.addFilter("markdown", value => {
+        const markdown = markdownIt({
+            html: true
+        });
+
+        return markdown.render(value);
+    });
+
+    /** ***************************************************************************************
+     *  Plugins
+     * ***************************************************************************************/
+    eleventyConfig.addPlugin(eleventyNavigationPlugin);
+    eleventyConfig.addPlugin(readingTime);
+    eleventyConfig.addPlugin(syntaxHighlight, {
+        alwaysWrapLineHighlights: true
+    });
+    eleventyConfig.addPlugin(pluginRss);
+    eleventyConfig.addPlugin(pluginTOC, {
+        tags: ["h2", "h3", "h4"],
+        wrapper: "nav", // Element to put around the root `ol`
+        wrapperClass: "c-toc", // Class for the element around the root `ol`
+        headingText: "", // Optional text to show in heading above the wrapper element
+        headingTag: "h2" // Heading tag when showing heading above the wrapper element
+    });
+
+    // add IDs to the headers
+    eleventyConfig.setLibrary("md",
+        markdownIt({
+            html: true,
+            linkify: true,
+            typographer: true
+
+        }).use(markdownItAnchor, {}).disable("code"));
+
+
+    eleventyConfig.addWatchTarget("./src/assets/");
+    eleventyConfig.addWatchTarget("./src/content/pages/");
+
+    /** ********************************************************************
+     *  Shortcodes
+     * ********************************************************************/
+    eleventyConfig.addNunjucksAsyncShortcode("link", async link => {
+        const { body: html, url } = await got(link);
+        const metadata = await metascraper({ html, url });
+        const domain = new URL(link).hostname;
+
+        return `
+        <article class="resource">
+            <div class="resource__image">
+                <img class="resource__img" width="75" height="75" src="${metadata.logo}" alt="Avatar image for ${domain}" />
+            </div>
+            <div class="resource__content">
+                <a href="${metadata.url}" class="resource__title"> ${metadata.title} </a><br>
+                <span class="resource__domain"> ${domain}</span>
+            </div>
+            <svg class="c-icon resource__icon" width="13" height="12" viewBox="0 0 13 12" fill="none">
+            <path d="M1.5 11L11.5 1M11.5 1H1.5M11.5 1V11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+        </article>`;
+    });
+
+
+    /** ***************************************************************************************
+     *  File PassThroughs
+     * ***************************************************************************************/
+
+    eleventyConfig.addPassthroughCopy({
+        "./src/static": "/"
+    });
+
+    eleventyConfig.addPassthroughCopy("./src/assets/");
+
+    eleventyConfig.addPassthroughCopy({
+        "./src/content/**/*.png": "/assets/images"
+    });
+
+    eleventyConfig.addPassthroughCopy({
+        "./src/content/**/*.jpg": "/assets/images"
+    });
+
+    eleventyConfig.addPassthroughCopy({
+        "./src/content/**/*.jpeg": "/assets/images"
+    });
+
+    eleventyConfig.addPassthroughCopy({
+        "./src/content/**/*.svg": "/assets/images"
+    });
+
+    eleventyConfig.addPassthroughCopy({
+        "./src/content/**/*.mp4": "/assets/videos"
+    });
+
+    eleventyConfig.addPassthroughCopy({
+        "./src/content/**/*.pdf": "/assets/documents"
+    });
+
+    eleventyConfig.addPassthroughCopy({
+        "./node_modules/algoliasearch/dist/algoliasearch-lite.esm.browser.js": "/assets/js/algoliasearch.js"
+    });
+
+
+    /** ***************************************************************************************
+     *  Collections
+     * ***************************************************************************************/
+
+    eleventyConfig.addCollection(
+        "blogposts",
+        require("./src/_11ty/collections/blogposts.js")
+    );
+
+    // blogposts unique categories
+    eleventyConfig.addCollection(
+        "blogCategories",
+        require("./src/_11ty/collections/blogpostsCategories.js")
+    );
+
+    // blogposts by categories
+    eleventyConfig.addCollection(
+        "blogpostsByCategories",
+        require("./src/_11ty/collections/blogpostsByCategories.js")
+    );
+
+
+    eleventyConfig.addCollection("library", collection => collection
+        .getFilteredByGlob("./src/content/library/**/*.md")
+        .sort((a, b) => a.data.title.localeCompare(b.data.title)));
+
+    // START, eleventy-img
+    function imageShortcode(src, alt, cls, sizes = "(max-width: 768px) 100vw, 50vw") {
+
+        const options = {
+            widths: [600, 900, 1500],
+            formats: ["webp", "jpeg"],
+            urlPath: "/assets/images/",
+            outputDir: "./_site/assets/images/",
+            filenameFormat: (id, source, width, format) => {
+                const extension = path.extname(source);
+                const name = path.basename(source, extension);
+
+                return `${name}-${width}w.${format}`;
+            }
+        };
+
+        function getSRC() {
+            if (src.indexOf("http://") === 0 || src.indexOf("https://") === 0) {
+                return src;
+            }
+
+            // for convenience, you only need to use the image's name in the shortcode,
+            // and this will handle appending the full path to it
+            return path.join("./src/assets/images/", src);
+        }
+
+        const fullSrc = getSRC();
+
+        // generate images
+        Image(fullSrc, options); // eslint-disable-line new-cap
+
+        const imageAttributes = {
+            alt,
+            class: cls,
+            sizes,
+            loading: "lazy",
+            decoding: "async"
+        };
+
+        // get metadata
+        const metadata = Image.statsSync(fullSrc, options);
+
+        return Image.generateHTML(metadata, imageAttributes);
+    }
+    eleventyConfig.addShortcode("image", imageShortcode);
+
+    // END, eleventy-img
+
+    return {
+        passthroughFileCopy: true,
+
+        markdownTemplateEngine: "njk",
+        dataTemplateEngine: "njk",
+        htmlTemplateEngine: "njk",
+
+        dir: {
+            input: "src",
+            includes: "_includes",
+            layouts: "_includes/layouts",
+            data: "_data",
+            output: "_site"
+        }
+    };
+};

.eleventyignore

@@ -0,0 +1,7 @@
+node_modules
+src/playground
+LICENSE
+package-lock.json
+package.json
+README.md
+webpack.config.js

.eslintignore

@@ -0,0 +1,8 @@
+node_modules
+_site
+src/assets/js
+src/_data
+src/_11ty
+tools/
+!.eleventy.js
+!.eslintrc.js