const path = require('path');
const fs = require('fs');
const CopyWebpackPlugin = require('copy-webpack-plugin');

const uieditorName = 'iview-uieditor';
const publicPath = './';
const filename = '[name].[hash].js';
const assetPath = path.join(uieditorName, './assets').replace(/\\/g, '/');
const cssPath = path.join(assetPath, 'css').replace(/\\/g, '/');

const isPrdt = process.env.NODE_ENV === 'production';

const rawArgv = process.argv.slice(2)
const isLib = (rawArgv || []).includes('-lib');

const package = require('./package.json');
process.env.VUE_APP_UE_NAME = package.name;
process.env.VUE_APP_UE_VERSION = package.version;
process.env.VUE_APP_UE_HOMEPAGE = package.homepage;
process.env.VUE_APP_UE_DESC = package.description;

// vue.config.js
module.exports = {
  publicPath,
  lintOnSave: true,
  outputDir: path.resolve(__dirname, isLib ? './lib' : (isPrdt ? './pages' : './dist')),
  assetsDir: assetPath,
  runtimeCompiler: true,
  parallel: true,
  productionSourceMap: false,
  devServer: {
    open: false,
    overlay: {
      warning: false,
      errors: false
    }
  },
  css: {
    extract: {
      publicPath: cssPath,
      filename: path.join(cssPath, '[name].css'),
      chunkFilename: path.join(cssPath, '[name].[contenthash:8].css')
    },
    loaderOptions: {
      less: {
        // localIdentName: '[name]_[local]'
      },
      css: {
        // localIdentName: '[name]_[local]'
      }
    }
  },
  configureWebpack: config => {
    // config.output.chunkFilename = '[name].[hash].chunk.js';
    if (isLib) {
      Object.assign(config.output, {
        filename: 'index.js',
        chunkFilename: `./${uieditorName}/${filename}`,
        libraryTarget: 'umd',
        library: 'VueUieditor',
        umdNamedDefine: true
      });
      if (!config.externals) config.externals = {};
      Object.assign(config.externals, {
        vue: {
          root: 'Vue',
          commonjs: 'vue',
          commonjs2: 'vue',
          amd: 'vue'
        },
        lodash: {
          root: '_',
          commonjs: 'lodash',
          commonjs2: 'lodash',
          amd: 'lodash'
        },
        'vue-template-compiler': 'vue-template-compiler',
        'vue-uieditor': 'vue-uieditor'
      });
    }
  },
  chainWebpack: config => {
    // console.log('process.env.NODE_ENV', process.env.NODE_ENV);

    // // 不编译 layui
    config.module
      .rule('js')
      .test(/\.jsx?$/)
      .exclude
      .add(path.resolve(__dirname, './src/iview-uieditor/layui'))
      .end();



    // config.plugin('copy-assets').use(CopyWebpackPlugin, [
    //   [{
    //     from: './src/iview-uieditor/assets/',
    //     to: './iview-uieditor/assets/'
    //   }]
    // ]);

    if (isLib) {
      // 为生产环境修改配置...

      config.entry('app').clear();
      const entryFile = path.resolve(__dirname, `./src/${uieditorName}/index.ts`);
      config.entry('app').add(entryFile).end();

      const tsConfigFile = path.resolve(__dirname, './tsconfig.json');
      const declarationDir = path.resolve(__dirname, './lib/@types-build');

      //pack 输出 types
      config.module.rule('ts')
        .use('ts-loader')
        .loader('ts-loader')
        .tap(options => {
          Object.assign(options, {
            context: __dirname,
            configFile: tsConfigFile,
            transpileOnly: false,
            happyPackMode: false,
            compilerOptions: {
              "declaration": true,
              "declarationDir": declarationDir
            }
          });
          return options;
        });
      config.module.rule('ts').uses.delete('thread-loader');
      config.module.rule('ts').uses.delete('cache-loader');


      config.plugins.delete('html');
      config.plugins.delete('preload');
      config.plugins.delete('prefetch');
      config.plugins.delete('copy');


      const packageFile = (function saveLibPackage() {
        // const package = require('./package.json');
        const { name, version, description, main, keyword, types, homepage } = package;
        const newPackage = {
          name, version, description, main, keyword, types, homepage,
          "scripts": {},
          "dependencies": {
            "vue": "^2.6.10",
            "vue-template-compiler": "^2.6.10",
            "vue-uieditor": "^0.8.0",
            "lodash": "^4.17.21"
          },
          "devDependencies": {}
        };
        const os = require('os');
        const newPath = path.resolve(os.tmpdir(), './iview-uieditor');
        if (!fs.existsSync(newPath)) fs.mkdirSync(newPath);
        const newFile = path.resolve(newPath, 'package.json');
        fs.writeFileSync(newFile, JSON.stringify(newPackage, null, 2), 'utf-8');
        return newFile;
      })();


      config.plugin('copy-lib-files').use(CopyWebpackPlugin, [
        [
          {
            from: packageFile,
            to: './'
          },
          {
            from: './README.md',
            to: './'
          }
        ]
      ]);


    } else {
      // 为开发环境修改配置...


      config.plugin('copy-vue-uieditor-assets').use(CopyWebpackPlugin, [
        [{
          from: './node_modules/vue-uieditor/vue-uieditor',
          to: './vue-uieditor/'
        }]
      ]);

      // config.plugins.delete('html');
      // config.plugins.delete('copy');


    }

  }
}