.eleventy.js

const cagovBuildSystem = require("@cagov/11ty-build-system");
const linkedom = require("linkedom");
const pluginRss = require("@11ty/eleventy-plugin-rss");
const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
const fs = require('fs');

module.exports = function (eleventyConfig) {
  eleventyConfig.htmlTemplateEngine = "njk";
  const wordpressImagePath = "img/wordpress";

  eleventyConfig.addPlugin(pluginRss);
  eleventyConfig.addPlugin(eleventyNavigationPlugin);
  eleventyConfig.addPlugin(cagovBuildSystem, {
    processors: {
      sass: {
        watch: ["src/css/**/*"],
        output: "_site_dist/index.css",
        minify: true,
        options: {
          file: "src/css/index.scss",
          includePaths: ["./src/css/sass"],
          quietDeps: true,
          silenceDeprecations: ["import"],
        },
      },
      esbuild: [
        {
          watch: ["src/js/**/*"],
          options: {
            entryPoints: ["src/js/index.js"],
            bundle: true,
            minify: true,
            outfile: "_site_dist/built.js",
          },
        },
      ],
    },
  });

  eleventyConfig.addPassthroughCopy({ "wordpress/media": wordpressImagePath });
  eleventyConfig.addPassthroughCopy({ "src/img": "img" });
  eleventyConfig.addPassthroughCopy({ "src/pdf": "pdf" });
  eleventyConfig.addPassthroughCopy({ "src/css/fonts": "fonts" });

  eleventyConfig.addTransform("modify-html", function (content) {
    if (this.page.outputPath.endsWith(".html")) {
      // Remove WP auto-lazy images for the homepage banner.
      if (content.includes("<img loading=\"lazy\" class=\"cagov-featured-image\"")) {
        content = content.replace(
          "<img loading=\"lazy\" class=\"cagov-featured-image\"",
          "<img class=\"cagov-featured-image\"" 
        );
      }
      // Replace Wordpress media paths with correct 11ty output path.
      const regexPattern = `http[^"']+?pantheonsite\.io/wp-content/uploads/`;
      content = content.replace(new RegExp(regexPattern, 'g'), `/${wordpressImagePath}/`);
    }

    return content;
  });

  eleventyConfig.addCollection("dateSort", function (collections) {
    return collections.getFilteredByTag("news")
      .sort(function (a, b) {
        return new Date(a.data.publishdate) - new Date(b.data.publishdate);
      })
      .reverse();
  });

  eleventyConfig.addFilter("dateformat", function (dateString) {
    const d = new Date(dateString);
    return `${d.getMonth() + 1}/${d.getDate()}/${d.getFullYear()}`;
  });

  eleventyConfig.addFilter("dateyear", function (dateString) {
    const d = new Date(dateString);
    return d.getFullYear();
  });

  eleventyConfig.addFilter("fixEntities", function (str) {
    // convert specific entities which wordpress is providing incorrectly to specific UTF-8 chars
    const map = {
      "&#2d;": "-",
      "&#x2d;": "-",
      "'s": "’s",
      "'t": "’t",
      "'n": "’n",
      "&#x27;": "’",
      "&#8217;": "’",
      "&#33;": "!",
      "&#63;": "?",
      "&#44;": ",",
      "&#35;": "#",
      "&#36;": "$",
      "&#38;": "&",
      "&#40;": "(",
      "&#41;": ")",
    };
    for (const key in map) {
      if (Object.prototype.hasOwnProperty.call(map, key)) {
        str = str.replace(new RegExp(key, 'g'), map[key]);
      }
    }
    return str;
  });


  eleventyConfig.addFilter('includes', (items, value) => {
    return (items || []).includes(value);
  });

  eleventyConfig.addFilter("repairMetaImage", (url) => {
    return url.replace("https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/", "https://innovation.ca.gov/img/wordpress/");
  });

  eleventyConfig.addFilter("changeDomain", function (url, domain) {
    try {      
      let host = config.build.canonical_url.split("//"); // TEMP Cheat to get https
      let changedUrl = url;
      // There are multiple strings that we may need to replace because of how we merge and work with data. Use them.
      config.build.replace_urls.map((item) => {
        changedUrl = changedUrl.replace(item, host[0] + "//" + domain);
      });
      changedUrl = changedUrl.replace('test-digital-ca-gov.pantheonsite.io', host[0] + "//" + 'development.digital.ca.gov');
      return changedUrl;
    } catch {
      return url;
    }
  });

  eleventyConfig.on("eleventy.after", async ({ results }) => {
    // Generate map of all HTML files for tests.
    const files = results.map((r) => {
      const { content, ...paths } = r;
      return paths;
    });

    const htmlFiles = files.filter((p) => p?.outputPath?.endsWith(".html"))
          .filter((p) => !p?.outputPath?.includes("par-statistics"));

    // Add modification dates from sidecar JSON files.
    const htmlFilesWithDates = htmlFiles.map((entry) => {
      const sidecarPath = entry.inputPath.replace(/\.html$/, '.json');
      let modified = null;
      try {
        if (fs.existsSync(sidecarPath)) {
          const sidecar = JSON.parse(fs.readFileSync(sidecarPath, 'utf8'));
          if (sidecar?.data?.modified_gmt) {
            modified = sidecar.data.modified_gmt;
          }
        }
      } catch {
        // If sidecar can't be read, leave modified as null.
      }
      return { ...entry, modified };
    });

    const htmlFileJson = JSON.stringify(htmlFilesWithDates, null, 2);

    fs.writeFileSync("./_site_dist/allFiles.json", htmlFileJson, "utf8");
  });

  return {
    htmlTemplateEngine: "njk",
    markdownTemplateEngine: "md",
    templateFormats: ["html", "njk", "11ty.js", "md"],
    dir: {
      input: "pages",
      output: "_site",
    },
  };
};