import React from 'react';
import ReactDOM from 'react-dom';
import lbry from './lbry.js';
import lbryio from './lbryio.js';
import lighthouse from './lighthouse.js';
import App from './app.js';
import SplashScreen from './component/splash.js';

const {remote} = require('electron');
const contextMenu = remote.require('./menu/context-menu');

lbry.showMenuIfNeeded();

window.addEventListener('contextmenu', (event) => {
  contextMenu.showContextMenu(remote.getCurrentWindow(), event.x, event.y,
                              lbry.getClientSetting('showDeveloperMenu'));
  event.preventDefault();
});

let init = function() {
  window.lbry = lbry;
  window.lighthouse = lighthouse;

  var canvas = document.getElementById('canvas');
  if (window.sessionStorage.getItem('loaded') == 'y') {
    ReactDOM.render(<App/>, canvas)
  } else {
    ReactDOM.render(
      (
        <SplashScreen message="Connecting" onLoadDone={function() {
          // There are a couple of conditions where we want to preempt loading the app and send the user to a
          // different page. TODO: Find a better place for this logic.

          if (!localStorage.getItem('claimCodeDone') && ['', '?', 'discover'].includes(window.location.search)) {
            lbry.getBalance((balance) => {
              if (balance <= 0) {
                window.location.href = '?claim';
              } else {
                ReactDOM.render(<App/>, canvas);
              }
            });
          } else {
            ReactDOM.render(<App/>, canvas);
          }
        }}/>
      ), canvas);
  }
};

if (localStorage.getItem('accessToken') || window.location.search == '?register') {
  // User is already registered, or on the registration page
  init();
} else {
  // Send 
  lbry.status().then(({installation_id}) => {
    installation_id += parseInt(Date.now(), 10); // temp
    installation_id += "X".repeat(96 - installation_id.length); // temp
    lbryio.call('user_install', 'exists', {app_id: installation_id}).then((userExists) => {
      if (userExists) {
        /* TODO: somehow user exists with the same installation ID, but we don't have the token recorded. What do we do here? */
      } else {
        lbryio.call('user', 'new', {
          language: 'en',
          app_id: installation_id,
        }, 'post').then(({ID}) => {
          localStorage.setItem('accessToken', ID);
          window.location = '?register';
        });
      }
    });
  });
}