text: import { bold, gray, green } from 'colorette';
  import { Prompt } from './prompt';
  import { cursor } from 'sisteransi';
  import { style, clear } from '../util';
  
  /**
   * TextPrompt Base Element
   * @param {Object} opts Options
   * @param {String} opts.message Message
   * @param {String} [opts.style='default'] Render style
   * @param {String} [opts.initial] Default value
   */
  export class TextPrompt extends Prompt {
    constructor(opts = {}) {
      super(opts);
      this.transform = style.render(opts.style);
      this.scale = this.transform.scale;
      this.msg = opts.message;
      this.initial = opts.initial || '';
      this.value = '';
      this.cursor = Number(!!this.initial);
      this.clear = clear('');
      this.render();
    }
  
    set value(v) {
      if (!v && this.initial) {
        this.placeholder = true;
        this.rendered = gray(this.transform.render(this.initial));
      } else {
        this.placeholder = false;
        this.rendered = this.transform.render(v);
      }
      this._value = v;
      this.fire();
    }
  
    get value() {
      return this._value;
    }
  
    reset() {
      this.value = '';
      this.fire();
      this.render();
    }
  
    abort() {
      this.value = this.value || this.initial;
      this.done = this.aborted = true;
      this.fire();
      this.render();
      this.out.write('\n');
      this.close();
    }
  
    submit() {
      this.value = this.value || this.initial;
      this.done = true;
      this.aborted = false;
      this.fire();
      this.render();
      this.out.write('\n');
      this.close();
    }
  
    next() {
      if (!this.placeholder) return this.bell();
      this.value = this.initial;
      this.cursor = this.rendered.length;
      this.fire();
      this.render();
    }
  
    moveCursor(n) {
      if (this.placeholder) return;
      this.cursor = this.cursor + n;
    }
  
    _(c, key) {
      let s1 = this.value.slice(0, this.cursor);
      let s2 = this.value.slice(this.cursor);
      this.moveCursor(1);
      this.value = `${s1}${c}${s2}`;
      if (this.placeholder) this.cursor = 0;
      this.render();
    }
  
    delete() {
      if (this.value.length === 0) return this.bell();
      let s1 = this.value.slice(0, this.cursor - 1);
      let s2 = this.value.slice(this.cursor);
      this.value = `${s1}${s2}`;
      this.moveCursor(-1);
      this.render();
    }
  
    first() {
      this.cursor = 0;
      this.render();
    }
  
    last() {
      this.cursor = this.value.length;
      this.render();
    }
  
    left() {
      if (this.cursor <= 0 || this.placeholder) return this.bell();
      this.moveCursor(-1);
      this.render();
    }
  
    right() {
      if (this.cursor * this.scale >= this.rendered.length || this.placeholder) return this.bell();
      this.moveCursor(1);
      this.render();
    }
  
    render() {
      const prompt = [
        style.symbol(this.done, this.aborted),
        bold(this.msg),
        style.delimiter(false),
        this.done ? green(this.rendered) : this.rendered,
      ].join(' ');
  
      this.out.write(this.clear + prompt);
      this.out.write(
        cursor.move(
          this.placeholder
            ? -this.initial.length * this.scale
            : -this.rendered.length + this.cursor * this.scale
        )
      );
  
      this.clear = clear(prompt);
    }
  }
  