.eleventy.js

const { EleventyI18nPlugin } = require("@11ty/eleventy"); 
const CleanCSS = require("clean-css");
const htmlmin = require("html-minifier");
const cagovBuildSystem = require("@cagov/11ty-build-system");
const config = require("./config/index.js");
const {
  copyFolderRecursiveSync,
} = require("./src/js/eleventy/sync-static-content.js");
const {
  renderPostLists,
  renderWordpressPostTitleDate,
  setDefaultAttributes,
} = require("./src/js/eleventy/post-list/render.js");
const { renderEventLists } = require("./src/js/eleventy/event-list/render.js");
const {
  pagePath,
  relativePath,
  i18n,
} = require("./src/js/eleventy/filters.js");

module.exports = function eleventyBuild(eleventyConfig) {
  eleventyConfig.htmlTemplateEngine = "njk";

  // Copy content from static bundle to gitignored folder in 11ty directory for local processing
  eleventyConfig.setUseGitIgnore(false);
  copyFolderRecursiveSync(
    config.staticContentPaths.posts,
    config.build.eleventy_content
  );

  copyFolderRecursiveSync(
    config.staticContentPaths.pages,
    config.build.eleventy_content
  );

  copyFolderRecursiveSync(
    config.staticContentPaths.menu,
    config.build.eleventy_content
  );

  copyFolderRecursiveSync(
    config.staticContentPaths.redirects,
    config.build.eleventy_content
  );

  // Register ca.gov 11ty build system.
  eleventyConfig.addPlugin(cagovBuildSystem, {
    processors: {
      sass: {
        watch: ["src/css/**", "src/components/**"],
        output: "dist/index.css",
        options: {
          file: "src/css/index.scss",
          includePaths: ["./src/css"],
        },
      },
      esbuild: {
        watch: ["src/js/**", "src/js/**/*"],
        options: {
          entryPoints: ["src/js/index.js"],
          bundle: true,
          minify: true,
          outfile: "dist/site.js",
        },
      },
    },
  });

  eleventyConfig.setBrowserSyncConfig({
    notify: true,
    watch: true,
  });
  
  // https://www.11ty.dev/docs/plugins/i18n/ canary version docs
  eleventyConfig.addPlugin(EleventyI18nPlugin, {
    // any valid BCP 47-compatible language tag is supported
    defaultLanguage: "en",
  });

  // 11ty filters:
  eleventyConfig.addFilter(
    "cssmin",
    (code) => new CleanCSS({}).minify(code).styles
  );
  eleventyConfig.addFilter("i18n", i18n);
  eleventyConfig.addFilter("pagePath", pagePath);
  eleventyConfig.addFilter("relativePath", relativePath);

  // Used in announcements.njk
  eleventyConfig.addFilter("displayPostInfo", (item) => 
    renderWordpressPostTitleDate(item.data, setDefaultAttributes())
  );

  eleventyConfig.addTransform("htmlTransforms", (html, outputPath) => {
    // !outputPath || // Do we really need this??
    if (outputPath.endsWith(".html")) {
      // Render post-list components
      if (html.includes("cagov-post-list")) {
        html = renderPostLists(html);
      }

      // Render posts with event web component
      if (html.includes("cagov-event-post-list")) {
        html = renderEventLists(html);
      }

      // Remove WP auto-lazy images for the homepage banner.
      if (html.includes('<img loading="lazy" class="cagov-featured-image"')) {
        html = html.replace(
          '<img loading="lazy" class="cagov-featured-image"',
          '<img class="cagov-featured-image"'
        );
      }

      // Replace any domain from replace list with the canonical url for the current build.
      // For this cannabis.ca.gov instance, there are multiple URL sources coming from different backend systems
      config.build.replace_urls.forEach((rootPath) => {
        /* the old code below was replacing the rootPath in the entire html, 
           and skipping pages that contained mixed media and non-media URLs */
        /* if (html !== undefined && html.includes(rootPath)  && !html.includes('wp-content/uploads') ) {
          console.log("Replacing rootPath: " + rootPath + " with: " + config.build.canonical_site_url);
          html = html.replace(
            new RegExp(rootPath, "g"),
            config.build.canonical_site_url
          );
        } */

        /* I've modified the code to examine the URLs individually */
        if (html !== undefined && html.includes(rootPath) /* && !html.includes('wp-content/uploads') */) {
          // Split the HTML by anchor tags (<a>...</a>)
          const anchorTags = html.split(/(<a.*?<\/a>)/);
          // Loop through each anchor tag and replace links one at a time
          for (let i = 0; i < anchorTags.length; i++) {
            const anchorTag = anchorTags[i];
      
            // Check if the current element is an anchor tag
            if (anchorTag.includes('<a')) {
              // Extract the href attribute value from the anchor tag
              const hrefMatch = anchorTag.match(/href="([^"]*)"/);
              if (hrefMatch && hrefMatch[1]) {
                const hrefValue = hrefMatch[1];
      
                // Skip if the rootPath is not in the URL or if it is a media URL, which should not be transformed
                if (!hrefValue.includes(rootPath) || hrefValue.includes('wp-content/uploads')) {
                  continue;
                }
                // Replace the rootPath with the new URL from config.build.canonical_site_url
                const newHrefValue = hrefValue.replace(new RegExp(rootPath, "g"), config.build.canonical_site_url);
      
                // Replace the old href attribute value with the new one
                const updatedAnchorTag = anchorTag.replace(hrefValue, newHrefValue);
                // debugging
                console.log("Replacing: " + hrefValue + " with: " + newHrefValue);
      
                // Replace the original anchor tag in the anchorTags array with the updated one
                anchorTags[i] = updatedAnchorTag;
              }
            }
          }
      
          // Join the updated anchor tags back into a single string
          html = anchorTags.join('');
        }

        return false;
      });

      // // jbum - not needed for offload
      // // Read a list of full media paths for any links that should be relative to this instance.
      // // Replace with the local media folder.
      // // Note: do not change the media folder without a corresponding update to the redirects (using Redirection plugin in editor).
      // config.build.media_replace_urls.forEach((mediaPath) => {
      //   if (html !== undefined && html.includes(mediaPath)) {
      //     html = html.replace(
      //       new RegExp(mediaPath, "g"),
      //       `/${config.build.docs_media}/`
      //     );
      //   }
      //   return false;
      // });

      // // jbum - not needed for offload
      // // Patch for glitch/issue with absolute url permalinks for og meta - likely resulting from custom eleventy absolutePath filter
      // if (html !== undefined && html.includes("//wp-content/uploads/")) {
      //   html = html.replace(
      //     new RegExp("//wp-content/uploads/", "g"),
      //     `/${config.build.docs_media}/`
      //   );
      // }
      
      // Minify HTML
      html = htmlmin.minify(html, {
        useShortDoctype: true,
        removeComments: true,
        collapseWhitespace: true,
      });
    }
    return html;
  });

  // Copy media assets folder from static site to built site
  // 11ty copy assets
  eleventyConfig.addPassthroughCopy({ "src/assets/": "assets" });
  eleventyConfig.addPassthroughCopy({ "src/css/fonts/": "fonts" }); // Required location by cagov code
  // // jbum - not needed for offload
  // eleventyConfig.addPassthroughCopy({
  //   [config.staticContentPaths.media]: config.build.docs_media,
  // });
  eleventyConfig.addPassthroughCopy({ "dist/*": "/" });

  return {
    htmlTemplateEngine: "njk",
    markdownTemplateEngine: "md",
    templateFormats: ["html", "njk", "11ty.js", "md"],
    dir: {
      input: config.build.eleventy_input,
      output: config.build.eleventy_output,
      layouts: config.build.eleventy_layouts,
    },
  };
};