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 } from './UI/Store/CommandStore';
import { autorun } from 'mobx';
import { Provider } from "mobx-react";
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
    )
}

// window.onload = function ()
// {
//     createRootElement();

//     LoadLayoutNotHead();
//     renderCommand();
// };

window.onload = () =>
{
    ReactDOM.render(
        <Provider commandStore={commandStore}>
            <CommandComponent />
        </Provider>,
        createRootElement()
    )
}

window["tt"] = commandStore;