const path = require("path");
const webpack = require("webpack");
const autoprefixer = require("autoprefixer");
// const vtkHtmlRules = require('vtk.js/Utilities/config/dependency.js').webpack
//   .core.rules;
// Optional if you want to load *.css and *.module.css files
// var cssRules = require('vtk.js/Utilities/config/dependency.js').webpack.css.rules;
const SRC_DIR = path.join(__dirname, "./src");
const OUTPUT_DIR = path.join(__dirname, "./dist");

module.exports = {
  mode: "development",
  entry: {
    app: `${SRC_DIR}/index.js`
  },
  context: SRC_DIR,
  // ~~~ MODE
  output: {
    path: OUTPUT_DIR,
    library: "ohifVtkExtension",
    libraryTarget: "umd",
    filename: "index.umd.js",
    auxiliaryComment: "Text VTK Extension Comment"
  },
  stats: {
    colors: true,
    hash: true,
    timings: true,
    assets: true,
    chunks: true,
    chunkModules: true,
    modules: true,
    children: true,
    warnings: true
  },
  optimization: {
    minimize: false,
    sideEffects: true
  },
  // ~~~ END MODE
  resolve: {
    modules: [
      path.resolve(__dirname, "node_modules"),
      path.resolve(__dirname, "../../node_modules"),
      SRC_DIR
    ],
    extensions: [".js", ".jsx", ".json", "*"],
    symlinks: true
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: [/node_modules/],
        loader: "babel-loader",
        options: {
          // Find babel.config.js in monorepo root
          // https://babeljs.io/docs/en/options#rootmode
          rootMode: "upward",
          presets: [
            [
              "@babel/preset-env",
              {
                // Do not transform ES6 modules to another format.
                // Webpack will take care of that.
                modules: false
              }
            ]
          ]
        }
      },
      /**
       *
       */
      {
        test: /\.css$/,
        exclude: /\.module\.css$/,
        use: [
          "style-loader",
          "css-loader",
          {
            loader: "postcss-loader",
            options: {
              plugins: () => [autoprefixer("last 2 version", "ie >= 10")]
            }
          }
        ]
      },
      /**
       *
       */
      {
        test: /\.glsl$/i,
        include: /vtk\.js[\/\\]Sources/,
        loader: "shader-loader"
      },
      /**
       *
       */
      {
        test: /\.worker\.js$/,
        include: /vtk\.js[\/\\]Sources/,
        use: [
          {
            loader: "worker-loader",
            options: { inline: true, fallback: false }
          }
        ]
      }
    ]
  }
  // externals: [
  //   {
  //     cornerstone: {
  //       commonjs: 'cornerstone',
  //       commonjs2: 'cornerstone',
  //       amd: 'cornerstone',
  //       root: 'cornerstone',
  //     },
  //     'cornerstone-math': {
  //       commonjs: 'cornerstone-math',
  //       commonjs2: 'cornerstone-math',
  //       amd: 'cornerstone-math',
  //       root: 'cornerstoneMath',
  //     },
  //   },
  //   '@ohif/i18n',
  //   '@ohif/core',
  //   'dcmjs',
  //   'react-viewerbase',
  //   'react', //: 'React',
  //   'react-dom', //: 'ReactDOM',
  //   'react-redux', //: 'ReactRedux',
  //   'react-resize-detector', //: 'ReactResizeDetector',
  //   'react-viewerbase', //: 'reactViewerbase',
  //   'prop-types', //: 'PropTypes'
  //   /*/\b(vtk.js)/*/
  // ],
};