fractal.config.js

const fractal = require("@frctl/fractal").create();
const pkg = require("./package.json");

const context = {
  package: {
    name: pkg.name,
    version: pkg.version
  },
  uswds: {
    path: "../../dist"
  },
  // eslint-disable-next-line no-script-url
  placeholderLink: "javascript:void()"
};

fractal.set("project.title", `U.S. Web Design System (v${pkg.version})`);

const { components } = fractal;
components.set("ext", ".njk");
components.set("path", "src/components");
components.set("default.preview", "@uswds");
components.set("default.context", context);

// use Nunjucks as the templating engine
components.engine(
  require("@frctl/nunjucks")({
    filters: {
      jsonify: d => JSON.stringify(d, null, "  "),
      dataurl: (d, type) => `data:${type},${encodeURIComponent(d)}`
    },
    paths: ["src/components"]
  })
);

const { web } = fractal;

web.theme(
  require("@frctl/mandelbrot")({
    lang: "en-US",
    skin: "white",
    // display context data in YAML
    format: "yaml",
    // which panels to show
    panels: ["html", "notes", "view", "context", "resources", "info"],
    scripts: [
      "default",
      "https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA&subagency=TTS"
    ]
  })
);

web.set("static.path", "dist");
web.set("static.mount", "dist");
// output files to /build
web.set("builder.dest", "build");

module.exports = fractal;