lbry-desktop/ui/js/main.js

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 './component/app/index.js';
import SplashScreen from './component/splash.js';
import SnackBar from './component/snack-bar.js';
import {AuthOverlay} from './component/auth.js';
import { Provider } from 'react-redux';
import store from 'store.js';
import { runTriggers } from 'triggers'
import {
  doDaemonReady,
  doChangePath,
} from 'actions/app'

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

lbry.showMenuIfNeeded();

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

const parseQueryParams = (queryString) => {
  if (queryString === '') return {};
  const parts = queryString
    .split('?')
    .pop()
    .split('&')
    .map(function(p) { return p.split('=') })

  const params = {};
  parts.forEach(function(arr) {
    params[arr[0]] = arr[1];
  })
  return params;
}

window.addEventListener('popstate', (event) => {
  const pathname = document.location.pathname
  const queryString = document.location.search
  if (pathname.match(/dist/)) return

  app.store.dispatch(doChangePath(`${pathname}${queryString}`))
})

const initialState = app.store.getState();
app.store.subscribe(runTriggers);
runTriggers();

var init = function() {
  window.lbry = lbry;
  window.lighthouse = lighthouse;
  let canvas = document.getElementById('canvas');

  lbry.connect().then(function(isConnected) {
    lbryio.authenticate() //start auth process as soon as soon as we can get an install ID
  })

  function onDaemonReady() {
    app.store.dispatch(doDaemonReady())
    window.history.pushState({}, "Discover", '/discover');
    ReactDOM.render(<Provider store={store}><div>{ lbryio.enabled ? <AuthOverlay/> : '' }<App /><SnackBar /></div></Provider>, canvas)
  }

  if (window.sessionStorage.getItem('loaded') == 'y') {
    onDaemonReady();
  } else {
    ReactDOM.render(<SplashScreen message="Connecting" onLoadDone={onDaemonReady} />, canvas);
  }
};

init();