const path = require("path");

const webpack = require("webpack");

const CopyWebpackPlugin = require("copy-webpack-plugin");

const HtmlWebpackPlugin = require("html-webpack-plugin");

const CleanWebpackPlugin = require("clean-webpack-plugin");

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

const babelConfig = require("./babel.config");

const nodedir = path.resolve(process.env.SRCDIR || __dirname, "node_modules");

const [mode, devtool] =

  process.env.NODE_ENV === "production" ? ["production", "source-map"] : ["development", "inline-source-map"];

const output = {

  path: path.resolve(__dirname, "./public/dist"),

  filename: "[name].js",

  sourceMapFilename: "[file].map",

};

// add istanbul as babel plugin to enable code coverage

process.argv.includes("--with-coverage") && babelConfig.plugins.push("istanbul");

const plugins = [

  new CleanWebpackPlugin(["public/dist"]),

  // automatically load jquery instead of having to import or require them everywhere

  new webpack.ProvidePlugin({

    $: "jquery",

    jQuery: "jquery",

  }),

  // copy our assets

  new CopyWebpackPlugin([

    {

      from: "./public/manifest.json",

    },

  ]),

  // main.js has to be injected into body and after 

  new HtmlWebpackPlugin({

    filename: "index.html",

    template: "public/index.ejs",

    inject: "body",

  }),

  // avoid multi chunks for every index.js inside pages folder

  new webpack.optimize.LimitChunkCountPlugin({

    maxChunks: 1,

  }),

  new MiniCssExtractPlugin({

    filename: "[name].css",

    chunkFilename: "[name].bundle.css",

  }),

];

module.exports = {

  mode,

  entry: "./main.js",

  plugins,

  output,

  devtool,

  externals: { cockpit: "cockpit", jQuery: "jquery" },

  // disable noisy warnings about exceeding the recommended size limit

  performance: {

    maxEntrypointSize: 20000000,

    maxAssetSize: 20000000,

  },

  resolve: { alias: { "font-awesome": path.resolve(nodedir, "font-awesome-sass/assets/stylesheets") } },

  module: {

    rules: [

      {

        enforce: "pre",

        test: /\.(js|jsx)$/,

        exclude: [/node_modules/, /build/],

        use: "eslint-loader",

      },

      {

        test: /\.(js|jsx)$/,

        include: [

          path.resolve(__dirname, "./actions"),

          path.resolve(__dirname, "./components"),

          path.resolve(__dirname, "./core"),

          path.resolve(__dirname, "./pages"),

          path.resolve(__dirname, "./data"),

          path.resolve(__dirname, "./main.js"),

        ],

        use: {

          loader: "babel-loader",

          options: babelConfig,

        },

      },

      // add type: "javascript/auto" when transforming JSON via loader to JS

      {

        include: [path.resolve(__dirname, "./routes.json")],

        use: [

          {

            loader: "babel-loader",

            options: babelConfig,

          },

          path.resolve(__dirname, "./utils/routes-loader.js"),

        ],

        type: "javascript/auto",

      },

      {

        test: /\.css$/,

        use: [

          MiniCssExtractPlugin.loader,

          {

            loader: "css-loader",

            options: { url: false },

          },

        ],

      },

      /* HACK: remove unwanted fonts from PatternFly's css */

      {

        test: /patternfly-cockpit.scss$/,

        use: [

          MiniCssExtractPlugin.loader,

          {

            loader: "css-loader",

            options: { url: false },

          },

          {

            loader: "string-replace-loader",

            options: {

              multiple: [

                {

                  search: /src:url[(]"patternfly-icons-fake-path\/glyphicons-halflings-regular[^}]*/g,

                  replace: 'font-display:block; src:url("../base1/fonts/glyphicons.woff") format("woff");',

                },

                {

                  search: /src:url[(]"patternfly-fonts-fake-path\/PatternFlyIcons[^}]*/g,

                  replace: 'src:url("../base1/fonts/patternfly.woff") format("woff");',

                },

                {

                  search: /src:url[(]"patternfly-fonts-fake-path\/fontawesome[^}]*/,

                  replace: 'font-display:block; src:url("../base1/fonts/fontawesome.woff?v=4.2.0") format("woff");',

                },

                {

                  search: /src:url\("patternfly-icons-fake-path\/pficon[^}]*/g,

                  replace: 'src:url("../base1/fonts/patternfly.woff") format("woff");',

                },

                {

                  search: /@font-face[^}]*patternfly-fonts-fake-path[^}]*}/g,

                  replace: "",

                },

              ],

            },

          },

          {

            loader: "sass-loader",

            options: {

              sassOptions: {

                includePaths: [

                  // Teach webpack to resolve these references in order to build PF3 scss

                  path.resolve(nodedir, "font-awesome-sass", "assets", "stylesheets"),

                  path.resolve(nodedir, "patternfly", "dist", "sass"),

                  path.resolve(nodedir, "bootstrap-sass", "assets", "stylesheets"),

                ],

                outputStyle: "compressed",

              },

            },

          },

        ],

      },

    ],

  },

};