@eclipse-glsp/client/src/features/copy-paste/copy-paste-standalone.ts

A sprotty-based client for GLSP

/********************************************************************************
 * 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
 * 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 { DOMHelper, Disposable, DisposableCollection, EMPTY_ROOT, GModelRoot, TYPES } from '@eclipse-glsp/sprotty';
import { inject, injectable, optional, preDestroy } from 'inversify';
import { IGModelRootListener } from '../../base/editor-context-service';
import { IDiagramStartup } from '../../base/model/diagram-loader';
import { ICopyPasteHandler } from './copy-paste-handler';
/**
 * Startup service to hook up the copy&paste event handler
 */
@injectable()
export class CopyPasteStartup implements IDiagramStartup, Disposable, IGModelRootListener {
    @inject(TYPES.ICopyPasteHandler)
    @optional()
    protected copyPasteHandler?: ICopyPasteHandler;

    @inject(TYPES.DOMHelper)
    protected domHelper: DOMHelper;

    protected toDispose = new DisposableCollection();
    protected graphElementId?: string;

    modelRootChanged(root: Readonly<GModelRoot>): void {
        if (root.id !== EMPTY_ROOT.id) {
            this.graphElementId = this.domHelper.createUniqueDOMElementId(root);
        }
    }

    postModelInitialization(): void {
        if (!this.copyPasteHandler) {
            return;
        }
        const copyListener = (e: ClipboardEvent): void => {
            if (this.graphElementId && document.activeElement?.id === this.graphElementId) {
                this.copyPasteHandler?.handleCopy(e);
            }
        };
        const cutListener = (e: ClipboardEvent): void => {
            if (this.graphElementId && document.activeElement?.id === this.graphElementId) {
                this.copyPasteHandler?.handleCut(e);
            }
        };
        const pasteListener = (e: ClipboardEvent): void => {
            if (this.graphElementId && document.activeElement?.id === this.graphElementId) {
                this.copyPasteHandler?.handlePaste(e);
            }
        };
        window.addEventListener('copy', copyListener);
        window.addEventListener('cut', cutListener);
        window.addEventListener('paste', pasteListener);

        this.toDispose.push(
            Disposable.create(() => {
                window.removeEventListener('copy', copyListener);
                window.removeEventListener('cut', cutListener);
                window.removeEventListener('paste', pasteListener);
            })
        );
    }

    @preDestroy()
    dispose(): void {
        this.toDispose.dispose();
    }
}