fractal.config.js

const path = require('path');

const paths = {
  build: path.join(__dirname, 'www'),
  src: path.join(__dirname, 'src'),
  static: path.join(__dirname, 'tmp')
};

const fractal = require('@frctl/fractal').create();

const mandelbrot = require('@frctl/mandelbrot')({
  favicon: '/assets/icons/icon.ico',
  lang: 'en-gb',
  nav: ['search', 'components', 'docs'],
  styles: ['default', '/assets/styles/theme.css'],
  static: {
    mount: 'fractal'
  }
});

const mdAbbr = require('markdown-it-abbr');
const mdFootnote = require('markdown-it-footnote');
const md = require('markdown-it')({
  html: true,
  xhtmlOut: true,
  typographer: true
}).use(mdAbbr).use(mdFootnote);
const nunjucksDate = require('nunjucks-date');
const nunjucks = require('@frctl/nunjucks')({
  filters: {
    date: nunjucksDate,
    markdown(string) {
      return md.render(string);
    },
    markdownInline(string) {
      return md.renderInline(string);
    },
    slugify(string) {
      return string.toLowerCase().replace(/\W+/g, '');
    },
    stringify() {
      return JSON.stringify(this, null, '\t');
    }
  },
  paths: [`${paths.static}/assets/vectors`]
});

// Project config
fractal.set('project.title', 'Bits of 24 ways');

// Components config
fractal.components.engine(nunjucks);
fractal.components.set('default.preview', '@preview');
fractal.components.set('default.status', null);
fractal.components.set('ext', '.html');
fractal.components.set('path', `${paths.src}/components`);

// Docs config
fractal.docs.engine(nunjucks);
fractal.docs.set('ext', '.md');
fractal.docs.set('path', `${paths.src}/docs`);

// Web UI config
fractal.web.theme(mandelbrot);
fractal.web.set('static.path', paths.static);
fractal.web.set('builder.dest', paths.build);
fractal.web.set('builder.urls.ext', null);

// Export config
module.exports = fractal;