import * as path from "path";
import {Configuration} from "webpack";
import * as SpriteGenerator from "../plugin";
import * as HtmlWebpackPlugin from "html-webpack-plugin";

export = {
    entry: path.join(__dirname, "app", "index.tsx"),
    target: "web",

    plugins: [
        new SpriteGenerator.Plugin({
            dtsOutputFolder: path.join(__dirname, "app"),
            configurations: {
                test: {
                    folder: path.join(__dirname, "sprites"),
                    cssClassPrefix: "client-",
                    dtsOptions: {
                        module: true,
                        enumName: "TestIcons",
                        classUnionName: "TestIconClasses",
                        cssClassPrefix: "client-",
                    },
                    cssOptions: [
                        {
                            scale: 1,
                            selector: ".icon",
                            unit: "px"
                        },
                        {
                            scale: 2,
                            selector: ".icon_x2",
                            unit: "px"
                        },
                        {
                            scale: 1,
                            selector: ".icon_em",
                            unit: "em"
                        }
                    ]
                }
            }
        }),
        new HtmlWebpackPlugin()
    ],
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                loader: [
                    "ts-loader"
                ]
            }
        ]
    },
    mode: process.env.NODE_ENV === "development" ? "development" : "production",

    resolve: {
        extensions: [".ts", ".tsx", ".css", ".js"]
    },
    output: {
        filename: "[name].[contenthash].js",
    }
} as Configuration;