@eclipse-glsp/client 2.3.0-next.321 → 2.3.0-next.363

package/src/features/change-bounds/tracker.ts

@@ -0,0 +1,63 @@
+/********************************************************************************
+ * Copyright (c) 2024 Axon Ivy AG 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
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+import { Disposable, MousePositionTracker, Movement, Point, Vector } from '@eclipse-glsp/sprotty';
+
+export class MovementCalculator implements Disposable {
+    protected position?: Point;
+
+    setPosition(position: Point): void {
+        this.position = { ...position };
+    }
+
+    updatePosition(param: Vector | Movement): void {
+        const vector = Vector.is(param) ? param : param.vector;
+        this.setPosition(Point.add(this.position ?? Point.ORIGIN, vector));
+    }
+
+    get hasPosition(): boolean {
+        return this.position !== undefined;
+    }
+
+    calculateMoveTo(targetPosition: Point): Movement {
+        return !this.position ? Movement.ZERO : Point.move(this.position, targetPosition);
+    }
+
+    dispose(): void {
+        this.position = undefined;
+    }
+}
+
+export class DiagramMovementCalculator extends MovementCalculator {
+    constructor(readonly positionTracker: MousePositionTracker) {
+        super();
+    }
+
+    init(): void {
+        const position = this.positionTracker.lastPositionOnDiagram;
+        if (position) {
+            this.setPosition(position);
+        }
+    }
+
+    calculateMoveToCurrent(): Movement {
+        const targetPosition = this.positionTracker.lastPositionOnDiagram;
+        return targetPosition ? this.calculateMoveTo(targetPosition) : Movement.ZERO;
+    }
+
+    reset(): void {
+        this.dispose();
+    }
+}

package/src/features/command-palette/command-palette-module.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019-2023 EclipseSource and others.
+ * Copyright (c) 2019-2024 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,14 +13,18 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { CommandPalette, CommandPaletteActionProviderRegistry, FeatureModule, TYPES, bindAsService } from '@eclipse-glsp/sprotty';
+import { CommandPaletteActionProviderRegistry, FeatureModule, TYPES, bindAsService } from '@eclipse-glsp/sprotty';
 import '../../../css/command-palette.css';
+import { GlspCommandPalette } from './command-palette';
 import { CommandPaletteTool } from './command-palette-tool';
 import { ServerCommandPaletteActionProvider } from './server-command-palette-provider';
 
-export const commandPaletteModule = new FeatureModule(bind => {
-    bindAsService(bind, TYPES.IUIExtension, CommandPalette);
-    bind(TYPES.ICommandPaletteActionProviderRegistry).to(CommandPaletteActionProviderRegistry).inSingletonScope();
-    bindAsService(bind, TYPES.ICommandPaletteActionProvider, ServerCommandPaletteActionProvider);
-    bindAsService(bind, TYPES.IDefaultTool, CommandPaletteTool);
-});
+export const commandPaletteModule = new FeatureModule(
+    bind => {
+        bindAsService(bind, TYPES.IUIExtension, GlspCommandPalette);
+        bind(TYPES.ICommandPaletteActionProviderRegistry).to(CommandPaletteActionProviderRegistry).inSingletonScope();
+        bindAsService(bind, TYPES.ICommandPaletteActionProvider, ServerCommandPaletteActionProvider);
+        bindAsService(bind, TYPES.IDefaultTool, CommandPaletteTool);
+    },
+    { featureId: Symbol('commandPalette') }
+);

package/src/features/command-palette/command-palette.ts

@@ -0,0 +1,35 @@
+/********************************************************************************
+ * Copyright (c) 2024 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
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { CommandPalette } from '@eclipse-glsp/sprotty';
+import { injectable } from 'inversify';
+import { CSS_HIDDEN_EXTENSION_CLASS, CSS_UI_EXTENSION_CLASS } from '../../base/ui-extension/ui-extension';
+
+@injectable()
+export class GlspCommandPalette extends CommandPalette {
+    protected override initializeContents(containerElement: HTMLElement): void {
+        super.initializeContents(containerElement);
+        containerElement.classList.add(CSS_UI_EXTENSION_CLASS);
+    }
+
+    protected override setContainerVisible(visible: boolean): void {
+        if (visible) {
+            this.containerElement?.classList.remove(CSS_HIDDEN_EXTENSION_CLASS);
+        } else {
+            this.containerElement?.classList.add(CSS_HIDDEN_EXTENSION_CLASS);
+        }
+    }
+}

package/src/features/context-menu/context-menu-module.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019-2023 EclipseSource and others.
+ * Copyright (c) 2019-2024 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
@@ -17,17 +17,20 @@ import { ContextMenuProviderRegistry, FeatureModule, IContextMenuService, TYPES,
 import { GLSPContextMenuMouseListener } from './glsp-context-menu-mouse-listener';
 import { ServerContextMenuItemProvider } from './server-context-menu-provider';
 
-export const contextMenuModule = new FeatureModule(bind => {
-    bind(TYPES.IContextMenuServiceProvider).toProvider<IContextMenuService>(ctx => async () => {
-        if (ctx.container.isBound(TYPES.IContextMenuService)) {
-            return ctx.container.get<IContextMenuService>(TYPES.IContextMenuService);
-        }
-        console.warn("'TYPES.IContextMenuService' is not bound. Use no-op implementation instead");
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        return { show: () => {} };
-    });
+export const contextMenuModule = new FeatureModule(
+    bind => {
+        bind(TYPES.IContextMenuServiceProvider).toProvider<IContextMenuService>(ctx => async () => {
+            if (ctx.container.isBound(TYPES.IContextMenuService)) {
+                return ctx.container.get<IContextMenuService>(TYPES.IContextMenuService);
+            }
+            console.warn("'TYPES.IContextMenuService' is not bound. Use no-op implementation instead");
+            // eslint-disable-next-line @typescript-eslint/no-empty-function
+            return { show: () => {} };
+        });
 
-    bindAsService(bind, TYPES.MouseListener, GLSPContextMenuMouseListener);
-    bind(TYPES.IContextMenuProviderRegistry).to(ContextMenuProviderRegistry);
-    bindAsService(bind, TYPES.IContextMenuItemProvider, ServerContextMenuItemProvider);
-});
+        bindAsService(bind, TYPES.MouseListener, GLSPContextMenuMouseListener);
+        bind(TYPES.IContextMenuProviderRegistry).to(ContextMenuProviderRegistry);
+        bindAsService(bind, TYPES.IContextMenuItemProvider, ServerContextMenuItemProvider);
+    },
+    { featureId: Symbol('contextMenu') }
+);

package/src/features/context-menu/glsp-context-menu-mouse-listener.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019-2023 EclipseSource and others.
+ * Copyright (c) 2019-2024 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
@@ -83,7 +83,7 @@ export class GLSPContextMenuMouseListener extends MouseListener {
         return FocusStateChangedAction.create(false);
     }
 
-    // Clear selection the context menu target is not selectable
+    // Clear selection if the context menu target is not selectable
     // Otherwise either maintain current selection if target is already selected or single select the current target.
     protected async handleContextElementSelection(target: GModelElement, event: MouseEvent): Promise<void> {
         const selectableTarget = findParentByFeature(target, isSelectable);

package/src/features/copy-paste/copy-paste-modules.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019-2023 EclipseSource and others.
+ * Copyright (c) 2019-2024 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
@@ -17,10 +17,13 @@ import { bindAsService, FeatureModule, TYPES } from '@eclipse-glsp/sprotty';
 import { LocalClipboardService, ServerCopyPasteHandler } from './copy-paste-handler';
 import { CopyPasteStartup } from './copy-paste-standalone';
 
-export const copyPasteModule = new FeatureModule((bind, _unbind, isBound) => {
-    bind(TYPES.ICopyPasteHandler).to(ServerCopyPasteHandler);
-    bind(TYPES.IAsyncClipboardService).to(LocalClipboardService).inSingletonScope();
-});
+export const copyPasteModule = new FeatureModule(
+    (bind, _unbind, isBound) => {
+        bind(TYPES.ICopyPasteHandler).to(ServerCopyPasteHandler);
+        bind(TYPES.IAsyncClipboardService).to(LocalClipboardService).inSingletonScope();
+    },
+    { featureId: Symbol('copyPaste') }
+);
 
 /**
  * Feature module that is intended for the standalone deployment of GLSP (i.e. plain webapp)
@@ -31,5 +34,8 @@ export const standaloneCopyPasteModule = new FeatureModule(
     (bind, _unbind, isBound) => {
         bindAsService(bind, TYPES.IDiagramStartup, CopyPasteStartup);
     },
-    { requires: copyPasteModule }
+    {
+        featureId: Symbol('standaloneCopyPaste'),
+        requires: copyPasteModule
+    }
 );

package/src/features/copy-paste/copy-paste-standalone.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2023 EclipseSource and others.
+ * Copyright (c) 2023-2024 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
@@ -35,15 +35,12 @@ export class CopyPasteStartup implements IDiagramStartup, Disposable {
         }
         const copyListener = (e: ClipboardEvent): void => {
             this.copyPasteHandler?.handleCopy(e);
-            e.preventDefault();
         };
         const cutListener = (e: ClipboardEvent): void => {
             this.copyPasteHandler?.handleCut(e);
-            e.preventDefault();
         };
         const pasteListener = (e: ClipboardEvent): void => {
             this.copyPasteHandler?.handlePaste(e);
-            e.preventDefault();
         };
         window.addEventListener('copy', copyListener);
         window.addEventListener('cut', cutListener);

package/src/features/debug/debug-bounds-decorator.tsx

@@ -0,0 +1,178 @@
+/********************************************************************************
+ * Copyright (c) 2024 Axon Ivy AG 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
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+/* eslint-disable max-len */
+/** @jsx svg */
+import { Bounds, GModelElement, IVNodePostprocessor, Point, isDecoration, isSizeable, setClass, svg } from '@eclipse-glsp/sprotty';
+import { inject, injectable, optional } from 'inversify';
+import { VNode } from 'snabbdom';
+import { GGraph } from '../../model';
+import { BoundsAwareModelElement } from '../../utils/gmodel-util';
+import { DebugManager } from './debug-manager';
+
+export const CSS_DEBUG_BOUNDS = 'debug-bounds';
+
+@injectable()
+export class DebugBoundsDecorator implements IVNodePostprocessor {
+    @inject(DebugManager) @optional() protected debugManager?: DebugManager;
+
+    decorate(vnode: VNode, element: GModelElement): VNode {
+        if (!this.debugManager?.isDebugEnabled) {
+            return vnode;
+        }
+        if (isSizeable(element) && this.shouldDecorateSizeable(element)) {
+            this.decorateSizeable(vnode, element);
+        }
+        if (element instanceof GGraph && this.shouldDecorateGraph(element)) {
+            this.decorateGraph(vnode, element);
+        }
+        return vnode;
+    }
+
+    postUpdate(): void {}
+
+    protected get decorationSize(): number {
+        return 5;
+    }
+
+    protected shouldDecorateGraph(graph: GGraph): boolean {
+        return true;
+    }
+
+    protected decorateGraph(vnode: VNode, graph: GGraph): void {
+        setClass(vnode, CSS_DEBUG_BOUNDS, true);
+        const svgChild = vnode.children?.find(child => typeof child !== 'string' && child.sel === 'svg') as VNode | undefined;
+        const group = svgChild?.children?.find(child => typeof child !== 'string' && child.sel === 'g') as VNode | undefined;
+        group?.children?.push(this.renderOrigin(graph));
+    }
+
+    protected renderOrigin(graph: GGraph): VNode {
+        return (
+            <polyline
+                class-debug-bounds-decoration={true}
+                class-debug-bounds-origin={true}
+                points={`0,${this.decorationSize} 0,0  ${this.decorationSize},0`}
+            >
+                <title>Origin = x: 0, y: 0</title>
+            </polyline>
+        );
+    }
+
+    protected shouldDecorateSizeable(element: BoundsAwareModelElement): boolean {
+        return !isDecoration(element);
+    }
+
+    protected decorateSizeable(vnode: VNode, element: BoundsAwareModelElement): void {
+        setClass(vnode, CSS_DEBUG_BOUNDS, true);
+        vnode.children?.push(this.renderTopLeftCorner(element));
+        vnode.children?.push(this.renderTopRightCorner(element));
+        vnode.children?.push(this.renderBottomLeftCorner(element));
+        vnode.children?.push(this.renderBottomRightCorner(element));
+        vnode.children?.push(this.renderCenter(element));
+    }
+
+    protected renderTopLeftCorner(element: BoundsAwareModelElement): VNode {
+        const position = Bounds.position(element.bounds);
+        const topLeft = Bounds.topLeft(element.bounds);
+        const corner = Point.subtract(topLeft, position);
+        return (
+            <polyline
+                class-debug-bounds-decoration={true}
+                class-debug-bounds-top-left={true}
+                points={`${corner.x},${corner.y + this.decorationSize} ${corner.x},${corner.y} ${corner.x + this.decorationSize},${corner.y}`}
+            >
+                <title>
+                    Top Left = x: {topLeft.x}, y: {topLeft.y}
+                </title>
+            </polyline>
+        );
+    }
+
+    protected renderTopRightCorner(element: BoundsAwareModelElement): VNode {
+        const position = Bounds.position(element.bounds);
+        const topRight = Bounds.topRight(element.bounds);
+        const corner = Point.subtract(topRight, position);
+        return (
+            <polyline
+                class-debug-bounds-decoration={true}
+                class-debug-bounds-top-right={true}
+                points={`${corner.x - this.decorationSize},${corner.y} ${corner.x},${corner.y} ${corner.x},${corner.y + this.decorationSize}`}
+            >
+                <title>
+                    Top Right = x: {topRight.x}, y: {topRight.y}
+                </title>
+            </polyline>
+        );
+    }
+
+    protected renderBottomLeftCorner(element: BoundsAwareModelElement): VNode {
+        const position = Bounds.position(element.bounds);
+        const bottomLeft = Bounds.bottomLeft(element.bounds);
+        const corner = Point.subtract(bottomLeft, position);
+        return (
+            <polyline
+                class-debug-bounds-decoration={true}
+                class-debug-bounds-bottom-left={true}
+                points={`${corner.x},${corner.y - this.decorationSize} ${corner.x},${corner.y} ${corner.x + this.decorationSize},${corner.y}`}
+            >
+                <title>
+                    Bottom Left = x: {bottomLeft.x}, y: {bottomLeft.y}
+                </title>
+            </polyline>
+        );
+    }
+
+    protected renderBottomRightCorner(element: BoundsAwareModelElement): VNode {
+        const position = Bounds.position(element.bounds);
+        const bottomRight = Bounds.bottomRight(element.bounds);
+        const corner = Point.subtract(bottomRight, position);
+        return (
+            <polyline
+                class-debug-bounds-decoration={true}
+                class-debug-bounds-bottom-right={true}
+                points={`${corner.x - this.decorationSize},${corner.y} ${corner.x},${corner.y} ${corner.x},${corner.y - this.decorationSize}`}
+            >
+                <title>
+                    Bottom Right = x: {bottomRight.x}, y: {bottomRight.y}
+                </title>
+            </polyline>
+        );
+    }
+
+    protected renderCenter(element: BoundsAwareModelElement): VNode {
+        const bounds = element.bounds;
+        const position = Bounds.position(bounds);
+        const center = Bounds.center(bounds);
+        const corner = Point.subtract(center, position);
+        return (
+            <g>
+                <title>
+                    Center = x: {center.x}, y: {center.y}
+                    &#013;Bounds = x: {bounds.x}, y: {bounds.y}, width: {bounds.width}, height: {bounds.height}
+                </title>
+                <polyline
+                    class-debug-bounds-decoration={true}
+                    class-debug-bounds-center={true}
+                    points={`${corner.x - this.decorationSize / 2},${corner.y - this.decorationSize / 2} ${corner.x + this.decorationSize / 2},${corner.y + this.decorationSize / 2}`}
+                ></polyline>
+                <polyline
+                    class-debug-bounds-decoration={true}
+                    class-debug-bounds-center={true}
+                    points={`${corner.x + this.decorationSize / 2},${corner.y - this.decorationSize / 2} ${corner.x - this.decorationSize / 2},${corner.y + this.decorationSize / 2}`}
+                ></polyline>
+            </g>
+        );
+    }
+}

