import _ from 'lodash';
import * as shell from 'shelljs';
import { BaseModel } from './base.model';
import { DialogPanel } from '../utils/dialog-panel';

export class StaticModel extends BaseModel {

  name: string = 'static';

  constructor (_options: any) {
    super(_options);

    this.questions = new DialogPanel({ 
      cmd: this.cmd, 
      questions: [
        { text: '', type: 'break' },
        { text: this.TEXTS.STATIC.TITLE, type: 'romanTitle' },
        { text: this.TEXTS.APP_TITLE, type: 'title' },
        { question: this.TEXTS.STATIC.APP_NAME, default: 'radish', index: 'name' },
        { question: this.TEXTS.STATIC.DESCRIPTION, default: '...', index: 'description' },
        { question: this.TEXTS.STATIC.MORE, default: true, index: 'useDefault' },
        { text: this.TEXTS.STATIC.MAIN_PATH, type: 'title', condition: 'this.res.useDefault == false' },
        { question: this.TEXTS.STATIC.INPUT, default: './src', index: 'input', condition: 'this.res.useDefault == false' },
        { question: this.TEXTS.STATIC.OUTPUT, default: './public', index: 'output', condition: 'this.res.useDefault == false' },
        { text: this.TEXTS.STATIC.SASS_PATH, type: 'title', condition: 'this.res.useDefault == false' },
        { question: this.TEXTS.STATIC.SASS_FILE, default: 'main', index: 'scssFile', condition: 'this.res.useDefault == false' },
        { text: this.TEXTS.STATIC.JS_PATH, type: 'title', condition: 'this.res.useDefault == false' },
        { question: this.TEXTS.STATIC.JS_FILE, default: 'main', index: 'jsFile', condition: 'this.res.useDefault == false' },
      ]
    });
  }

  async init(...args: any[]): Promise<void> {
    if (this.isValid) {
      try {
        this.options = _.merge(this.options, await this.questions.start());
        this.options.publicPath = '../';
        this.cmd.break();
        this.cmd.romanTitle(this.TEXTS.BUILD);
        await this.writeDefaultFiles();
        await this.writeStaticFiles();
        this.cmd.success(this.TEXTS.SUCCESS.FILES);
        this.cmd.break();
        this.cmd.break();
        this.cmd.romanTitle(this.TEXTS.INSTALL);
        if (shell.which('npm')) {
          shell.exec('npm i');
          this.cmd.success(this.TEXTS.SUCCESS.INSTALL);
          this.cmd.break();
        } else {
          this.cmd.error(this.TEXTS.ERROR.INSTALL);
          this.cmd.break();
        }
    
        this.shutdown();
      } catch (e) {
        console.error(e);
        this.shutdown();
      }
    }
  
    this.shutdown();
  }

  async writeStaticFiles(): Promise<void> {
    let htmlTmp = this.builder.readTemplate('/static/index.html.twig');
    htmlTmp = this.builder.populate(htmlTmp, this.options);
  
    let htmlFile = this.path([this.options.output, 'index.html']);
    await this.builder.writeFile(htmlFile, htmlTmp);
    this.cmd.message(`Fichier créé → ${htmlFile}`).break();
  }

  async writeDefaultFiles(): Promise<void> {
    let webpackTmp = this.builder.readTemplate('/webpack.twig');
    let packageTmp = this.builder.readTemplate('/package.twig');
    let scssTmp = this.builder.readTemplate('/main.scss.twig');
    let jsTmp = this.builder.readTemplate('/main.js.twig');
  
    webpackTmp = this.builder.populate(webpackTmp, this.options);
    packageTmp = this.builder.populate(packageTmp, this.options);
    scssTmp = this.builder.populate(scssTmp, this.options);
    jsTmp = this.builder.populate(jsTmp, this.options);
  
    await this.builder.writeFolder(this.options.input + '/js');
    await this.builder.writeFolder(this.options.input + '/scss');
    await this.builder.writeFolder(this.options.input + '/img');
    await this.builder.writeFolder(this.options.input + '/content');
    await this.builder.writeFolder(this.options.output);
  
    await this.builder.writeFile('webpack.config.js', webpackTmp);
    this.cmd.message('Fichier créé → ./webpack.config.js').break();
  
    await this.builder.writeFile('package.json', packageTmp);
    this.cmd.message('Fichier créé → ./package.json').break();
  
    let jsFile = this.path([this.options.input, '/js', this.options.jsFile, '.js']);
    await this.builder.writeFile(jsFile, jsTmp);
    this.cmd.message(`Fichier créé → ${jsFile}`).break();
  
    let scssFile = this.path([this.options.input, '/scss', this.options.scssFile, '.scss']);
    await this.builder.writeFile(scssFile, scssTmp);
    this.cmd.message(`Fichier créé → ${scssFile}`).break();
  }

}