import React from 'react';
import ReactDOM from 'react-dom';
import lbry from './lbry.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();
});

var 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() {
	  // Redirect to the claim code page if needed. Find somewhere better for this logic
	  if (!localStorage.getItem('claimCodeDone') && window.location.search == '' || window.location.search == '?' || window.location.search == 'discover') {
            lbry.getBalance((balance) => {
              if (balance <= 0) {
		window.location.href = '?claim';
              } else {
		ReactDOM.render(<App/>, canvas);
              }
            });
	  } else {
            ReactDOM.render(<App/>, canvas);
	  }
	}}/>,
      canvas
    );
  }
};

init();