@camunda/linting 3.27.1 → 3.27.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2022-present Camunda Services GmbH
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2022-present Camunda Services GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,75 +1,75 @@
-# @camunda/linting
-
-[![CI](https://github.com/camunda/linting/actions/workflows/CI.yml/badge.svg)](https://github.com/camunda/linting/actions/workflows/CI.yml)
-
-The BPMN linter used by the Camunda Desktop and Web Modeler. Batteries included. 🔋
-
-## Features
-
-* bundles [bpmnlint](https://github.com/bpmn-io/bpmnlint) and [bpmnlint-plugin-camunda-compat](https://github.com/camunda/bpmnlint-plugin-camunda-compat/)
-* configures linter based on `modeler:executionPlatform` and `modeler:executionPlatformVersion`
-* creates error messages to be shown in desktop and web modeler
-* creates errors to be shown in properties panel
-* creates error overlays to be shown on canvas 
-
-## Usage
-
-```javascript
-import Modeler from 'bpmn-js/lib/Modeler';
-
-import { Linter } from '@camunda/linting';
-
-import lintingModule from '@camunda/linting/modeler';
-
-import '@camunda/linting/assets/linting.css';
-
-const modeler = new Modeler({
-  additionalModules: [
-    lintingModule
-  ]
-});
-
-// configure to be used with desktop or web modeler
-const linter = new Linter({
-  modeler: 'web', // `desktop` or `web` modeler, defaults to `desktop`
-  type: 'cloud' // `cloud` or `platform` diagrams, defaults to `cloud`
-});
-
-// lint by passing definitions
-const reports = await linter.lint(definitions);
-
-// or passing XML
-const reports = await linter.lint(xml);
-
-...
-
-// update errors on canvas and in properties panel (requires bpmn-js-properties-panel >= 1.3.0)
-modeler.get('linting').setErrors(reports);
-
-// show error by selecting element and properties panel entry
-modeler.get('linting').showError(report);
-
-// activate and deactivate errors on canvas
-modeler.get('linting').activate();
-modeler.get('linting').deactivate();
-```
-
-## Development
-
-```sh
-# install
-npm i
-
-# run tests
-npm t
-
-# run tests in watch mode
-npm run test:watch
-
-# run example
-npm start
-```
-
-## License
-
-MIT
+# @camunda/linting
+
+[![CI](https://github.com/camunda/linting/actions/workflows/CI.yml/badge.svg)](https://github.com/camunda/linting/actions/workflows/CI.yml)
+
+The BPMN linter used by the Camunda Desktop and Web Modeler. Batteries included. 🔋
+
+## Features
+
+* bundles [bpmnlint](https://github.com/bpmn-io/bpmnlint) and [bpmnlint-plugin-camunda-compat](https://github.com/camunda/bpmnlint-plugin-camunda-compat/)
+* configures linter based on `modeler:executionPlatform` and `modeler:executionPlatformVersion`
+* creates error messages to be shown in desktop and web modeler
+* creates errors to be shown in properties panel
+* creates error overlays to be shown on canvas 
+
+## Usage
+
+```javascript
+import Modeler from 'bpmn-js/lib/Modeler';
+
+import { Linter } from '@camunda/linting';
+
+import lintingModule from '@camunda/linting/modeler';
+
+import '@camunda/linting/assets/linting.css';
+
+const modeler = new Modeler({
+  additionalModules: [
+    lintingModule
+  ]
+});
+
+// configure to be used with desktop or web modeler
+const linter = new Linter({
+  modeler: 'web', // `desktop` or `web` modeler, defaults to `desktop`
+  type: 'cloud' // `cloud` or `platform` diagrams, defaults to `cloud`
+});
+
+// lint by passing definitions
+const reports = await linter.lint(definitions);
+
+// or passing XML
+const reports = await linter.lint(xml);
+
+...
+
+// update errors on canvas and in properties panel (requires bpmn-js-properties-panel >= 1.3.0)
+modeler.get('linting').setErrors(reports);
+
+// show error by selecting element and properties panel entry
+modeler.get('linting').showError(report);
+
+// activate and deactivate errors on canvas
+modeler.get('linting').activate();
+modeler.get('linting').deactivate();
+```
+
+## Development
+
+```sh
+# install
+npm i
+
+# run tests
+npm t
+
+# run tests in watch mode
+npm run test:watch
+
+# run example
+npm start
+```
+
+## License
+
+MIT

package/assets/linting.css

@@ -1,38 +1,38 @@
-:root {
-  --cl-color-white: hsl(0, 0%, 100%);
-
-  --cl-color-info: #0f62fe;
-  --cl-color-warning: #ff832b;
-  --cl-color-error: #da1e26;
-  --cl-color-success: #52b415;
-}
-
-.cl-icon, .cl-icon * {
-  box-sizing: border-box;
-}
-
-.cl-icon {
-  --icon-color: white;
-  --icon-bg-color: #333;
-  background: var(--icon-bg-color);
-  color: var(--icon-color);
-  border-radius: 100%;
-  height: 20px;
-  width: 20px;
-  border: solid 4px var(--icon-bg-color);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.cl-icon-error {
-  --icon-bg-color: var(--cl-color-error);
-}
-
-.cl-icon-warn {
-  --icon-bg-color: var(--cl-color-warning);
-}
-
-.cl-icon-info {
-  --icon-bg-color: var(--cl-color-info);
+:root {
+  --cl-color-white: hsl(0, 0%, 100%);
+
+  --cl-color-info: #0f62fe;
+  --cl-color-warning: #ff832b;
+  --cl-color-error: #da1e26;
+  --cl-color-success: #52b415;
+}
+
+.cl-icon, .cl-icon * {
+  box-sizing: border-box;
+}
+
+.cl-icon {
+  --icon-color: white;
+  --icon-bg-color: #333;
+  background: var(--icon-bg-color);
+  color: var(--icon-color);
+  border-radius: 100%;
+  height: 20px;
+  width: 20px;
+  border: solid 4px var(--icon-bg-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.cl-icon-error {
+  --icon-bg-color: var(--cl-color-error);
+}
+
+.cl-icon-warn {
+  --icon-bg-color: var(--cl-color-warning);
+}
+
+.cl-icon-info {
+  --icon-bg-color: var(--cl-color-info);
 }

package/lib/Resolver.js

@@ -1,31 +1,31 @@
-export default class NestedResolver {
-  constructor(resolvers) {
-    this.resolvers = resolvers.slice().reverse();
-  }
-
-  resolveRule(pkg, ruleName) {
-    for (const resolver of this.resolvers) {
-      try {
-        return resolver.resolveRule(pkg, ruleName);
-      } catch (err) {
-
-        // ignore
-      }
-    }
-
-    throw new Error(`unknown rule <${ pkg }/${ ruleName }>`);
-  }
-
-  resolveConfig(pkg, configName) {
-    for (const resolver of this.resolvers) {
-      try {
-        return resolver.resolveConfig(pkg, configName);
-      } catch (err) {
-
-        // ignore
-      }
-    }
-
-    throw new Error(`unknown config <${ pkg }/${ configName }>`);
-  }
-}
+export default class NestedResolver {
+  constructor(resolvers) {
+    this.resolvers = resolvers.slice().reverse();
+  }
+
+  resolveRule(pkg, ruleName) {
+    for (const resolver of this.resolvers) {
+      try {
+        return resolver.resolveRule(pkg, ruleName);
+      } catch (err) {
+
+        // ignore
+      }
+    }
+
+    throw new Error(`unknown rule <${ pkg }/${ ruleName }>`);
+  }
+
+  resolveConfig(pkg, configName) {
+    for (const resolver of this.resolvers) {
+      try {
+        return resolver.resolveConfig(pkg, configName);
+      } catch (err) {
+
+        // ignore
+      }
+    }
+
+    throw new Error(`unknown config <${ pkg }/${ configName }>`);
+  }
+}

package/lib/modeler/Linting.js

@@ -1,124 +1,124 @@
-import { getBusinessObject, is } from 'bpmn-js/lib/util/ModelUtil';
-
-import { getErrors } from '../utils/properties-panel';
-
-export default class Linting {
-  constructor(canvas, config, elementRegistry, eventBus, lintingAnnotations, selection) {
-    this._canvas = canvas;
-    this._elementRegistry = elementRegistry;
-    this._eventBus = eventBus;
-    this._lintingAnnotations = lintingAnnotations;
-    this._selection = selection;
-
-    this._active = config && config.active || false;
-    this._reports = [];
-
-    eventBus.on('selection.changed', () => this._update());
-
-    eventBus.on('lintingAnnotations.click', ({ report }) => this.showError(report));
-  }
-
-  showError(report) {
-    const {
-      id,
-      propertiesPanel = {}
-    } = report;
-
-    const selectableElement = this._getSelectableElement(id);
-
-    if (selectableElement) {
-      this._canvas.scrollToElement(selectableElement);
-
-      if (selectableElement === this._canvas.getRootElement()) {
-        this._selection.select();
-      } else {
-        this._selection.select(selectableElement);
-      }
-    }
-
-    const { entryIds = [] } = propertiesPanel;
-
-    // TODO(philippfromme): remove timeout once properties panel is fixed
-    setTimeout(() => {
-      this._eventBus.fire('propertiesPanel.showEntry', {
-        id: entryIds[ Math.max(0, entryIds.length - 1) ]
-      });
-    });
-  }
-
-  setErrors(reports) {
-    this._reports = reports;
-
-    this._update();
-  }
-
-  activate() {
-    this._active = true;
-
-    this._update();
-  }
-
-  deactivate() {
-    this._active = false;
-
-    this._update();
-  }
-
-  isActive() {
-    return this._active;
-  }
-
-  _update() {
-
-    // set annotations
-    this._lintingAnnotations.setErrors(this.isActive() ? this._reports : []);
-
-    // set properties panel errors
-    const selectedElement = this._getSelectedElement();
-
-    this._eventBus.fire('propertiesPanel.setErrors', {
-      errors: getErrors(this._reports, selectedElement)
-    });
-  }
-
-  _getSelectableElement(id) {
-    let element = this._elementRegistry.get(id);
-
-    if (!element) {
-      element = this._elementRegistry.filter(element => {
-        return is(element, 'bpmn:Participant') && getBusinessObject(element).get('processRef').get('id') === id;
-      })[ 0 ];
-    }
-
-    return element;
-  }
-
-  _getSelectedElement() {
-    const selection = this._selection.get();
-
-    if (!selection || !selection.length) {
-      return this._canvas.getRootElement();
-    }
-
-    const selectedElement = selection[ 0 ];
-
-    if (isLabel(selectedElement)) {
-      return selectedElement.labelTarget;
-    }
-
-    return selectedElement;
-  }
-}
-
-Linting.$inject = [
-  'canvas',
-  'config.linting',
-  'elementRegistry',
-  'eventBus',
-  'lintingAnnotations',
-  'selection'
-];
-
-function isLabel(element) {
-  return !!element.labelTarget;
-}
+import { getBusinessObject, is } from 'bpmn-js/lib/util/ModelUtil';
+
+import { getErrors } from '../utils/properties-panel';
+
+export default class Linting {
+  constructor(canvas, config, elementRegistry, eventBus, lintingAnnotations, selection) {
+    this._canvas = canvas;
+    this._elementRegistry = elementRegistry;
+    this._eventBus = eventBus;
+    this._lintingAnnotations = lintingAnnotations;
+    this._selection = selection;
+
+    this._active = config && config.active || false;
+    this._reports = [];
+
+    eventBus.on('selection.changed', () => this._update());
+
+    eventBus.on('lintingAnnotations.click', ({ report }) => this.showError(report));
+  }
+
+  showError(report) {
+    const {
+      id,
+      propertiesPanel = {}
+    } = report;
+
+    const selectableElement = this._getSelectableElement(id);
+
+    if (selectableElement) {
+      this._canvas.scrollToElement(selectableElement);
+
+      if (selectableElement === this._canvas.getRootElement()) {
+        this._selection.select();
+      } else {
+        this._selection.select(selectableElement);
+      }
+    }
+
+    const { entryIds = [] } = propertiesPanel;
+
+    // TODO(philippfromme): remove timeout once properties panel is fixed
+    setTimeout(() => {
+      this._eventBus.fire('propertiesPanel.showEntry', {
+        id: entryIds[ Math.max(0, entryIds.length - 1) ]
+      });
+    });
+  }
+
+  setErrors(reports) {
+    this._reports = reports;
+
+    this._update();
+  }
+
+  activate() {
+    this._active = true;
+
+    this._update();
+  }
+
+  deactivate() {
+    this._active = false;
+
+    this._update();
+  }
+
+  isActive() {
+    return this._active;
+  }
+
+  _update() {
+
+    // set annotations
+    this._lintingAnnotations.setErrors(this.isActive() ? this._reports : []);
+
+    // set properties panel errors
+    const selectedElement = this._getSelectedElement();
+
+    this._eventBus.fire('propertiesPanel.setErrors', {
+      errors: getErrors(this._reports, selectedElement)
+    });
+  }
+
+  _getSelectableElement(id) {
+    let element = this._elementRegistry.get(id);
+
+    if (!element) {
+      element = this._elementRegistry.filter(element => {
+        return is(element, 'bpmn:Participant') && getBusinessObject(element).get('processRef').get('id') === id;
+      })[ 0 ];
+    }
+
+    return element;
+  }
+
+  _getSelectedElement() {
+    const selection = this._selection.get();
+
+    if (!selection || !selection.length) {
+      return this._canvas.getRootElement();
+    }
+
+    const selectedElement = selection[ 0 ];
+
+    if (isLabel(selectedElement)) {
+      return selectedElement.labelTarget;
+    }
+
+    return selectedElement;
+  }
+}
+
+Linting.$inject = [
+  'canvas',
+  'config.linting',
+  'elementRegistry',
+  'eventBus',
+  'lintingAnnotations',
+  'selection'
+];
+
+function isLabel(element) {
+  return !!element.labelTarget;
+}

package/lib/modeler/LintingAnnotations.js

@@ -1,96 +1,96 @@
-import { groupBy } from 'min-dash';
-
-import { domify } from 'min-dom';
-
-import { renderOverlay } from './OverlayComponent';
-import { is } from 'bpmn-js/lib/util/ModelUtil';
-
-
-export default class LintingAnnotations {
-  constructor(canvas, elementRegistry, eventBus, overlays) {
-    this._canvas = canvas;
-    this._elementRegistry = elementRegistry;
-    this._eventBus = eventBus;
-    this._overlays = overlays;
-
-    this._reportsByElement = {};
-
-    this._overlayIds = {};
-  }
-
-  setErrors(reports) {
-    this._reportsByElement = groupBy(reports.filter(report => report.category !== 'rule-error'), 'id');
-
-    this._update();
-  }
-
-  _update(reportsByElement) {
-    if (!reportsByElement) {
-      reportsByElement = this._reportsByElement;
-    }
-
-    this._overlays.remove({ type: 'linting' });
-
-    Object.entries(reportsByElement).forEach(([ id, reports ]) => {
-      const element = this._elementRegistry.get(id);
-
-      if (!element || element === this._canvas.getRootElement()) {
-        return;
-      }
-
-      const html = domify(`
-        <div class="cl-overlay-root"></div>
-      `);
-
-      renderOverlay(html, {
-        reports,
-        onClick: () => {
-          this._eventBus.fire('lintingAnnotations.click', { report: reports[ 0 ] });
-        }
-      });
-
-      const position = getAnnotationPosition(element);
-
-      const overlayId = this._overlays.add(element, 'linting', {
-        position,
-        html,
-        scale: {
-          min: .7
-        }
-      });
-
-      this._overlayIds[ id ] = overlayId;
-    });
-  }
-}
-
-LintingAnnotations.$inject = [
-  'canvas',
-  'elementRegistry',
-  'eventBus',
-  'overlays'
-];
-
-
-function getAnnotationPosition(element) {
-
-  if (!element.parent) {
-
-    if (is(element, 'bpmn:SubProcess')) {
-      return {
-        top: 50,
-        left: 150
-      };
-    }
-
-    return {
-      top: 20,
-      left: 150
-    };
-  }
-
-  return {
-    bottom: 14,
-    left: -6
-  };
+import { groupBy } from 'min-dash';
+
+import { domify } from 'min-dom';
+
+import { renderOverlay } from './OverlayComponent';
+import { is } from 'bpmn-js/lib/util/ModelUtil';
+
+
+export default class LintingAnnotations {
+  constructor(canvas, elementRegistry, eventBus, overlays) {
+    this._canvas = canvas;
+    this._elementRegistry = elementRegistry;
+    this._eventBus = eventBus;
+    this._overlays = overlays;
+
+    this._reportsByElement = {};
+
+    this._overlayIds = {};
+  }
+
+  setErrors(reports) {
+    this._reportsByElement = groupBy(reports.filter(report => report.category !== 'rule-error'), 'id');
+
+    this._update();
+  }
+
+  _update(reportsByElement) {
+    if (!reportsByElement) {
+      reportsByElement = this._reportsByElement;
+    }
+
+    this._overlays.remove({ type: 'linting' });
+
+    Object.entries(reportsByElement).forEach(([ id, reports ]) => {
+      const element = this._elementRegistry.get(id);
+
+      if (!element || element === this._canvas.getRootElement()) {
+        return;
+      }
+
+      const html = domify(`
+        <div class="cl-overlay-root"></div>
+      `);
+
+      renderOverlay(html, {
+        reports,
+        onClick: () => {
+          this._eventBus.fire('lintingAnnotations.click', { report: reports[ 0 ] });
+        }
+      });
+
+      const position = getAnnotationPosition(element);
+
+      const overlayId = this._overlays.add(element, 'linting', {
+        position,
+        html,
+        scale: {
+          min: .7
+        }
+      });
+
+      this._overlayIds[ id ] = overlayId;
+    });
+  }
+}
+
+LintingAnnotations.$inject = [
+  'canvas',
+  'elementRegistry',
+  'eventBus',
+  'overlays'
+];
+
+
+function getAnnotationPosition(element) {
+
+  if (!element.parent) {
+
+    if (is(element, 'bpmn:SubProcess')) {
+      return {
+        top: 50,
+        left: 150
+      };
+    }
+
+    return {
+      top: 20,
+      left: 150
+    };
+  }
+
+  return {
+    bottom: 14,
+    left: -6
+  };
 }

package/lib/modeler/OverlayComponent.js

@@ -1,61 +1,61 @@
-import {
-  render as renderComponent,
-  html
-} from '@bpmn-io/diagram-js-ui';
-
-import classNames from 'clsx';
-
-const errorSvg = html`
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <path d="M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z M21.4,23L16,17.6L10.6,23L9,21.4l5.4-5.4L9,10.6L10.6,9
-    l5.4,5.4L21.4,9l1.6,1.6L17.6,16l5.4,5.4L21.4,23z" fill="currentColor" />
-</svg>
-`;
-
-const warningSvg = html`
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-<path d="M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14C30,8.3,23.7,2,16,2z M14.9,8h2.2v11h-2.2V8z M16,25
-  c-0.8,0-1.5-0.7-1.5-1.5S15.2,22,16,22c0.8,0,1.5,0.7,1.5,1.5S16.8,25,16,25z" fill="currentColor" />
-</svg>
-`;
-
-const infoSvg = html`
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,6a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z" fill="currentColor" />
-</svg>
-`;
-
-const icons = {
-  error: errorSvg,
-  warn: warningSvg,
-  info: infoSvg
-};
-
-export function OverlayComponent(props) {
-
-  const {
-    onClick = () => {},
-    reports
-  } = props;
-
-  const category =
-    reports.find(({ category }) => category === 'error')
-      ? 'error'
-      : reports.find(({ category }) => category === 'warn')
-        ? 'warn'
-        : 'info';
-
-  return html`
-    <div
-      class=${ classNames('cl-icon',`cl-icon-${category}`) }
-      onClick=${ onClick }
-      title="Click to show issue"
-    >
-      ${ icons[category] }
-    </div>
-  `;
-}
-
-export function renderOverlay(el, props) {
-  return renderComponent(html`<${OverlayComponent} ...${props} />`, el);
+import {
+  render as renderComponent,
+  html
+} from '@bpmn-io/diagram-js-ui';
+
+import classNames from 'clsx';
+
+const errorSvg = html`
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z M21.4,23L16,17.6L10.6,23L9,21.4l5.4-5.4L9,10.6L10.6,9
+    l5.4,5.4L21.4,9l1.6,1.6L17.6,16l5.4,5.4L21.4,23z" fill="currentColor" />
+</svg>
+`;
+
+const warningSvg = html`
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+<path d="M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14C30,8.3,23.7,2,16,2z M14.9,8h2.2v11h-2.2V8z M16,25
+  c-0.8,0-1.5-0.7-1.5-1.5S15.2,22,16,22c0.8,0,1.5,0.7,1.5,1.5S16.8,25,16,25z" fill="currentColor" />
+</svg>
+`;
+
+const infoSvg = html`
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,6a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z" fill="currentColor" />
+</svg>
+`;
+
+const icons = {
+  error: errorSvg,
+  warn: warningSvg,
+  info: infoSvg
+};
+
+export function OverlayComponent(props) {
+
+  const {
+    onClick = () => {},
+    reports
+  } = props;
+
+  const category =
+    reports.find(({ category }) => category === 'error')
+      ? 'error'
+      : reports.find(({ category }) => category === 'warn')
+        ? 'warn'
+        : 'info';
+
+  return html`
+    <div
+      class=${ classNames('cl-icon',`cl-icon-${category}`) }
+      onClick=${ onClick }
+      title="Click to show issue"
+    >
+      ${ icons[category] }
+    </div>
+  `;
+}
+
+export function renderOverlay(el, props) {
+  return renderComponent(html`<${OverlayComponent} ...${props} />`, el);
 }

package/lib/modeler/index.js

@@ -1,11 +1,11 @@
-import Linting from './Linting';
-import LintingAnnotations from './LintingAnnotations';
-
-export default {
-  __init__: [
-    'linting',
-    'lintingAnnotations'
-  ],
-  linting: [ 'type', Linting ],
-  lintingAnnotations: [ 'type', LintingAnnotations ]
+import Linting from './Linting';
+import LintingAnnotations from './LintingAnnotations';
+
+export default {
+  __init__: [
+    'linting',
+    'lintingAnnotations'
+  ],
+  linting: [ 'type', Linting ],
+  lintingAnnotations: [ 'type', LintingAnnotations ]
 };

package/lib/plugins/bpmnLintPlugin.js

@@ -1,11 +1,11 @@
-import StaticResolver from 'bpmnlint/lib/resolver/static-resolver';
-import rule from 'bpmnlint/rules/no-bpmndi';
-
-export default {
-  config: {
-    rules: {
-      'bpmnlint/no-bpmndi': 'warn'
-    }
-  },
-  resolver: new StaticResolver({ 'rule:bpmnlint/no-bpmndi': rule })
+import StaticResolver from 'bpmnlint/lib/resolver/static-resolver';
+import rule from 'bpmnlint/rules/no-bpmndi';
+
+export default {
+  config: {
+    rules: {
+      'bpmnlint/no-bpmndi': 'warn'
+    }
+  },
+  resolver: new StaticResolver({ 'rule:bpmnlint/no-bpmndi': rule })
 };

package/lib/plugins/index.js

@@ -1,5 +1,5 @@
-import bpmnLintPlugin from './bpmnLintPlugin';
-
-export default [
-  bpmnLintPlugin
+import bpmnLintPlugin from './bpmnLintPlugin';
+
+export default [
+  bpmnLintPlugin
 ];

package/lib/utils/documentation.js

@@ -1,37 +1,37 @@
-const baseUrl = 'https://docs.camunda.io/docs/next/components/modeler/reference/modeling-guidance/rules';
-
-export function getDocumentationUrl(rule) {
-  if (rule === 'camunda-compat/called-element') {
-    return getUrl('called-element');
-  }
-
-  if (rule === 'camunda-compat/element-type') {
-    return getUrl('element-type');
-  }
-
-  if (rule === 'camunda-compat/error-reference') {
-    return getUrl('error-reference');
-  }
-
-  if (rule === 'camunda-compat/escalation-reference') {
-    return getUrl('escalation-reference');
-  }
-
-  if (rule === 'camunda-compat/feel') {
-    return getUrl('feel');
-  }
-
-  if (rule === 'camunda-compat/message-reference') {
-    return getUrl('message-reference');
-  }
-
-  if (rule === 'camunda-compat/history-time-to-live') {
-    return getUrl('history-time-to-live');
-  }
-
-  return null;
-}
-
-function getUrl(rule) {
-  return `${ baseUrl }/${ rule }`;
+const baseUrl = 'https://docs.camunda.io/docs/next/components/modeler/reference/modeling-guidance/rules';
+
+export function getDocumentationUrl(rule) {
+  if (rule === 'camunda-compat/called-element') {
+    return getUrl('called-element');
+  }
+
+  if (rule === 'camunda-compat/element-type') {
+    return getUrl('element-type');
+  }
+
+  if (rule === 'camunda-compat/error-reference') {
+    return getUrl('error-reference');
+  }
+
+  if (rule === 'camunda-compat/escalation-reference') {
+    return getUrl('escalation-reference');
+  }
+
+  if (rule === 'camunda-compat/feel') {
+    return getUrl('feel');
+  }
+
+  if (rule === 'camunda-compat/message-reference') {
+    return getUrl('message-reference');
+  }
+
+  if (rule === 'camunda-compat/history-time-to-live') {
+    return getUrl('history-time-to-live');
+  }
+
+  return null;
+}
+
+function getUrl(rule) {
+  return `${ baseUrl }/${ rule }`;
 }

package/lib/utils/types.js

@@ -1,47 +1,47 @@
-function getEventDefinition(node) {
-  const eventDefinitions = node.get('eventDefinitions');
-
-  return eventDefinitions && eventDefinitions[ 0 ];
-}
-
-function getEventDefinitionPrefix(eventDefinition) {
-  const localType = getLocalType(eventDefinition);
-
-  return localType.replace('EventDefinition', '');
-}
-
-function getLocalType(node) {
-  const { $descriptor } = node;
-
-  const { localName } = $descriptor.ns;
-
-  return localName;
-}
-
-function formatTypeString(string) {
-  return string.replace(/([a-z])([A-Z])/g, '$1 $2').trim();
-}
-
-export function getTypeString(node) {
-  let type = getLocalType(node);
-
-  const eventDefinition = getEventDefinition(node);
-
-  if (eventDefinition) {
-    type = `${ getEventDefinitionPrefix(eventDefinition) }${ type }`;
-  } else if ([
-    'BoundaryEvent',
-    'EndEvent',
-    'IntermediateCatchEvent',
-    'IntermediateThrowEvent',
-    'StartEvent'
-  ].includes(type)) {
-    type = `Undefined ${ type }`;
-  }
-
-  if (type === 'Task') {
-    type = 'Undefined Task';
-  }
-
-  return formatTypeString(type);
+function getEventDefinition(node) {
+  const eventDefinitions = node.get('eventDefinitions');
+
+  return eventDefinitions && eventDefinitions[ 0 ];
+}
+
+function getEventDefinitionPrefix(eventDefinition) {
+  const localType = getLocalType(eventDefinition);
+
+  return localType.replace('EventDefinition', '');
+}
+
+function getLocalType(node) {
+  const { $descriptor } = node;
+
+  const { localName } = $descriptor.ns;
+
+  return localName;
+}
+
+function formatTypeString(string) {
+  return string.replace(/([a-z])([A-Z])/g, '$1 $2').trim();
+}
+
+export function getTypeString(node) {
+  let type = getLocalType(node);
+
+  const eventDefinition = getEventDefinition(node);
+
+  if (eventDefinition) {
+    type = `${ getEventDefinitionPrefix(eventDefinition) }${ type }`;
+  } else if ([
+    'BoundaryEvent',
+    'EndEvent',
+    'IntermediateCatchEvent',
+    'IntermediateThrowEvent',
+    'StartEvent'
+  ].includes(type)) {
+    type = `Undefined ${ type }`;
+  }
+
+  if (type === 'Task') {
+    type = 'Undefined Task';
+  }
+
+  return formatTypeString(type);
 }

package/lib/utils/version.js

@@ -1,9 +1,9 @@
-import cmp from 'semver-compare';
-
-export function greaterOrEqual(a, b) {
-  return cmp(a, b) !== -1;
-}
-
-export function toSemverMinor(executionPlatformVersion) {
-  return executionPlatformVersion.split('.').slice(0, 2).join('.');
+import cmp from 'semver-compare';
+
+export function greaterOrEqual(a, b) {
+  return cmp(a, b) !== -1;
+}
+
+export function toSemverMinor(executionPlatformVersion) {
+  return executionPlatformVersion.split('.').slice(0, 2).join('.');
 }

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "@camunda/linting",
-  "version": "3.27.1",
-  "description": "Linting for Camunda",
-  "main": "index.js",
-  "scripts": {
-    "all": "npm run lint && npm test",
-    "dev": "npm run test:watch",
-    "lint": "eslint .",
-    "start": "npm run start:cloud",
-    "start:platform": "cross-env SINGLE_START=platform npm run test:watch",
-    "start:cloud": "cross-env SINGLE_START=cloud npm run test:watch",
-    "test": "npm run compile-config && karma start",
-    "test:watch": "npm test -- --auto-watch --no-single-run",
-    "compile-config": "node tasks/compile-config.js",
-    "prepublish": "npm run compile-config"
-  },
-  "keywords": [
-    "bpmnlint",
-    "camunda"
-  ],
-  "author": {
-    "name": "Philipp Fromme",
-    "url": "https://github.com/philippfromme"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/camunda/linting"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "@bpmn-io/diagram-js-ui": "^0.2.3",
-    "bpmn-moddle": "^9.0.1",
-    "bpmnlint": "^10.3.1",
-    "bpmnlint-plugin-camunda-compat": "^2.26.0",
-    "bpmnlint-utils": "^1.0.2",
-    "camunda-bpmn-moddle": "^7.0.1",
-    "clsx": "^2.0.0",
-    "min-dash": "^4.0.0",
-    "min-dom": "^5.1.1",
-    "modeler-moddle": "^0.2.0",
-    "semver-compare": "^1.0.0",
-    "zeebe-bpmn-moddle": "^1.6.0"
-  },
-  "devDependencies": {
-    "bpmn-js": "^17.11.0",
-    "bpmn-js-element-templates": "^2.2.1",
-    "bpmn-js-properties-panel": "^5.23.2",
-    "camunda-bpmn-js-behaviors": "^1.6.1",
-    "chai": "^4.5.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^8.57.1",
-    "eslint-plugin-bpmn-io": "^1.0.1",
-    "karma": "^6.4.4",
-    "karma-chrome-launcher": "^3.2.0",
-    "karma-debug-launcher": "0.0.5",
-    "karma-env-preprocessor": "^0.1.1",
-    "karma-mocha": "^2.0.1",
-    "karma-sinon-chai": "^2.0.2",
-    "karma-webpack": "^5.0.1",
-    "mocha": "^10.7.3",
-    "mocha-test-container-support": "^0.2.0",
-    "puppeteer": "^23.3.1",
-    "sinon": "^17.0.1",
-    "sinon-chai": "^3.7.0",
-    "webpack": "^5.94.0"
-  },
-  "peerDependencies": {
-    "bpmn-js-properties-panel": ">= 2.0.0"
-  },
-  "peerDependenciesMeta": {
-    "bpmn-js-properties-panel": {
-      "optional": true
-    }
-  },
-  "files": [
-    "assets",
-    "lib",
-    "index.js",
-    "modeler.js"
-  ],
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@camunda/linting",
+  "version": "3.27.2",
+  "description": "Linting for Camunda",
+  "main": "index.js",
+  "scripts": {
+    "all": "npm run lint && npm test",
+    "dev": "npm run test:watch",
+    "lint": "eslint .",
+    "start": "npm run start:cloud",
+    "start:platform": "cross-env SINGLE_START=platform npm run test:watch",
+    "start:cloud": "cross-env SINGLE_START=cloud npm run test:watch",
+    "test": "npm run compile-config && karma start",
+    "test:watch": "npm test -- --auto-watch --no-single-run",
+    "compile-config": "node tasks/compile-config.js",
+    "prepublish": "npm run compile-config"
+  },
+  "keywords": [
+    "bpmnlint",
+    "camunda"
+  ],
+  "author": {
+    "name": "Philipp Fromme",
+    "url": "https://github.com/philippfromme"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/camunda/linting"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@bpmn-io/diagram-js-ui": "^0.2.3",
+    "bpmn-moddle": "^9.0.1",
+    "bpmnlint": "^10.3.1",
+    "bpmnlint-plugin-camunda-compat": "^2.26.1",
+    "bpmnlint-utils": "^1.0.2",
+    "camunda-bpmn-moddle": "^7.0.1",
+    "clsx": "^2.0.0",
+    "min-dash": "^4.0.0",
+    "min-dom": "^5.1.1",
+    "modeler-moddle": "^0.2.0",
+    "semver-compare": "^1.0.0",
+    "zeebe-bpmn-moddle": "^1.6.0"
+  },
+  "devDependencies": {
+    "bpmn-js": "^17.11.1",
+    "bpmn-js-element-templates": "^2.2.1",
+    "bpmn-js-properties-panel": "^5.24.0",
+    "camunda-bpmn-js-behaviors": "^1.6.1",
+    "chai": "^4.5.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.57.1",
+    "eslint-plugin-bpmn-io": "^1.0.1",
+    "karma": "^6.4.4",
+    "karma-chrome-launcher": "^3.2.0",
+    "karma-debug-launcher": "0.0.5",
+    "karma-env-preprocessor": "^0.1.1",
+    "karma-mocha": "^2.0.1",
+    "karma-sinon-chai": "^2.0.2",
+    "karma-webpack": "^5.0.1",
+    "mocha": "^10.7.3",
+    "mocha-test-container-support": "^0.2.0",
+    "puppeteer": "^23.3.1",
+    "sinon": "^17.0.1",
+    "sinon-chai": "^3.7.0",
+    "webpack": "^5.94.0"
+  },
+  "peerDependencies": {
+    "bpmn-js-properties-panel": ">= 2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "bpmn-js-properties-panel": {
+      "optional": true
+    }
+  },
+  "files": [
+    "assets",
+    "lib",
+    "index.js",
+    "modeler.js"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}