styleguide.config.js

/* eslint global-require:0, no-sync:0 */
const fs = require('fs');
const path = require('path');
const pkg = require('./package.json');
const schema = require('./components.json');
const { theme, styles } = require('./src/styleguide/styles');

function resolve(...paths) {
  return fs.realpathSync(path.join(__dirname, ...paths));
}

module.exports = {
  title: `dialog components v${pkg.version}`,
  serverPort: 5000,
  highlightTheme: 'dracula',
  sections: schema.map(({ name, content, components }) => {
    return {
      name,
      content: content ? resolve('docs', content + '.md') : null,
      components() {
        return components.map((componentName) => {
          return resolve(
            'src/components',
            componentName,
            componentName + '.js'
          );
        });
      }
    };
  }),

  webpackConfig: require('./webpack.config'),

  require: [
    resolve('node_modules/core-js/shim.js'),
    resolve('src/styles/global.css'),
    resolve('src/styleguide/styles.css')
  ],

  theme,
  styles,

  template: resolve('src/styleguide/index.html'),

  getComponentPathLine(componentPath) {
    const name = path.basename(componentPath, '.js');

    return `import { ${name} } from '${pkg.name}';`;
  },

  getExampleFilename(componentPath) {
    return componentPath.replace(/[\w\d]+\.js$/i, 'README.md');
  }
};