import Bundler from 'parcel-bundler';
import { join, dirname } from 'path';
import rimraf from 'rimraf';
import { readFileSync, writeFileSync } from 'fs';
import Handlebars from 'handlebars';
import mkdirp from 'mkdirp';
import { range } from 'underscore';
import ProgressBar from 'progress';

const BUILD_DIR = join(__dirname, 'build');
const SRC_DIR = join(__dirname, 'src');
const PROGRESS_BAR_FORMAT = "[:bar] :rate/ps :percent";

const BUNDLER_OPTIONS = {
  outDir: BUILD_DIR,
  watch: false,
  minify: true,
};

function statusOutput(message: string) {
  console.log("> " + message + "...");
}

function writeTemplate(content: string, value: string) {
  const outputFile = join(BUILD_DIR, value, 'index.html');
  mkdirp.sync(dirname(outputFile));
  writeFileSync(outputFile, content);
}

function renderTemplate(template: HandlebarsTemplateDelegate, value: number) {
  const html = template({value});
  writeTemplate(html, value.toString());
}

(async function() {
  rimraf.sync(BUILD_DIR);

  statusOutput("Creating template");
  const bundler = new Bundler(join(SRC_DIR, 'template.html'), BUNDLER_OPTIONS);
  await bundler.bundle();

  statusOutput("Compiling HTML template");
  const template = Handlebars.compile(readFileSync(join(BUILD_DIR, 'template.html')).toString());

  const possibleValues = range(0, 10, 0.5);
  const bar = new ProgressBar(PROGRESS_BAR_FORMAT, {
    total: possibleValues.length,
    width: 40
  });

  statusOutput("Generating pages");
  possibleValues.forEach((i) => {
    renderTemplate(template, i);
    bar.tick();
  });
})();