@eclipse-glsp-examples/workflow-server 0.9.0-next.95961ba.7 → 0.9.0-next.a3fa8d1.14

package/lib/workflow-popup-factory.js

@@ -48,7 +48,7 @@ let WorkflowPopupFactory = class WorkflowPopupFactory {
     }
 };
 WorkflowPopupFactory = __decorate([
-    inversify_1.injectable()
+    (0, inversify_1.injectable)()
 ], WorkflowPopupFactory);
 exports.WorkflowPopupFactory = WorkflowPopupFactory;
 //# sourceMappingURL=workflow-popup-factory.js.map

package/lib/workflow-popup-factory.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-popup-factory.js","sourceRoot":"","sources":["../src/workflow-popup-factory.ts"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;kFAckF;AAClF,2DAAuI;AACvI,uDAA6C;AAC7C,yCAAuC;AAEvC,MAAM,EAAE,GAAG,OAAO,CAAC;AAGnB,IAAa,oBAAoB,GAAjC,MAAa,oBAAoB;IAC7B,gBAAgB,CAAC,OAAsB,EAAE,MAA+B;QACpE,IAAI,OAAO,IAAI,OAAO,YAAY,0BAAQ,EAAE;YACxC,MAAM,UAAU,GAAG,iCAAmB,CAAC,OAAO,EAAE;iBAC3C,EAAE,CAAC,aAAa,CAAC;iBACjB,IAAI,CAAC,oCAAoC,OAAO,CAAC,IAAI,QAAQ,CAAC;iBAC9D,KAAK,EAAE,CAAC;YAEb,MAAM,SAAS,GAAG,iCAAmB,CAAC,OAAO,EAAE;iBAC1C,EAAE,CAAC,YAAY,CAAC;iBAChB,IAAI,CAAC,mCAAmC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC;iBAC3E,KAAK,EAAE,CAAC;YAEb,OAAO,wBAAU,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,CAAC;SACnI;QACD,OAAO,SAAS,CAAC;IACrB,CAAC;IAEO,YAAY,CAAC,IAAc;QAC/B,OAAO,SAAS,IAAI,CAAC,QAAQ,IAAI,EAAE;wBACnB,IAAI,CAAC,QAAQ,IAAI,EAAE;yBAClB,IAAI,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC;IAC7C,CAAC;CACJ,CAAA;AAvBY,oBAAoB;IADhC,sBAAU,EAAE;GACA,oBAAoB,CAuBhC;AAvBY,oDAAoB"}
+{"version":3,"file":"workflow-popup-factory.js","sourceRoot":"","sources":["../src/workflow-popup-factory.ts"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;kFAckF;AAClF,2DAAuI;AACvI,uDAA6C;AAC7C,yCAAuC;AAEvC,MAAM,EAAE,GAAG,OAAO,CAAC;AAGnB,IAAa,oBAAoB,GAAjC,MAAa,oBAAoB;IAC7B,gBAAgB,CAAC,OAAsB,EAAE,MAA+B;QACpE,IAAI,OAAO,IAAI,OAAO,YAAY,0BAAQ,EAAE;YACxC,MAAM,UAAU,GAAG,iCAAmB,CAAC,OAAO,EAAE;iBAC3C,EAAE,CAAC,aAAa,CAAC;iBACjB,IAAI,CAAC,oCAAoC,OAAO,CAAC,IAAI,QAAQ,CAAC;iBAC9D,KAAK,EAAE,CAAC;YAEb,MAAM,SAAS,GAAG,iCAAmB,CAAC,OAAO,EAAE;iBAC1C,EAAE,CAAC,YAAY,CAAC;iBAChB,IAAI,CAAC,mCAAmC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC;iBAC3E,KAAK,EAAE,CAAC;YAEb,OAAO,wBAAU,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,CAAC;SACnI;QACD,OAAO,SAAS,CAAC;IACrB,CAAC;IAEO,YAAY,CAAC,IAAc;QAC/B,OAAO,SAAS,IAAI,CAAC,QAAQ,IAAI,EAAE;wBACnB,IAAI,CAAC,QAAQ,IAAI,EAAE;yBAClB,IAAI,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC;IAC7C,CAAC;CACJ,CAAA;AAvBY,oBAAoB;IADhC,IAAA,sBAAU,GAAE;GACA,oBAAoB,CAuBhC;AAvBY,oDAAoB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-glsp-examples/workflow-server",
-  "version": "0.9.0-next.95961ba.7+95961ba",
+  "version": "0.9.0-next.a3fa8d1.14+a3fa8d1",
   "description": "GLSP node server for the workflow example",
   "license": "(EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0)",
   "keywords": [
@@ -37,14 +37,11 @@
     "src"
   ],
   "dependencies": {
-    "@eclipse-glsp/layout-elk": "0.9.0-next.95961ba.7+95961ba",
-    "@eclipse-glsp/server-node": "0.9.0-next.95961ba.7+95961ba"
-  },
-  "devDependencies": {
-    "typescript": "^3.9.2"
+    "@eclipse-glsp/layout-elk": "0.9.0-next.a3fa8d1.14+a3fa8d1",
+    "@eclipse-glsp/server-node": "0.9.0-next.a3fa8d1.14+a3fa8d1"
   },
   "scripts": {
-    "clean": "rimraf lib",
+    "clean": "rimraf tsconfig.tsbuildinfo lib",
     "build": "yarn run clean && tsc",
     "test": "",
     "lint": "eslint -c ../../.eslintrc.js --ext .ts,.tsx ./src",
@@ -57,5 +54,5 @@
   },
   "main": "lib/index",
   "types": "lib/index",
-  "gitHead": "95961ba417aa103e0a7c59273daa6462ae538dde"
+  "gitHead": "a3fa8d1f014ad852b047c5d1cfa052127fd7cf51"
 }

package/src/graph-extension.ts

@@ -30,7 +30,7 @@ import { ModelTypes } from './util/model-types';
 export class ActivityNode extends GNode {
     nodeType: string;
 
-    static builder(): ActivityNodeBuilder {
+    static override builder(): ActivityNodeBuilder {
         return new ActivityNodeBuilder(ActivityNode);
     }
 }
@@ -48,7 +48,7 @@ export class TaskNode extends GNode {
     taskType: string;
     references: string;
 
-    static builder(): TaskNodeBuilder {
+    static override builder(): TaskNodeBuilder {
         return new TaskNodeBuilder(TaskNode).layout('vbox').addArgs(ArgsUtil.cornerRadius(5));
     }
 }
@@ -75,20 +75,12 @@ export class TaskNodeBuilder<T extends TaskNode = TaskNode> extends GNodeBuilder
     }
 
     children(): this {
-        this.proxy.children.push(this.createCompartment());
         return this;
     }
 
-    protected createCompartment(): GCompartment {
-        const layoutOptions: Args = {};
-        return new GCompartmentBuilder(GCompartment)
-            .type(ModelTypes.COMP_HEADER)
-            .id(this.proxy.id + '_header')
-            .layout('hbox')
-            .addLayoutOptions(layoutOptions)
-            .add(this.createCompartmentIcon())
-            .add(this.createCompartmentHeader())
-            .build();
+    override build(): T {
+        this.layout('hbox').addLayoutOption('paddingRight', 10).add(this.createCompartmentIcon()).add(this.createCompartmentHeader());
+        return super.build();
     }
 
     protected createCompartmentHeader(): GLabel {
@@ -100,20 +92,9 @@ export class TaskNodeBuilder<T extends TaskNode = TaskNode> extends GNodeBuilder
     }
 
     protected createCompartmentIcon(): GCompartment {
-        return new GCompartmentBuilder(GCompartment)
-            .type(ModelTypes.ICON)
+        return GCompartment.builder()
             .id(this.proxy.id + '_icon')
-            .layout('stack')
-            .addLayoutOptions({ hAlign: 'center', resizeContainer: false })
-            .add(this.createCompartmentIconLabel())
-            .build();
-    }
-
-    protected createCompartmentIconLabel(): GLabel {
-        return new GLabelBuilder(GLabel)
-            .type(ModelTypes.LABEL_ICON)
-            .id(this.proxy.id + '_ticon')
-            .text(`${this.proxy.taskType.toUpperCase().charAt(0)}`)
+            .type(ModelTypes.ICON)
             .build();
     }
 }
@@ -121,7 +102,7 @@ export class TaskNodeBuilder<T extends TaskNode = TaskNode> extends GNodeBuilder
 export class WeightedEdge extends GEdge {
     probability?: string;
 
-    static builder(): WeightedEdgeBuilder {
+    static override builder(): WeightedEdgeBuilder {
         return new WeightedEdgeBuilder(WeightedEdge).type(ModelTypes.WEIGHTED_EDGE);
     }
 }
@@ -136,7 +117,7 @@ export class WeightedEdgeBuilder<E extends WeightedEdge = WeightedEdge> extends
 export class Category extends ActivityNode {
     name: string;
 
-    static builder(): CategoryNodeBuilder {
+    static override builder(): CategoryNodeBuilder {
         return new CategoryNodeBuilder(Category)
             .layout('vbox')
             .addLayoutOptions({ hAlign: 'center', hGrab: false, vGrab: false })

package/src/handler/create-activity-node-handler.ts

@@ -13,11 +13,11 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { Point, Args, GNode, GModelState, ORIGIN_POINT } from '@eclipse-glsp/server-node';
-import { CreateWorkflowNodeOperationHandler } from './create-workflow-node-operation-handler';
+import { Args, GModelState, GNode, Point } from '@eclipse-glsp/server-node';
 import { injectable } from 'inversify';
 import { ActivityNode, ActivityNodeBuilder } from '../graph-extension';
 import { ModelTypes } from '../util/model-types';
+import { CreateWorkflowNodeOperationHandler } from './create-workflow-node-operation-handler';
 
 @injectable()
 export abstract class CreateActivityNodeHandler extends CreateWorkflowNodeOperationHandler {
@@ -27,7 +27,7 @@ export abstract class CreateActivityNodeHandler extends CreateWorkflowNodeOperat
 
     protected builder(point: Point | undefined, modelState: GModelState): ActivityNodeBuilder {
         return ActivityNode.builder()
-            .position(point ?? ORIGIN_POINT)
+            .position(point ?? Point.ORIGIN)
             .type(this.elementTypeIds[0])
             .nodeType(ModelTypes.toNodeType(this.elementTypeIds[0]));
     }

package/src/handler/create-automated-task-handler.ts

@@ -13,18 +13,18 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { ModelTypes } from '../util/model-types';
-import { CreateTaskHandler } from './create-task-handler';
+import { GModelState, Point } from '@eclipse-glsp/server-node';
 import { injectable } from 'inversify';
-import { Point, GModelState } from '@eclipse-glsp/server-node';
 import { TaskNodeBuilder } from '../graph-extension';
+import { ModelTypes } from '../util/model-types';
+import { CreateTaskHandler } from './create-task-handler';
 
 @injectable()
 export class CreateAutomatedTaskHandler extends CreateTaskHandler {
     elementTypeIds = [ModelTypes.AUTOMATED_TASK];
     label = 'Automated Task';
 
-    protected builder(point: Point | undefined, modelState: GModelState): TaskNodeBuilder {
+    protected override builder(point: Point | undefined, modelState: GModelState): TaskNodeBuilder {
         return super.builder(point, modelState).addCssClass('automated');
     }
 }

package/src/handler/create-category-handler.ts

@@ -13,7 +13,7 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { Point, Args, GNode, GModelState, ORIGIN_POINT } from '@eclipse-glsp/server-node';
+import { Args, ArgsUtil, GModelState, GNode, Point } from '@eclipse-glsp/server-node';
 import { Category, CategoryNodeBuilder } from '../graph-extension';
 import { ModelTypes } from '../util/model-types';
 import { CreateWorkflowNodeOperationHandler } from './create-workflow-node-operation-handler';
@@ -29,8 +29,9 @@ export class CreateCategoryHandler extends CreateWorkflowNodeOperationHandler {
     protected builder(point: Point | undefined, modelState: GModelState): CategoryNodeBuilder {
         return Category.builder()
             .type(this.elementTypeIds[0])
-            .position(point ?? ORIGIN_POINT)
+            .position(point ?? Point.ORIGIN)
             .name(this.label.replace(' ', '') + this.modelState.index.getAllByClass(Category).length)
+            .addArgs(ArgsUtil.cornerRadius(5))
             .children();
     }
 }

package/src/handler/create-decision-node-handler.ts

@@ -13,18 +13,18 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { ModelTypes } from '../util/model-types';
-import { injectable } from 'inversify';
-import { CreateActivityNodeHandler } from './create-activity-node-handler';
 import { GModelState, Point } from '@eclipse-glsp/server-node';
+import { injectable } from 'inversify';
 import { ActivityNodeBuilder } from '../graph-extension';
+import { ModelTypes } from '../util/model-types';
+import { CreateActivityNodeHandler } from './create-activity-node-handler';
 
 @injectable()
 export class CreateDecisionNodeHandler extends CreateActivityNodeHandler {
     elementTypeIds = [ModelTypes.DECISION_NODE];
     label = 'Decision Node';
 
-    protected builder(point: Point | undefined, modelState: GModelState): ActivityNodeBuilder {
+    protected override builder(point: Point | undefined, modelState: GModelState): ActivityNodeBuilder {
         return super.builder(point, modelState).addCssClass('decision');
     }
 }

package/src/handler/create-fork-or-join-node-handler.ts

@@ -13,14 +13,14 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { Point, GModelState } from '@eclipse-glsp/server-node';
-import { CreateActivityNodeHandler } from './create-activity-node-handler';
+import { GModelState, Point } from '@eclipse-glsp/server-node';
 import { injectable } from 'inversify';
 import { ActivityNodeBuilder } from '../graph-extension';
+import { CreateActivityNodeHandler } from './create-activity-node-handler';
 
 @injectable()
 export abstract class CreateForkOrJoinNodeHandler extends CreateActivityNodeHandler {
-    protected builder(point: Point | undefined, modelState: GModelState): ActivityNodeBuilder {
+    protected override builder(point: Point | undefined, modelState: GModelState): ActivityNodeBuilder {
         return super.builder(point, modelState).addCssClass('forkOrJoin').size(10, 50);
     }
 }

package/src/handler/create-manual-task-handler.ts

@@ -13,18 +13,18 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { ModelTypes } from '../util/model-types';
-import { CreateTaskHandler } from './create-task-handler';
+import { GModelState, Point } from '@eclipse-glsp/server-node';
 import { injectable } from 'inversify';
-import { Point, GModelState } from '@eclipse-glsp/server-node';
 import { TaskNodeBuilder } from '../graph-extension';
+import { ModelTypes } from '../util/model-types';
+import { CreateTaskHandler } from './create-task-handler';
 
 @injectable()
 export class CreateManualTaskHandler extends CreateTaskHandler {
     elementTypeIds = [ModelTypes.MANUAL_TASK];
     label = 'Manual Task';
 
-    protected builder(point: Point | undefined, modelState: GModelState): TaskNodeBuilder {
+    protected override builder(point: Point | undefined, modelState: GModelState): TaskNodeBuilder {
         return super.builder(point, modelState).addCssClass('manual');
     }
 }

package/src/handler/create-merge-node-handler.ts

@@ -13,18 +13,18 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { ModelTypes } from '../util/model-types';
-import { injectable } from 'inversify';
-import { CreateActivityNodeHandler } from './create-activity-node-handler';
 import { GModelState, Point } from '@eclipse-glsp/server-node';
+import { injectable } from 'inversify';
 import { ActivityNodeBuilder } from '../graph-extension';
+import { ModelTypes } from '../util/model-types';
+import { CreateActivityNodeHandler } from './create-activity-node-handler';
 
 @injectable()
 export class CreateMergeNodeHandler extends CreateActivityNodeHandler {
     elementTypeIds = [ModelTypes.MERGE_NODE];
     label = 'Merge Node';
 
-    protected builder(point: Point | undefined, modelState: GModelState): ActivityNodeBuilder {
+    protected override builder(point: Point | undefined, modelState: GModelState): ActivityNodeBuilder {
         return super.builder(point, modelState).addCssClass('merge');
     }
 }

package/src/handler/create-task-handler.ts

@@ -13,12 +13,12 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { CreateWorkflowNodeOperationHandler } from './create-workflow-node-operation-handler';
-import { injectable } from 'inversify';
-import { Args, ORIGIN_POINT, Point } from '@eclipse-glsp/protocol';
+import { Args, Point } from '@eclipse-glsp/protocol';
 import { GModelState, GNode } from '@eclipse-glsp/server-node';
+import { injectable } from 'inversify';
 import { TaskNode, TaskNodeBuilder } from '../graph-extension';
 import { ModelTypes } from '../util/model-types';
+import { CreateWorkflowNodeOperationHandler } from './create-workflow-node-operation-handler';
 
 @injectable()
 export abstract class CreateTaskHandler extends CreateWorkflowNodeOperationHandler {
@@ -28,7 +28,7 @@ export abstract class CreateTaskHandler extends CreateWorkflowNodeOperationHandl
 
     protected builder(point: Point | undefined, modelState: GModelState): TaskNodeBuilder {
         return TaskNode.builder()
-            .position(point ?? ORIGIN_POINT)
+            .position(point ?? Point.ORIGIN)
             .addCssClass('task')
             .name(this.label.replace(' ', '') + this.modelState.index.getAllByClass(TaskNode).length)
             .type(this.elementTypeIds[0])

package/src/handler/create-workflow-node-operation-handler.ts

@@ -21,7 +21,7 @@ import {
     GModelState,
     Point
 } from '@eclipse-glsp/server-node';
-import { injectable, inject } from 'inversify';
+import { inject, injectable } from 'inversify';
 import { Category } from '../graph-extension';
 import { ModelTypes } from '../util/model-types';
 import { GridSnapper } from './grid-snapper';
@@ -29,13 +29,13 @@ import { GridSnapper } from './grid-snapper';
 @injectable()
 export abstract class CreateWorkflowNodeOperationHandler extends CreateNodeOperationHandler {
     @inject(GModelState)
-    protected modelState: GModelState;
+    protected override modelState: GModelState;
 
-    getLocation(operation: CreateNodeOperation): Point | undefined {
+    override getLocation(operation: CreateNodeOperation): Point | undefined {
         return GridSnapper.snap(operation.location);
     }
 
-    getContainer(operation: CreateNodeOperation): GModelElement | undefined {
+    override getContainer(operation: CreateNodeOperation): GModelElement | undefined {
         const container = super.getContainer(operation);
 
         if (container instanceof Category) {

package/src/layout/workflow-layout-configurator.ts

@@ -19,7 +19,7 @@ import { injectable } from 'inversify';
 
 @injectable()
 export class WorkflowLayoutConfigurator extends AbstractLayoutConfigurator {
-    protected graphOptions(graph: GGraph): LayoutOptions | undefined {
+    protected override graphOptions(graph: GGraph): LayoutOptions | undefined {
         return {
             'elk.algorithm': 'layered'
         };

package/src/provider/workflow-command-palette-action-provider.ts

@@ -24,7 +24,6 @@ import {
     GModelState,
     GNode,
     LabeledAction,
-    ORIGIN_POINT,
     Point
 } from '@eclipse-glsp/server-node';
 import { inject, injectable } from 'inversify';
@@ -34,7 +33,7 @@ import { ModelTypes } from '../util/model-types';
 @injectable()
 export class WorkflowCommandPaletteActionProvider extends CommandPaletteActionProvider {
     @inject(GModelState)
-    protected modelState: GModelState;
+    protected override modelState: GModelState;
 
     getPaletteActions(selectedElementIds: string[], selectedElements: GModelElement[], position: Point, args?: Args): LabeledAction[] {
         const actions: LabeledAction[] = [];
@@ -43,28 +42,33 @@ export class WorkflowCommandPaletteActionProvider extends CommandPaletteActionPr
         }
         const index = this.modelState.index;
         // Create actions
+        const location = position ?? Point.ORIGIN;
         actions.push(
-            new LabeledAction(
-                'Create Automated Task',
-                [new CreateNodeOperation(ModelTypes.AUTOMATED_TASK, position ?? ORIGIN_POINT)],
-                'fa-plus-square'
-            ),
-            new LabeledAction(
-                'Create Manual Task',
-                [new CreateNodeOperation(ModelTypes.MANUAL_TASK, position ?? ORIGIN_POINT)],
-                'fa-plus-square'
-            ),
-            new LabeledAction(
-                'Create Merge Node',
-                [new CreateNodeOperation(ModelTypes.MERGE_NODE, position ?? ORIGIN_POINT)],
-                'fa-plus-square'
-            ),
-            new LabeledAction(
-                'Create Decision Node',
-                [new CreateNodeOperation(ModelTypes.DECISION_NODE, position ?? ORIGIN_POINT)],
-                'fa-plus-square'
-            ),
-            new LabeledAction('Create Category', [new CreateNodeOperation(ModelTypes.CATEGORY, position ?? ORIGIN_POINT)], 'fa-plus-square')
+            {
+                label: 'Create Automated Task',
+                actions: [CreateNodeOperation.create(ModelTypes.AUTOMATED_TASK, { location })],
+                icon: 'fa-plus-square'
+            },
+            {
+                label: 'Create Manual Task',
+                actions: [CreateNodeOperation.create(ModelTypes.MANUAL_TASK, { location })],
+                icon: 'fa-plus-square'
+            },
+            {
+                label: 'Create Merge Node',
+                actions: [CreateNodeOperation.create(ModelTypes.MERGE_NODE, { location })],
+                icon: 'fa-plus-square'
+            },
+            {
+                label: 'Create Decision Node',
+                actions: [CreateNodeOperation.create(ModelTypes.DECISION_NODE, { location })],
+                icon: 'fa-plus-square'
+            },
+            {
+                label: 'Create Category',
+                actions: [CreateNodeOperation.create(ModelTypes.CATEGORY, { location })],
+                icon: 'fa-plus-square'
+            }
         );
         // Create edge action between two nodes
         if (selectedElements.length === 1) {
@@ -89,16 +93,14 @@ export class WorkflowCommandPaletteActionProvider extends CommandPaletteActionPr
             }
         }
         // Delete action
-        if (selectedElements.length === 1) {
-            actions.push(new LabeledAction('Delete', [new DeleteElementOperation(selectedElementIds)], 'fa-minus-square'));
-        } else if (selectedElements.length > 1) {
-            actions.push(new LabeledAction('Delete All', [new DeleteElementOperation(selectedElementIds)], 'fa-minus-square'));
-        }
+
+        const label = selectedElementIds.length === 1 ? 'Delete' : 'Delete All';
+        actions.push({ label, actions: [DeleteElementOperation.create(selectedElementIds)], icon: 'fa-minus-square' });
 
         return actions;
     }
 
-    private createEdgeActions(source: GNode, targets: GNode[]): LabeledAction[] {
+    protected createEdgeActions(source: GNode, targets: GNode[]): LabeledAction[] {
         const actions: LabeledAction[] = [];
         targets.forEach(node => actions.push(this.createEdgeAction(`Create Edge to ${this.getLabel(node)}`, source, node)));
         targets.forEach(node =>
@@ -107,15 +109,31 @@ export class WorkflowCommandPaletteActionProvider extends CommandPaletteActionPr
         return actions;
     }
 
-    private createWeightedEdgeAction(label: string, source: GNode, node: GNode): LabeledAction {
-        return new LabeledAction(label, [new CreateEdgeOperation(ModelTypes.WEIGHTED_EDGE, source.id, node.id)], 'fa-plus-square');
+    protected createWeightedEdgeAction(label: string, source: GNode, node: GNode): LabeledAction {
+        return {
+            label,
+            actions: [
+                CreateEdgeOperation.create({
+                    elementTypeId: ModelTypes.WEIGHTED_EDGE,
+                    sourceElementId: source.id,
+                    targetElementId: node.id
+                })
+            ],
+            icon: 'fa-plus-square'
+        };
     }
 
-    private createEdgeAction(label: string, source: GNode, node: GNode): LabeledAction {
-        return new LabeledAction(label, [new CreateEdgeOperation(DefaultTypes.EDGE, source.id, node.id)], 'fa-plus-square');
+    protected createEdgeAction(label: string, source: GNode, node: GNode): LabeledAction {
+        return {
+            label,
+            actions: [
+                CreateEdgeOperation.create({ elementTypeId: DefaultTypes.EDGE, sourceElementId: source.id, targetElementId: node.id })
+            ],
+            icon: 'fa-plus-square'
+        };
     }
 
-    private getLabel(node: GNode): string {
+    protected getLabel(node: GNode): string {
         if (node instanceof TaskNode) {
             return node.name;
         }

package/src/provider/workflow-context-menu-item-provider.ts

@@ -24,15 +24,28 @@ export class WorkflowContextMenuItemProvider extends ContextMenuItemProvider {
     protected modelState: GModelState;
 
     getItems(selectedElementIds: string[], position: Point, args?: Args): MenuItem[] {
-        if (this.modelState.isReadonly) {
+        if (this.modelState.isReadonly || selectedElementIds.length !== 0) {
             return [];
         }
         const snappedPosition = GridSnapper.snap(position);
-        const newAutTask = new MenuItem('newAutoTask', 'Automated Task', [
-            new CreateNodeOperation(ModelTypes.AUTOMATED_TASK, snappedPosition)
-        ]);
-        const newManTask = new MenuItem('newManualTask', 'Manual Task', [new CreateNodeOperation(ModelTypes.MANUAL_TASK, snappedPosition)]);
-        const newChildMenu = new MenuItem('new', 'New', undefined, [newAutTask, newManTask], 'add', '0_new');
+        const newAutTask: MenuItem = {
+            id: 'newAutoTask',
+            label: 'Automated Task',
+            actions: [CreateNodeOperation.create(ModelTypes.AUTOMATED_TASK, { location: snappedPosition })]
+        };
+        const newManTask: MenuItem = {
+            id: 'newManualTask',
+            label: 'Manual Task',
+            actions: [CreateNodeOperation.create(ModelTypes.MANUAL_TASK, { location: snappedPosition })]
+        };
+        const newChildMenu: MenuItem = {
+            id: 'new',
+            label: 'New',
+            actions: [],
+            children: [newAutTask, newManTask],
+            icon: 'add',
+            group: '0_new'
+        };
         return [newChildMenu];
     }
 }

package/src/workflow-diagram-module.ts

@@ -56,7 +56,7 @@ import { WorkflowPopupFactory } from './workflow-popup-factory';
 
 @injectable()
 export class WorkflowServerModule extends ServerModule {
-    configure(bind: interfaces.Bind, unbind: interfaces.Unbind, isBound: interfaces.IsBound, rebind: interfaces.Rebind): void {
+    override configure(bind: interfaces.Bind, unbind: interfaces.Unbind, isBound: interfaces.IsBound, rebind: interfaces.Rebind): void {
         super.configure(bind, unbind, isBound, rebind);
         bind(WorkflowGLSPServer).toSelf().inSingletonScope();
         rebind(GLSPServer).toService(WorkflowGLSPServer);
@@ -70,7 +70,12 @@ export class WorkflowDiagramModule extends GModelDiagramModule {
         return 'workflow-diagram';
     }
 
-    protected configure(bind: interfaces.Bind, unbind: interfaces.Unbind, isBound: interfaces.IsBound, rebind: interfaces.Rebind): void {
+    protected override configure(
+        bind: interfaces.Bind,
+        unbind: interfaces.Unbind,
+        isBound: interfaces.IsBound,
+        rebind: interfaces.Rebind
+    ): void {
         super.configure(bind, unbind, isBound, rebind);
         bind(DiagramConfiguration).to(WorkflowDiagramConfiguration).inSingletonScope();
         bind(NavigationTargetResolver).to(WorkflowNavigationTargetResolver).inSingletonScope();
@@ -82,7 +87,7 @@ export class WorkflowDiagramModule extends GModelDiagramModule {
         bind(ToolPaletteItemProvider).to(DefaultToolPaletteItemProvider).inSingletonScope();
     }
 
-    protected configureOperationHandlers(binding: InstanceMultiBinding<OperationHandlerConstructor>): void {
+    protected override configureOperationHandlers(binding: InstanceMultiBinding<OperationHandlerConstructor>): void {
         super.configureOperationHandlers(binding);
         binding.add(CreateAutomatedTaskHandler);
         binding.add(CreateManualTaskHandler);
@@ -95,7 +100,7 @@ export class WorkflowDiagramModule extends GModelDiagramModule {
         binding.add(CreateCategoryHandler);
     }
 
-    protected configureNavigationTargetProviders(binding: ClassMultiBinding<NavigationTargetProvider>): void {
+    protected override configureNavigationTargetProviders(binding: ClassMultiBinding<NavigationTargetProvider>): void {
         super.configureNavigationTargetProviders(binding);
         binding.add(NextNodeNavigationTargetProvider);
         binding.add(PreviousNodeNavigationTargetProvider);

package/src/workflow-glsp-server.ts

@@ -22,9 +22,9 @@ export class WorkflowGLSPServer extends DefaultGLSPServer {
     TIMESTAMP_KEY = 'timestamp';
 
     @inject(Logger)
-    protected logger: Logger;
+    protected override logger: Logger;
 
-    protected handleInitializeArgs(result: InitializeResult, args: Args | undefined): MaybePromise<InitializeResult> {
+    protected override handleInitializeArgs(result: InitializeResult, args: Args | undefined): MaybePromise<InitializeResult> {
         if (!args) {
             return result;
         }