wisemapping-frontend/packages/editor/test/playground/map-render/js/embedded.jsx

import '../css/embedded.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Editor from '../../../../src/index';

const initialization =
    ({ LocalStorageManager, DesignerOptionsBuilder, buildDesigner, PersistenceManager }) =>
    () => {
        // Options has been defined in by a external file ?
        const p = new LocalStorageManager('samples/{id}.wxml');
        const options = DesignerOptionsBuilder.buildOptions({ persistenceManager: p });
        const designer = buildDesigner(options);

        designer.addEvent('loadSuccess', () => {
            document.getElementById('mindplot').classList.add('ready');
        });

        // Load map from XML file persisted on disk...
        const mapId = 'welcome';
        const persistence = PersistenceManager.getInstance();
        const mindmap = persistence.load(mapId);
        designer.loadMap(mindmap);
    };

ReactDOM.render(
    <Editor
        mapId={global.mapId}
        memoryPersistence={global.memoryPersistence}
        readOnlyMode={global.readOnly}
        locale={global.locale}
        onAction={(action) => console.log('action called:', action)}
        initCallback={initialization}
    />,
    document.getElementById('root')
);