const path = require('path');
const fs = require('fs');
const { generateTheme, getLessVars } = require('antd-theme-generator');

const themeVariables = getLessVars(path.join(__dirname, './client/src/styles/theme.less'));
const defaultVars = getLessVars('./node_modules/antd/lib/style/themes/default.less');

const darkVars = {
  ...getLessVars('./node_modules/antd/lib/style/themes/dark.less'),
  '@primary-color': '#2F53EA',
  '@picker-basic-cell-active-with-range-color': 'darken(@primary-color, 20%)',
  '@layout-header-background': '#1F2439',
  '@layout-breadcrum-background': '#2A2D38',
  '@layout-body-background': '#1F2127',
  '@layout-header-shadow': '0px 3px 6px -4px rgba(0, 0, 0, 0.25)',
  '@layout-slder-shadow': '3px 0px 6px -4px rgba(0, 0, 0, 0.25)',
  '@layout-content-background': '#2A2D38',
  '@mark-background-color': '#f5fdca',
  '@component-background': '#2A2D38',

};
const lightVars = {
  ...getLessVars('./node_modules/antd/lib/style/themes/compact.less'),
  '@primary-color': '#0057C9',
  '@layout-header-background': defaultVars['@white'],
  '@layout-breadcrum-background': defaultVars['@white'],
  '@layout-content-background': defaultVars['@white'],
  '@layout-body-background': '#F6F6F7',
  '@layout-header-shadow': '0px 3px 6px -4px rgba(0, 0, 0, 0.12)',
  '@layout-slder-shadow': '3px 0px 6px -4px rgba(0, 0, 0, 0.12)',
  '@mark-background-color': '#f5fdca',
  '@component-background': '#FFF',
};
fs.writeFileSync('./client/src/themes/dark.json', JSON.stringify(darkVars));
fs.writeFileSync('./client/src/themes/light.json', JSON.stringify(lightVars));
fs.writeFileSync('./client/src/themes/theme.json', JSON.stringify(themeVariables));

const options = {
  stylesDir: path.join(__dirname, './client/src/styles'),
  antDir: path.join(__dirname, './node_modules/antd'),
  varFile: path.join(__dirname, './client/src/styles/theme.less'),
  // mainLessFile: path.join(__dirname, './client/src/styles/antd.less'),
  themeVariables: Array.from(new Set([
    ...Object.keys(darkVars),
    ...Object.keys(lightVars),
    ...Object.keys(themeVariables),
  ])),
  //   themeVariables: [
  //     '@primary-color',
  //     '@link-color',
  //     '@secondary-color',
  //     '@text-color',
  //     '@text-color-secondary',
  //     '@disabled-color',
  //     '@heading-color',
  //     '@layout-body-background',
  //     '@btn-primary-bg',
  //     '@layout-header-background',
  //     '@border-color-base',
  //     '@component-background',
  //     '@body-background'
  //   ],
  indexFileName: 'index.html',
  outputFilePath: path.join(__dirname, './client/assets/color.less'),
  customColorRegexArray: [/^fade\(.*\)$/],
};

generateTheme(options).then((less) => {
  console.log('Theme generated successfully');
}).catch((error) => {
  console.log('Error', error);
});