WebCAD/src/index.tsx

import * as React from "react";
import * as ReactDOM from 'react-dom';
import '../node_modules/golden-layout/src/css/goldenlayout-base.css';
import '../node_modules/golden-layout/src/css/goldenlayout-dark-theme.css';
import "./UI/Css/style.less"
import { LoadLayoutNotHead } from './UI/Layout/Layout';
import { CommandComponent } from "./UI/Components/Command";
import { App } from './UI/App';
import { commandStore, CommandMsg } from './UI/Store/CommandStore';
import { autorun, observable } from 'mobx';
import { Provider } from "mobx-react";
import { ApplicationService } from './ApplicationServices/Application';
function createRootElement()
{
    var root = document.createElement('div');
    root.id = "app"
    root.style.height = "100%";
    document.body.appendChild(root);
    return root;
}

function renderCommand()
{
    let commandEl = document.getElementById("commandContainer")
    ReactDOM.render(
        <Provider commandStore={commandStore}>
            <CommandComponent />
        </Provider>,
        commandEl
    )
}


function initApp()
{
    new ApplicationService();
}

window.onload = function ()
{
    createRootElement();
    LoadLayoutNotHead();
    renderCommand();
    initApp();
};