const path = require("path");
const createIndexMiddleware = require("./IndexMiddleware");
const createContextPathMiddleware = require("./ContextPathMiddleware");

module.exports = {
  context: path.resolve(__dirname, ".."),
  entry: {
    webapp: [
      "./ui-webapp/src/webpack-public-path.js",
      "./ui-webapp/src/index.js"
    ]
  },
  devtool: "source-map",
  target: "web",
  node: {
    fs: "empty",
    net: "empty",
    tls: "empty"
  },
  module: {
    rules: [
      {
        parser: {
          system: false,
          systemjs: false
        }
      },
      {
        test: /\.(js|jsx)$/,
        // exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: {
            presets: [
              "@babel/preset-env",
              "@babel/preset-react",
              "@babel/preset-flow"
            ],
            plugins: ["@babel/plugin-proposal-class-properties"]
          }
        }
      },
      {
        test: /\.(css|scss|sass)$/i,
        use: [
          // Creates `style` nodes from JS strings
          "style-loader",
          // Translates CSS into CommonJS
          "css-loader",
          // Compiles Sass to CSS
          "sass-loader"
        ]
      },
      {
        test: /\.(png|svg|jpg|gif|woff2?|eot|ttf)$/,
        use: ["file-loader"]
      }
    ]
  },
  output: {
    path: path.resolve(__dirname, "..", "target", "bundles"),
    filename: "[name].bundle.js"
  },
  devServer: {
    contentBase: path.join(__dirname, '..', "ui-webapp", "public"),
    compress: true,
    historyApiFallback: true,
    overlay: true,
    port: 3000,
    before: function(app) {
      app.use(createContextPathMiddleware("/scm"));
    },
    after: function(app) {
      const templatePath = path.join(__dirname, '..', "ui-webapp", "public", "index.mustache");
      const renderParams = {
        contextPath: "/scm"
      };
      app.use(createIndexMiddleware(templatePath, renderParams));
    },
    publicPath: '/bundles/'
  }
};