Update to fractal.config file

Author: thisisdano

fractal.config.js

@@ -0,0 +1,53 @@
+"use strict";
+const pkg = require("./package.json");
+const path = require("path");
+const fractal = require("@frctl/fractal").create();
+
+const context = {
+  package: {
+    name: pkg.name,
+    version: pkg.version
+  },
+  uswds: {
+    path: "../../dist"
+  }
+};
+
+fractal.set("project.title", `U.S. Web Design System (v${pkg.version})`);
+
+const components = fractal.components;
+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;
+
+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"]
+  })
+);
+
+web.set("static.path", "dist");
+web.set("static.mount", "dist");
+// output files to /build
+web.set("builder.dest", "build");
+
+module.exports = fractal;

spec/chrome-fractal-tester.js

@@ -2,7 +2,7 @@ const os = require("os");
 const urlParse = require("url").parse;
 const chromeLauncher = require("chrome-launcher");
 const CDP = require("chrome-remote-interface");
-const fractal = require("../fractal");
+const fractal = require("../fractal.config");
 
 const { REMOTE_CHROME_URL } = process.env;
 const HOSTNAME = REMOTE_CHROME_URL ? os.hostname().toLowerCase() : "localhost";
@@ -63,7 +63,7 @@ const getChrome = REMOTE_CHROME_URL ? getRemoteChrome : launchChromeLocally;
 const server = fractal.web.server({ sync: false });
 
 // eslint-disable-next-line no-param-reassign, no-return-assign
-const autobind = self => name => self[name] = self[name].bind(self);
+const autobind = self => name => (self[name] = self[name].bind(self));
 
 class ChromeFractalTester {
   constructor() {

spec/delayed-root-suite.js

@@ -9,7 +9,7 @@
 // prerequistes needed for test collection to work. That's what
 // this file is for.
 
-const fractal = require("../fractal");
+const fractal = require("../fractal.config");
 
 exports.fractalLoad = fractal.components.load();