@eclipse-glsp/client 2.2.0-next.336 → 2.2.0-next.338

package/src/features/tools/node-creation/node-creation-tool.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2020-2023 EclipseSource and others.
+ * Copyright (c) 2020-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
@@ -16,30 +16,32 @@
 import {
     Action,
     CreateNodeOperation,
+    Disposable,
+    DisposableCollection,
     GModelElement,
-    GNode,
     GhostElement,
+    IModelFactory,
     Point,
     TYPES,
     TriggerNodeCreationAction,
-    findParentByFeature,
     isCtrlOrCmd,
     isMoveable
 } from '@eclipse-glsp/sprotty';
 import { inject, injectable } from 'inversify';
 import '../../../../css/ghost-element.css';
-import { FeedbackEmitter } from '../../../base';
 import { DragAwareMouseListener } from '../../../base/drag-aware-mouse-listener';
 import { CSS_GHOST_ELEMENT, CSS_HIDDEN, CursorCSS, cursorFeedbackAction } from '../../../base/feedback/css-feedback';
+import { FeedbackEmitter } from '../../../base/feedback/feedback-emitter';
 import { EnableDefaultToolsAction } from '../../../base/tool-manager/tool';
-import { MoveableElement, isValidMove } from '../../../utils';
-import { getAbsolutePosition } from '../../../utils/viewpoint-util';
-import { RemoveTemplateElementsAction } from '../../element-template';
+import { MoveableElement } from '../../../utils/gmodel-util';
 import { AddTemplateElementsAction, getTemplateElementId } from '../../element-template/add-template-element';
 import { MouseTrackingElementPositionListener, PositioningTool } from '../../element-template/mouse-tracking-element-position-listener';
-import { Containable, isContainable } from '../../hints/model';
+import { RemoveTemplateElementsAction } from '../../element-template/remove-template-element';
 import { BaseCreationTool } from '../base-tools';
