@eclipse-glsp/vscode-integration-webview 2.2.0-next.83 → 2.2.0-next.86

package/css/diagram.css

@@ -19,6 +19,7 @@ body {
     width: 100%;
     height: 100%;
     padding: 0px;
+    overflow: hidden;
 }
 
 .sprotty {
@@ -100,3 +101,20 @@ body {
     color: var(--vscode-editorHoverWidget-foreground);
     border: 1px solid var(--vscode-editorHoverWidget-border);
 }
+
+.mouse-enter .sprotty-projection-bar {
+    opacity: 1;
+}
+
+.mouse-leave .sprotty-projection-bar {
+    opacity: 0;
+    pointer-events: none;
+}
+
+.sprotty-projection-bar.horizontal.bordered-projection-bar {
+    height: 15px;
+}
+
+.sprotty-projection-bar.vertical.bordered-projection-bar {
+    width: 15px;
+}

package/css/features.css

@@ -0,0 +1,54 @@
+/********************************************************************************
+ * 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
+ ********************************************************************************/
+
+/* Debug */
+
+.debug-bounds-decoration {
+    stroke: var(--vscode-editor-foreground);
+}
+
+/* Ghost element */
+
+.sprotty-node.insert-indicator:not(.selected) {
+    stroke: var(--vscode-editor-foreground);
+}
+
+/* Helper lines */
+
+.helper-line {
+    stroke: var(--vscode-focusBorder);
+}
+
+/* Grid */
+body[data-vscode-theme-kind='vscode-dark'] .grid-background .sprotty-graph,
+body[data-vscode-theme-kind='vscode-dark'] .grid-background.sprotty-graph {
+    --grid-color: rgba(255, 255, 255, 0.1);
+}
+
+body[data-vscode-theme-kind='vscode-light'] .grid-background .sprotty-graph,
+body[data-vscode-theme-kind='vscode-light'] .grid-background.sprotty-graph {
+    --grid-color: rgba(0, 0, 0, 0.1);
+}
+
+body[data-vscode-theme-kind='vscode-high-contrast'] .grid-background .sprotty-graph,
+body[data-vscode-theme-kind='vscode-high-contrast'] .grid-background.sprotty-graph {
+    --grid-color: rgba(255, 255, 255);
+}
+
+body[data-vscode-theme-kind='vscode-high-contrast-light'] .grid-background .sprotty-graph,
+body[data-vscode-theme-kind='vscode-high-contrast-light'] .grid-background.sprotty-graph {
+    --grid-color: rgba(0, 0, 0);
+}

package/css/glsp-vscode.css

@@ -18,6 +18,4 @@
 @import 'diagram.css';
 @import 'tool-palette.css';
 @import 'decoration.css';
-.sprotty-resize-handle.active {
-    fill: #0074e8 !important;
-}
+@import 'features.css';

package/css/tool-palette.css

@@ -16,6 +16,7 @@
 
 .tool-palette {
     box-shadow: 0px 1px 6px var(--vscode-widget-shadow);
+    font-size: var(--vscode-ui-font-size1);
 }
 
 .tool-palette :focus-visible {
@@ -30,32 +31,12 @@
     background: var(--vscode-settings-dropdownBackground);
     color: var(--vscode-titleBar-activeForeground);
     border: 0;
-    font-weight: normal;
-    overflow: hidden;
-    padding: 0.2em;
-    line-height: 1.5em;
     box-shadow: none;
     border-top: 2px solid var(--vscode-focusBorder);
 }
 
-.tool-palette .palette-header .header-icon {
-    float: left;
-    padding: 0.2em;
-    font-size: 11px;
-    text-transform: uppercase;
-    font-weight: 400;
-}
-
-.tool-palette .palette-header .header-tools {
-    float: right;
-    font-size: 11px;
-}
-
 .tool-palette .palette-header .header-tools i {
     border: none;
-    width: 1em;
-    text-align: center;
-    border-radius: 5px;
 }
 
 .tool-palette .palette-header .header-tools i:hover:not(.clicked) {
@@ -74,9 +55,6 @@
 }
 
 .tool-palette .palette-body .group-header {
-    font-size: var(--vscode-ui-font-size1);
-    text-transform: uppercase;
-    font-weight: bold;
     background: var(--vscode-editorHoverWidget-statusBarBackground);
     color: var(--vscode-titleBar-activeForeground);
     border: 0;

package/lib/default-modules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-modules.d.ts","sourceRoot":"","sources":["../src/default-modules.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAO3D,eAAO,MAAM,sBAAsB,iPAMzB,CAAC;AAEX,eAAO,MAAM,4BAA4B,EAAE,mBAE1C,CAAC"}
+{"version":3,"file":"default-modules.d.ts","sourceRoot":"","sources":["../src/default-modules.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAE,mBAAmB,EAAqB,MAAM,sBAAsB,CAAC;AAO9E,eAAO,MAAM,sBAAsB,iPAMzB,CAAC;AAEX,eAAO,MAAM,4BAA4B,EAAE,mBAG1C,CAAC"}

package/lib/default-modules.js

@@ -16,6 +16,7 @@
  ********************************************************************************/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VSCODE_DEFAULT_MODULE_CONFIG = exports.VSCODE_DEFAULT_MODULES = void 0;
+const client_1 = require("@eclipse-glsp/client");
 const copy_paste_module_1 = require("./features/copyPaste/copy-paste-module");
 const default_module_1 = require("./features/default/default-module");
 const export_module_1 = require("./features/export/export-module");
@@ -29,6 +30,7 @@ exports.VSCODE_DEFAULT_MODULES = [
     notification_module_1.vscodeNotificationModule
 ];
 exports.VSCODE_DEFAULT_MODULE_CONFIG = {
-    add: [...exports.VSCODE_DEFAULT_MODULES]
+    add: [...exports.VSCODE_DEFAULT_MODULES],
+    remove: [client_1.contextMenuModule]
 };
 //# sourceMappingURL=default-modules.js.map

package/lib/default-modules.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-modules.js","sourceRoot":"","sources":["../src/default-modules.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAGlF,8EAA+E;AAC/E,sEAAwE;AACxE,mEAAqE;AACrE,+EAAiF;AACjF,qFAAuF;AAE1E,QAAA,sBAAsB,GAAG;IAClC,oCAAmB;IACnB,yCAAqB;IACrB,kCAAkB;IAClB,0CAAsB;IACtB,8CAAwB;CAClB,CAAC;AAEE,QAAA,4BAA4B,GAAwB;IAC7D,GAAG,EAAE,CAAC,GAAG,8BAAsB,CAAC;CACnC,CAAC"}
+{"version":3,"file":"default-modules.js","sourceRoot":"","sources":["../src/default-modules.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAA8E;AAC9E,8EAA+E;AAC/E,sEAAwE;AACxE,mEAAqE;AACrE,+EAAiF;AACjF,qFAAuF;AAE1E,QAAA,sBAAsB,GAAG;IAClC,oCAAmB;IACnB,yCAAqB;IACrB,kCAAkB;IAClB,0CAAsB;IACtB,8CAAwB;CAClB,CAAC;AAEE,QAAA,4BAA4B,GAAwB;IAC7D,GAAG,EAAE,CAAC,GAAG,8BAAsB,CAAC;IAChC,MAAM,EAAE,CAAC,0BAAiB,CAAC;CAC9B,CAAC"}

package/lib/features/copyPaste/copy-paste-module.js

@@ -21,5 +21,5 @@ const copy_paste_startup_1 = require("./copy-paste-startup");
 exports.vscodeCopyPasteModule = new client_1.FeatureModule(bind => {
     bind(copy_paste_startup_1.CopyPasteHandlerProvider).toProvider(ctx => () => new Promise(resolve => resolve(ctx.container.get(client_1.TYPES.ICopyPasteHandler))));
     (0, client_1.bindAsService)(bind, client_1.TYPES.IDiagramStartup, copy_paste_startup_1.CopyPasteStartup);
-}, { requires: client_1.copyPasteModule });
+}, { requires: client_1.copyPasteModule, featureId: Symbol('vscodeCopyPaste') });
 //# sourceMappingURL=copy-paste-module.js.map

package/lib/features/copyPaste/copy-paste-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-paste-module.js","sourceRoot":"","sources":["../../../src/features/copyPaste/copy-paste-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAA+G;AAC/G,6DAAkF;AAErE,QAAA,qBAAqB,GAAG,IAAI,sBAAa,CAClD,IAAI,CAAC,EAAE;IACH,IAAI,CAAC,6CAAwB,CAAC,CAAC,UAAU,CACrC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,OAAO,CAAoB,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAoB,cAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACjI,CAAC;IACF,IAAA,sBAAa,EAAC,IAAI,EAAE,cAAK,CAAC,eAAe,EAAE,qCAAgB,CAAC,CAAC;AACjE,CAAC,EACD,EAAE,QAAQ,EAAE,wBAAe,EAAE,CAChC,CAAC"}
+{"version":3,"file":"copy-paste-module.js","sourceRoot":"","sources":["../../../src/features/copyPaste/copy-paste-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAA+G;AAC/G,6DAAkF;AAErE,QAAA,qBAAqB,GAAG,IAAI,sBAAa,CAClD,IAAI,CAAC,EAAE;IACH,IAAI,CAAC,6CAAwB,CAAC,CAAC,UAAU,CACrC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,OAAO,CAAoB,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAoB,cAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACjI,CAAC;IACF,IAAA,sBAAa,EAAC,IAAI,EAAE,cAAK,CAAC,eAAe,EAAE,qCAAgB,CAAC,CAAC;AACjE,CAAC,EACD,EAAE,QAAQ,EAAE,wBAAe,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,CACtE,CAAC"}

package/lib/features/default/default-module.js

@@ -24,5 +24,5 @@ exports.vscodeDefaultModule = new client_1.FeatureModule(bind => {
     bind(glsp_diagram_widget_1.GLSPDiagramWidgetFactory).toFactory(context => () => context.container.get(glsp_diagram_widget_1.GLSPDiagramWidget));
     (0, client_1.bindAsService)(bind, client_1.TYPES.IActionHandlerInitializer, extension_action_handler_1.HostExtensionActionHandler);
     bind(extension_action_handler_1.ExtensionActionKind).toConstantValue(client_1.SelectAction.KIND);
-}, { requires: client_1.defaultModule });
+}, { requires: client_1.defaultModule, featureId: Symbol('vscodeDefault') });
 //# sourceMappingURL=default-module.js.map

package/lib/features/default/default-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-module.js","sourceRoot":"","sources":["../../../src/features/default/default-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAAwG;AACxG,mEAAwF;AACxF,yEAA6F;AAEhF,QAAA,mBAAmB,GAAG,IAAI,sBAAa,CAChD,IAAI,CAAC,EAAE;IACH,IAAI,CAAC,uCAAiB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACpD,IAAI,CAAC,8CAAwB,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAoB,uCAAiB,CAAC,CAAC,CAAC;IACvH,IAAA,sBAAa,EAAC,IAAI,EAAE,cAAK,CAAC,yBAAyB,EAAE,qDAA0B,CAAC,CAAC;IACjF,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,qBAAY,CAAC,IAAI,CAAC,CAAC;AACjE,CAAC,EACD,EAAE,QAAQ,EAAE,sBAAa,EAAE,CAC9B,CAAC"}
+{"version":3,"file":"default-module.js","sourceRoot":"","sources":["../../../src/features/default/default-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAAwG;AACxG,mEAAwF;AACxF,yEAA6F;AAEhF,QAAA,mBAAmB,GAAG,IAAI,sBAAa,CAChD,IAAI,CAAC,EAAE;IACH,IAAI,CAAC,uCAAiB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACpD,IAAI,CAAC,8CAAwB,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAoB,uCAAiB,CAAC,CAAC,CAAC;IACvH,IAAA,sBAAa,EAAC,IAAI,EAAE,cAAK,CAAC,yBAAyB,EAAE,qDAA0B,CAAC,CAAC;IACjF,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,qBAAY,CAAC,IAAI,CAAC,CAAC;AACjE,CAAC,EACD,EAAE,QAAQ,EAAE,sBAAa,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,CAClE,CAAC"}

package/lib/features/export/export-module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"export-module.d.ts","sourceRoot":"","sources":["../../../src/features/export/export-module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAmB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGtE,eAAO,MAAM,kBAAkB,eAE7B,CAAC"}
+{"version":3,"file":"export-module.d.ts","sourceRoot":"","sources":["../../../src/features/export/export-module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAmB,aAAa,EAAgB,MAAM,sBAAsB,CAAC;AAGpF,eAAO,MAAM,kBAAkB,eAK9B,CAAC"}

package/lib/features/export/export-module.js

@@ -20,5 +20,5 @@ const client_1 = require("@eclipse-glsp/client");
 const extension_action_handler_1 = require("../default/extension-action-handler");
 exports.vscodeExportModule = new client_1.FeatureModule(bind => {
     bind(extension_action_handler_1.ExtensionActionKind).toConstantValue(client_1.ExportSvgAction.KIND);
-});
+}, { requires: client_1.exportModule, featureId: Symbol('vscodeExport') });
 //# sourceMappingURL=export-module.js.map

package/lib/features/export/export-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"export-module.js","sourceRoot":"","sources":["../../../src/features/export/export-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAAsE;AACtE,kFAA0E;AAE7D,QAAA,kBAAkB,GAAG,IAAI,sBAAa,CAAC,IAAI,CAAC,EAAE;IACvD,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,wBAAe,CAAC,IAAI,CAAC,CAAC;AACpE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"export-module.js","sourceRoot":"","sources":["../../../src/features/export/export-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAAoF;AACpF,kFAA0E;AAE7D,QAAA,kBAAkB,GAAG,IAAI,sBAAa,CAC/C,IAAI,CAAC,EAAE;IACH,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,wBAAe,CAAC,IAAI,CAAC,CAAC;AACpE,CAAC,EACD,EAAE,QAAQ,EAAE,qBAAY,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAE,CAChE,CAAC"}

package/lib/features/navigation/navigation-module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-module.d.ts","sourceRoot":"","sources":["../../../src/features/navigation/navigation-module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAE,aAAa,EAAoD,MAAM,sBAAsB,CAAC;AAGvG,eAAO,MAAM,sBAAsB,eAEf,CAAC"}
+{"version":3,"file":"navigation-module.d.ts","sourceRoot":"","sources":["../../../src/features/navigation/navigation-module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAE,aAAa,EAAoD,MAAM,sBAAsB,CAAC;AAGvG,eAAO,MAAM,sBAAsB,eAKlC,CAAC"}

package/lib/features/navigation/navigation-module.js

@@ -20,5 +20,5 @@ const client_1 = require("@eclipse-glsp/client");
 const extension_action_handler_1 = require("../default/extension-action-handler");
 exports.vscodeNavigationModule = new client_1.FeatureModule(bind => {
     bind(extension_action_handler_1.ExtensionActionKind).toConstantValue(client_1.NavigateToExternalTargetAction.KIND);
-}, client_1.navigationModule);
+}, { requires: client_1.navigationModule, featureId: Symbol('vscodeNavigation') });
 //# sourceMappingURL=navigation-module.js.map

package/lib/features/navigation/navigation-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-module.js","sourceRoot":"","sources":["../../../src/features/navigation/navigation-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAAuG;AACvG,kFAA0E;AAE7D,QAAA,sBAAsB,GAAG,IAAI,sBAAa,CAAC,IAAI,CAAC,EAAE;IAC3D,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,uCAA8B,CAAC,IAAI,CAAC,CAAC;AACnF,CAAC,EAAE,yBAAgB,CAAC,CAAC"}
+{"version":3,"file":"navigation-module.js","sourceRoot":"","sources":["../../../src/features/navigation/navigation-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAAuG;AACvG,kFAA0E;AAE7D,QAAA,sBAAsB,GAAG,IAAI,sBAAa,CACnD,IAAI,CAAC,EAAE;IACH,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,uCAA8B,CAAC,IAAI,CAAC,CAAC;AACnF,CAAC,EACD,EAAE,QAAQ,EAAE,yBAAgB,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE,CACxE,CAAC"}

package/lib/features/notification/notification-module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-module.d.ts","sourceRoot":"","sources":["../../../src/features/notification/notification-module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAqB,aAAa,EAA4D,MAAM,sBAAsB,CAAC;AAGlI,eAAO,MAAM,wBAAwB,eAKnC,CAAC"}
+{"version":3,"file":"notification-module.d.ts","sourceRoot":"","sources":["../../../src/features/notification/notification-module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAqB,aAAa,EAA4D,MAAM,sBAAsB,CAAC;AAGlI,eAAO,MAAM,wBAAwB,eAQpC,CAAC"}

package/lib/features/notification/notification-module.js

@@ -23,5 +23,5 @@ exports.vscodeNotificationModule = new client_1.FeatureModule(bind => {
     bind(extension_action_handler_1.ExtensionActionKind).toConstantValue(client_1.StartProgressAction.KIND);
     bind(extension_action_handler_1.ExtensionActionKind).toConstantValue(client_1.EndProgressAction.KIND);
     bind(extension_action_handler_1.ExtensionActionKind).toConstantValue(client_1.UpdateProgressAction.KIND);
-});
+}, { featureId: Symbol('vscodeNotification') });
 //# sourceMappingURL=notification-module.js.map

package/lib/features/notification/notification-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-module.js","sourceRoot":"","sources":["../../../src/features/notification/notification-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAAkI;AAClI,kFAA0E;AAE7D,QAAA,wBAAwB,GAAG,IAAI,sBAAa,CAAC,IAAI,CAAC,EAAE;IAC7D,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,sBAAa,CAAC,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,4BAAmB,CAAC,IAAI,CAAC,CAAC;IACpE,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,0BAAiB,CAAC,IAAI,CAAC,CAAC;IAClE,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;AACzE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"notification-module.js","sourceRoot":"","sources":["../../../src/features/notification/notification-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,iDAAkI;AAClI,kFAA0E;AAE7D,QAAA,wBAAwB,GAAG,IAAI,sBAAa,CACrD,IAAI,CAAC,EAAE;IACH,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,sBAAa,CAAC,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,4BAAmB,CAAC,IAAI,CAAC,CAAC;IACpE,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,0BAAiB,CAAC,IAAI,CAAC,CAAC;IAClE,IAAI,CAAC,8CAAmB,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;AACzE,CAAC,EACD,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAC9C,CAAC"}

package/lib/glsp-diagram-widget.d.ts

@@ -24,8 +24,13 @@ export declare abstract class GLSPDiagramWidget {
     protected viewerOptions: ViewerOptions;
     protected diagramLoader: DiagramLoader;
     get clientId(): string;
+    protected containerDiv: HTMLDivElement | undefined;
     initialize(): void;
     protected initializeHtml(): void;
+    handleContextMenu(e: MouseEvent): void;
+    handleMouseEnter(e: MouseEvent): void;
+    handleMouseLeave(e: MouseEvent): void;
+    handleFocusChange(e: FocusEvent, hasFocus: boolean): void;
     protected createDiagramLoadingOptions(): DiagramLoadingOptions | undefined;
     loadDiagram(): Promise<void>;
 }

package/lib/glsp-diagram-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glsp-diagram-widget.d.ts","sourceRoot":"","sources":["../src/glsp-diagram-widget.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;kFAekF;AAElF,OAAO,EACH,aAAa,EACb,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,WAAW,EAEX,aAAa,EAChB,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,wBAAwB,eAAqC,CAAC;AAC3E,MAAM,MAAM,wBAAwB,GAAG,MAAM,iBAAiB,CAAC;AAE/D,8BACsB,iBAAiB;IAEnC,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;IAG9C,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAGnC,SAAS,CAAC,cAAc,EAAE,eAAe,CAAC;IAG1C,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAGvC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAEvC,IAAI,QAAQ,IAAI,MAAM,CAErB;IAGD,UAAU,IAAI,IAAI;IAKlB,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC,SAAS,CAAC,2BAA2B,IAAI,qBAAqB,GAAG,SAAS;IAI1E,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;CAG/B"}
+{"version":3,"file":"glsp-diagram-widget.d.ts","sourceRoot":"","sources":["../src/glsp-diagram-widget.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;kFAekF;AAElF,OAAO,EACH,aAAa,EACb,qBAAqB,EAErB,iBAAiB,EACjB,eAAe,EACf,WAAW,EAEX,aAAa,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,wBAAwB,eAAqC,CAAC;AAC3E,MAAM,MAAM,wBAAwB,GAAG,MAAM,iBAAiB,CAAC;AAE/D,8BACsB,iBAAiB;IAEnC,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;IAG9C,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAGnC,SAAS,CAAC,cAAc,EAAE,eAAe,CAAC;IAG1C,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAGvC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAEvC,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,SAAS,CAAC,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;IAGnD,UAAU,IAAI,IAAI;IAKlB,SAAS,CAAC,cAAc,IAAI,IAAI;IAmBhC,iBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAOtC,gBAAgB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAKrC,gBAAgB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAKrC,iBAAiB,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAIzD,SAAS,CAAC,2BAA2B,IAAI,qBAAqB,GAAG,SAAS;IAI1E,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;CAG/B"}

package/lib/glsp-diagram-widget.js

@@ -47,8 +47,33 @@ let GLSPDiagramWidget = class GLSPDiagramWidget {
             const hiddenContainer = document.createElement('div');
             hiddenContainer.id = this.viewerOptions.hiddenDiv;
             document.body.appendChild(hiddenContainer);
+            this.containerDiv = containerDiv;
+            containerDiv.addEventListener('mouseenter', e => this.handleMouseEnter(e));
+            containerDiv.addEventListener('mouseleave', e => this.handleMouseLeave(e));
+            window.addEventListener('focus', e => this.handleFocusChange(e, true));
+            window.addEventListener('blur', e => this.handleFocusChange(e, false));
+            window.addEventListener('contextmenu', e => this.handleContextMenu(e));
         }
     }
+    handleContextMenu(e) {
+        // Prevent the default context menu for now
+        // Should be removed once we provide a proper context menu integration
+        e.preventDefault();
+        window.focus();
+    }
+    handleMouseEnter(e) {
+        var _a, _b;
+        (_a = this.containerDiv) === null || _a === void 0 ? void 0 : _a.classList.add('mouse-enter');
+        (_b = this.containerDiv) === null || _b === void 0 ? void 0 : _b.classList.remove('mouse-leave');
+    }
+    handleMouseLeave(e) {
+        var _a, _b;
+        (_a = this.containerDiv) === null || _a === void 0 ? void 0 : _a.classList.add('mouse-leave');
+        (_b = this.containerDiv) === null || _b === void 0 ? void 0 : _b.classList.remove('mouse-enter');
+    }
+    handleFocusChange(e, hasFocus) {
+        this.actionDispatcher.dispatch(client_1.FocusStateChangedAction.create(hasFocus));
+    }
     createDiagramLoadingOptions() {
         return undefined;
     }

package/lib/glsp-diagram-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"glsp-diagram-widget.js","sourceRoot":"","sources":["../src/glsp-diagram-widget.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;kFAekF;AAClF,6HAA6H;AAC7H,iDAQ8B;AAC9B,yCAA8D;AAEjD,QAAA,wBAAwB,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAC;AAIpE,IAAe,iBAAiB,GAAhC,MAAe,iBAAiB;IAgBnC,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;IACxC,CAAC;IAGD,UAAU;QACN,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAES,cAAc;QACpB,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAC;QAC3E,IAAI,YAAY,EAAE,CAAC;YACf,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACnD,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YAC7C,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAEvC,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACtD,eAAe,CAAC,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;YAClD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;IAES,2BAA2B;QACjC,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,WAAW;QACP,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE,CAAC,CAAC;IACvE,CAAC;CACJ,CAAA;AA9CqB,8CAAiB;AAEzB;IADT,IAAA,kBAAM,EAAC,cAAK,CAAC,iBAAiB,CAAC;;2DACc;AAGpC;IADT,IAAA,kBAAM,EAAC,cAAK,CAAC,WAAW,CAAC;8BACH,oBAAW;sDAAC;AAGzB;IADT,IAAA,kBAAM,EAAC,cAAK,CAAC,eAAe,CAAC;;yDACY;AAGhC;IADT,IAAA,kBAAM,EAAC,cAAK,CAAC,aAAa,CAAC;;wDACW;AAG7B;IADT,IAAA,kBAAM,EAAC,sBAAa,CAAC;8BACG,sBAAa;wDAAC;AAOvC;IADC,IAAA,yBAAa,GAAE;;;;mDAIf;4BAxBiB,iBAAiB;IADtC,IAAA,sBAAU,GAAE;GACS,iBAAiB,CA8CtC"}
+{"version":3,"file":"glsp-diagram-widget.js","sourceRoot":"","sources":["../src/glsp-diagram-widget.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-glsp/vscode-integration-webview",
-  "version": "2.2.0-next.83+d6654e4",
+  "version": "2.2.0-next.86+f944a0f",
   "description": "Integration of a GLSP diagram in a VS Code extensions (WebView part)",
   "keywords": [
     "vscode",
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d6654e456ae3fa7e4bbed3b53da3c8fdda2fe5ce"
+  "gitHead": "f944a0f5a1ec16cbcc3ff5ebbd2581210e725f73"
 }

package/src/default-modules.ts

@@ -14,7 +14,7 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 
-import { ModuleConfiguration } from '@eclipse-glsp/client';
+import { ModuleConfiguration, contextMenuModule } from '@eclipse-glsp/client';
 import { vscodeCopyPasteModule } from './features/copyPaste/copy-paste-module';
 import { vscodeDefaultModule } from './features/default/default-module';
 import { vscodeExportModule } from './features/export/export-module';
@@ -30,5 +30,6 @@ export const VSCODE_DEFAULT_MODULES = [
 ] as const;
 
 export const VSCODE_DEFAULT_MODULE_CONFIG: ModuleConfiguration = {
-    add: [...VSCODE_DEFAULT_MODULES]
+    add: [...VSCODE_DEFAULT_MODULES],
+    remove: [contextMenuModule]
 };

package/src/features/copyPaste/copy-paste-module.ts

@@ -24,5 +24,5 @@ export const vscodeCopyPasteModule = new FeatureModule(
         );
         bindAsService(bind, TYPES.IDiagramStartup, CopyPasteStartup);
     },
-    { requires: copyPasteModule }
+    { requires: copyPasteModule, featureId: Symbol('vscodeCopyPaste') }
 );

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

@@ -25,5 +25,5 @@ export const vscodeDefaultModule = new FeatureModule(
         bindAsService(bind, TYPES.IActionHandlerInitializer, HostExtensionActionHandler);
         bind(ExtensionActionKind).toConstantValue(SelectAction.KIND);
     },
-    { requires: defaultModule }
+    { requires: defaultModule, featureId: Symbol('vscodeDefault') }
 );

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

