styleguide.config.js

const path = require("path");
const webpackConfig = require("@tandem.ly/react-scripts/config/webpack.config.dev.js");

module.exports = {
  title: "EOS Wallet Style Guide",
  components: "src/components/**/[A-Z]*.js",
  ignore: [
    "**/__tests__/*",
    "**/*.test.js",
    "**/*.test.jsx",
    "**/test.js",
    "**/*.spec.js",
    "**/__snapshots__/*",
    "src/components/**/index.js",
    "src/components/styleguide/*",
    "src/containers/**/*"
  ],
  require: [
    // The Application's specific styles
    path.join(__dirname, "src/styles/index.scss"),
    // Styles solely for react-styleguide
    path.join(__dirname, "src/styleguide/styles/styles.css")
  ],
  styleguideComponents: {
    Logo: path.join(__dirname, "src/styleguide/components/Logo.js"),
    DisplayRedux: path.join(
      __dirname,
      "src/util/component-utils/DisplayRedux.js"
    ),
    DisplayReactRouter: path.join(
      __dirname,
      "src/util/component-utils/DisplayReactRouter.js"
    ),
    ErrorBoundary: path.join(__dirname, "src/containers/ErrorBoundary.js")
  },
  context: {
    account: path.resolve(__dirname, "src/fixtures/account.js"),
    transactions: path.resolve(__dirname, "src/fixtures/transactions.js"),
    users: path.resolve(__dirname, "src/fixtures/users.js")
  },
  assetsDir: "public/",
  showCode: true,
  showUsage: true,
  sections: [
    {
      name: "Introduction",
      content: "src/styleguide/intro.md",
      sections: [
        {
          name: "Build & Installation",
          content: "src/styleguide/build.md"
        },
        {
          name: "Project Organization",
          content: "src/styleguide/organization.md"
        }
      ]
    },
    {
      name: "Styling",
      content: "src/styleguide/style.md",
      sections: [
        {
          name: "Typography",
          content: "src/styleguide/typography.md",
          isolatedSection: true
        },
        {
          name: "Colors",
          content: "src/styleguide/colors.md",
          isolatedSection: true
        }
      ]
    },
    {
      name: "Components",
      components: "src/components/**/[A-Z]*.js",
      isolatedSection: true
    }
  ],
  webpackConfig: webpackConfig
};