How to creatte context menu?

[glsp-bot]

Hello. What should i do to make context menu work? On client side im using glspContextMenuModule in container. On server side i binded own implementation of ContextMenuItemProvider in module. When i press right mouse button on scheme i get this exception in browser cosole.

Uncaught (in promise) undefined
Promise.then (async)
push.../../node_modules/@eclipse-glsp/client/lib/features/context-menu/selection-service-aware-context-menu-mouse-listener.js.SelectionServiceAwareContextMenuMouseListener.mouseDown @ selection-service-aware-context-menu-mouse-listener.ts:46
(anonymous) @ mouse-tool.ts:85
(anonymous) @ mouse-tool.ts:85
step @ di.config.ts:28
(anonymous) @ di.config.ts:28
(anonymous) @ di.config.ts:28
push.../../node_modules/@eclipse-glsp/client/lib/features/mouse-tool/mouse-tool.js.**awaiter @ di.config.ts:28
push.../../node_modules/@eclipse-glsp/client/lib/features/mouse-tool/mouse-tool.js.RankingMouseTool.dispatchActions @ mouse-tool.ts:83
(anonymous) @ mouse-tool.ts:79
step @ di.config.ts:28
(anonymous) @ di.config.ts:28
fulfilled @ di.config.ts:28
Promise.then (async)
step @ di.config.ts:28
(anonymous) @ di.config.ts:28
push.../../node_modules/@eclipse-glsp/client/lib/features/mouse-tool/mouse-tool.js.**awaiter @ di.config.ts:28
push.../../node_modules/@eclipse-glsp/client/lib/features/mouse-tool/mouse-tool.js.RankingMouseTool.notifyListenersByRank @ mouse-tool.ts:77
push.../../node_modules/@eclipse-glsp/client/lib/features/mouse-tool/mouse-tool.js.RankingMouseTool.handleEvent @ mouse-tool.ts:74
push.../../node_modules/sprotty/lib/base/views/mouse-tool.js.MouseTool.mouseDown @ mouse-tool.ts:107
invokeHandler @ eventlisteners.ts:19
handleEvent @ eventlisteners.ts:41
handler @ eventlisteners.ts:47

node_modules@eclipse-glsp\client\src\features\context-menu\di.config.ts line 26 returns false (ctx.container.isBound(TYPES.IContextMenuService) == false)

original thread by MoHcmp

[planger]

Hi,
is your example integrated in Theia or standalone?
Please note that context menu support is currently only provided by the framework when you integrate your diagram in Theia or the Eclipse IDE. E.g. in Theia the context menu service can be configured by calling the function connectTheiaContextMenuService() from the diagram configuration:
https://github.com/eclipse-glsp/glsp-theia-integration/blob/master/packages/theia-integration/src/browser/diagram/glsp-theia-diagram-configuration.ts
The function then binds the context menu service for Theia:
https://github.com/eclipse-glsp/glsp-theia-integration/blob/master/packages/theia-integration/src/browser/diagram/glsp-theia-context-menu-service.ts
If you are running the GLSP diagram in standalone, you have to provide an implementation of the context menu service interface yourself (as this is typically something that the application frame provides, so that context menus are consistent across all parts of your app).
Hope this helps!

[glsp-bot]

[MoHcmp]

My example integrated in Theia. My TestDiagramConfiguration implements DiagramConfiguration. It does not extends GLSPTheiaDiagramConfiguration. Is this the problem?

I tried to extend GLSPTheiaDiagramConfiguration but i can't. @eclipse-glsp/theia-integration/lib/browser does not export it (See index.d.ts inside @eclipse-glsp/theia-integration/lib/browser/diagram )

[planger]

Yes, that seems to be the problem then.
You're right, we should export it. Are you available to open a PR to add it? Thanks in advance!

Anyway, you should still be able to use the GLSPTheiaDiagramConfiguration:

```import {
    GLSPTheiaDiagramConfiguration,
} from '@eclipse-glsp/theia-integration/lib/browser/diagram/glsp-theia-diagram-configuration';```

See also https://github.com/eclipse-glsp/glsp-theia-integration/blob/3d0a033d6227868fee49076063260606fe6d11e0/examples/workflow-theia/src/browser/diagram/workflow-diagram-configuration.ts#L19