main.js

import './project/polyfil';
import './project/libs';
import './project/api';
import './project/project-components';
import './styles/styles.scss';
import { BrowserRouter as Router } from 'react-router-dom';
import { createBrowserHistory } from 'history';
import ToastMessages from './project/toast';
import routes from './routes';

import AccountStore from '../common/stores/account-store';
import data from '../common/data/base/_data';

window.Project = require('../common/project');

window.Project = {
    ...window.Project,
    ...projectOverrides, // environment.js (also app.yaml if using app engine)
};
window.Utils = require('../common/utils/utils');
window.Constants = require('../common/constants');

window.openModal = require('./project/modals').openModal;
window.openConfirm = require('./project/modals').openConfirm;

const rootElement = document.getElementById('app');

const params = Utils.fromParam();

if (params.token) {
    API.setCookie('t', params.token);
    document.location = document.location.origin;
}

function hashLinkScroll() {
    const { hash } = window.location;
    if (hash !== '') {
    // Push onto callback queue so it runs after the DOM is updated,
    // this is required when navigating from a different page so that
    // the element is rendered on the page before trying to getElementById.
        setTimeout(() => {
            const id = hash.replace('#', '');
            const element = document.getElementById(id);
            if (element) element.scrollIntoView({ behavior: 'smooth' });
        }, 0);
    }
}

// Render the React application to the DOM
const res = API.getCookie('t');

const event = API.getEvent();
if (event) {
    try {
        data.post('/api/event', JSON.parse(event))
            .catch(() => {})
            .finally(() => {
                API.setEvent('');
            });
    } catch (e) {

    }
}


const isInvite = document.location.href.includes('invite');
if (res && !isInvite) {
    AppActions.setToken(res);
}

setTimeout(() => {
    const browserHistory = createBrowserHistory();

    // redirect before login
    // todo: move to util to decide if url is public
    if (
        (document.location.pathname.indexOf('/project/') !== -1
      || document.location.pathname.indexOf('/create') !== -1
      || document.location.pathname.indexOf('/invite') !== -1
      || document.location.pathname.indexOf('/projects') !== -1)
    && !AccountStore.getUser()) {
        browserHistory.push(`/?redirect=${encodeURIComponent(document.location.pathname + (document.location.search || ''))}`);
    }

    ReactDOM.render(
        <Router>{routes}</Router>,
        rootElement,
    );
}, 1);

// Setup for toast messages
ReactDOM.render(<ToastMessages/>, document.getElementById('toast'));

if (E2E) {
    document.body.classList.add('disable-transitions');
}

if (!E2E && Project.crispChat) {
    window.$crisp = [];
    window.CRISP_WEBSITE_ID = Project.crispChat;
    (function () {
        const d = document;
        const s = d.createElement('script');
        s.src = 'https://client.crisp.chat/l.js';
        s.async = 1;
        d.getElementsByTagName('head')[0].appendChild(s);
    }());
}