feat: use Eleventy localization features and Eleventy asset processing

.eslintignore

@@ -1,2 +1,2 @@
 dist/**
-!.eleventy.js
+locales/message.js

.eslintrc.json

@@ -10,6 +10,6 @@
         "es6": true
     },
     "parserOptions": {
-        "ecmaVersion": 8
+        "ecmaVersion": 2020
     }
 }

.gitignore

@@ -1,3 +1,5 @@
+.DS_Store
+**/.DS_Store
 node_modules
 dist
 src/_data/assets.json

.husky/commit-message

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit "$1"

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint

README.md

@@ -92,20 +92,12 @@ following changes need to be made:
    to the [IETF language code](https://github.com/unicode-org/cldr-json/blob/master/cldr-json/cldr-core/availableLocales.json)
    of the desired default language.
 
-2. Add sections for the new language to [`src/_data/site.json`](src/_data/site.json) and [`src/_data/translations.json`](src/_data/translations.json),
-   translating the content from the English source. The key will always be the language code as used in `config.json`.
+2. Add a section for the new language to [`src/_data/site.json`](src/_data/site.json), translating the content from the
+   English source. The key will always be the language code as used in `config.json`.
 3. Add folders in each collection for translated content. For example, you would add a folder called `fa-IR` to
    [`src/collections/pages`](src/collections/pages) and [`src/collections/posts`](src/collections/posts).
-4. Create a localized version of the posts archive page, following the example of [`src/posts.fr-CA.md`](src/posts.fr-CA.md).
-   (Note: as per Eleventy's [default configuration](https://www.11ty.dev/docs/config/#default-template-engine-for-markdown-files),
-   Markdown files are processed with the Liquid template language. If for some reason one decides to modify this to use
-   Nunjucks or another template language, the permalink syntax in all post archive pages will need to be modified to use
-   the chosen template language.)
-5. Create a localized version of the 404 page, following the example of [`src/404.fr-CA.md`](src/404.fr-CA.md).
-   (Note: as per Eleventy's [default configuration](https://www.11ty.dev/docs/config/#default-template-engine-for-markdown-files),
-   Markdown files are processed with the Liquid template language. If for some reason one decides to modify this to use
-   Nunjucks or another template language, the permalink syntax in all post archive pages will need to be modified to use
-   the chosen template language.)
+4. Create a localized version of the posts archive page, following the example of [`src/collections/pages/fr-CA/posts.md`](src/collections/pages/fr-CA/posts.md).
+5. Create a localized version of the 404 page, following the example of [`src/collections/pages/fr-CA/404.fr.md`](src/collections/pages/fr-CA/404.fr.md).
 6. To ensure that the 404 page is displayed in the appropriate language, verify that a redirect block has been added to
    the [netlify.toml](netlify.toml) file for each language following the examples. This feature is described in
    Netlify's [redirects documentation](https://docs.netlify.com/routing/redirects/redirect-options/#custom-404-page-handling).

.eleventy.js → eleventy.config.js

@@ -12,15 +12,14 @@ https://github.com/fluid-project/trivet/raw/main/LICENSE.md.
 
 "use strict";
 
-const fs = require("fs");
-
 const fluidPlugin = require("eleventy-plugin-fluid");
+const { EleventyI18nPlugin } = require("@11ty/eleventy");
+const i18n = require("eleventy-plugin-i18n-gettext");
 const navigationPlugin = require("@11ty/eleventy-navigation");
 const rssPlugin = require("@11ty/eleventy-plugin-rss");
 const syntaxHighlightPlugin = require("@11ty/eleventy-plugin-syntaxhighlight");
 
 // Import transforms
-const htmlMinTransform = require("./src/transforms/html-min-transform.js");
 const parseTransform = require("./src/transforms/parse-transform.js");
 
 // Import data files
@@ -30,7 +29,6 @@ module.exports = function (config) {
     config.setUseGitIgnore(false);
 
     // Transforms
-    config.addTransform("htmlmin", htmlMinTransform);
     config.addTransform("parse", parseTransform);
 
     // Passthrough copy
@@ -58,39 +56,23 @@ module.exports = function (config) {
 
     // Plugins
     config.addPlugin(fluidPlugin);
+    config.addPlugin(EleventyI18nPlugin, {
+        defaultLanguage: "en-CA"
+    });
+    config.addGlobalData("defaultLanguage", "en-CA");
+    config.addGlobalData("defaultLanguageDirection", "ltr");
+    config.addPlugin(i18n);
     config.addPlugin(navigationPlugin);
     config.addPlugin(rssPlugin);
     config.addPlugin(syntaxHighlightPlugin);
 
-    // 404
-    config.setBrowserSyncConfig({
-        callbacks: {
-            ready: function (err, bs) {
-
-                bs.addMiddleware("*", (req, res) => {
-                    const content_404 = fs.readFileSync("dist/404.html");
-                    // Provides the 404 content without redirect.
-                    res.write(content_404);
-                    res.writeHead(404);
-                    res.end();
-                });
-            }
-        }
-    });
-
-    config.on("beforeBuild", () => {
-        if (!siteConfig.languages[siteConfig.defaultLanguage]) {
-            process.exitCode = 1;
-            throw new Error(`The default language, ${siteConfig.defaultLanguage}, configured in src/_data/config.json is not one of your site's supported languages.`);
-        }
-    });
-
     return {
         dir: {
             input: "src",
             output: "dist",
             includes: "_includes"
         },
-        passthroughFileCopy: true
+        passthroughFileCopy: true,
+        markdownTemplateEngine: "njk"
     };
 };

locales/fr-CA/messages.po

@@ -0,0 +1,33 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"POT-Creation-Date: 2023-07-28 11:41-0300\n"
+"PO-Revision-Date: 2023-07-28 11:41-0300\n"
+"Last-Translator: OCAD University <idrc@ocadu.ca>\n"
+"Language-Team: \n"
+"Language: fr\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 3.3.1\n"
+"X-Poedit-Basepath: ..\n"
+"X-Poedit-KeywordsList: _n:1,2;_i\n"
+"X-Poedit-SearchPath-0: messages.js\n"
+
+#: messages.js:3
+#, javascript-format
+msgid "%s RSS feed"
+msgstr "Flux RSS %s"
+
+#: messages.js:4
+msgid "menu"
+msgstr "menu"
+
+#: messages.js:5
+#, javascript-format
+msgid "The most recent posts from %s"
+msgstr "Les articles les plus récents de %s"
+
+#: messages.js:6
+msgid "posts"
+msgstr "articles"

locales/messages.js

@@ -0,0 +1,6 @@
+// WARNING! This file is generated by a tool.
+// It exists only to allow PO editors to get translation keys from source code.
+_("%s RSS feed")
+_("menu")
+_("The most recent posts from %s")
+_("posts")