// @flow
import { RawSource } from 'webpack-sources'
import {BUILD_MANIFEST} from '../../lib/constants'

// This plugin creates a build-manifest.json for all assets that are being output
// It has a mapping of "entry" filename to real filename. Because the real filename can be hashed in production
export default class BuildManifestPlugin {
  apply (compiler: any) {
    compiler.plugin('emit', (compilation, callback) => {
      const {chunks} = compilation
      const assetMap = {pages: {}, css: []}

      for (const chunk of chunks) {
        if (!chunk.name || !chunk.files) {
          continue
        }

        const files = []

        for (const file of chunk.files) {
          if (/\.map$/.test(file)) {
            continue
          }

          if (/\.hot-update\.js$/.test(file)) {
            continue
          }

          if (/\.css$/.exec(file)) {
            assetMap.css.push(file)
            continue
          }

          files.push(file)
        }

        if (files.length > 0) {
          assetMap[chunk.name] = files
        }
      }

      compilation.assets[BUILD_MANIFEST] = new RawSource(JSON.stringify(assetMap))
      callback()
    })
  }
}