{"_id":"@bptlab/openbpt-modeler-bpmn-q","name":"@bptlab/openbpt-modeler-bpmn-q","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@bptlab/openbpt-modeler-bpmn-q","version":"1.0.0","description":"BPMN-Q modeling tool based on diagram-js for viewing and editing BPMN-Q diagrams in the browser.","repository":{"type":"git","url":"git+https://github.com/bptlab/openbpt-modeler-bpmn-q.git"},"publishConfig":{"access":"public"},"author":{"name":"bptlab","url":"https://github.com/bptlab"},"contributors":[{"name":"Max Blaschke"},{"name":"Noah Khalil"},{"name":"Victor Lindow"},{"name":"Dennis Sima"},{"name":"Oscar Ulbricht"},{"name":"Richard Weber"},{"name":"Benedikt Zimmermann"},{"name":"Maximilian König"}],"license":"MIT","keywords":["BPMN-Q","modeler","modeling","diagram-js"],"main":"index.js","scripts":{"lint":"eslint . --ext .js","lint:fix":"eslint . --ext .js --fix","format":"prettier --write ."},"dependencies":{"bpmn-font":"^0.12.1","diagram-js":"^15.2.4","diagram-js-direct-editing":"^2.1.2","ids":"^1.0.5","inherits":"^2.0.4","jquery":"^3.7.1","min-dash":"^4.2.1","min-dom":"^5.0.0","moddle":"^6.2.3","moddle-xml":"^10.1.0","object-refs":"^0.4.0","tiny-svg":"^4.0.0"},"devDependencies":{"eslint":"^9.35.0","eslint-config-prettier":"^10.1.5","eslint-plugin-prettier":"^5.5.4","prettier":"^3.6.2","webpack-cli":"^6.0.1","webpack-dev-server":"^5.2.0"},"_id":"@bptlab/openbpt-modeler-bpmn-q@1.0.0","gitHead":"8db4d81ea865e688d50ef9104bcd7b037de5ad52","bugs":{"url":"https://github.com/bptlab/openbpt-modeler-bpmn-q/issues"},"homepage":"https://github.com/bptlab/openbpt-modeler-bpmn-q#readme","_nodeVersion":"22.14.0","_npmVersion":"11.4.2","dist":{"integrity":"sha512-fr6JR/KUgEwGERILg85IJKBBTxrkMjpz1DdYbSpFZ+5nlLLCUSoFNDpSBzPQE+cPW3EbfholnIPFKTItwfuCvQ==","shasum":"4637a202eddb3b9e68cc20f0fd54cfde9e379e1f","tarball":"https://registry.npmjs.org/@bptlab/openbpt-modeler-bpmn-q/-/openbpt-modeler-bpmn-q-1.0.0.tgz","fileCount":68,"unpackedSize":170934,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFRLNEbw4YPPdRahRONHpRZeX4AEFa1XBtrsF6sHkDzXAiEAs7XlkK5Nc7I7GecSp4saoNvFlJs3ab5KGpX8hDPtzYU="}]},"_npmUser":{"name":"maximiliankoenig","email":"maximilian.koenig@hpi.de"},"directories":{},"maintainers":[{"name":"maximiliankoenig","email":"maximilian.koenig@hpi.de"},{"name":"bpt-lab","email":"bptlab@hpi.de"},{"name":"t-lichtenstein","email":"lichtenstein-t@web.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/openbpt-modeler-bpmn-q_1.0.0_1757951679300_0.7687307844039406"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-15T15:54:39.188Z","1.0.0":"2025-09-15T15:54:39.480Z","modified":"2025-09-15T15:54:39.765Z"},"maintainers":[{"name":"maximiliankoenig","email":"maximilian.koenig@hpi.de"},{"name":"bpt-lab","email":"bptlab@hpi.de"},{"name":"t-lichtenstein","email":"lichtenstein-t@web.de"}],"description":"BPMN-Q modeling tool based on diagram-js for viewing and editing BPMN-Q diagrams in the browser.","homepage":"https://github.com/bptlab/openbpt-modeler-bpmn-q#readme","keywords":["BPMN-Q","modeler","modeling","diagram-js"],"repository":{"type":"git","url":"git+https://github.com/bptlab/openbpt-modeler-bpmn-q.git"},"contributors":[{"name":"Max Blaschke"},{"name":"Noah Khalil"},{"name":"Victor Lindow"},{"name":"Dennis Sima"},{"name":"Oscar Ulbricht"},{"name":"Richard Weber"},{"name":"Benedikt Zimmermann"},{"name":"Maximilian König"}],"author":{"name":"bptlab","url":"https://github.com/bptlab"},"bugs":{"url":"https://github.com/bptlab/openbpt-modeler-bpmn-q/issues"},"license":"MIT","readme":"# bpmn-q-js\r\n\r\nBPMN-Q modeling tool for viewing and editing BPMN-Q queries in the browser. Supports the import and export of .xml files.\r\n\r\nThe tool is based on [ptn-js](https://github.com/MaximilianKoenig/ptn-js) and took inspiration from [bpmn-js](https://github.com/bpmn-io/bpmn-js).\r\n\r\n## Usage\r\n\r\nTo integrate the modeler, create a bpmn-q-js instance, bind it to the canvas, and import a model or create a new one.\r\n\r\n```javascript\r\nimport BPMNQModeler from \"bpmn-q-js/lib/bpmnqmodeler/BPMNQModeler\";\r\nimport \"bpmn-q-js/assets/bpmnq-js.css\";\r\n\r\nconst xml = '...'; // your BPMN-Q XML\r\nconst canvas = '...'; // the HTML element the modeler should use as canvas\r\nconst modeler = new BPMNQModeler({\r\n  container: canvas,\r\n  keyboard: [\r\n    bindTo: canvas\r\n  ]\r\n});\r\n\r\nawait modeler.importXML(xml);\r\n// await modeler.createNew(); Alternatively, this creates an empty diagram\r\n\r\nconst xmlExport = (await modeler.saveXML()).xml;\r\n```\r\n","readmeFilename":"README.md","_rev":"1-e123d607613c2893f074253bbc18df0b"}