const HtmlsWebpackPlugin = require('htmls-webpack-plugin')

module.exports = {
    plugins: [
        new HtmlsWebpackPlugin({
             // optional, hooks
            beforeEmit: (compilation, compiler) => void,
             // optional, hooks
            afterEmit: (compilation, compiler) => void,
             // optional, default is ejs. custom template rendering function, support async rendering,
            render: (src: string, params: Params) => string | Promise<string>,
            htmls: [{
                // required, template path
                src: './index.ejs',
                // required, string | ((source, src, params) => string),
                // output filename,
                // relative to output path,
                // can be a function to generate via context
                filename: 'index.html',
                // optional, override global render function
                render: (src: string, params: Params) => string | Promise<string>,
                // optional, override global flushOnDev
                flushOnDev: boolean | string
                // optional, custom params when rendering
                params: () => object | () => Promise<object> | object
                // optional, transformParams, override global transformParams
                transformParams?: (params: Params) => Params & { [k: string]: any }
            }],

             /* boolean | string, optional, flush html files to output folder, can be a string file path, useful for debug or devServer. */
            flushOnDev: false,

             /* optional, override webpackConf's publicPath */
            publicPath: function | string',

            // optional, custom params when rendering, could be an async function
            params: () => object | () => Promise<object> | object

            // optional, transform template variables
            transformParams?: (params: Params) => Params & { [k: string]: any }
        })
    ]
}

interface Params {
  entries: string[] // all entrypoints
  files: string[] // all files
  jses: string[] // all files ends with .js
  csses: string[] // all files ends with .css
  options: Props // plugin props
  compilation: Compilation // webpack compilation
  [k: string]: any // custom params via options
}

const HtmlsWebpackPlugin = require('htmls-webpack-plugin')
const htmlMinifier = require('html-minifier')
const ejs = require('ejs')

// webpack.config.js
module.exports = {
    ...,
    plugins: [
        new HtmlsWebpackPlugin({
            htmls: [{
                src: './fixtures/index.ejs',
                filename: `index.html`,
                async render(src, params) {
                    let html = await ejs.renderFile(src, params, { async: true })
                    return require('html-minifier').minify(html)
                }
            }],
        })
    ]
}