/**
 * Build style entry of all components
 */

const fs = require('fs-extra');
const path = require('path');
const components = require('./get-components')();
const dependencyTree = require('dependency-tree');

components.forEach(componentName => {
  const libDir = path.resolve(__dirname, '../../lib');
  const dependencies = analyzeDependencies(componentName, libDir);
  const styleDir = path.join(libDir, componentName, '/style');
  const content = dependencies.map(component => `require('../../vant-css/${component}.css');`);
  fs.outputFileSync(path.join(styleDir, './index.js'), content.join('\n'));
});

// Analyze component dependencies
function analyzeDependencies(componentName, libDir) {
  const dependencies = dependencyTree({
    directory: libDir,
    filename: path.resolve(libDir, componentName, 'index.js'),
    filter: path => path.indexOf('vant/lib/') !== -1
  })
  const checkList = ['base'];
  search(dependencies, checkList);
  console.log(componentName ,checkList);
  return checkList.filter(component => checkComponentHasStyle(component));
}

function search(tree, checkList) {
  tree && Object.keys(tree).forEach(key => {
    search(tree[key], checkList);
    const component = key.split('/vant/lib/')[1].replace('/index.js', '').replace('mixins/', '');
    if (checkList.indexOf(component) === -1) {
      checkList.push(component);
    }
  });
}

function checkComponentHasStyle(componentName) {
  const cssPath = path.join(__dirname, '../../lib/vant-css/', `${componentName}.css`);
  return fs.existsSync(cssPath);
}

function toPascal(str) {
  return ('_' + str).replace(/[_.-](\w|$)/g, (_, x) => x.toUpperCase());
}