styleguide.config.js

const path = require('path');
const { version } = require('./package.json');

module.exports = {
  title: 'rm-components',
  version,
  exampleMode: 'expand',
  pagePerSection: false,
  components: '../src/components/[A-Z]**/[A-Z]*.js*', // index.js
  // ignore: ['**/src/test.js'],
  webpackConfig: {
    module: {
      rules: [
        {
          test: /\.(js|jsx|mjs)?$/,
          exclude: /node_modules/,
          loader: 'babel-loader',
        },
        {
          test: /\.scss$/,
          use: ['style-loader', 'css-loader'],
        },
      ],
    },
  },
  require: [path.join(__dirname, 'styleguide.setup.js')],
  updateExample(props, exampleFilePath) {
    const { settings, lang } = props;
    if (settings && typeof settings.file === 'string') {
      const filepath = path.resolve(path.dirname(exampleFilePath), settings.file);
      const { file, ...restSettings } = settings;
      const rawContent = fs.readFileSync(filepath, 'utf8');
      const content =
        filepath.endsWith('.md') && lang === 'jsx' ? markdownToCodeExample(rawContent) : rawContent;
      return {
        content,
        settings: restSettings,
        lang,
      };
    }
    return props;
  },
  assetsDir: 'static',
  styleguideComponents: {
    Wrapper: path.join(__dirname, 'src/Provider.js'),
  },
  sections: [
    {
      name: 'Brand',
      components: 'src/components/brand/*.js*',
    },
    {
      name: 'Icons',
      components: 'src/components/icons/*.js*',
      ignore: [
        'src/components/icons/index.js',
        'src/components/icons/IEdit.jsx',
        'src/components/icons/IEx.jsx',
        'src/components/icons/IInfo.jsx',
        'src/components/icons/ITrash.jsx',
        'src/components/icons/iconlib.js',
      ],
    },
    {
      name: 'Primitives',
      components: 'src/components/primitives/*.js*',
      ignore: ['src/components/primitives/Option.jsx'],
    },
    {
      name: 'Patterns',
      components: 'src/components/patterns/*.js*',
      ignore: ['src/components/patterns/Theme.jsx'],
    },
  ],
};