/* eslint react/sort-comp: 0 */
import _ from 'underscore';
import React from 'react';
import {remote} from 'electron';

import {
  Message,
  Actions,
  DraftStore,
  ComponentRegistry,
  WorkspaceStore,
} from 'nylas-exports';
import ComposeButton from './compose-button';
import ComposerView from './composer-view';

import InflateDraftClientId from './decorators/inflate-draft-client-id';
const ComposerViewForDraftClientId = InflateDraftClientId(ComposerView);

class ComposerWithWindowProps extends React.Component {
  static displayName = 'ComposerWithWindowProps';
  static containerRequired = false;

  constructor(props) {
    super(props);

    // We'll now always have windowProps by the time we construct this.
    const windowProps = NylasEnv.getWindowProps()
    const {draftJSON, draftClientId} = windowProps;
    if (!draftJSON) {
      throw new Error("Initialize popout composer windows with valid draftJSON")
    }
    const draft = new Message().fromJSON(draftJSON);
    DraftStore._createSession(draftClientId, draft);
    this.state = windowProps
  }

  onDraftReady = () => {
    this.refs.composer.focus().then(() => {
      NylasEnv.displayWindow();
      if (this.state.errorMessage) {
        this._showInitialErrorDialog(this.state.errorMessage);
      }

      // Give the composer some time to render before hitting another wall
      // of javascript.
      window.setTimeout(() => {
        NylasEnv.getCurrentWindow().updateLoadSettings({
          windowType: "composer",
        })

        // The call to updateLoadSettings will start loading the remaining
        // packages. Once those packages load it'll cause a change in the
        // root Sheet-level InjectedComponentSet, which will cause
        // everything to re-render losing our focus. We have to manually
        // refocus it but defer it so the event loop of the package
        // activation happens first.
        window.setTimeout(() => {
          this.refs.composer.focus()
        }, 32)
      }, 32)
    });
  }

  render() {
    return (
      <ComposerViewForDraftClientId
        ref="composer"
        onDraftReady={this.onDraftReady}
        draftClientId={this.state.draftClientId}
        className="composer-full-window"
      />
    );
  }

  _showInitialErrorDialog(msg) {
    const dialog = remote.require('dialog');
    // We delay so the view has time to update the restored draft. If we
    // don't delay the modal may come up in a state where the draft looks
    // like it hasn't been restored or has been lost.
    _.delay(() => {
      dialog.showMessageBox(remote.getCurrentWindow(), {
        type: 'warning',
        buttons: ['Okay'],
        message: "Error",
        detail: msg,
      });
    }, 100);
  }
}

export function activate() {
  // Register our composer as the window-wide Composer
  ComponentRegistry.register(ComposerViewForDraftClientId, {
    role: 'Composer',
  });

  if (NylasEnv.isMainWindow()) {
    ComponentRegistry.register(ComposeButton, {
      location: WorkspaceStore.Location.RootSidebar.Toolbar,
    });
  }

  NylasEnv.getCurrentWindow().setMinimumSize(480, 250);

  const silent = !NylasEnv.isMainWindow()
  WorkspaceStore.defineSheet('Main', {root: true, silent}, {
    popout: ['Center'],
  });
  ComponentRegistry.register(ComposerWithWindowProps, {
    location: WorkspaceStore.Location.Center,
  });

  if (silent) {
    Actions.selectRootSheet(WorkspaceStore.Sheet.Main)
  }
}

export function deactivate() {
  ComponentRegistry.unregister(ComposerViewForDraftClientId);
  ComponentRegistry.unregister(ComposeButton);
  ComponentRegistry.unregister(ComposerWithWindowProps);
}

export function serialize() {
  return this.state;
}