react-web-native-sketch/styleguide.config.js

[TODO: We need an overview of how this can be used via npm vs as a local package]

const path = require('path');
const glob = require('glob');

module.exports = {
    title: 'React Style Guide Example',
    components: function () {
        return glob.sync(path.resolve(__dirname, 'src/**/*.tsx'))
            .filter(function (module) {
                return /\/[A-Z]\w*\.tsx$/.test(module);
            });
    },
    resolver: require('react-docgen').resolver.findAllComponentDefinitions,
    propsParser: require('react-docgen-typescript').withDefaultConfig().parse,
    webpackConfig: require('./styleguide/webpack.config'),
    styleguideDir: 'docs',
    // template: './styleguide/template.html',
    styles: {
        StyleGuide: {
            content: {
                marginRight: 288,
            }
        }
    },
    showSidebar: true,
    styleguideComponents: {
        StyleGuide: path.join(__dirname, 'styleguide/StyleGuide'),
    },
};