import {build} from 'esbuild';
import {litCssPlugin} from 'esbuild-plugin-lit-css';
import fs from 'fs';
import rimraf from 'rimraf';

const OUTPUT_DIR = './lib';

// Read index.ts and build bundles
const buildAsIndependentBundles = (indexDir = './src/index.ts') => {
  const data = fs.readFileSync(indexDir, 'UTF-8');
  const lines = data.split(/\r?\n/);
  const entries = lines
    .map((line) => line.split("'"))
    .filter((item) => item != '')
    .map((item) => `./src${item[1].replace('.', '')}`);
  console.log('Building with following Bundles', entries);
  return [indexDir, ...entries];
};

// Cleanup Build Dir
rimraf.sync(OUTPUT_DIR);

//Watch Independent Bundles
build({
  entryPoints: buildAsIndependentBundles(),
  outdir: OUTPUT_DIR,
  bundle: true,
  minify: true,
  sourcemap: true,
  color: true,
  format: 'esm',
  watch: {
    onRebuild(error, result) {
      if (error) console.error('watch build failed:', error);
      else console.log('watch build succeeded:', result);
    },
  },
  plugins: [litCssPlugin({uglify: true})],
});

// Build Styling
build({
  entryPoints: ['./src/styling/design.css'],
  outfile: `${OUTPUT_DIR}/index.css`,
  bundle: false,
  minify: true,
  color: true,
  watch: {
    onRebuild(error, result) {
      if (error) console.error('watch build failed:', error);
      else console.log('watch build succeeded:', result);
    },
  },
});