-import { ChangeBoundsManager } from '../change-bounds';
+import { ChangeBoundsManager } from '../change-bounds/change-bounds-manager';
+import { TrackedMove } from '../change-bounds/change-bounds-tracker';
+import { ContainerManager, TrackedInsert } from './container-manager';
+import { InsertIndicator } from './insert-indicator';
 
 @injectable()
 export class NodeCreationTool extends BaseCreationTool<TriggerNodeCreationAction> implements PositioningTool {
@@ -47,52 +49,80 @@ export class NodeCreationTool extends BaseCreationTool<TriggerNodeCreationAction
 
     protected isTriggerAction = TriggerNodeCreationAction.is;
 
-    @inject(TYPES.IChangeBoundsManager) readonly changeBoundsManager: ChangeBoundsManager;
+    @inject(ChangeBoundsManager) readonly changeBoundsManager: ChangeBoundsManager;
+    @inject(ContainerManager) readonly containerManager: ContainerManager;
+    @inject(TYPES.IModelFactory) modelFactory: IModelFactory;
 
     get id(): string {
         return NodeCreationTool.ID;
     }
 
     doEnable(): void {
-        let trackingListener: MouseTrackingElementPositionListener | undefined;
-        const ghostElement = this.triggerAction.ghostElement;
-        const ghostElementId = ghostElement ? getTemplateElementId(ghostElement.template) : undefined;
-        if (ghostElement && ghostElementId) {
-            trackingListener = new MouseTrackingElementPositionListener(ghostElementId, this, 'middle');
-            this.toDisposeOnDisable.push(trackingListener, this.mouseTool.registerListener(trackingListener));
-        }
+        const ghostElement = this.triggerAction.ghostElement ?? { template: this.modelFactory.createSchema(this.createInsertIndicator()) };
+        this.toDisposeOnDisable.push(this.createGhostElementTracker(ghostElement, 'middle'));
+        this.toDisposeOnDisable.push(this.createNodeCreationListener(ghostElement));
+        this.toDisposeOnDisable.push(this.createNodeCreationCursorFeedback().submit());
+    }
 
-        const toolListener = new NodeCreationToolMouseListener(this.triggerAction, this, ghostElement);
-        this.toDisposeOnDisable.push(
-            toolListener,
-            this.mouseTool.registerListener(toolListener),
-            this.createFeedbackEmitter().add(cursorFeedbackAction(CursorCSS.NODE_CREATION), cursorFeedbackAction()).submit()
+    protected createInsertIndicator(): GModelElement {
+        return new InsertIndicator();
+    }
+
+    protected createGhostElementTracker(ghostElement: GhostElement, position: 'top-left' | 'middle'): Disposable {
+        const trackingListener = new NodeInsertTrackingListener(
+            getTemplateElementId(ghostElement.template),
+            this.triggerAction.elementTypeId,
+            this,
+            position
         );
+        return new DisposableCollection(trackingListener, this.mouseTool.registerListener(trackingListener));
+    }
+
+    protected createNodeCreationListener(ghostElement: GhostElement): Disposable {
+        const toolListener = new NodeCreationToolMouseListener(this.triggerAction, this, ghostElement);
+        return new DisposableCollection(toolListener, this.mouseTool.registerListener(toolListener));
+    }
+
+    protected createNodeCreationCursorFeedback(): FeedbackEmitter {
+        return this.createFeedbackEmitter().add(cursorFeedbackAction(CursorCSS.NODE_CREATION), cursorFeedbackAction());
+    }
+}
+
+export class NodeInsertTrackingListener extends MouseTrackingElementPositionListener {
+    constructor(
+        elementId: string,
+        protected elementTypeId: string,
+        protected override tool: NodeCreationTool,
+        cursorPosition: 'top-left' | 'middle' = 'top-left'
+    ) {
+        super(elementId, tool, cursorPosition);
+    }
+
+    protected override addMoveFeedback(move: TrackedMove, ctx: GModelElement, event: MouseEvent): void {
+        super.addMoveFeedback(move, ctx, event);
+
+        const element = move.elementMoves[0].element;
+        const location = move.elementMoves[0].toPosition;
+        const insert = this.tool.containerManager.insert(element, location, this.elementTypeId, { evt: event });
+        this.tool.containerManager.addInsertFeedback(this.moveGhostFeedback, insert, ctx, event);
     }
 }
 
 export class NodeCreationToolMouseListener extends DragAwareMouseListener {
-    protected container?: GModelElement & Containable;
     protected cursorFeedback: FeedbackEmitter;
     protected ghostElementFeedback: FeedbackEmitter;
-    protected ghostElementId?: string;
+    protected ghostElementId: string;
 
     constructor(
         protected triggerAction: TriggerNodeCreationAction,
         protected tool: NodeCreationTool,
-        protected ghostElement?: GhostElement
+        protected ghostElement: GhostElement
     ) {
         super();
         this.cursorFeedback = tool.createFeedbackEmitter();
         this.ghostElementFeedback = tool.createFeedbackEmitter();
-        if (ghostElement) {
-            this.ghostElementId = getTemplateElementId(ghostElement.template);
-        }
-        this.createGhostElement();
-    }
-
-    protected creationAllowed(elementTypeId: string): boolean | undefined {
-        return this.container && this.container.isContainableElement(elementTypeId);
+        this.ghostElementId = getTemplateElementId(ghostElement.template);
+        this.createGhostElement(ghostElement);
     }
 
     get elementTypeId(): string {
@@ -101,78 +131,57 @@ export class NodeCreationToolMouseListener extends DragAwareMouseListener {
 
     override nonDraggingMouseUp(target: GModelElement, event: MouseEvent): Action[] {
         const result: Action[] = [];
-        if (this.container === undefined) {
-            this.mouseOver(target, event);
+
+        const insert = this.getTrackedInsert(target, event);
+        if (insert.valid) {
+            result.push(
+                CreateNodeOperation.create(this.elementTypeId, {
+                    location: insert.location,
+                    containerId: insert.container?.id,
+                    args: this.triggerAction.args
+                })
+            );
+        }
+        if (isCtrlOrCmd(event)) {
+            // we continue in stamp mode so we keep the ghost but dispose everything else
+            this.disposeAllButGhostElement();
+            return result;
         }
 
-        if (this.creationAllowed(this.elementTypeId)) {
-            const location = this.getValidInsertPosition(target, event);
-            if (location) {
-                const containerId = this.container?.id;
-                result.push(CreateNodeOperation.create(this.elementTypeId, { location, containerId, args: this.triggerAction.args }));
-            }
-            if (!isCtrlOrCmd(event)) {
-                // we no longer want to show the ghost element AFTER the next update
-                this.ghostElementFeedback.discard();
-                result.push(EnableDefaultToolsAction.create());
-            } else {
-                // we continue in stamp mode so we keep the ghost but dispose everything else
-                this.disposeAllButGhostElement();
-            }
+        if (insert.valid) {
+            // we keep the ghost element until the next update to avoid flickering during insert
+            this.ghostElementFeedback.discard();
+        } else {
+            this.dispose();
         }
+        result.push(EnableDefaultToolsAction.create());
         return result;
     }
 
-    protected createGhostElement(): void {
-        if (!this.ghostElement) {
-            return;
-        }
-        const templates = [this.ghostElement.template];
-        this.ghostElementFeedback
-            .add(
-                AddTemplateElementsAction.create({ templates, addClasses: [CSS_HIDDEN, CSS_GHOST_ELEMENT] }),
-                RemoveTemplateElementsAction.create({ templates })
-            )
-            .submit();
-    }
-
-    protected getGhostElement(): MoveableElement | undefined {
-        if (!this.ghostElementId) {
-            return undefined;
-        }
-        const ghostElement = this.container?.index.getById(this.ghostElementId);
+    protected createGhostElement(ghostElement: GhostElement): string {
+        const templates = [ghostElement.template];
+        this.ghostElementFeedback.add(
+            AddTemplateElementsAction.create({ templates, addClasses: [CSS_HIDDEN, CSS_GHOST_ELEMENT] }),
+            RemoveTemplateElementsAction.create({ templates })
+        );
+        this.ghostElementFeedback.submit();
+        return getTemplateElementId(ghostElement.template);
+    }
+
+    protected getGhostElement(ctx: GModelElement, event: MouseEvent): MoveableElement | undefined {
+        const ghostElement = ctx.index.getById(this.ghostElementId);
         return ghostElement && isMoveable(ghostElement) ? ghostElement : undefined;
     }
 
-    protected getValidInsertPosition(target: GModelElement, event: MouseEvent): Point | undefined {
-        const ghostElement = this.getGhostElement();
-        if (ghostElement) {
-            return isValidMove(ghostElement, ghostElement.position, this.tool.changeBoundsManager.movementRestrictor)
-                ? ghostElement.position
-                : undefined;
-        }
-        const location = getAbsolutePosition(target, event);
-
-        // Create a 0-bounds proxy element for snapping
-        const elementProxy = new GNode();
-        elementProxy.size = { width: 0, height: 0 };
-        return this.tool.changeBoundsManager.snapPosition(elementProxy, location);
-    }
-
-    override mouseOver(target: GModelElement, event: MouseEvent): Action[] {
-        const currentContainer = findParentByFeature(target, isContainable);
-        if (!this.container || currentContainer !== this.container) {
-            this.container = currentContainer;
-            const feedback = this.creationAllowed(this.elementTypeId)
-                ? cursorFeedbackAction(CursorCSS.NODE_CREATION)
-                : cursorFeedbackAction(CursorCSS.OPERATION_NOT_ALLOWED);
-            this.cursorFeedback.add(feedback).submit();
+    protected getTrackedInsert(ctx: GModelElement, event: MouseEvent): TrackedInsert {
+        const ghostElement = this.getGhostElement(ctx, event);
+        if (!ghostElement) {
+            return { elementTypeId: this.elementTypeId, location: Point.ORIGIN, valid: false };
         }
-        return [];
+        return this.tool.containerManager.insert(ghostElement, ghostElement.position, this.elementTypeId, { evt: event });
     }
 
     protected disposeAllButGhostElement(): void {
-        this.cursorFeedback.dispose();
         super.dispose();
     }
 

package/src/features/tools/node-creation/node-creation-views.tsx

@@ -0,0 +1,49 @@
+/********************************************************************************
+ * 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 { IView, RenderingContext, TYPES, setClass, svg } from '@eclipse-glsp/sprotty';
+import { inject, injectable, optional } from 'inversify';
+import { VNode } from 'snabbdom';
+import { GArgument } from '../../../utils/argument-utils';
+import { Grid } from '../../grid/grid';
+import { ARG_LENGTH, InsertIndicator } from './insert-indicator';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const JSX = { createElement: svg };
+
+@injectable()
+export class InsertIndicatorView implements IView {
+    @optional() @inject(TYPES.Grid) protected grid?: Grid;
+
+    render(model: Readonly<InsertIndicator>, context: RenderingContext): VNode | undefined {
+        if (context.targetKind === 'hidden') {
+            return undefined;
+        }
+        const size = this.getSize(model);
+        const node = (
+            <g>
+                <polyline class-sprotty-node={true} class-insert-indicator={true} points={`0,${-size / 2} 0,${size / 2}`}></polyline>
+                <polyline class-sprotty-node={true} class-insert-indicator={true} points={`${-size / 2},0 ${size / 2},0`}></polyline>
+            </g>
+        );
+        model.cssClasses.forEach(cl => setClass(node, cl, true));
+        return node;
+    }
+
+    protected getSize(model: Readonly<InsertIndicator>): number {
+        return GArgument.getNumber(model, ARG_LENGTH) ?? this.grid?.x ?? 10;
+    }
+}

package/src/features/validation/validate.ts

@@ -28,10 +28,10 @@ import {
     hasArrayProp
 } from '@eclipse-glsp/sprotty';
 import { inject, injectable, optional } from 'inversify';
-import { FeedbackEmitter } from '../../base';
 import { EditorContextService } from '../../base/editor-context-service';
 import { IFeedbackActionDispatcher, IFeedbackEmitter } from '../../base/feedback/feedback-action-dispatcher';
 import { FeedbackCommand } from '../../base/feedback/feedback-command';
+import { FeedbackEmitter } from '../../base/feedback/feedback-emitter';
 import { removeCssClasses } from '../../utils/gmodel-util';
 import { GIssueMarker, createGIssue, getGIssueMarker, getOrCreateGIssueMarker, getSeverity } from './issue-marker';
 

package/src/features/viewport/viewport-handler.ts

@@ -15,7 +15,7 @@
  ********************************************************************************/
 import { Action, DOMHelper, IActionHandler, TYPES } from '@eclipse-glsp/sprotty';
 import { inject, injectable } from 'inversify';
-import { EditorContextService } from '../../base';
+import { EditorContextService } from '../../base/editor-context-service';
 import { FocusTracker } from '../../base/focus/focus-tracker';
 import { IDiagramStartup } from '../../base/model/diagram-loader';
 import { EnableDefaultToolsAction } from '../../base/tool-manager/tool';

package/src/index.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2023 EclipseSource and others.
+ * 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
@@ -13,11 +13,229 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-export * from './base';
+export * from './base/action-dispatcher';
+export * from './base/action-handler-registry';
+export * from './base/args-feature';
+export * from './base/auto-complete/auto-complete-actions';
+export * from './base/auto-complete/auto-complete-widget';
+export * from './base/auto-complete/autocomplete-suggestion-providers';
+export * from './base/auto-complete/base-autocomplete-palette';
+export * from './base/auto-complete/validation-decorator';
+export * from './base/command-stack';
+export * from './base/default.module';
+export * from './base/drag-aware-mouse-listener';
+export * from './base/editor-context-service';
+export * from './base/feedback/css-feedback';
+export * from './base/feedback/feedback-action-dispatcher';
+export * from './base/feedback/feedback-action-dispatcher-default';
+export * from './base/feedback/feedback-command';
+export * from './base/feedback/feedback-emitter';
+export * from './base/feedback/set-model-command';
+export * from './base/feedback/update-model-command';
+export * from './base/focus/focus-state-change-action';
+export * from './base/focus/focus-tracker';
+export * from './base/model/diagram-loader';
+export * from './base/model/glsp-model-source';
+export * from './base/model/model-initialization-constraint';
+export * from './base/model/model-registry';
+export * from './base/mouse-position-tracker';
+export * from './base/ranked';
+export * from './base/selection-clearing-mouse-listener';
+export * from './base/selection-service';
+export * from './base/tool-manager/tool';
+export * from './base/tool-manager/tool-manager';
+export * from './base/ui-extension/ui-extension';
+export * from './base/ui-extension/ui-extension-registry';
+export * from './base/view/key-tool';
+export * from './base/view/mouse-tool';
+export * from './base/view/view-registry';
 export * from './default-modules';
-export * from './features';
+export * from './features/accessibility/accessibility-module';
+export * from './features/accessibility/actions';
+export * from './features/accessibility/edge-autocomplete/action';
+export * from './features/accessibility/edge-autocomplete/edge-autocomplete-context';
+export * from './features/accessibility/edge-autocomplete/edge-autocomplete-palette';
+export * from './features/accessibility/edge-autocomplete/edge-autocomplete-tool';
+export * from './features/accessibility/element-navigation/diagram-navigation-tool';
+export * from './features/accessibility/element-navigation/element-navigation-module';
+export * from './features/accessibility/element-navigation/element-navigator';
+export * from './features/accessibility/element-navigation/left-right-top-bottom-navigator';
+export * from './features/accessibility/element-navigation/local-element-navigator';
+export * from './features/accessibility/element-navigation/position-navigator';
+export * from './features/accessibility/focus-tracker/focus-tracker-module';
+export * from './features/accessibility/focus-tracker/focus-tracker-tool';
+export * from './features/accessibility/global-keylistener-tool';
+export * from './features/accessibility/key-shortcut/accessible-key-shortcut';
+export * from './features/accessibility/key-shortcut/accessible-key-shortcut-tool';
+export * from './features/accessibility/key-shortcut/di.config';
+export * from './features/accessibility/keyboard-grid/action';
+export * from './features/accessibility/keyboard-grid/constants';
+export * from './features/accessibility/keyboard-grid/keyboard-grid';
+export * from './features/accessibility/keyboard-grid/keyboard-grid-search-palette';
+export * from './features/accessibility/keyboard-grid/keyboard-node-grid';
+export * from './features/accessibility/keyboard-pointer/actions';
+export * from './features/accessibility/keyboard-pointer/constants';
+export * from './features/accessibility/keyboard-pointer/keyboard-pointer';
+export * from './features/accessibility/keyboard-pointer/keyboard-pointer-listener';
+export * from './features/accessibility/keyboard-pointer/keyboard-pointer-module';
+export * from './features/accessibility/keyboard-pointer/keyboard-pointer-position';
+export * from './features/accessibility/keyboard-tool-palette/keyboard-tool-palette';
+export * from './features/accessibility/keyboard-tool-palette/keyboard-tool-palette-module';
+export * from './features/accessibility/move-zoom/move-handler';
+export * from './features/accessibility/move-zoom/move-zoom-module';
+export * from './features/accessibility/move-zoom/zoom-handler';
+export * from './features/accessibility/resize-key-tool/resize-key-handler';
+export * from './features/accessibility/resize-key-tool/resize-key-module';
+export * from './features/accessibility/resize-key-tool/resize-key-tool';
+export * from './features/accessibility/search/search-palette';
+export * from './features/accessibility/search/search-palette-module';
+export * from './features/accessibility/search/search-tool';
+export * from './features/accessibility/toast/toast-handler';
+export * from './features/accessibility/toast/toast-module';
+export * from './features/accessibility/toast/toast-tool';
+export * from './features/accessibility/view-key-tools/deselect-key-tool';
+export * from './features/accessibility/view-key-tools/movement-key-tool';
+export * from './features/accessibility/view-key-tools/view-key-tools-module';
+export * from './features/accessibility/view-key-tools/zoom-key-tool';
+export * from './features/bounds/bounds-module';
+export * from './features/bounds/freeform-layout';
+export * from './features/bounds/glsp-hidden-bounds-updater';
+export * from './features/bounds/hbox-layout';
+export * from './features/bounds/layout-data';
+export * from './features/bounds/layouter';
+export * from './features/bounds/local-bounds';
+export * from './features/bounds/set-bounds-feedback-command';
+export * from './features/bounds/vbox-layout';
+export * from './features/change-bounds/model';
+export * from './features/change-bounds/movement-restrictor';
+export * from './features/change-bounds/point-position-updater';
+export * from './features/change-bounds/position-snapper';
+export * from './features/change-bounds/snap';
+export * from './features/change-bounds/tracker';
+export * from './features/command-palette/command-palette';
+export * from './features/command-palette/command-palette-module';
+export * from './features/command-palette/command-palette-tool';
+export * from './features/command-palette/server-command-palette-provider';
+export * from './features/context-menu/context-menu-module';
+export * from './features/context-menu/delete-element-context-menu';
+export * from './features/context-menu/glsp-context-menu-mouse-listener';
+export * from './features/context-menu/server-context-menu-provider';
+export * from './features/copy-paste/copy-paste-context-menu';
+export * from './features/copy-paste/copy-paste-handler';
+export * from './features/copy-paste/copy-paste-modules';
+export * from './features/copy-paste/copy-paste-standalone';
+export * from './features/debug/debug-bounds-decorator';
+export * from './features/debug/debug-manager';
+export * from './features/debug/debug-model';
+export * from './features/debug/debug-module';
+export * from './features/decoration/decoration-module';
+export * from './features/decoration/decoration-placer';
+export * from './features/element-template/add-template-element';
+export * from './features/element-template/element-template-module';
+export * from './features/element-template/mouse-tracking-element-position-listener';
+export * from './features/element-template/remove-template-element';
+export * from './features/export/export-modules';
+export * from './features/export/export-svg-action-handler';
+export * from './features/export/glsp-svg-exporter';
+export * from './features/grid/grid';
+export * from './features/grid/grid-manager';
+export * from './features/grid/grid-model';
+export * from './features/grid/grid-module';
+export * from './features/grid/grid-snapper';
+export * from './features/helper-lines/helper-line-feedback';
+export * from './features/helper-lines/helper-line-manager';
+export * from './features/helper-lines/helper-line-manager-default';
+export * from './features/helper-lines/helper-line-module';
+export * from './features/helper-lines/model';
+export * from './features/helper-lines/view';
+export * from './features/hints/model';
+export * from './features/hints/type-hint-provider';
+export * from './features/hints/type-hints-module';
+export * from './features/hover/hover';
+export * from './features/hover/hover-module';
+export * from './features/label-edit-ui/label-edit-ui';
+export * from './features/label-edit-ui/label-edit-ui-module';
+export * from './features/label-edit/edit-label-tool';
+export * from './features/label-edit/edit-label-validator';
+export * from './features/label-edit/label-edit-module';
+export * from './features/layout/layout-elements-action';
+export * from './features/layout/layout-module';
+export * from './features/navigation/navigation-action-handler';
+export * from './features/navigation/navigation-module';
+export * from './features/navigation/navigation-target-resolver';
+export * from './features/reconnect/model';
+export * from './features/routing/edge-router';
+export * from './features/routing/routing-module';
+export * from './features/save/save-keylistener';
+export * from './features/save/save-module';
+export * from './features/select/select-feedback-command';
+export * from './features/select/select-module';
+export * from './features/select/select-mouse-listener';
+export * from './features/source-model-watcher/source-model-changed-action-handler';
+export * from './features/source-model-watcher/source-model-watcher-module';
+export * from './features/status/status-module';
+export * from './features/status/status-overlay';
+export * from './features/svg-metadata/metadata-placer';
+export * from './features/svg-metadata/svg-metadata-module';
+export * from './features/tool-palette/tool-palette';
+export * from './features/tool-palette/tool-palette-module';
+export * from './features/tools/base-tools';
+export * from './features/tools/change-bounds/change-bounds-manager';
+export * from './features/tools/change-bounds/change-bounds-tool';
+export * from './features/tools/change-bounds/change-bounds-tool-feedback';
+export * from './features/tools/change-bounds/change-bounds-tool-module';
+export * from './features/tools/change-bounds/change-bounds-tool-move-feedback';
+export * from './features/tools/change-bounds/change-bounds-tracker';
+export * from './features/tools/change-bounds/view';
+export * from './features/tools/deletion/delete-tool';
+export * from './features/tools/deletion/deletion-tool-module';
+export * from './features/tools/edge-creation/dangling-edge-feedback';
+export * from './features/tools/edge-creation/edege-creation-module';
+export * from './features/tools/edge-creation/edge-creation-tool';
+export * from './features/tools/edge-creation/edge-creation-tool-feedback';
+export * from './features/tools/edge-creation/view';
+export * from './features/tools/edge-edit/edge-edit-module';
+export * from './features/tools/edge-edit/edge-edit-tool';
+export * from './features/tools/edge-edit/edge-edit-tool-feedback';
+export * from './features/tools/marquee-selection/marquee-behavior';
+export * from './features/tools/marquee-selection/marquee-mouse-tool';
+export * from './features/tools/marquee-selection/marquee-selection-module';
+export * from './features/tools/marquee-selection/marquee-tool';
+export * from './features/tools/marquee-selection/marquee-tool-feedback';
+export * from './features/tools/marquee-selection/model';
+export * from './features/tools/marquee-selection/view';
+export * from './features/tools/node-creation/container-manager';
+export * from './features/tools/node-creation/insert-indicator';
+export * from './features/tools/node-creation/node-creation-module';
+export * from './features/tools/node-creation/node-creation-tool';
+export * from './features/tools/node-creation/node-creation-views';
+export * from './features/tools/tool-focus-loss-module';
+export * from './features/undo-redo/undo-redo-key-listener';
+export * from './features/undo-redo/undo-redo-module';
+export * from './features/validation/issue-marker';
+export * from './features/validation/marker-navigator';
+export * from './features/validation/validate';
+export * from './features/validation/validation-modules';
+export * from './features/viewport/glsp-scroll-mouse-listener';
+export * from './features/viewport/origin-viewport';
+export * from './features/viewport/reposition';
+export * from './features/viewport/viewport-handler';
+export * from './features/viewport/viewport-modules';
 export * from './model';
 export * from './re-exports';
 export * from './standalone-modules';
-export * from './utils';
-export * from './views';
+export * from './utils/argument-utils';
+export * from './utils/geometry-util';
+export * from './utils/gmodel-util';
+export * from './utils/html-utils';
+export * from './utils/layout-utils';
+export * from './utils/marker';
+export * from './utils/viewpoint-util';
+export * from './views/base-view-module';
+export * from './views/compartments';
+export * from './views/gedge-view';
+export * from './views/ggraph-view';
+export * from './views/glsp-projection-view';
+export * from './views/issue-marker-view';
+export * from './views/rounded-corner';
+export * from './views/rounded-corner-view';

package/src/utils/gmodel-util.ts

@@ -40,6 +40,7 @@ import {
     isSelected,
     remove
 } from '@eclipse-glsp/sprotty';
+import { ResizeHandleLocation } from '../features/change-bounds/model';
 
 /**
  * Helper type to represent a filter predicate for {@link GModelElement}s. This is used to retrieve
@@ -253,7 +254,9 @@ export type MoveableElement = GModelElement & Locateable;
 
 export interface Resizable extends BoundsAware, Selectable {}
 
-export interface ResizableModelElement extends GParentElement, Resizable {}
+export interface ResizableModelElement extends GParentElement, Resizable {
+    resizeLocations?: ResizeHandleLocation[];
+}
 
 /**
  * Helper function to translate a given {@link GModelElement} into its corresponding {@link ElementAndBounds} representation.

package/src/views/ggraph-view.tsx

@@ -13,14 +13,14 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { Bounds, Dimension, Point, RenderingContext, SGraphImpl, SGraphView, TYPES, Writable } from '@eclipse-glsp/sprotty';
+import { Bounds, Dimension, Point, RenderingContext, SGraphImpl, SGraphView, Writable } from '@eclipse-glsp/sprotty';
 import { inject, injectable, optional } from 'inversify';
 import { VNode } from 'snabbdom';
-import { GridManager, GridStyle } from '../features';
+import { GridManager, GridStyle } from '../features/grid/grid-manager';
 
 @injectable()
 export class GGraphView extends SGraphView {
-    @inject(TYPES.IGridManager) @optional() protected gridManager?: GridManager;
+    @inject(GridManager) @optional() protected gridManager?: GridManager;
 
     override render(model: Readonly<SGraphImpl>, context: RenderingContext): VNode {
         const graph = super.render(model, context);
@@ -31,7 +31,7 @@ export class GGraphView extends SGraphView {
     }
 
     protected getGridStyle(model: Readonly<SGraphImpl>, context: RenderingContext): GridStyle {
-        if (!this.gridManager?.isGridVisible) {
+        if (context.targetKind === 'hidden' || !this.gridManager?.isGridVisible) {
             return {};
         }
         const bounds = this.getBackgroundBounds(model, context, this.gridManager);