import 'intl-pluralrules';
import choo from 'choo';
import html from 'choo/html';
import * as Sentry from '@sentry/browser';

import { setApiUrlPrefix, getConstants } from '../app/api';
//import assets from '../common/assets';
import Archive from '../app/archive';
import Header from '../app/ui/header';
import storage from '../app/storage';
import controller from '../app/controller';
import User from './user';
import intents from './stores/intents';
import home from './pages/home';
import upload from './pages/upload';
import share from './pages/share';
import preferences from './pages/preferences';
import error from './pages/error';
import { getTranslator } from '../app/locale';
import { setTranslate } from '../app/utils';

import { delay } from '../app/utils';

if (navigator.userAgent === 'Send Android') {
  setApiUrlPrefix('https://send.firefox.com');
}

const app = choo();
//app.use(state);
app.use(controller);
app.use(intents);

window.finishLogin = async function(accountInfo) {
  while (!(app.state && app.state.user)) {
    await delay();
  }
  await app.state.user.finishLogin(accountInfo);
  await app.state.user.syncFileList();
  app.emitter.emit('replaceState', '/');
};

function body(main) {
  return function(state, emit) {
    /*
      Disable the preferences menu for now since it is ugly and isn't
      relevant to the beta
    function clickPreferences(event) {
      event.preventDefault();
      emit('pushState', '/preferences');
    }

    const menu = html`<a
        id="hamburger"
        class="absolute top-0 right-0 z-50"
        href="#"
        onclick="${clickPreferences}"
      >
        <img src="${assets.get('preferences.png')}" />
      </a>`;
    */
    return html`
      <body class="flex flex-col items-center font-sans bg-grey-10 h-screen">
        ${state.cache(Header, 'header').render()} ${main(state, emit)}
      </body>
    `;
  };
}
(async function start() {
  const translate = await getTranslator('en-US');
  setTranslate(translate);
  const { LIMITS, WEB_UI, DEFAULTS } = await getConstants();
  app.use(state => {
    state.LIMITS = LIMITS;
    state.WEB_UI = WEB_UI;
    state.DEFAULTS = DEFAULTS;
    state.translate = translate;
    state.capabilities = {
      account: true
    }; //TODO
    state.archive = new Archive(
      [],
      DEFAULTS.EXPIRE_SECONDS,
      DEFAULTS.DOWNLOADS
    );
    state.storage = storage;
    state.user = new User(storage, LIMITS);
    state.sentry = Sentry;
  });
  app.route('/', body(home));
  app.route('/upload', upload);
  app.route('/share/:id', share);
  app.route('/preferences', preferences);
  app.route('/error', error);
  //app.route('/debugging', require('./pages/debugging').default);
  // add /api/filelist
  app.mount('body');
})();

window.app = app;
