.eleventy.js

const fs = require("fs");
const path = require("path");

const isDev = process.env.APP_ENV === "development";

const manifestPath = path.resolve(__dirname, "dist", "manifest.json");
const manifest = isDev ? {
  "main.css": "assets/css/bundle.css",
  "main.js": "assets/js/bundle.js",
  "assets/favicon.png": "assets/favicon.png",
} : JSON.parse(fs.readFileSync(manifestPath, { encoding: "utf8" }));

module.exports = function (eleventyConfig) {

  eleventyConfig.addLayoutAlias("base", "base.njk");

  eleventyConfig.addShortcode("bundledCss", function () {
    return manifest["main.css"]
      ? `<link href="${manifest["main.css"]}" rel="stylesheet" />`
      : "";
  });
 
  eleventyConfig.addShortcode("xtermCss", function () {
    return `<link href="assets/css/xterm.css" rel="stylesheet" />`;
  });

  eleventyConfig.addShortcode("spinCss", function () {
    return `<link href="assets/css/spin.css" rel="stylesheet" />`;
  });

  eleventyConfig.addShortcode("bundledJs", function () {
    return manifest["main.js"]
      ? `<script src="${manifest["main.js"]}"></script>`
      : "";
  });

  eleventyConfig.addShortcode("bundledIco", function () {
    return manifest["main.js"]
      ? `<link rel="icon" href="${manifest["assets/favicon.png"]}" type="image/png" />`
      : "";
  });

  eleventyConfig.addPassthroughCopy({ "src/assets/public": "assets" });

  eleventyConfig.addPassthroughCopy({ "node_modules/xterm/css/xterm.css": "assets/css/xterm.css" });
  
  eleventyConfig.addPassthroughCopy({ "node_modules/spin.js/spin.css": "assets/css/spin.css" });

  eleventyConfig.setBrowserSyncConfig({ files: ["src/includes/*.njk", "dist/assets/**/*"] });

  return {
    dir: {
      input: 'src',
      output: 'dist',
      includes: 'includes',
      layouts: 'layouts',
      data: 'data',
    },
  };
};