@camunda/linting 3.1.1 → 3.2.0

package/assets/linting.css

@@ -1,34 +1,34 @@
 :root {
-  --color-grey-225-10-15: hsl(225, 10%, 15%);
+  --cl-color-white: hsl(0, 0%, 100%);
 
-  --color-red-360-100-45: hsl(360, 100%, 45%);
-
-  --color-white: hsl(0, 0%, 100%);
-
-  --color-yellow-47-88-53: hsl(47, 88%, 53%);
-
-  --linting-annotation-error-background-color: var(--color-red-360-100-45);
-  --linting-annotation-error-fill-color: var(--color-white);
-  
-  --linting-annotation-warning-background-color: var(--color-yellow-47-88-53);
-  --linting-annotation-warning-fill-color: var(--color-white);
-  --linting-annotation-warning-stroke-color: var(--color-grey-225-10-15);
+  --cl-color-info: #0f62fe;
+  --cl-color-warning: #ff832b;
+  --cl-color-error: #da1e26;
+  --cl-color-success: #52b415;
 }
 
-.bjs-linting-annotation {
+.cl-icon {
+  --icon-color: white;
+  --icon-bg-color: #333;
+  background: var(--icon-bg-color);
+  color: var(--icon-color);
+  border-radius: 100%;
+  height: .75em;
+  width: .75em;
+  border: solid 4px var(--icon-bg-color);
   display: flex;
-  flex-direction: row;
   align-items: center;
-  padding: 2px;
-  border-radius: 2px;
-  cursor: default;
-  z-index: 100000;
+  justify-content: center;
+}
+
+.cl-icon-error {
+  --icon-bg-color: var(--cl-color-error);
 }
 
-.bjs-linting-annotation--error {
-  background-color: var(--linting-annotation-error-background-color);
+.cl-icon-warn {
+  --icon-bg-color: var(--cl-color-warning);
 }
 
-.bjs-linting-annotation--warning {
-  background-color: var(--linting-annotation-warning-background-color);
+.cl-icon-info {
+  --icon-bg-color: var(--cl-color-info);
 }

package/lib/Linter.js

@@ -7,6 +7,8 @@ import Resolver from './Resolver';
 
 import { isString } from 'min-dash';
 
+import { resolver as RulesResolver } from './compiled-config';
+
 import modelerModdle from 'modeler-moddle/resources/modeler.json';
 import zeebeModdle from 'zeebe-bpmn-moddle/resources/zeebe.json';
 
@@ -70,6 +72,8 @@ export class Linter {
 
           return {
             ...report,
+            executionPlatform,
+            executionPlatformVersion,
             message: getErrorMessage(
               report,
               executionPlatform,
@@ -118,10 +122,23 @@ export class Linter {
   }
 
   async _createResolver(configName) {
-    const cache = await createCache(configName);
+    const { configs } = await import('bpmnlint-plugin-camunda-compat');
+
+    let { [ configName ]: config } = configs;
+
+    if (!config) {
+      config = {
+        rules: {}
+      };
+    }
+
+    const ConfigResolver = new StaticResolver({
+      [ `config:bpmnlint-plugin-camunda-compat/${ configName }` ]: config
+    });
 
     return new Resolver([
-      new StaticResolver(cache),
+      ConfigResolver,
+      RulesResolver,
       ...this._plugins.map(({ resolver }) => resolver)
     ]);
   }
@@ -136,36 +153,4 @@ function getConfigName(executionPlatform, executionPlatformVersion) {
 
 function toLowerCase(string) {
   return string.toLowerCase();
-}
-
-async function createCache(configName) {
-  let config = require('bpmnlint-plugin-camunda-compat').configs[ configName ];
-
-  if (!config) {
-    config = {
-      rules: {}
-    };
-  }
-
-  const rules = await requireRules(config);
-
-  return {
-    [ `config:bpmnlint-plugin-camunda-compat/${ configName }` ]: config,
-    ...rules
-  };
-}
-
-function requireRules({ rules }) {
-  let requiredRules = {};
-
-  for (let ruleName of Object.keys(rules)) {
-    const requiredRule = require(`bpmnlint-plugin-camunda-compat/rules/${ ruleName }`);
-
-    requiredRules = {
-      ...requiredRules,
-      [ `rule:bpmnlint-plugin-camunda-compat/${ ruleName }` ]: requiredRule
-    };
-  }
-
-  return requiredRules;
 }

package/lib/compiled-config.js

@@ -0,0 +1,180 @@
+
+const cache = {};
+
+/**
+ * A resolver that caches rules and configuration as part of the bundle,
+ * making them accessible in the browser.
+ *
+ * @param {Object} cache
+ */
+function Resolver() {}
+
+Resolver.prototype.resolveRule = function(pkg, ruleName) {
+
+  const rule = cache[pkg + '/' + ruleName];
+
+  if (!rule) {
+    throw new Error('cannot resolve rule <' + pkg + '/' + ruleName + '>: not bundled');
+  }
+
+  return rule;
+};
+
+Resolver.prototype.resolveConfig = function(pkg, configName) {
+  throw new Error(
+    'cannot resolve config <' + configName + '> in <' + pkg +'>: not bundled'
+  );
+};
+
+const resolver = new Resolver();
+
+const rules = {
+  "camunda-compat/element-type": "error",
+  "camunda-compat/called-element": "error",
+  "camunda-compat/collapsed-subprocess": "error",
+  "camunda-compat/duplicate-task-headers": "error",
+  "camunda-compat/error-reference": "error",
+  "camunda-compat/escalation-reference": "error",
+  "camunda-compat/event-based-gateway-target": "error",
+  "camunda-compat/executable-process": "error",
+  "camunda-compat/feel": "error",
+  "camunda-compat/history-time-to-live": "error",
+  "camunda-compat/implementation": "error",
+  "camunda-compat/inclusive-gateway": "error",
+  "camunda-compat/loop-characteristics": "error",
+  "camunda-compat/message-reference": "error",
+  "camunda-compat/no-candidate-users": "error",
+  "camunda-compat/no-expression": "error",
+  "camunda-compat/no-multiple-none-start-events": "error",
+  "camunda-compat/no-signal-event-sub-process": "error",
+  "camunda-compat/no-task-schedule": "error",
+  "camunda-compat/no-template": "error",
+  "camunda-compat/no-zeebe-properties": "error",
+  "camunda-compat/sequence-flow-condition": "error",
+  "camunda-compat/signal-reference": "error",
+  "camunda-compat/subscription": "error",
+  "camunda-compat/task-schedule": "error",
+  "camunda-compat/timer": "error",
+  "camunda-compat/user-task-form": "error"
+};
+
+const config = {
+  rules: rules
+};
+
+const bundle = {
+  resolver: resolver,
+  config: config
+};
+
+export { resolver, config };
+
+export default bundle;
+
+import rule_0 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/element-type';
+
+cache['bpmnlint-plugin-camunda-compat/element-type'] = rule_0;
+
+import rule_1 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/called-element';
+
+cache['bpmnlint-plugin-camunda-compat/called-element'] = rule_1;
+
+import rule_2 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/collapsed-subprocess';
+
+cache['bpmnlint-plugin-camunda-compat/collapsed-subprocess'] = rule_2;
+
+import rule_3 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/duplicate-task-headers';
+
+cache['bpmnlint-plugin-camunda-compat/duplicate-task-headers'] = rule_3;
+
+import rule_4 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/error-reference';
+
+cache['bpmnlint-plugin-camunda-compat/error-reference'] = rule_4;
+
+import rule_5 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/escalation-reference';
+
+cache['bpmnlint-plugin-camunda-compat/escalation-reference'] = rule_5;
+
+import rule_6 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/event-based-gateway-target';
+
+cache['bpmnlint-plugin-camunda-compat/event-based-gateway-target'] = rule_6;
+
+import rule_7 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/executable-process';
+
+cache['bpmnlint-plugin-camunda-compat/executable-process'] = rule_7;
+
+import rule_8 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/feel';
+
+cache['bpmnlint-plugin-camunda-compat/feel'] = rule_8;
+
+import rule_9 from 'bpmnlint-plugin-camunda-compat/rules/camunda-platform/history-time-to-live';
+
+cache['bpmnlint-plugin-camunda-compat/history-time-to-live'] = rule_9;
+
+import rule_10 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/implementation';
+
+cache['bpmnlint-plugin-camunda-compat/implementation'] = rule_10;
+
+import rule_11 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/inclusive-gateway';
+
+cache['bpmnlint-plugin-camunda-compat/inclusive-gateway'] = rule_11;
+
+import rule_12 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/loop-characteristics';
+
+cache['bpmnlint-plugin-camunda-compat/loop-characteristics'] = rule_12;
+
+import rule_13 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/message-reference';
+
+cache['bpmnlint-plugin-camunda-compat/message-reference'] = rule_13;
+
+import rule_14 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/no-candidate-users';
+
+cache['bpmnlint-plugin-camunda-compat/no-candidate-users'] = rule_14;
+
+import rule_15 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/no-expression';
+
+cache['bpmnlint-plugin-camunda-compat/no-expression'] = rule_15;
+
+import rule_16 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/no-multiple-none-start-events';
+
+cache['bpmnlint-plugin-camunda-compat/no-multiple-none-start-events'] = rule_16;
+
+import rule_17 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/no-signal-event-sub-process';
+
+cache['bpmnlint-plugin-camunda-compat/no-signal-event-sub-process'] = rule_17;
+
+import rule_18 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/no-task-schedule';
+
+cache['bpmnlint-plugin-camunda-compat/no-task-schedule'] = rule_18;
+
+import rule_19 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/no-template';
+
+cache['bpmnlint-plugin-camunda-compat/no-template'] = rule_19;
+
+import rule_20 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/no-zeebe-properties';
+
+cache['bpmnlint-plugin-camunda-compat/no-zeebe-properties'] = rule_20;
+
+import rule_21 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/sequence-flow-condition';
+
+cache['bpmnlint-plugin-camunda-compat/sequence-flow-condition'] = rule_21;
+
+import rule_22 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/signal-reference';
+
+cache['bpmnlint-plugin-camunda-compat/signal-reference'] = rule_22;
+
+import rule_23 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/subscription';
+
+cache['bpmnlint-plugin-camunda-compat/subscription'] = rule_23;
+
+import rule_24 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/task-schedule';
+
+cache['bpmnlint-plugin-camunda-compat/task-schedule'] = rule_24;
+
+import rule_25 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/timer';
+
+cache['bpmnlint-plugin-camunda-compat/timer'] = rule_25;
+
+import rule_26 from 'bpmnlint-plugin-camunda-compat/rules/camunda-cloud/user-task-form';
+
+cache['bpmnlint-plugin-camunda-compat/user-task-form'] = rule_26;

package/lib/modeler/Linting.js

@@ -30,6 +30,8 @@ export default class Linting {
 
     if (element !== this._canvas.getRootElement()) {
       this._selection.select(element);
+    } else {
+      this._selection.select();
     }
 
     const { entryIds = [] } = propertiesPanel;

package/lib/modeler/LintingAnnotations.js

@@ -2,18 +2,9 @@ import { groupBy } from 'min-dash';
 
 import { domify } from 'min-dom';
 
-const errorSvg = `
-<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7Zm2.7 10.5L8 8.8l-2.7 2.7-.8-.8L7.2 8 4.5 5.3l.8-.8L8 7.2l2.7-2.7.8.8L8.8 8l2.7 2.7-.8.8Z" fill="var(--linting-annotation-error-fill-color, white)"/>
-</svg>
-`;
-
-const warningSvg = `
-<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M12 3H4v10h8V3Z" fill="var(--linting-annotation-warning-stroke-color, black)"/>
-  <path d="M8 1C4.15 1 1 4.15 1 8s3.15 7 7 7 7-3.15 7-7-3.15-7-7-7Zm-.55 3h1.1v5.5h-1.1V4ZM8 12.5c-.4 0-.75-.35-.75-.75S7.6 11 8 11s.75.35.75.75-.35.75-.75.75Z" fill="var(--linting-annotation-warning-fill-color, white)"/>
-</svg>
-`;
+import { renderOverlay } from './OverlayComponent';
+import { is } from 'bpmn-js/lib/util/ModelUtil';
+
 
 export default class LintingAnnotations {
   constructor(canvas, elementRegistry, eventBus, overlays) {
@@ -47,26 +38,24 @@ export default class LintingAnnotations {
         return;
       }
 
-      const hasErrors = reports.find(({ category }) => category === 'error');
-
-      const overlay = domify(`
-        <div class="bjs-linting-annotation ${ hasErrors ? 'bjs-linting-annotation--error' : 'bjs-linting-annotation--warning' }" title="Click to show">
-          ${ hasErrors ? errorSvg : warningSvg }
-        </div>
+      const html = domify(`
+        <div class="cl-overlay-root"></div>
       `);
 
-      overlay.addEventListener('click', () => {
-        this._eventBus.fire('lintingAnnotations.click', { report: reports[ 0 ] });
+      renderOverlay(html, {
+        reports,
+        onClick: () => {
+          this._eventBus.fire('lintingAnnotations.click', { report: reports[ 0 ] });
+        }
       });
 
+      const position = getAnnotationPosition(element);
+
       const overlayId = this._overlays.add(element, 'linting', {
-        position: {
-          bottom: -5,
-          left: 0
-        },
-        html: overlay,
-        show: {
-          minZoom: 0.5
+        position,
+        html,
+        scale: {
+          min: .7
         }
       });
 
@@ -80,4 +69,28 @@ LintingAnnotations.$inject = [
   '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: 13,
+    left: -6
+  };
+}

package/lib/modeler/OverlayComponent.js

@@ -0,0 +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);
+}

package/lib/utils/error-messages.js

@@ -9,7 +9,10 @@ import {
 
 import { getTypeString } from './types';
 
-import { toSemverMinor } from './version';
+import {
+  greaterOrEqual,
+  toSemverMinor
+} from './version';
 
 const TIMER_PROPERTIES = [
   'timeCycle',
@@ -122,7 +125,7 @@ export function getErrorMessage(report, executionPlatform, executionPlatformVers
   }
 
   if (type === ERROR_TYPES.EXPRESSION_VALUE_NOT_ALLOWED) {
-    return getExpressionValueNotAllowedErrorMessage(report);
+    return getExpressionValueNotAllowedErrorMessage(report, executionPlatform, executionPlatformVersion);
   }
 
   if (type === ERROR_TYPES.EXPRESSION_NOT_ALLOWED) {
@@ -507,7 +510,7 @@ function getExpressionRequiredErrorMessage(report) {
   return message;
 }
 
-function getExpressionValueNotAllowedErrorMessage(report) {
+function getExpressionValueNotAllowedErrorMessage(report, executionPlatform, executionPlatformVersion) {
   const {
     data,
     message
@@ -522,7 +525,11 @@ function getExpressionValueNotAllowedErrorMessage(report) {
   const typeString = getTypeString(parentNode || node);
 
   if (is(node, 'bpmn:FormalExpression') && property === 'timeCycle') {
-    return `${ getIndefiniteArticle(typeString) } <${ typeString }> <Time cycle> must be an expression, an ISO 8601 repeating interval, or a cron expression (cron requires Camunda Platform 8.1 or newer)`;
+    if (!greaterOrEqual(executionPlatformVersion, '8.1')) {
+      return `${ getIndefiniteArticle(typeString) } <${ typeString }> <Time cycle> must be an expression, an ISO 8601 repeating interval, or a cron expression (cron only supported by Camunda Platform 8.1 or newer)`;
+    } else {
+      return `${ getIndefiniteArticle(typeString) } <${ typeString }> <Time cycle> must be an expression, an ISO 8601 repeating interval, or a cron expression`;
+    }
   }
 
   if (is(node, 'bpmn:FormalExpression') && property === 'timeDate') {

package/lib/utils/properties-panel.js

@@ -4,6 +4,8 @@ import { is } from 'bpmnlint-utils';
 
 import { ERROR_TYPES } from 'bpmnlint-plugin-camunda-compat/rules/utils/error-types';
 
+import { greaterOrEqual } from './version';
+
 const TIMER_PROPERTIES = [
   'timeDate',
   'timeDuration',
@@ -85,6 +87,10 @@ export function getEntryIds(report) {
     return [ 'signalRef' ];
   }
 
+  if (isPropertyError(data, 'historyTimeToLive')) {
+    return [ 'historyTimeToLive' ];
+  }
+
   if (isPropertyError(data, 'decisionId', 'zeebe:CalledDecision')) {
     return [ 'decisionId' ];
   }
@@ -264,7 +270,10 @@ export function getEntryIds(report) {
 }
 
 export function getErrorMessage(id, report) {
-  const { data = {} } = report;
+  const {
+    data = {},
+    executionPlatformVersion
+  } = report;
 
   // do not override FEEL message
   if (data.type === ERROR_TYPES.FEEL_EXPRESSION_INVALID) {
@@ -393,7 +402,11 @@ export function getErrorMessage(id, report) {
     const { property } = data;
 
     if (property === 'timeCycle') {
-      return 'Must be an expression, an ISO 8601 repeating interval, or a cron expression (cron requires Camunda Platform 8.1 or newer).';
+      if (!greaterOrEqual(executionPlatformVersion, '8.1')) {
+        return 'Must be an expression, an ISO 8601 repeating interval, or a cron expression (cron only supported by Camunda Platform 8.1 or newer).';
+      }
+
+      return 'Must be an expression, an ISO 8601 repeating interval, or a cron expression.';
     }
 
     if (property === 'timeDate') {

package/lib/utils/version.js

@@ -1,3 +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('.');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/linting",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "description": "Linting for Camunda Platform",
   "main": "index.js",
   "scripts": {
@@ -10,8 +10,10 @@
     "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": "karma start",
-    "test:watch": "npm test -- --auto-watch --no-single-run"
+    "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",
@@ -27,26 +29,29 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@bpmn-io/diagram-js-ui": "^0.2.2",
     "bpmn-moddle": "^8.0.0",
-    "bpmnlint": "^9.0.0",
-    "bpmnlint-plugin-camunda-compat": "^1.4.0",
+    "bpmnlint": "^9.2.0",
+    "bpmnlint-plugin-camunda-compat": "^2.1.0",
     "bpmnlint-utils": "^1.0.2",
+    "clsx": "^2.0.0",
     "min-dash": "^4.0.0",
     "min-dom": "^4.1.0",
     "modeler-moddle": "^0.2.0",
+    "semver-compare": "^1.0.0",
     "zeebe-bpmn-moddle": "^0.18.0"
   },
   "devDependencies": {
-    "bpmn-js": "^11.1.1",
+    "bpmn-js": "^13.2.2",
     "bpmn-js-element-templates": "^1.2.0",
     "bpmn-js-properties-panel": "^3.0.0",
     "camunda-bpmn-js-behaviors": "^0.6.0",
     "chai": "^4.3.7",
     "cross-env": "^7.0.3",
-    "eslint": "^8.32.0",
+    "eslint": "^8.45.0",
     "eslint-plugin-bpmn-io": "^1.0.0",
-    "karma": "^6.4.1",
-    "karma-chrome-launcher": "^3.1.1",
+    "karma": "^6.4.2",
+    "karma-chrome-launcher": "^3.2.0",
     "karma-debug-launcher": "0.0.5",
     "karma-env-preprocessor": "^0.1.1",
     "karma-mocha": "^2.0.1",
@@ -54,7 +59,7 @@
     "karma-webpack": "^5.0.0",
     "mocha": "^10.2.0",
     "mocha-test-container-support": "^0.2.0",
-    "puppeteer": "^19.5.2",
+    "puppeteer": "^20.9.0",
     "sinon": "^15.0.1",
     "sinon-chai": "^3.7.0",
     "webpack": "^5.75.0"