Is there a way to know that current bpmn has changed

nbouliol · June 24, 2025, 3:05pm

Hello

Is there an event I can subscribe to know the current bpmn xml has changed ?

Maybe elements.changed ?

Or maybe a mehtod I can call ?

nbouliol · June 25, 2025, 1:08pm

My use case is the following, I have a save button and I want to be disabled until the bpmn has changed

nbouliol · June 27, 2025, 7:36am

Here is what I did

    this.bpmnModeler.on('elements.changed', () => {
      this.didBpmnChange = true;
    });

    this.bpmnModeler.on('import.render.complete', () => {
      this.didBpmnChange = true;
    });

jarekdanielak · July 1, 2025, 6:31am

Glad you figured it out yourself. For comparison, here’s how we do it in Camunda Modeler:

github.com

camunda/camunda-modeler/blob/d63e8a0399e03d4813c438a3c36eda14f90575bc/client/src/app/tabs/bpmn/BpmnEditor.js#L532


      
          
            const { onAction } = this.props;
          
            onAction('lint-tab', { contents });
          };
          
          isLintingActive = () => {
            return this.getModeler().get('linting').isActive();
          };
          
          isDirty() {
            const {
              modeler,
              stackIdx
            } = this.getCached();
          
            const commandStack = modeler.get('commandStack');
          
            return commandStack._stackIdx !== stackIdx;
          }

nbouliol · July 1, 2025, 2:55pm

Hello @jarekdanielak

Thank you for your answer, can you please quickly explain the logic or what is stackIdx ?