package/src/features/debug/debug-manager.ts

@@ -0,0 +1,59 @@
+/********************************************************************************
+ * Copyright (c) 2024 Axon Ivy AG 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
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { IActionHandler, TYPES } from '@eclipse-glsp/sprotty';
+import { inject, injectable, postConstruct } from 'inversify';
+import { IFeedbackActionDispatcher } from '../../base/feedback/feedback-action-dispatcher';
+import { FeedbackEmitter } from '../../base/feedback/feedback-emitter';
+import { EnableDebugModeAction } from './debug-model';
+
+@injectable()
+export class DebugManager implements IActionHandler {
+    protected _debugEnabled: boolean = false;
+    protected debugFeedback: FeedbackEmitter;
+
+    @inject(TYPES.IFeedbackActionDispatcher)
+    protected feedbackDispatcher: IFeedbackActionDispatcher;
+
+    get isDebugEnabled(): boolean {
+        return this._debugEnabled;
+    }
+
+    @postConstruct()
+    protected init(): void {
+        this.debugFeedback = this.feedbackDispatcher.createEmitter();
+    }
+
+    handle(action: EnableDebugModeAction): void {
+        this.setDebugEnabled(action.enable);
+    }
+
+    setDebugEnabled(enabled: boolean): void {
+        if (this._debugEnabled && !enabled) {
+            this._debugEnabled = false;
+            this.debugFeedback.dispose();
+        } else if (!this._debugEnabled && enabled) {
+            this._debugEnabled = true;
+            this.debugFeedback
+                .add(EnableDebugModeAction.create({ enable: true }), EnableDebugModeAction.create({ enable: false }))
+                .submit();
+        }
+    }
+
+    toggleDebugEnabled(): void {
+        this.setDebugEnabled(!this._debugEnabled);
+    }
+}

package/src/features/debug/debug-model.ts

@@ -0,0 +1,63 @@
+/********************************************************************************
+ * Copyright (c) 2024 Axon Ivy AG 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
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { Action, CommandExecutionContext, CommandReturn, GModelRoot, TYPES, hasBooleanProp } from '@eclipse-glsp/sprotty';
+import { inject, injectable } from 'inversify';
+import { FeedbackCommand } from '../../base/feedback/feedback-command';
+import { addCssClasses, removeCssClasses } from '../../utils/gmodel-util';
+
+export interface EnableDebugModeAction extends Action {
+    kind: typeof EnableDebugModeAction.KIND;
+    enable: boolean;
+}
+
+export namespace EnableDebugModeAction {
+    export const KIND = 'enableDebugMode';
+    export const CSS_ROOT_CLASS = 'debug-mode';
+
+    export function is(object: any): object is EnableDebugModeAction {
+        return Action.hasKind(object, KIND) && hasBooleanProp(object, 'enable');
+    }
+
+    export function create(options: { enable: boolean }): EnableDebugModeAction {
+        return {
+            kind: EnableDebugModeAction.KIND,
+            ...options
+        };
+    }
+}
+
+@injectable()
+export class EnableDebugModeCommand extends FeedbackCommand {
+    static readonly KIND = EnableDebugModeAction.KIND;
+
+    constructor(@inject(TYPES.Action) protected readonly action: EnableDebugModeAction) {
+        super();
+    }
+
+    execute(context: CommandExecutionContext): CommandReturn {
+        return this.setDebugMode(context.root, this.action.enable);
+    }
+
+    protected setDebugMode(root: GModelRoot, show: boolean): CommandReturn {
+        if (show) {
+            addCssClasses(root, [EnableDebugModeAction.CSS_ROOT_CLASS]);
+        } else {
+            removeCssClasses(root, [EnableDebugModeAction.CSS_ROOT_CLASS]);
+        }
+        return root;
+    }
+}

package/src/features/debug/debug-module.ts

@@ -0,0 +1,35 @@
+/********************************************************************************
+ * Copyright (c) 2024 Axon Ivy AG 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
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { FeatureModule, TYPES, bindAsService, configureActionHandler, configureCommand } from '@eclipse-glsp/sprotty';
+import '../../../css/debug.css';
+import { DebugBoundsDecorator } from './debug-bounds-decorator';
+import { DebugManager } from './debug-manager';
+import { EnableDebugModeAction, EnableDebugModeCommand } from './debug-model';
+
+export const debugModule = new FeatureModule(
+    (bind, unbind, isBound, rebind) => {
+        const context = { bind, unbind, isBound, rebind };
+
+        configureCommand(context, EnableDebugModeCommand);
+
+        bind(DebugManager).toSelf().inSingletonScope();
+        configureActionHandler(context, EnableDebugModeAction.KIND, DebugManager);
+
+        bindAsService(context, TYPES.IVNodePostprocessor, DebugBoundsDecorator);
+    },
+    { featureId: Symbol('debug') }
+);

package/src/features/decoration/decoration-module.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019-2023 EclipseSource and others.
+ * Copyright (c) 2019-2024 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
@@ -17,6 +17,9 @@ import { FeatureModule, TYPES, bindAsService } from '@eclipse-glsp/sprotty';
 import '../../../css/decoration.css';
 import { GlspDecorationPlacer } from './decoration-placer';
 
-export const decorationModule = new FeatureModule(bind => {
-    bindAsService(bind, TYPES.IVNodePostprocessor, GlspDecorationPlacer);
-});
+export const decorationModule = new FeatureModule(
+    bind => {
+        bindAsService(bind, TYPES.IVNodePostprocessor, GlspDecorationPlacer);
+    },
+    { featureId: Symbol('decoration') }
+);

package/src/features/element-template/element-template-module.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019-2023 EclipseSource and others.
+ * Copyright (c) 2019-2024 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
@@ -17,8 +17,11 @@ import { FeatureModule, configureCommand } from '@eclipse-glsp/sprotty';
 import { AddTemplateElementsFeedbackCommand } from './add-template-element';
 import { RemoveTemplateElementsFeedbackCommand } from './remove-template-element';
 
-export const elementTemplateModule = new FeatureModule((bind, unbind, isBound, rebind) => {
-    const context = { bind, unbind, isBound, rebind };
-    configureCommand(context, AddTemplateElementsFeedbackCommand);
-    configureCommand(context, RemoveTemplateElementsFeedbackCommand);
-});
+export const elementTemplateModule = new FeatureModule(
+    (bind, unbind, isBound, rebind) => {
+        const context = { bind, unbind, isBound, rebind };
+        configureCommand(context, AddTemplateElementsFeedbackCommand);
+        configureCommand(context, RemoveTemplateElementsFeedbackCommand);
+    },
+    { featureId: Symbol('elementTemplate') }
+);