For Linus USE ONLY

CAMUNDA_MODELER_PLUGIN.js

import { React, ReactDOM, Fill, registerBpmnJSPlugin } from 'camunda-modeler-plugin-helpers';

function BpmnModelerPlugin(eventBus, tabContext) {

  class AppPlugin extends React.Component {

    constructor(props) {
      super(props);

      this.tabContext = props.tabContext;
    }

    showDialog() {

    }

    doOtherTHings() {

    }

    triggerSave() {

    }

    render() {
      <div>
        <Fill name="toolbar" group="save">
          <button className="some-button" onClick={ this.triggerSave } >
          </button>
        </Fill>
      </div>
    }

  }

  let el, appPlugin;

  function mountApp() {

    el = document.createElement('div');
    document.body.appendChild(el);

    // one extension per diagram, reacts to tabContext.on(...) to either show buttons (or not)
    appPlugin = ReactDOM.render(<AppPlugin tabContext={ tabContext } />, el);
  }

  function unmountApp() {

    if (!el) {
      return;
    }

    // unmount app
    ReactDOM.render(null, el);

    document.body.removeChild(el);

    el = null;
    appPlugin = null;
  }


  eventBus.on('diagram.destroy', function() {

  });

  tabContext.on('tab.shown', mountApp());

  tabContext.on('tab.hide', unmountApp());

  const saveContext = 'USER_TRIGGERD_AWAAAAA';

  await tabContext.save(saveContext);

  const workspace = tabContext.get('workspace');
  tabContext.getConfig('cawemo:CAWEMO_USER', '');

  const value = await workspace.getConfig('cawemo:CAWEMO_USER', '');
  await workspace.setConfig('cawemo:CAWEMO_USER', 'asddsa');


  tabContext.on('tab.save', function(definitions, saveContext) {
    // add cawemo related meta-data to BPMN 2.0 XML
  });

  tabContext.on('tab.saved', async function(xml, saveContext) {
    return appPlugin.upload();
  });

}

😍