const path = require('path');

const jsRule = {
  test: /\.js$/,
  exclude: /node_modules/,
  use: {
    loader: 'babel-loader',
  },
};

const jisonRule = {
  test: /\.jison$/,
  use: {
    loader: path.resolve(__dirname, './jisonLoader'),
    options: {
      'token-stack': true,
    },
  },
};

const amdRule = {
  parser: {
    amd: false, // https://github.com/lodash/lodash/issues/3052
  },
};
const scssRule = {
  // load scss to string
  test: /\.scss$/,
  use: [{ loader: 'css-to-string-loader' }, { loader: 'css-loader' }, { loader: 'sass-loader' }],
};

module.exports = {
  mode: 'development',
  target: 'web',
  entry: {
    mermaid: './src/mermaid.js',
    e2e: './cypress/platform/viewer.js',
    'bundle-test': './cypress/platform/bundle-test.js',
  },
  resolve: {
    extensions: ['.wasm', '.mjs', '.js', '.json', '.jison'],
  },
  node: {
    fs: 'empty', // jison generated code requires 'fs'
  },
  output: {
    path: path.join(__dirname, './dist/'),
    filename: '[name].js',
    library: 'mermaid',
    libraryTarget: 'umd',
    libraryExport: 'default',
  },
  devServer: {
    contentBase: [path.join(__dirname, 'cypress', 'platform'), path.join(__dirname, 'dist')],
    compress: true,
    port: 9000,
  },
  module: {
    rules: [amdRule, jsRule, scssRule, jisonRule],
  },
  externals: {
    mermaid: 'mermaid',
  },
  devtool: 'source-map',
};