[REFACTOR] Projects use the exported mxgraph object (#449)

Avoid redefining the mxgraph context object in the projects. Use th object exported by bpmn-visualization as of version 0.30.0.
process-analytics · Feb 6, 2023 · b267ea7 · b267ea7
1 parent 5c385a1
commit b267ea7
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 28 deletions.
diff --git a/projects/typescript-vanilla-with-parcel/src/index.ts b/projects/typescript-vanilla-with-parcel/src/index.ts
@@ -1,10 +1,8 @@
-import { BpmnVisualization, FitType } from "bpmn-visualization";
+import { mxgraph, BpmnVisualization, FitType } from "bpmn-visualization";
 // BPMN diagram content conveniently retrieved with parcel (as string)
 // for other load methods, see https://github.com/process-analytics/bpmn-visualization-examples
 import diagram from "bundle-text:./diagram.bpmn";
 import "./styles.css";
-// put this import after the 'BpmnVisualization' import to ensure mxGraph is correctly configured by bpmn-visualization
-import { mxgraph } from "./mxgraph-initializer";
 
 // 'bpmn-visualization' API documentation: https://process-analytics.github.io/bpmn-visualization-js/api/index.html
 const bpmnVisualization = new BpmnVisualization({

diff --git a/projects/typescript-vanilla-with-parcel/src/mxgraph-initializer.ts b/projects/typescript-vanilla-with-parcel/src/mxgraph-initializer.ts
diff --git a/projects/typescript-vanilla-with-vitejs/src/main.ts b/projects/typescript-vanilla-with-vitejs/src/main.ts
@@ -2,9 +2,7 @@ import './style.css'
 // this is simple example of the BPMN diagram, loaded as string. The '?.raw' extension support is provided by Vite.
 // for other load methods, see https://github.com/process-analytics/bpmn-visualization-examples
 import diagram from './diagram.bpmn?raw'
-import { BpmnVisualization } from 'bpmn-visualization';
-// put this import after the 'BpmnVisualization' import to ensure mxGraph is correctly configured by bpmn-visualization
-import { mxgraph } from "./mxgraph-initializer";
+import { mxgraph, BpmnVisualization } from 'bpmn-visualization';
 
 // instantiate BpmnVisualization, pass the container HTMLElement - present in index.html
 const bpmnVisualization = new BpmnVisualization({

diff --git a/projects/typescript-vanilla-with-vitejs/src/mxgraph-initializer.ts b/projects/typescript-vanilla-with-vitejs/src/mxgraph-initializer.ts