@@ -14,9 +14,12 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 
-import { ExportSvgAction, FeatureModule } from '@eclipse-glsp/client';
+import { ExportSvgAction, FeatureModule, exportModule } from '@eclipse-glsp/client';
 import { ExtensionActionKind } from '../default/extension-action-handler';
 
-export const vscodeExportModule = new FeatureModule(bind => {
-    bind(ExtensionActionKind).toConstantValue(ExportSvgAction.KIND);
-});
+export const vscodeExportModule = new FeatureModule(
+    bind => {
+        bind(ExtensionActionKind).toConstantValue(ExportSvgAction.KIND);
+    },
+    { requires: exportModule, featureId: Symbol('vscodeExport') }
+);

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

@@ -17,6 +17,9 @@
 import { FeatureModule, NavigateToExternalTargetAction, navigationModule } from '@eclipse-glsp/client';
 import { ExtensionActionKind } from '../default/extension-action-handler';
 
-export const vscodeNavigationModule = new FeatureModule(bind => {
-    bind(ExtensionActionKind).toConstantValue(NavigateToExternalTargetAction.KIND);
-}, navigationModule);
+export const vscodeNavigationModule = new FeatureModule(
+    bind => {
+        bind(ExtensionActionKind).toConstantValue(NavigateToExternalTargetAction.KIND);
+    },
+    { requires: navigationModule, featureId: Symbol('vscodeNavigation') }
+);

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

