var defaultOptions = {
      visual: {
        name: "Visual name",
        displayName: "Visual name for displaying in visuals panel",
        guid: `Unique GUID for the visual (generated by plugin)`,
        visualClassName: "Visual class name, it is used by visual plugin to create instance of the visual",
        version: "Visual version",
        description: "Visual description",
        supportUrl: "URL for support"
    },
    author: "Author of the visual",
    apiVersion: "API version",
    stringResourcesPath: [
      "Paths to localization files"
    ],
    capabilities: {
        // Visual capabilities
    },
    iconImage: "Icon file as base64 string",
    devMode: "development mode",
    packageOutPath: "location to create *.pbiviz file",
    cssStyles: "styles",
    generateResources: "it is used --resources flag in pbiviz tools",
    generatePbiviz: "it is used by --no-pbiviz flag in pbiviz tools"
  };

const path = require('path');
const fs = require('fs');
const _ = require('lodash');
// for icon file
const base64Img = require('image-to-base64');
// werbpack plugin
const PowerBICustomVisualsWebpackPlugin = require('powerbi-visuals-webpack-plugin');
const WatchIgnorePlugin = require("webpack").WatchIgnorePlugin;
// file encoding
const encoding = "utf8";

// string resources
const stringResourcesPath = path.join("stringResources", "en-US", "resources.json");
// visual configuration json path
const pbivizPath = "./pbiviz.json";
const pbivizFile = require(path.join(__dirname, pbivizPath));

const stringResources = JSON.parse(fs.readFileSync(stringResourcesPath, encoding));

// the visual capabilities content
const capabilitiesPath = "./capabilities.json";
const capabilitiesFile = require(path.join(__dirname, capabilitiesPath));

module.exports = {
    entry: './src/external.ts', // path to visual class file
    devtool: 'source-map',
    mode: "development",
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
        extensions: [ '.tsx', '.ts', '.js' ]
    },
    output: {
        path: path.join(__dirname, "/.tmp/drop"),
        publicPath: 'assets',
        filename: "visual.js",
        libraryTarget: 'var',
        library: 'CustomVisual' // it should be CustomVisual, the name is used by visual plugin to create instance of the visual
    },
    devServer: {
        disableHostCheck: true,
        contentBase: path.join(__dirname, ".tmp/drop"), // path with assets for dev server, they are generated by webpack plugin
        compress: true,
        port: 8080, // dev server port
        hot: false,
        inline: false,
        // cert files for dev server
        https: {
            key: path.join(__dirname, "certs","PowerBICustomVisualTest_public.key"),
            cert: path.join(__dirname, "certs", "PowerBICustomVisualTest_public.cer"),
            pfx: path.join(__dirname, "certs", "PowerBICustomVisualTest_public.pfx"),
        },
        headers: {
            "access-control-allow-origin": "*",
            "cache-control": "public, max-age=0"
        },
    },
    plugins: [
        // custom visuals plugin instance with options
        new PowerBICustomVisualsWebpackPlugin({
            ...pbivizFile,
            capabilities: capabliliesFile,
            packageOutPath: path.join(__dirname, "distr"),
            devMode: false,
            stringResources: {
                "en-US": {}
            }
        }),
        // visual plugin regenerates with the visual source, but it does not require relaunching dev server
        new WatchIgnorePlugin([
            path.join(__dirname, "src", "visualPlugin.js"),
        ]),
    ]
};