import { DefinePlugin } from 'webpack'
import { Configuration, Options } from '../../../typings'

export default function defineDevMiddleware(
  config: Configuration,
  options: Options
) {
  const definitions = {
    CLIENT_DEV_PORT: process.env.CLIENT_DEV_PORT,
  }

  Object.keys(definitions).forEach(name => {
    const value = definitions[name]
    definitions[name] = JSON.stringify(value)
  })

  const define = new DefinePlugin(definitions)
  config.plugins.push(define)
}