@@ -17,9 +17,12 @@
 import { EndProgressAction, FeatureModule, MessageAction, StartProgressAction, UpdateProgressAction } from '@eclipse-glsp/client';
 import { ExtensionActionKind } from '../default/extension-action-handler';
 
-export const vscodeNotificationModule = new FeatureModule(bind => {
-    bind(ExtensionActionKind).toConstantValue(MessageAction.KIND);
-    bind(ExtensionActionKind).toConstantValue(StartProgressAction.KIND);
-    bind(ExtensionActionKind).toConstantValue(EndProgressAction.KIND);
-    bind(ExtensionActionKind).toConstantValue(UpdateProgressAction.KIND);
-});
+export const vscodeNotificationModule = new FeatureModule(
+    bind => {
+        bind(ExtensionActionKind).toConstantValue(MessageAction.KIND);
+        bind(ExtensionActionKind).toConstantValue(StartProgressAction.KIND);
+        bind(ExtensionActionKind).toConstantValue(EndProgressAction.KIND);
+        bind(ExtensionActionKind).toConstantValue(UpdateProgressAction.KIND);
+    },
+    { featureId: Symbol('vscodeNotification') }
+);

package/src/glsp-diagram-widget.ts

@@ -18,6 +18,7 @@
 import {
     DiagramLoader,
     DiagramLoadingOptions,
+    FocusStateChangedAction,
     IActionDispatcher,
     IDiagramOptions,
     ModelSource,
@@ -25,7 +26,6 @@ import {
     ViewerOptions
 } from '@eclipse-glsp/client';
 import { inject, injectable, postConstruct } from 'inversify';
-
 export const GLSPDiagramWidgetFactory = Symbol('GLSPDiagramWidgetFactory');
 export type GLSPDiagramWidgetFactory = () => GLSPDiagramWidget;
 
@@ -50,6 +50,8 @@ export abstract class GLSPDiagramWidget {
         return this.diagramOptions.clientId;
     }
 
+    protected containerDiv: HTMLDivElement | undefined;
+
     @postConstruct()
     initialize(): void {
         this.initializeHtml();
@@ -57,7 +59,7 @@ export abstract class GLSPDiagramWidget {
     }
 
     protected initializeHtml(): void {
-        const containerDiv = document.getElementById(this.clientId + '_container');
+        const containerDiv = document.getElementById(this.clientId + '_container') as HTMLDivElement;
         if (containerDiv) {
             const svgContainer = document.createElement('div');
             svgContainer.id = this.viewerOptions.baseDiv;
@@ -66,9 +68,36 @@ export abstract class GLSPDiagramWidget {
             const hiddenContainer = document.createElement('div');
             hiddenContainer.id = this.viewerOptions.hiddenDiv;
             document.body.appendChild(hiddenContainer);
+            this.containerDiv = containerDiv;
+            containerDiv.addEventListener('mouseenter', e => this.handleMouseEnter(e));
+            containerDiv.addEventListener('mouseleave', e => this.handleMouseLeave(e));
+            window.addEventListener('focus', e => this.handleFocusChange(e, true));
+            window.addEventListener('blur', e => this.handleFocusChange(e, false));
+            window.addEventListener('contextmenu', e => this.handleContextMenu(e));
         }
     }
 
+    handleContextMenu(e: MouseEvent): void {
+        // Prevent the default context menu for now
+        // Should be removed once we provide a proper context menu integration
+        e.preventDefault();
+        window.focus();
+    }
+
+    handleMouseEnter(e: MouseEvent): void {
+        this.containerDiv?.classList.add('mouse-enter');
+        this.containerDiv?.classList.remove('mouse-leave');
+    }
+
+    handleMouseLeave(e: MouseEvent): void {
+        this.containerDiv?.classList.add('mouse-leave');
+        this.containerDiv?.classList.remove('mouse-enter');
+    }
+
+    handleFocusChange(e: FocusEvent, hasFocus: boolean): void {
+        this.actionDispatcher.dispatch(FocusStateChangedAction.create(hasFocus));
+    }
+
     protected createDiagramLoadingOptions(): DiagramLoadingOptions | undefined {
         return undefined;
     }