@eclipse-glsp/client 0.9.0-next.d0112315 → 0.9.0-next.f12e3d87

package/src/base/operations/operation.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
@@ -14,14 +14,13 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 import { Action, ApplyLabelEditAction, ElementAndBounds, isAction, LayoutAction, Point } from 'sprotty';
-
 import { Args } from '../args';
 
 /**
- * Operations are actions that denote requests from the client to _modify_ the model. Model modifications are always performed by the server.
- * After a successful modification, the server sends the updated model back to the client using the `UpdateModelAction`.
+ * Operations are actions that denote requests from the client to _modify_ the model. Model modifications are always performed by the
+ * server. After a successful modification, the server sends the updated model back to the client using the `UpdateModelAction`.
  */
-export interface Operation extends Action { }
+export interface Operation extends Action {}
 
 export interface CreateOperation extends Operation {
     elementTypeId: string;
@@ -35,11 +34,13 @@ export function isCreateOperation(object?: any): object is CreateOperation {
 export class CreateNodeOperation implements CreateOperation {
     static readonly KIND = 'createNode';
 
-    constructor(public readonly elementTypeId: string,
+    constructor(
+        public readonly elementTypeId: string,
         public location?: Point,
         public containerId?: string,
         public args?: Args,
-        public readonly kind: string = CreateNodeOperation.KIND) { }
+        public readonly kind: string = CreateNodeOperation.KIND
+    ) {}
 }
 
 export function isCreateNodeOperation(object?: any): object is CreateNodeOperation {
@@ -49,11 +50,13 @@ export function isCreateNodeOperation(object?: any): object is CreateNodeOperati
 export class CreateEdgeOperation implements CreateOperation {
     static readonly KIND = 'createEdge';
 
-    constructor(public readonly elementTypeId: string,
+    constructor(
+        public readonly elementTypeId: string,
         public sourceElementId: string,
         public targetElementId: string,
         public args?: Args,
-        public readonly kind: string = CreateEdgeOperation.KIND) { }
+        public readonly kind: string = CreateEdgeOperation.KIND
+    ) {}
 }
 
 export function isCreateConnectionOperation(object?: any): object is CreateEdgeOperation {
@@ -62,7 +65,7 @@ export function isCreateConnectionOperation(object?: any): object is CreateEdgeO
 
 export class DeleteElementOperation implements Operation {
     static readonly KIND = 'deleteElement';
-    constructor(readonly elementIds: string[], public readonly kind: string = DeleteElementOperation.KIND) { }
+    constructor(readonly elementIds: string[], public readonly kind: string = DeleteElementOperation.KIND) {}
 }
 
 export function isDeleteElementOperation(object?: any): object is DeleteElementOperation {
@@ -71,7 +74,7 @@ export function isDeleteElementOperation(object?: any): object is DeleteElementO
 
 export class ChangeBoundsOperation implements Operation {
     static readonly KIND = 'changeBounds';
-    constructor(public newBounds: ElementAndBounds[], public readonly kind: string = ChangeBoundsOperation.KIND) { }
+    constructor(public newBounds: ElementAndBounds[], public readonly kind: string = ChangeBoundsOperation.KIND) {}
 }
 
 export function isChangeBoundsOperation(object?: any): object is ChangeBoundsOperation {
@@ -80,46 +83,65 @@ export function isChangeBoundsOperation(object?: any): object is ChangeBoundsOpe
 
 export class ChangeContainerOperation implements Operation {
     static readonly KIND = 'changeContainer';
-    constructor(public readonly elementId: string,
+    constructor(
+        public readonly elementId: string,
         public readonly targetContainerId: string,
-        public readonly location?: string,
-        public readonly kind: string = ChangeContainerOperation.KIND) { }
+        public readonly location?: Point,
+        public readonly kind: string = ChangeContainerOperation.KIND
+    ) {}
 }
 
 export function isChangeContainerOperation(object?: any): object is ChangeContainerOperation {
-    return isAction(object) && object.kind === ChangeContainerOperation.KIND
-        && 'elementId' in object && typeof object['elementId'] === 'string'
-        && 'targetContainerId' in object && typeof object['targetContainerId'] === 'string';
+    return (
+        isAction(object) &&
+        object.kind === ChangeContainerOperation.KIND &&
+        'elementId' in object &&
+        typeof object['elementId'] === 'string' &&
+        'targetContainerId' in object &&
+        typeof object['targetContainerId'] === 'string'
+    );
 }
 
 export class ReconnectEdgeOperation implements Operation {
     static readonly KIND = 'reconnectEdge';
-    constructor(public readonly edgeElementId: string,
+    constructor(
+        public readonly edgeElementId: string,
         public readonly sourceElementId: string,
         public readonly targetElementId: string,
-        public readonly kind: string = ReconnectEdgeOperation.KIND) { }
+        public readonly kind: string = ReconnectEdgeOperation.KIND
+    ) {}
 }
 
 export function isReconnectEdgeOperation(object?: any): object is ReconnectEdgeOperation {
-    return isAction(object) && object.kind === ReconnectEdgeOperation.KIND
-        && 'edgeElementId' in object && typeof object['edgeElementId'] === 'string'
-        && 'sourceElementId' in object && typeof object['sourceElementId'] === 'string'
-        && 'targetElementId' in object && typeof object['targetElementId'] === 'string';
+    return (
+        isAction(object) &&
+        object.kind === ReconnectEdgeOperation.KIND &&
+        'edgeElementId' in object &&
+        typeof object['edgeElementId'] === 'string' &&
+        'sourceElementId' in object &&
+        typeof object['sourceElementId'] === 'string' &&
+        'targetElementId' in object &&
+        typeof object['targetElementId'] === 'string'
+    );
 }
 
 export class ChangeRoutingPointsOperation implements Operation {
     static readonly KIND = 'changeRoutingPoints';
-    constructor(public newRoutingPoints: ElementAndRoutingPoints[], public readonly kind: string = ChangeRoutingPointsOperation.KIND) { }
+    constructor(public newRoutingPoints: ElementAndRoutingPoints[], public readonly kind: string = ChangeRoutingPointsOperation.KIND) {}
 }
 
 export function isChangeRoutingsPointsOperation(object?: any): object is ChangeRoutingPointsOperation {
-    return isAction(object) && object.kind === ChangeRoutingPointsOperation.KIND
-        && 'newRoutingPoints' in object && typeof object['newRoutingPoints'] === 'string';
+    return (
+        isAction(object) &&
+        object.kind === ChangeRoutingPointsOperation.KIND &&
+        'newRoutingPoints' in object &&
+        typeof object['newRoutingPoints'] === 'string'
+    );
 }
 
 export class CompoundOperation implements Operation {
     static readonly KIND = 'compound';
-    constructor(public operationList: Operation[], public readonly kind: string = CompoundOperation.KIND) { }
+    constructor(public operationList: Operation[], public readonly kind: string = CompoundOperation.KIND) {}
 }
 
 export function isCompoundOperation(object?: any): object is CompoundOperation {
@@ -142,7 +164,7 @@ export interface ElementAndRoutingPoints {
 }
 
 export abstract class TriggerElementCreationAction implements Action {
-    constructor(public readonly elementTypeId: string, readonly args?: Args, public readonly kind: string = 'unknown') { }
+    constructor(public readonly elementTypeId: string, readonly args?: Args, public readonly kind: string = 'unknown') {}
 }
 
 export class TriggerNodeCreationAction extends TriggerElementCreationAction {
@@ -156,7 +178,11 @@ export class TriggerNodeCreationAction extends TriggerElementCreationAction {
 export class TriggerEdgeCreationAction extends TriggerElementCreationAction {
     static readonly KIND = 'triggerEdgeCreation';
 
-    constructor(public readonly elementTypeId: string, readonly args?: Args, public readonly kind: string = TriggerEdgeCreationAction.KIND) {
+    constructor(
+        public readonly elementTypeId: string,
+        readonly args?: Args,
+        public readonly kind: string = TriggerEdgeCreationAction.KIND
+    ) {
         super(elementTypeId, args, kind);
     }
 }
@@ -173,6 +199,6 @@ export function isTriggerEdgeCreationAction(object?: any): object is TriggerEdge
     return isTriggerElementTypeCreationAction(object) && object.kind === TriggerEdgeCreationAction.KIND;
 }
 
-export class LayoutOperation extends LayoutAction implements Operation { }
+export class LayoutOperation extends LayoutAction implements Operation {}
 
-export class ApplyLabelEditOperation extends ApplyLabelEditAction implements Operation { }
+export class ApplyLabelEditOperation extends ApplyLabelEditAction implements Operation {}

package/src/base/types.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -33,5 +33,6 @@ export const GLSP_TYPES = {
     IGLSPToolManager: Symbol.for('IGLSPToolManager'),
     ITool: Symbol.for('ITool'),
     IDefaultTool: Symbol.for('IDefaultTool'),
-    IEditModeListener: Symbol.for('IEditModeListener')
+    IEditModeListener: Symbol.for('IEditModeListener'),
+    LayoutRegistration: Symbol.for('LayoutRegistration')
 };

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

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -29,13 +29,13 @@ import {
 
 export const resizeFeature = Symbol('resizeFeature');
 
-export interface Resizable extends BoundsAware, Selectable {
-}
+export interface Resizable extends BoundsAware, Selectable {}
 
 export function isResizable(element: SModelElement): element is SParentElement & Resizable {
     return isBoundsAware(element) && isSelectable(element) && element instanceof SParentElement && element.hasFeature(resizeFeature);
 }
 
+// eslint-disable-next-line no-shadow
 export enum ResizeHandleLocation {
     TopLeft = 'top-left',
     TopRight = 'top-right',
@@ -50,15 +50,26 @@ export function isBoundsAwareMoveable(element: SModelElement): element is SModel
 export class SResizeHandle extends SChildElement implements Hoverable {
     static readonly TYPE = 'resize-handle';
 
-    constructor(public readonly location?: ResizeHandleLocation,
+    constructor(
+        public readonly location?: ResizeHandleLocation,
         public readonly type: string = SResizeHandle.TYPE,
-        public readonly hoverFeedback: boolean = false) {
+        public readonly hoverFeedback: boolean = false
+    ) {
         super();
     }
 
     hasFeature(feature: symbol): boolean {
         return feature === hoverFeedbackFeature;
     }
+
+    isNwSeResize(): boolean {
+        return this.location === ResizeHandleLocation.TopLeft || this.location === ResizeHandleLocation.BottomRight;
+    }
+
+    isNeSwResize(): boolean {
+        return this.location === ResizeHandleLocation.TopRight || this.location === ResizeHandleLocation.BottomLeft;
+    }
+
 }
 
 export function addResizeHandles(element: SParentElement): void {

package/src/features/change-bounds/movement-restrictor.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -25,16 +25,21 @@ export interface IMovementRestrictor {
     cssClasses?: string[];
 }
 
-export function createMovementRestrictionFeedback(element: SModelElement, movementRestrictor: IMovementRestrictor): ModifyCSSFeedbackAction {
+export function createMovementRestrictionFeedback(
+    element: SModelElement,
+    movementRestrictor: IMovementRestrictor
+): ModifyCSSFeedbackAction {
     const elements: SModelElement[] = [element];
     if (element instanceof SParentElement) {
         element.children.filter(child => child instanceof SResizeHandle).forEach(e => elements.push(e));
     }
     return new ModifyCSSFeedbackAction(elements, movementRestrictor.cssClasses);
-
 }
 
-export function removeMovementRestrictionFeedback(element: SModelElement, movementRestrictor: IMovementRestrictor): ModifyCSSFeedbackAction {
+export function removeMovementRestrictionFeedback(
+    element: SModelElement,
+    movementRestrictor: IMovementRestrictor
+): ModifyCSSFeedbackAction {
     const elements: SModelElement[] = [element];
     if (element instanceof SParentElement) {
         element.children.filter(child => child instanceof SResizeHandle).forEach(e => elements.push(e));
@@ -61,8 +66,12 @@ export class NoOverlapMovmentRestrictor implements IMovementRestrictor {
         };
         ghostElement.type = 'Ghost';
         ghostElement.id = element.id;
-        return !Array.from(element.root.index.all().filter(e => e.id !== ghostElement.id && e !== ghostElement.root && (e instanceof SNode))
-            .map(e => e as SModelElement & BoundsAware)).some(e => areOverlapping(e, ghostElement));
+        return !Array.from(
+            element.root.index
+                .all()
+                .filter(e => e.id !== ghostElement.id && e !== ghostElement.root && e instanceof SNode)
+                .map(e => e as SModelElement & BoundsAware)
+        ).some(e => areOverlapping(e, ghostElement));
     }
 }
 
@@ -85,5 +94,4 @@ export function areOverlapping(element1: SModelElement & BoundsAware, element2:
     }
 
     return true;
-
 }

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

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -32,10 +32,13 @@ export class ServerCommandPaletteActionProvider implements ICommandPaletteAction
     @inject(EditorContextService) protected editorContext: EditorContextService;
 
     getActions(_root: Readonly<SModelElement>, text: string, _lastMousePosition?: Point, index?: number): Promise<LabeledAction[]> {
-        const requestAction = new RequestContextActions(ServerCommandPalette.CONTEXT_ID, this.editorContext.get({
-            [ServerCommandPalette.TEXT]: text,
-            [ServerCommandPalette.INDEX]: index ? index : 0
-        }));
+        const requestAction = new RequestContextActions(
+            ServerCommandPalette.CONTEXT_ID,
+            this.editorContext.get({
+                [ServerCommandPalette.TEXT]: text,
+                [ServerCommandPalette.INDEX]: index ? index : 0
+            })
+        );
         return this.actionDispatcher.requestUntil(requestAction).then(response => this.getPaletteActionsFromResponse(response));
     }
 

package/src/features/context-menu/di.config.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -15,18 +15,20 @@
  ********************************************************************************/
 import { ContainerModule } from 'inversify';
 import { ContextMenuProviderRegistry, IContextMenuService, TYPES } from 'sprotty';
-
 import { SelectionServiceAwareContextMenuMouseListener } from './selection-service-aware-context-menu-mouse-listener';
 import { ServerContextMenuItemProvider } from './server-context-menu-provider';
 
 const glspContextMenuModule = new ContainerModule(bind => {
-    bind(TYPES.IContextMenuServiceProvider).toProvider<IContextMenuService>(ctx => () => new Promise<IContextMenuService>((resolve, reject) => {
-        if (ctx.container.isBound(TYPES.IContextMenuService)) {
-            resolve(ctx.container.get<IContextMenuService>(TYPES.IContextMenuService));
-        } else {
-            reject();
-        }
-    }));
+    bind(TYPES.IContextMenuServiceProvider).toProvider<IContextMenuService>(
+        ctx => () =>
+            new Promise<IContextMenuService>((resolve, reject) => {
+                if (ctx.container.isBound(TYPES.IContextMenuService)) {
+                    resolve(ctx.container.get<IContextMenuService>(TYPES.IContextMenuService));
+                } else {
+                    reject();
+                }
+            })
+    );
     bind(TYPES.MouseListener).to(SelectionServiceAwareContextMenuMouseListener);
     bind(TYPES.IContextMenuProviderRegistry).to(ContextMenuProviderRegistry);
     bind(TYPES.IContextMenuItemProvider).to(ServerContextMenuItemProvider);

package/src/features/context-menu/selection-service-aware-context-menu-mouse-listener.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -42,8 +42,9 @@ export class SelectionServiceAwareContextMenuMouseListener extends MouseListener
                 selectableTarget.selected = true;
                 this.selectionService.updateSelection(target.root, [selectableTarget.id], []);
             }
-            Promise.all([this.contextMenuService(), this.menuProvider.getItems(target.root, mousePosition)])
-                .then(([menuService, menuItems]) => menuService.show(menuItems, mousePosition));
+            Promise.all([this.contextMenuService(), this.menuProvider.getItems(target.root, mousePosition)]).then(
+                ([menuService, menuItems]) => menuService.show(menuItems, mousePosition)
+            );
         }
         return [];
     }

package/src/features/context-menu/server-context-menu-provider.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -26,12 +26,16 @@ export namespace ServerContextMenu {
 
 @injectable()
 export class ServerContextMenuItemProvider implements IContextMenuItemProvider {
-
     @inject(TYPES.IActionDispatcher) protected actionDispatcher: GLSPActionDispatcher;
     @inject(EditorContextService) protected editorContext: EditorContextService;
 
     getItems(root: Readonly<SModelElement>, lastMousePosition?: Point): Promise<LabeledAction[]> {
-        const selectedElementIds = Array.from(root.index.all().filter(isSelected).map(e => e.id));
+        const selectedElementIds = Array.from(
+            root.index
+                .all()
+                .filter(isSelected)
+                .map(e => e.id)
+        );
         const context = this.editorContext.getWithSelection(selectedElementIds);
         const requestAction = new RequestContextActions(ServerContextMenu.CONTEXT_ID, context);
         return this.actionDispatcher.requestUntil(requestAction).then(response => this.getContextActionsFromResponse(response));

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

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -21,9 +21,7 @@ import { Operation } from '../../base/operations/operation';
 export class CutOperation implements Operation {
     static readonly KIND = 'cut';
 
-    constructor(
-        public readonly editorContext: EditorContext,
-        public readonly kind: string = CutOperation.KIND) { }
+    constructor(public readonly editorContext: EditorContext, public readonly kind: string = CutOperation.KIND) {}
 }
 
 export class PasteOperation implements Operation {
@@ -32,7 +30,8 @@ export class PasteOperation implements Operation {
     constructor(
         public readonly clipboardData: ClipboardData,
         public readonly editorContext: EditorContext,
-        public readonly kind: string = PasteOperation.KIND) { }
+        public readonly kind: string = PasteOperation.KIND
+    ) {}
 }
 
 export class RequestClipboardDataAction implements RequestAction<SetClipboardDataAction> {
@@ -41,14 +40,17 @@ export class RequestClipboardDataAction implements RequestAction<SetClipboardDat
     constructor(
         public readonly editorContext: EditorContext,
         public readonly requestId: string = generateRequestId(),
-        public readonly kind: string = RequestClipboardDataAction.KIND) { }
+        public readonly kind: string = RequestClipboardDataAction.KIND
+    ) {}
 
     static create(editorContext: EditorContext): RequestAction<SetClipboardDataAction> {
         return new RequestClipboardDataAction(editorContext);
     }
 }
 
-export interface ClipboardData { [format: string]: string }
+export interface ClipboardData {
+    [format: string]: string;
+}
 
 export class SetClipboardDataAction implements ResponseAction {
     static readonly KIND = 'setClipboardData';
@@ -56,5 +58,6 @@ export class SetClipboardDataAction implements ResponseAction {
     constructor(
         public readonly clipboardData: ClipboardData,
         public readonly responseId: string = '',
-        public readonly kind: string = SetClipboardDataAction.KIND) { }
+        public readonly kind: string = SetClipboardDataAction.KIND
+    ) {}
 }

package/src/features/copy-paste/copy-paste-context-menu.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
@@ -30,17 +30,17 @@ import { GLSPServerStatusAction, ServerMessageAction } from '../../model-source/
 
 export class InvokeCopyAction implements Action {
     static readonly KIND = 'invoke-copy';
-    constructor(public readonly kind = InvokeCopyAction.KIND) { }
+    constructor(public readonly kind = InvokeCopyAction.KIND) {}
 }
 
 export class InvokePasteAction implements Action {
     static readonly KIND = 'invoke-paste';
-    constructor(public readonly kind = InvokePasteAction.KIND) { }
+    constructor(public readonly kind = InvokePasteAction.KIND) {}
 }
 
 export class InvokeCutAction implements Action {
     static readonly KIND = 'invoke-cut';
-    constructor(public readonly kind = InvokeCutAction.KIND) { }
+    constructor(public readonly kind = InvokeCutAction.KIND) {}
 }
 
 @injectable()
@@ -49,21 +49,31 @@ export class InvokeCopyPasteActionHandler implements IActionHandler {
     handle(action: Action): void {
         switch (action.kind) {
             case InvokeCopyAction.KIND:
-                document.execCommand('copy');
+                if (supportsCopy()) {
+                    document.execCommand('copy');
+                } else {
+                    this.notifyUserToUseShortcut('copy');
+                }
                 break;
             case InvokePasteAction.KIND:
-                // in a browser without additional permission we can't invoke the paste command
-                // the user needs to invoke it from the browser, so notify the user about it
-                this.notifyUserToUseShortcut();
+                if (supportsPaste()) {
+                    document.execCommand('paste');
+                } else {
+                    this.notifyUserToUseShortcut('paste');
+                }
                 break;
             case InvokeCutAction.KIND:
-                document.execCommand('cut');
+                if (supportsCut()) {
+                    document.execCommand('cut');
+                } else {
+                    this.notifyUserToUseShortcut('cut');
+                }
                 break;
         }
     }
 
-    protected notifyUserToUseShortcut(): void {
-        const message = 'Please use the browser\'s paste command or shortcut.';
+    protected notifyUserToUseShortcut(operation: string): void {
+        const message = `Please use the browser's ${operation} command or shortcut.`;
         const timeout = 10000;
         const severity = 'WARNING';
         this.dispatcher.dispatchAll([
@@ -86,22 +96,52 @@ export class CopyPasteContextMenuItemProvider implements IContextMenuItemProvide
 
     protected createPasteMenuItem(): MenuItem {
         return {
-            id: 'paste', label: 'Paste', group: 'copy-paste',
-            actions: [new InvokePasteAction()], isEnabled: () => true
+            id: 'paste',
+            label: 'Paste',
+            group: 'copy-paste',
+            actions: [new InvokePasteAction()],
+            isEnabled: () => true
         };
     }
 
     protected createCutMenuItem(hasSelectedElements: boolean): MenuItem {
         return {
-            id: 'cut', label: 'Cut', group: 'copy-paste',
-            actions: [new InvokeCutAction()], isEnabled: () => hasSelectedElements
+            id: 'cut',
+            label: 'Cut',
+            group: 'copy-paste',
+            actions: [new InvokeCutAction()],
+            isEnabled: () => hasSelectedElements
         };
     }
 
     protected createCopyMenuItem(hasSelectedElements: boolean): MenuItem {
         return {
-            id: 'copy', label: 'Copy', group: 'copy-paste',
-            actions: [new InvokeCopyAction()], isEnabled: () => hasSelectedElements
+            id: 'copy',
+            label: 'Copy',
+            group: 'copy-paste',
+            actions: [new InvokeCopyAction()],
+            isEnabled: () => hasSelectedElements
         };
     }
 }
+
+export function supportsCopy(): boolean {
+    return isNative() || document.queryCommandSupported('copy');
+}
+
+export function supportsCut(): boolean {
+    return isNative() || document.queryCommandSupported('cut');
+}
+
+export function supportsPaste(): boolean {
+    const isChrome = userAgent().indexOf('Chrome') >= 0;
+    return isNative() || (!isChrome && document.queryCommandSupported('paste'));
+}
+
+export function isNative(): boolean {
+    return typeof (window as any).process !== 'undefined';
+}
+
+function userAgent(): string {
+    return typeof navigator !== 'undefined' ? navigator.userAgent : '';
+}

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

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 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
@@ -91,11 +91,10 @@ function getClipboardIdFromDataTransfer(dataTransfer: DataTransfer): string | un
     return isClipboardId(jsonObject) ? jsonObject.clipboardId : undefined;
 }
 
-const CLIPBOARD_DATA_FORMAT = 'application/json';
+const CLIPBOARD_DATA_FORMAT = 'text/plain';
 
 @injectable()
 export class ServerCopyPasteHandler implements ICopyPasteHandler {
-
     @inject(TYPES.IActionDispatcher) protected actionDispatcher: GLSPActionDispatcher;
     @inject(TYPES.ViewerOptions) protected viewerOptions: ViewerOptions;
     @inject(GLSP_TYPES.IAsyncClipboardService) protected clipboadService: IAsyncClipboardService;
@@ -126,7 +125,7 @@ export class ServerCopyPasteHandler implements ICopyPasteHandler {
     }
 
     handlePaste(event: ClipboardEvent): void {
-        if (event.clipboardData) {
+        if (event.clipboardData && this.shouldPaste(event)) {
             const clipboardId = getClipboardIdFromDataTransfer(event.clipboardData);
             const clipboardData = this.clipboadService.get(clipboardId);
             if (clipboardData) {
@@ -137,8 +136,18 @@ export class ServerCopyPasteHandler implements ICopyPasteHandler {
     }
 
     protected shouldCopy(_event: ClipboardEvent): boolean | null {
-        return this.editorContext.get().selectedElementIds.length > 0 && document.activeElement instanceof SVGElement
-            && document.activeElement.parentElement && document.activeElement.parentElement.id === this.viewerOptions.baseDiv;
+        return this.editorContext.get().selectedElementIds.length > 0 && this.isDiagramActive();
+    }
+
+    protected shouldPaste(_event: ClipboardEvent): boolean | null {
+        return this.isDiagramActive();
     }
 
+    private isDiagramActive(): boolean | null {
+        return (
+            document.activeElement instanceof SVGElement &&
+            document.activeElement.parentElement &&
+            document.activeElement.parentElement.id === this.viewerOptions.baseDiv
+        );
+    }
 }