@eclipse-glsp/client 0.9.0-next.6d10f92e → 0.9.0-next.75608185

package/src/features/validation/di.config.ts

@@ -13,10 +13,10 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { ContainerModule } from "inversify";
-import { configureCommand, TYPES } from "sprotty";
+import { ContainerModule } from 'inversify';
+import { configureCommand, TYPES } from 'sprotty';
 
-import { GLSP_TYPES } from "../../base/types";
+import { GLSP_TYPES } from '../../base/types';
 import {
     LeftToRightTopToBottomComparator,
     MarkerNavigator,
@@ -24,8 +24,8 @@ import {
     MarkerNavigatorKeyListener,
     NavigateToMarkerCommand,
     SModelElementComparator
-} from "./marker-navigator";
-import { ApplyMarkersCommand, DeleteMarkersCommand, SetMarkersCommand, ValidationFeedbackEmitter } from "./validate";
+} from './marker-navigator';
+import { ApplyMarkersCommand, DeleteMarkersCommand, SetMarkersCommand, ValidationFeedbackEmitter } from './validate';
 
 export const validationModule = new ContainerModule((bind, _unbind, isBound) => {
     configureCommand({ bind, isBound }, SetMarkersCommand);

package/src/features/validation/issue-marker.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019-2020 EclipseSource and others.
+ * Copyright (c) 2019-2021 EclipseSource and others.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -13,9 +13,8 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { SDecoration, SIssue, SIssueMarker, SParentElement } from "sprotty";
-
-import { Marker, MarkerKind } from "../../utils/marker";
+import { Marker, MarkerKind } from '@eclipse-glsp/protocol';
+import { SDecoration, SIssue, SIssueMarker, SParentElement } from 'sprotty';
 
 export class GIssueMarker extends SIssueMarker {
     constructor() {
@@ -38,7 +37,7 @@ export function getOrCreateSIssueMarker(modelElement: SParentElement): SIssueMar
 
     if (issueMarker === undefined) {
         issueMarker = new GIssueMarker();
-        issueMarker.type = "marker";
+        issueMarker.type = 'marker';
         issueMarker.issues = new Array<SIssue>();
         modelElement.add(issueMarker);
     }

package/src/features/validation/marker-navigator.spec.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2020 EclipseSource and others.
+ * Copyright (c) 2020-2021 EclipseSource and others.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -13,11 +13,11 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import "mocha";
-import "reflect-metadata";
-
-import { expect } from "chai";
-import { Container } from "inversify";
+/* eslint-disable import/no-deprecated,no-unused-expressions */
+import { expect } from 'chai';
+import { Container } from 'inversify';
+import 'mocha';
+import 'reflect-metadata';
 import {
     BoundsAware,
     decorationModule,
@@ -29,12 +29,11 @@ import {
     SNodeSchema,
     SParentElement,
     TYPES
-} from "sprotty/lib";
-import defaultModule from "sprotty/lib/base/di.config";
-import { SGraphFactory } from "sprotty/lib/graph/sgraph-factory";
-
-import { markerNavigatorModule } from "./di.config";
-import { MarkerNavigator } from "./marker-navigator";
+} from 'sprotty';
+import defaultModule from 'sprotty/lib/base/di.config';
+import { SGraphFactory } from 'sprotty/lib/graph/sgraph-factory';
+import { markerNavigatorModule } from './di.config';
+import { MarkerNavigator } from './marker-navigator';
 
 describe('MarkerNavigator', () => {
     const container = new Container();
@@ -44,28 +43,36 @@ describe('MarkerNavigator', () => {
     const markerNavigator = container.get<MarkerNavigator>(MarkerNavigator);
 
     const rootWithoutAnyMarkers = graphFactory.createRoot({
-        id: 'root', type: 'graph', children: [
-            <SNodeSchema>{
+        id: 'root',
+        type: 'graph',
+        children: [
+            {
                 id: '1',
                 type: 'node'
-            }
+            } as SNodeSchema
         ]
     }) as SModelRoot;
 
     const rootWithMarkers = graphFactory.createRoot({
-        id: 'root', type: 'graph', children: [
-            <SNodeSchema>{
-                id: 'bottom-right', type: 'node'
-            },
-            <SNodeSchema>{
-                id: 'top-right', type: 'node'
-            },
-            <SNodeSchema>{
-                id: 'top-left', type: 'node'
-            },
-            <SNodeSchema>{
-                id: 'bottom-left', type: 'node'
-            }
+        id: 'root',
+        type: 'graph',
+        children: [
+            {
+                id: 'bottom-right',
+                type: 'node'
+            } as SNodeSchema,
+            {
+                id: 'top-right',
+                type: 'node'
+            } as SNodeSchema,
+            {
+                id: 'top-left',
+                type: 'node'
+            } as SNodeSchema,
+            {
+                id: 'bottom-left',
+                type: 'node'
+            } as SNodeSchema
         ]
     }) as SModelRoot;
 
@@ -167,14 +174,13 @@ describe('MarkerNavigator', () => {
         expect(found4).to.eql(marker2);
         expect(found5).to.eql(marker1);
     });
-
 });
 
-function clearMarker(elem: SParentElement) {
+function clearMarker(elem: SParentElement): void {
     elem.children.filter(isMarker).forEach(marker => elem.remove(marker));
 }
 
-function setIssues(elem: SParentElement, issues: SIssue[]) {
+function setIssues(elem: SParentElement, issues: SIssue[]): SIssueMarker {
     const marker = getOrCreateMarker(elem);
     marker.issues = issues;
     return marker;
@@ -196,11 +202,10 @@ function isMarker(element: SModelElement): element is SIssueMarker {
     return element instanceof SIssueMarker;
 }
 
-function createMarker(elem: SParentElement) {
+function createMarker(elem: SParentElement): SIssueMarker {
     const newMarker = new SIssueMarker();
     newMarker.type = 'marker';
     newMarker.id = `${elem.id}_marker`;
     elem.add(newMarker);
     return newMarker;
 }
-

package/src/features/validation/marker-navigator.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2020 EclipseSource and others.
+ * Copyright (c) 2020-2021 EclipseSource and others.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -13,11 +13,10 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { inject, injectable } from "inversify";
+import { Action, CenterAction, Point } from '@eclipse-glsp/protocol';
+import { inject, injectable } from 'inversify';
 import {
-    Action,
     BoundsAware,
-    CenterAction,
     CenterCommand,
     Command,
     CommandExecutionContext,
@@ -28,20 +27,19 @@ import {
     isSelectable,
     KeyListener,
     MenuItem,
-    Point,
+    Selectable,
     SelectAction,
     SIssueMarker,
     SIssueSeverity,
     SModelElement,
     SModelRoot,
     TYPES
-} from "sprotty";
-import { matchesKeystroke } from "sprotty/lib/utils/keyboard";
-
-import { GLSP_TYPES } from "../../base/types";
-import { collectIssueMarkers, MarkerPredicates } from "../../utils/marker";
-import { isSelectableAndBoundsAware } from "../../utils/smodel-util";
-import { SelectCommand, SelectionService } from "../select/selection-service";
+} from 'sprotty';
+import { matchesKeystroke } from 'sprotty/lib/utils/keyboard';
+import { GLSP_TYPES } from '../../base/types';
+import { collectIssueMarkers, MarkerPredicates } from '../../utils/marker';
+import { isSelectableAndBoundsAware } from '../../utils/smodel-util';
+import { SelectCommand, SelectionService } from '../select/selection-service';
 
 export class NavigateToMarkerAction implements Action {
     static readonly KIND = 'navigateToMarker';
@@ -50,7 +48,8 @@ export class NavigateToMarkerAction implements Action {
         public readonly direction: 'next' | 'previous' = 'next',
         public readonly selectedElementIds?: string[],
         public readonly severities: SIssueSeverity[] = MarkerNavigator.ALL_SEVERITIES,
-        public kind = NavigateToMarkerAction.KIND) { }
+        public kind = NavigateToMarkerAction.KIND
+    ) {}
 }
 
 export class SModelElementComparator {
@@ -89,7 +88,11 @@ export class MarkerNavigator {
     @inject(SModelElementComparator)
     protected markerComparator: SModelElementComparator;
 
-    next(root: SModelRoot, current?: SModelElement & BoundsAware, predicate: (marker: SIssueMarker) => boolean = MarkerPredicates.ALL): SIssueMarker | undefined {
+    next(
+        root: SModelRoot,
+        current?: SModelElement & BoundsAware,
+        predicate: (marker: SIssueMarker) => boolean = MarkerPredicates.ALL
+    ): SIssueMarker | undefined {
         const markers = this.getMarkers(root, predicate);
         if (current === undefined) {
             return markers.length > 0 ? markers[0] : undefined;
@@ -97,7 +100,11 @@ export class MarkerNavigator {
         return markers[this.getNextIndex(current, markers) % markers.length];
     }
 
-    previous(root: SModelRoot, current?: SModelElement & BoundsAware, predicate: (marker: SIssueMarker) => boolean = MarkerPredicates.ALL): SIssueMarker | undefined {
+    previous(
+        root: SModelRoot,
+        current?: SModelElement & BoundsAware,
+        predicate: (marker: SIssueMarker) => boolean = MarkerPredicates.ALL
+    ): SIssueMarker | undefined {
         const markers = this.getMarkers(root, predicate);
         if (current === undefined) {
             return markers.length > 0 ? markers[0] : undefined;
@@ -105,12 +112,12 @@ export class MarkerNavigator {
         return markers[this.getPreviousIndex(current, markers) % markers.length];
     }
 
-    protected getMarkers(root: SModelRoot, predicate: (marker: SIssueMarker) => boolean) {
+    protected getMarkers(root: SModelRoot, predicate: (marker: SIssueMarker) => boolean): SIssueMarker[] {
         const markers = collectIssueMarkers(root);
         return markers.filter(predicate).sort(this.markerComparator.compare);
     }
 
-    protected getNextIndex(current: SModelElement & BoundsAware, markers: SIssueMarker[]) {
+    protected getNextIndex(current: SModelElement & BoundsAware, markers: SIssueMarker[]): number {
         for (let index = 0; index < markers.length; index++) {
             if (this.markerComparator.compare(markers[index], current) > 0) {
                 return index;
@@ -119,7 +126,7 @@ export class MarkerNavigator {
         return 0;
     }
 
-    protected getPreviousIndex(current: SModelElement & BoundsAware, markers: SIssueMarker[]) {
+    protected getPreviousIndex(current: SModelElement & BoundsAware, markers: SIssueMarker[]): number {
         for (let index = markers.length - 1; index >= 0; index--) {
             if (this.markerComparator.compare(markers[index], current) < 0) {
                 return index;
@@ -168,7 +175,7 @@ export class NavigateToMarkerCommand extends Command {
         return root;
     }
 
-    protected getSelectedElements(root: SModelRoot) {
+    protected getSelectedElements(root: SModelRoot): (SModelElement & Selectable)[] {
         let selectedIds = [];
         if (this.action.selectedElementIds !== undefined && this.action.selectedElementIds.length > 0) {
             selectedIds = this.action.selectedElementIds;
@@ -178,13 +185,13 @@ export class NavigateToMarkerCommand extends Command {
         return selectedIds.map(id => root.index.getById(id)).filter(isSelectable);
     }
 
-    protected getTarget(selected: SModelElement[], root: SModelRoot) {
+    protected getTarget(selected: SModelElement[], root: SModelRoot): SIssueMarker | undefined {
         const selectedBoundsAware = selected.filter(isBoundsAware).sort(this.markerComparator.compare);
         const currentTopmost = selectedBoundsAware.length > 0 ? selectedBoundsAware[0] : undefined;
         if (this.action.direction === 'previous') {
-            return this.markerNavigator.previous(root, currentTopmost, (marker) => this.matchesSeverities(marker));
+            return this.markerNavigator.previous(root, currentTopmost, marker => this.matchesSeverities(marker));
         } else {
-            return this.markerNavigator.next(root, currentTopmost, (marker) => this.matchesSeverities(marker));
+            return this.markerNavigator.next(root, currentTopmost, marker => this.matchesSeverities(marker));
         }
     }
 
@@ -205,7 +212,6 @@ export class NavigateToMarkerCommand extends Command {
         }
         return this.centerCommand ? this.centerCommand.redo(context) : context.root;
     }
-
 }
 
 @injectable()
@@ -217,15 +223,22 @@ export class MarkerNavigatorContextMenuItemProvider implements IContextMenuItemP
         const hasMarkers = collectIssueMarkers(root).length > 0;
         return Promise.resolve([
             {
-                id: "navigate", label: "Go to", group: "navigate", actions: [],
+                id: 'navigate',
+                label: 'Go to',
+                group: 'navigate',
+                actions: [],
                 children: [
                     {
-                        id: "next-marker", label: "Next marker", group: "marker",
+                        id: 'next-marker',
+                        label: 'Next marker',
+                        group: 'marker',
                         actions: [new NavigateToMarkerAction('next', selectedElementIds)],
                         isEnabled: () => hasMarkers
                     },
                     {
-                        id: "previous-marker", label: "Previous marker", group: "marker",
+                        id: 'previous-marker',
+                        label: 'Previous marker',
+                        group: 'marker',
                         actions: [new NavigateToMarkerAction('previous', selectedElementIds)],
                         isEnabled: () => hasMarkers
                     }

package/src/features/validation/validate.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019-2020 EclipseSource and others.
+ * Copyright (c) 2019-2021 EclipseSource and others.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -13,9 +13,9 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { inject, injectable, optional } from "inversify";
+import { Action, DeleteMarkersAction, Marker, SetMarkersAction } from '@eclipse-glsp/protocol';
+import { inject, injectable, optional } from 'inversify';
 import {
-    Action,
     Command,
     CommandExecutionContext,
     CommandReturn,
@@ -26,17 +26,14 @@ import {
     SModelRoot,
     SParentElement,
     TYPES
-} from "sprotty";
-
-import { EditorContextService } from "../../base/editor-context";
-import { GLSP_TYPES } from "../../base/types";
-import { Marker } from "../../utils/marker";
-import { removeCssClasses } from "../../utils/smodel-util";
-import { getSeverity } from "../hover/hover";
-import { IFeedbackActionDispatcher, IFeedbackEmitter } from "../tool-feedback/feedback-action-dispatcher";
-import { FeedbackCommand } from "../tool-feedback/model";
-import { createSIssue, getOrCreateSIssueMarker, getSIssueMarker } from "./issue-marker";
-
+} from 'sprotty';
+import { EditorContextService } from '../../base/editor-context-service';
+import { GLSP_TYPES } from '../../base/types';
+import { removeCssClasses } from '../../utils/smodel-util';
+import { getSeverity } from '../hover/hover';
+import { IFeedbackActionDispatcher, IFeedbackEmitter } from '../tool-feedback/feedback-action-dispatcher';
+import { FeedbackCommand } from '../tool-feedback/model';
+import { createSIssue, getOrCreateSIssueMarker, getSIssueMarker } from './issue-marker';
 
 /**
  * Feedback emitter sending actions for visualizing model validation feedback and
@@ -44,20 +41,20 @@ import { createSIssue, getOrCreateSIssueMarker, getSIssueMarker } from "./issue-
  */
 @injectable()
 export class ValidationFeedbackEmitter implements IFeedbackEmitter {
-
     @inject(GLSP_TYPES.IFeedbackActionDispatcher) protected feedbackActionDispatcher: IFeedbackActionDispatcher;
 
     @inject(TYPES.IActionDispatcherProvider) protected actionDispatcher: () => Promise<IActionDispatcher>;
 
     private registeredAction: MarkersAction;
 
-    private constructor() { }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    private constructor() {}
 
     /**
      * Register the action that should be emitted for visualizing validation feedback.
      * @param action the action that should be emitted when the model is updated and that will visualize the model validation feedback.
      */
-    registerValidationFeedbackAction(action: MarkersAction) {
+    registerValidationFeedbackAction(action: MarkersAction): void {
         // De-register old action responsible for applying markers and re-applying them when the model is updated
         this.feedbackActionDispatcher.deregisterFeedback(this, []);
 
@@ -73,17 +70,6 @@ export class ValidationFeedbackEmitter implements IFeedbackEmitter {
     }
 }
 
-/**
- * Action to set markers for a model
- */
-export class SetMarkersAction implements MarkersAction {
-    constructor(public readonly markers: Marker[], public readonly kind = SetMarkersCommand.KIND) { }
-}
-
-export function isSetMarkersAction(action: Action): action is SetMarkersAction {
-    return SetMarkersCommand.KIND === action.kind && ('markers' in action);
-}
-
 /**
  * Manages current markers for the outside of the GLSP.
  *
@@ -92,16 +78,15 @@ export function isSetMarkersAction(action: Action): action is SetMarkersAction {
  */
 @injectable()
 export abstract class ExternalMarkerManager {
-
     languageLabel: string;
 
     protected actionDispatcher?: IActionDispatcher;
 
-    connect(actionDispatcher: IActionDispatcher) {
+    connect(actionDispatcher: IActionDispatcher): void {
         this.actionDispatcher = actionDispatcher;
     }
 
-    removeMarkers(markers: Marker[]) {
+    removeMarkers(markers: Marker[]): void {
         if (this.actionDispatcher) {
             this.actionDispatcher.dispatch(new DeleteMarkersAction(markers));
         }
@@ -115,12 +100,11 @@ export abstract class ExternalMarkerManager {
  */
 @injectable()
 export class SetMarkersCommand extends Command {
-
     @inject(ValidationFeedbackEmitter) protected validationFeedbackEmitter: ValidationFeedbackEmitter;
     @inject(ExternalMarkerManager) @optional() protected externalMarkerManager?: ExternalMarkerManager;
     @inject(EditorContextService) protected editorContextService: EditorContextService;
 
-    static readonly KIND = 'setMarkers';
+    static readonly KIND = SetMarkersAction.KIND;
 
     constructor(@inject(TYPES.Action) public action: SetMarkersAction) {
         super();
@@ -129,7 +113,9 @@ export class SetMarkersCommand extends Command {
     async execute(context: CommandExecutionContext): Promise<SModelRoot> {
         const markers: Marker[] = this.action.markers;
         const uri = await this.editorContextService.getSourceUri();
-        if (this.externalMarkerManager) this.externalMarkerManager.setMarkers(markers, uri);
+        if (this.externalMarkerManager) {
+            this.externalMarkerManager.setMarkers(markers, uri);
+        }
         const applyMarkersAction: ApplyMarkersAction = new ApplyMarkersAction(markers);
         this.validationFeedbackEmitter.registerValidationFeedbackAction(applyMarkersAction);
         return context.root;
@@ -144,15 +130,6 @@ export class SetMarkersCommand extends Command {
     }
 }
 
-
-/**
-* Action to retrieve markers for a model
-*/
-export class RequestMarkersAction implements Action {
-    static readonly KIND = "requestMarkers";
-    constructor(public readonly elementsIDs: string[] = [], public readonly kind = RequestMarkersAction.KIND) { }
-}
-
 /**
  * Interface for actions processing markers
  */
@@ -165,7 +142,7 @@ export interface MarkersAction extends Action {
  */
 @injectable()
 export class ApplyMarkersAction implements MarkersAction {
-    constructor(public readonly markers: Marker[], public readonly kind = ApplyMarkersCommand.KIND) { }
+    constructor(public readonly markers: Marker[], public readonly kind = ApplyMarkersCommand.KIND) {}
 }
 
 /**
@@ -173,7 +150,7 @@ export class ApplyMarkersAction implements MarkersAction {
  */
 @injectable()
 export class ApplyMarkersCommand extends FeedbackCommand {
-    static KIND = "applyMarkers";
+    static KIND = 'applyMarkers';
     readonly priority = 0;
 
     constructor(@inject(TYPES.Action) protected action: ApplyMarkersAction) {
@@ -203,7 +180,7 @@ export class ApplyMarkersCommand extends FeedbackCommand {
     }
 }
 
-function addMaxSeverityCSSClassToIssueParent(modelElement: SParentElement, issueMarker: SIssueMarker) {
+function addMaxSeverityCSSClassToIssueParent(modelElement: SParentElement, issueMarker: SIssueMarker): void {
     const maxSeverityCSSClass = getSeverity(issueMarker);
 
     if (!modelElement.cssClasses) {
@@ -214,25 +191,16 @@ function addMaxSeverityCSSClassToIssueParent(modelElement: SParentElement, issue
     }
 }
 
-function removeCSSClassFromIssueParent(modelElement: SParentElement, issueMarker: SIssueMarker) {
+function removeCSSClassFromIssueParent(modelElement: SParentElement, issueMarker: SIssueMarker): void {
     removeCssClasses(modelElement, [getSeverity(issueMarker)]);
 }
 
-
-/**
- * Action for clearing makers of a model
- */
-@injectable()
-export class DeleteMarkersAction implements MarkersAction {
-    constructor(public readonly markers: Marker[], public readonly kind = DeleteMarkersCommand.KIND) { }
-}
-
 /**
  * Command for handling `DeleteMarkersAction`
  */
 @injectable()
 export class DeleteMarkersCommand extends Command {
-    static KIND = "deleteMarkers";
+    static KIND = DeleteMarkersAction.KIND;
 
     constructor(@inject(TYPES.Action) protected action: DeleteMarkersAction) {
         super();
@@ -271,5 +239,3 @@ export class DeleteMarkersCommand extends Command {
         return this.execute(context);
     }
 }
-
-

package/src/features/viewport/di.config.ts

@@ -13,6 +13,7 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
+import { ContainerModule } from 'inversify';
 import {
     CenterCommand,
     CenterKeyboardListener,
@@ -24,11 +25,10 @@ import {
     GetViewportCommand,
     SetViewportCommand,
     TYPES,
-    ZoomMouseListener,
-} from "sprotty";
-import { ContainerModule } from "inversify";
+    ZoomMouseListener
+} from 'sprotty';
 
-import { GLSPScrollMouseListener } from "./glsp-scroll-mouse-listener";
+import { GLSPScrollMouseListener } from './glsp-scroll-mouse-listener';
 
 const glspViewportModule = new ContainerModule((bind, _unbind, isBound) => {
     configureCommand({ bind, isBound }, CenterCommand);

package/src/features/viewport/glsp-scroll-mouse-listener.ts

@@ -13,13 +13,13 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { Action, EnableDefaultToolsAction, EnableToolsAction, IActionHandler, ICommand, ScrollMouseListener, SModelElement } from "sprotty";
-import { injectable } from "inversify";
-import { MarqueeMouseTool } from "../tools/marquee-mouse-tool";
+import { Action } from '@eclipse-glsp/protocol';
+import { injectable } from 'inversify';
+import { EnableDefaultToolsAction, EnableToolsAction, IActionHandler, ICommand, ScrollMouseListener, SModelElement } from 'sprotty';
+import { MarqueeMouseTool } from '../tools/marquee-mouse-tool';
 
 @injectable()
 export class GLSPScrollMouseListener extends ScrollMouseListener implements IActionHandler {
-
     preventScrolling = false;
 
     handle(action: Action): void | Action | ICommand {
@@ -32,7 +32,7 @@ export class GLSPScrollMouseListener extends ScrollMouseListener implements IAct
         }
     }
 
-    mouseDown(target: SModelElement, event: MouseEvent): Action[] {
+    mouseDown(target: SModelElement, event: MouseEvent): (Action | Promise<Action>)[] {
         if (this.preventScrolling) {
             return [];
         }