const path = require('path');
const SRC_PATH = path.join(__dirname, '../src');
const STORIES_PATH = path.join(__dirname, '../stories');
const STYLE_PATH = path.resolve(__dirname, '../style');

//dont need stories path if you have your stories inside your src folder
module.exports = ({ config }) => {
  config.module.rules.push({
    test: /\.(ts|tsx)$/,
    include: [SRC_PATH, STORIES_PATH],
    use: [
      {
        loader: require.resolve('awesome-typescript-loader'),
        options: {
          configFileName: './.storybook/tsconfig.json'
        }
      },
      { loader: require.resolve('react-docgen-typescript-loader') }
    ]
  });

  const fileLoaderRule = config.module.rules.find(rule =>
    rule.test.test('.svg')
  );
  fileLoaderRule.exclude = STYLE_PATH;
  config.module.rules.push({
    test: /\.svg$/,
    include: STYLE_PATH,
    // issuer: { test: /\.ts$/ },
    use: {
      loader: 'raw-loader'
    }
  });
  config.resolve.extensions.push('.ts', '.tsx');
  return config;
};