const path = require("path");
const merge = require('webpack-merge')
const common = require('./webpack.common.js');
const webpack = require('webpack');
const config = require("config");
const base = config.get("basePath");

const proxy = {
//      "/photos/api/*": "http://localhost:8123/",
}

console.log(`Using base: ${base}`);

proxy[`${base}/`] = {
  target: "http://localhost:8911",
  bypass: function(req, res, proxyOptions) {
    console.log(`Proxy test: ${req.url}`);
    if ((req.url.indexOf(`${base}/assets`) == 0) ||
      (req.url.indexOf(`${base}/dist`) == 0)) {
      return req.url.replace(base, "");
    }
    console.log(`Proxying to backend server: ${req.url}`);
    return null;
  }
};

/* https://webpack.js.org/configuration/dev-server/ */

module.exports = merge(common, {
  mode: "development",
  devServer: {
    contentBase: path.join(__dirname, "/"),
    port: 1130,
    publicPath: `http://localhost:1130${base}/dist/`,
    hotOnly: true,
    disableHostCheck: true,
    historyApiFallback: true,
    proxy: proxy
  },
  plugins: [new webpack.HotModuleReplacementPlugin()]
});