styleguide.config.js

const path = require('path');

const componentPath = component => `src/components/${component}/index.js`;

const componentSection = component => ({
  name: component,
  components: componentPath(component)
});

module.exports = {
  logger: {
    // Suppress warnings about files not exporting components
    warn: (message) => {
      const ignored =
        'matches a pattern defined in “components” or “sections” options in your style guide config but doesn’t export a component.';
      if (message.includes(ignored)) return;
      console.warn(message);
    }
  },
  webpackConfig: {
    module: {
      rules: [
        {
          test: /\.js?$/,
          exclude: /node_modules/,
          loader: 'babel-loader'
        },
        {
          test: /\.css$/,
          use: ['style-loader', 'css-loader']
        }
      ]
    }
  },
  require: [
    path.join(__dirname, 'styleguide/app.css')
  ],
  sections: [
    {
      name: 'Introduction',
      content: 'docs/introduction.md'
    },
    componentSection('Button'),
    componentSection('LinkButton'),
    componentSection('TextField'),
    componentSection('SelectField'),
    componentSection('Checkbox'),
    componentSection('Radio'),
    componentSection('Switch'),
    componentSection('Label'),
    componentSection('Card'),
    componentSection('GradientCard'),
    componentSection('Gradients'),
    componentSection('LinearGradient'),
    componentSection('Dialog'),
    componentSection('Link'),
    componentSection('LoadingSpinner'),
    componentSection('SimpleLoadingSpinner'),
    componentSection('ProgressBar'),
    componentSection('Code'),
    componentSection('BlockQuote'),
    componentSection('Tabs'),
    componentSection('Tab'),
    componentSection('Avatar'),
    componentSection('Chip'),
    componentSection('ExpansionPanel'),
    componentSection('Badge'),
    componentSection('WithBadge'),
    componentSection('BigTitle'),
    componentSection('EnormousTitle'),
    componentSection('Space'),
    {
      name: 'VxThemeProvider',
      components: componentPath('ThemeContext/VxThemeProvider')
    },
    {
      name: 'Utils',
      content: 'docs/utils.md'
    }
  ]
};