/* globals seAlert */
/**
 * @file ext-opensave.js
 *
 * @license MIT
 *
 * @copyright 2020 OptimistikSAS
 *
 */

/**
   * @type {module:svgcanvas.EventHandler}
   * @param {external:Window} wind
   * @param {module:svgcanvas.SvgCanvas#event:saved} svg The SVG source
   * @listens module:svgcanvas.SvgCanvas#event:saved
   * @returns {void}
   */

export default {
  name: 'opensave',
  init ({ encode64 }) {
    const svgEditor = this;

    svgEditor.setCustomHandlers({
      save (win, svg) {
        this.showSaveWarning = false;

        // by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)
        // can just provide their own custom save handler and might not want the XML prolog
        svg = '<?xml version="1.0"?>\n' + svg;

        // Since saving SVGs by opening a new window was removed in Chrome use artificial link-click
        // https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls
        const a = document.createElement('a');
        a.href = 'data:image/svg+xml;base64,' + encode64(svg);
        a.download = 'icon.svg';
        a.style.display = 'none';
        document.body.append(a); // Need to append for Firefox

        a.click();

        // Alert will only appear the first time saved OR the
        //   first time the bug is encountered
        const done = this.configObj.pref('save_notice_done');

        if (done !== 'all') {
          const note = svgEditor.i18next.t('notification.saveFromBrowser', { type: 'SVG' });

          this.configObj.pref('save_notice_done', 'all');
          if (done !== 'part') {
            seAlert(note);
          }
        }
      },
      async open () {
        const ok = await this.openPrep();
        if (ok === 'Cancel') { return; }
        this.svgCanvas.clear();
        const input = document.createElement('input');
        input.type = 'file';
        input.addEventListener('change', (e) => {
          // getting a hold of the file reference
          const file = e.target.files[0];
          // setting up the reader
          const reader = new FileReader();
          reader.readAsText(file, 'UTF-8');
          // here we tell the reader what to do when it's done reading...
          reader.addEventListener('load', async (readerEvent) => {
            const content = readerEvent.target.result;
            await this.loadSvgString(content);
            this.updateCanvas();
          });
        });
        input.click();
      }
    });
  }
};