Removed Dev Dependencies

lib/Editor.js

@@ -2,17 +2,15 @@ import {attr as domAttr, classes as domClasses, event as domEvent} from 'min-dom
 
 import {assign} from 'min-dash';
 
-// import * as ace from 'ace-builds/src-noconflict/ace';
-
+var ace = require('ace-builds');
 // var Range = ace.require('ace/range').Range;
-// Enable dynamic loading of formatting modes
-
-// const Range = ace.require('ace/range').Range // get reference to ace/range
-
-var ace = require('brace');
-ace.config.set('basePath', 'https://unpkg.com/ace-builds@1.4.12/src-noconflict');
 // https://stackoverflow.com/questions/16024721/how-can-i-highlight-multiple-lines-with-ace/16024998#16024998
-var Range = ace.acequire('ace/range').Range;
+
+const Range = ace.require('ace/range').Range // get reference to ace/range
+
+// Enable dynamic loading of formatting modes
+ace.config.set('basePath', 'https://unpkg.com/ace-builds@1.4.12/src-noconflict');
+
 /**
  * A code editor that allows you to add syntax highlighting and testing to bpmn properties panel
  */

lib/index.js

@@ -2,7 +2,6 @@
 import Editor from './Editor';
 import {Button, Dropdown} from './bootstrap.esm.js';
 
-// console.log("Hello World");
 // document.addEventListener('DOMContentLoaded', (event) => {
 //     Array.from(document.querySelectorAll('.dropdown')).forEach(n => {
 //         console.log("Dropdown Created", n);
@@ -11,9 +10,6 @@ import {Button, Dropdown} from './bootstrap.esm.js';
 //     Array.from(document.querySelectorAll('.button')).forEach(n => new Button(n));
 // })
 document.addEventListener("DOMContentLoaded", function(){
-// make it as accordion for smaller screens
-if (window.innerWidth < 992) {
-
   // close all inner dropdowns when parent is closed
   document.querySelectorAll('.navbar .dropdown').forEach(function(everydropdown){
     everydropdown.addEventListener('hidden.bs.dropdown', function () {
@@ -36,16 +32,14 @@ if (window.innerWidth < 992) {
           } else {
             nextEl.style.display = 'block';
           }
-
         }
     });
   })
-}
-// end if innerWidth
 });
 // DOMContentLoaded  end
 
 export default {
     __init__: ['editor'],
-    editor: ['type', Editor]
+    editor: ['type', Editor],
+    external: ['ace-builds','@popperjs/core']
 };

package.json

@@ -31,46 +31,19 @@
   },
   "homepage": "https://github.com/sartography/diagram-js-code-editor#readme",
   "devDependencies": {
-    "@types/ace": "0.0.46",
-    "@typescript-eslint/eslint-plugin": "^4.28.2",
-    "@typescript-eslint/parser": "^4.28.2",
-    "brace": "^0.11.1",
-    "chai": "^4.2.0",
-    "diagram-js": "^5.0.2",
-    "eslint": "^7.30.0",
-    "eslint-config-google": "^0.14.0",
-    "eslint-plugin-bpmn-io": "^0.12.0",
-    "karma": "^6.3.3",
-    "karma-chrome-launcher": "^3.1.0",
-    "karma-firefox-launcher": "^1.2.0",
-    "karma-mocha": "^2.0.1",
-    "karma-phantomjs-launcher": "^1.0.4",
-    "karma-sinon-chai": "^2.0.2",
-    "karma-webpack": "^5.0.0",
-    "mocha": "^6.2.1",
-    "mocha-test-container-support": "^0.2.0",
-    "npm-run-all": "^4.1.5",
-    "puppeteer": "^3.0.0",
-    "raw-loader": "^4.0.2",
-    "rollup": "^1.22.0",
+    "rollup": "^2.56.1",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-terser": "^5.1.2",
-    "sinon": "^7.5.0",
-    "sinon-chai": "^3.3.0",
-    "webpack": "^5.48.0"
+    "rollup-plugin-terser": "^7.0.2"
   },
   "dependencies": {
     "@popperjs/core": "^2.9.2",
-    "ace": "^1.3.0",
     "ace-builds": "^1.4.12",
     "bootstrap": "^5.0.2",
-    "codemirror": "^5.61.1",
     "css.escape": "^1.5.1",
     "jquery": "^3.6.0",
     "min-dash": "^3.5.2",
     "min-dom": "^3.1.1",
-    "popper.js": "^1.16.1",
     "tiny-svg": "^2.2.2",
     "typescript-eslint": "0.0.1-alpha.0"
   }