const fs = require('fs');
const path = require('path');
const paths = require('./paths');

const {
  ROOT,
  MODULES,
  FRONTEND,
  UI,
  STATIC
} = paths;

module.exports = function(config) {
  // Add support for loading .graphql files
  config.module.loaders[0].exclude.push(/\.(graphql|gql)$/);

  const loaders = config.module.loaders.reduce((loaders, loader) => {
    if(loader.loader === 'babel') {
      loaders.push({
        test: loader.test,
        include: loader.include,
        loader: loader.loader,
        query: {
          babelrc: false,
          presets: [require.resolve('babel-preset-react-app')],
          plugins: ["inline-react-svg"],
          cacheDirectory: true
        }
      })
    }
    else {
      loaders.push(loader);
    }
    return loaders;
  }, []);

  config.module.loaders = loaders;

  config.module.loaders.push({
    test: /\.(graphql|gql)$/,
    exclude: /node_modules/,
    loader: require.resolve('graphql-tag/loader'),
  });

  config.resolveLoader.modules = MODULES;

  config.resolve.modules = MODULES;

  config.resolve.alias = Object.assign({}, config.resolve.alias, fs.readdirSync(FRONTEND)
    .map((name) => path.join(FRONTEND, name))
    .filter((fullpath) => fs.statSync(fullpath).isDirectory())
    .reduce((aliases, fullpath) => Object.assign(aliases, {
      [`@${path.basename(fullpath)}`]: fullpath
    }), {
      '@root': FRONTEND,
      '@ui': UI
    }));

  config.module.loaders = config.module.loaders.map((loader) => {
    if(loader.include) {
      return Object.assign({}, loader, {include: [loader.include, UI]});
    }
    return loader;
  });

  return config;
}