'camunda-bpmn-moddle/lib' gone in breaking changes... What is the preferred method now?

Community Contributions & Discussions
1

I tried to update npm packages this morning and the following code broke. It looks like the ‘camunda-bpmn-moddle/lib’ and ‘zeebe-bpmn-moddle/lib’ folders were removed around August 23. I’m getting started on tracking the new way. But I would be eternally grateful if anyone could help get me to my destination faster. Thank you in advance!

Jerrill


//
// BPMN base
//
import {
    BpmnPropertiesPanelModule,
    BpmnPropertiesProviderModule,
} from 'bpmn-js-properties-panel';

//
// camunda
//
//import CamundaExtensionModule from 'camunda-bpmn-moddle/lib'; // Camunda BPMN Moddle extension
//import camundaModdleDescriptors from 'camunda-bpmn-moddle/resources/camunda.json'; // Camunda BPMN namespace
//import CamundaPlatformPropertiesProviderModule from 'bpmn-js-properties-panel';// Camunda Platform properties provider

//
// zeebe
//
import ZeebeExtensionModule from 'zeebe-bpmn-moddle/lib'; //called zeebeModdleExtension in module, aliased here to mirror camunda naming
import zeebeModdleDescriptor from 'zeebe-bpmn-moddle/resources/zeebe.json';
import { ZeebePropertiesProviderModule } from 'bpmn-js-properties-panel';

//
// create modeler instance in the target container
//
var bpmnModeler = new BpmnModeler({
    container: '#bpmn_editor_canvas',
    propertiesPanel: {
        parent: '#bpmn_editor_properties'
    },
    additionalModules: [
        BpmnPropertiesPanelModule,
        BpmnPropertiesProviderModule,

        //
        // camunda
        //
        //CamundaPlatformPropertiesProviderModule,
        //CamundaExtensionModule

        //
        // zeebe
        // 
        ZeebeExtensionModule,
        ZeebePropertiesProviderModule

    ],
    moddleExtensions: {
        //camunda: camundaModdleDescriptors
        zeebe: zeebeModdleDescriptor
    },
    keyboard: {
        bindTo: window
    }
});
2

It looks like the behaviors for both and now in one place. Code modified as follows and seems to be working as expected:


//
// camunda
//
//import camundaModdleDescriptors from 'camunda-bpmn-moddle/resources/camunda.json'; // Camunda BPMN namespace
//import CamundaPlatformPropertiesProviderModule from 'bpmn-js-properties-panel';// Camunda Platform properties provider

//
// zeebe
//
import zeebeModdleDescriptors from 'zeebe-bpmn-moddle/resources/zeebe.json';
import { ZeebePropertiesProviderModule } from 'bpmn-js-properties-panel';

//
// common
//
//import camundaPlatformBehaviors from 'camunda-bpmn-js-behaviors/lib/camunda-platform';
import camundaCloudBehaviors from 'camunda-bpmn-js-behaviors/lib/camunda-cloud';

//
// create modeler instance in the target container
//
var bpmnModeler = new BpmnModeler({
    container: '#bpmn_editor_canvas',
    propertiesPanel: {
        parent: '#bpmn_editor_properties'
    },
    additionalModules: [
        BpmnPropertiesPanelModule,
        BpmnPropertiesProviderModule,

        //
        // common
        //
        camundaCloudBehaviors,

        //
        // camunda
        //
        //CamundaExtensionModule

        //
        // zeebe
        //
        ZeebePropertiesProviderModule

    ],
    moddleExtensions: {
        //camunda: camundaModdleDescriptors
        zeebe: zeebeModdleDescriptors
    },
    keyboard: {
        bindTo: window
    }
});
3