Is it possible to enable/disable menu items upon command execution

[sboudreaux96]

Hi - I am trying to create an extension that contains a command to specifically enable/disable menu items in Theia. Is this possible? I would also like to know if the same can be done as a toggleable feature (like a checkbox)?

[vince-fugnitto]

@sboudreaux96 you can use the MenuModelRegistry to register and un-register menus (which can be called by the checkbox or executing a command).

For example:

https://github.com/vince-fugnitto/theia-custom-menu/blob/4e1c993cabbff1d7061024ecb3ce8872ba63ebb6/theia-custom-menu/src/browser/theia-custom-menu-contribution.ts#L29-L39

There are limitations however, for example in the electron target I do not believe that such dynamic menus are supported:

• Support dynamic menu items in electron #446

[vince-fugnitto]

@vince-fugnitto I have one more question for you: how did you know what dependencies to import? I am currently trying to get to workspace-commands.ts but it seems I cant find out how to import it properly.

@sboudreaux96 search the sources for the commands you require (either by label) and the corresponding package it resides in will be the dependency you require. The workspace-commands are likely from @theia/workspace:

theia/packages/workspace/src/browser/workspace-commands.ts

Line 43 in f9c0311

export namespace WorkspaceCommands {

There is also the api docs: https://eclipse-theia.github.io/theia/docs/next/modules/workspace.workspacecommands-1.html.

[sboudreaux96]

@vince-fugnitto that makes sense as well, but when importing the dependency how do you know what to put after "@theia/"?

[vince-fugnitto]

@vince-fugnitto that makes sense as well, but when importing the dependency how do you know what to put after "@theia/"?

I'm not sure what is confusing, the repository is broken down into multiple extensions under packages.
The packages/workspace folder contains the @theia/workspace extension:

theia/packages/workspace/package.json

Line 2 in f9c0311

"name": "@theia/workspace",

Which is published to npm: https://www.npmjs.com/package/@theia/workspace.

[sboudreaux96]

@vince-fugnitto so I have tried to import the workspace commands in the same way GettingStartedCommand was and I ended up getting the below error. I have tried rebuilding and updating (and deleting) the corresponding dependency but nothing changes it.

Module not found: Error: Can't resolve '@theia/workspace/src/browser/workspace-commands' in 'C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\TheiaCustomMenu\lib\browser'
resolve '@theia/workspace/src/browser/workspace-commands' in 'C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\TheiaCustomMenu\lib\browser'
Parsed request is a module
using description file: C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\TheiaCustomMenu\package.json (relative path: ./lib/browser)
Field 'browser' doesn't contain a valid alias configuration
resolve as module
C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\TheiaCustomMenu\lib\browser\node_modules doesn't exist or is not a directory
C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\TheiaCustomMenu\lib\node_modules doesn't exist or is not a directory
looking for modules in C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\TheiaCustomMenu\node_modules
C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\TheiaCustomMenu\node_modules@theia\workspace doesn't exist
looking for modules in C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\node_modules
existing directory C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\node_modules@theia\workspace
using description file: C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\node_modules@theia\workspace\package.json (relative path: .)
using description file: C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\node_modules@theia\workspace\package.json (relative path: ./src/browser/workspace-commands)
no extension
Field 'browser' doesn't contain a valid alias configuration
C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\node_modules@theia\workspace\src\browser\workspace-commands doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\node_modules@theia\workspace\src\browser\workspace-commands.js doesn't exist
as directory
C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\node_modules@theia\workspace\src\browser\workspace-commands doesn't exist
looking for modules in C:\Users\SBoudreaux\TheiaAgain\theia\node_modules
existing directory C:\Users\Boudreaux\TheiaAgain\theia\node_modules@theia\workspace
using description file: C:\Users\SBoudreaux\TheiaAgain\theia\node_modules@theia\workspace\package.json (relative path: .)
using description file: C:\Users\SBoudreaux\TheiaAgain\theia\node_modules@theia\workspace\package.json (relative path: ./src/browser/workspace-commands)
no extension
Field 'browser' doesn't contain a valid alias configuration
C:\Users\SBoudreaux\TheiaAgain\theia\node_modules@theia\workspace\src\browser\workspace-commands doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
C:\Users\SBoudreaux\TheiaAgain\theia\node_modules@theia\workspace\src\browser\workspace-commands.js doesn't exist
as directory
C:\Users\SBoudreaux\TheiaAgain\theia\node_modules@theia\workspace\src\browser\workspace-commands doesn't exist
C:\Users\SBoudreaux\TheiaAgain\node_modules doesn't exist or is not a directory
looking for modules in C:\Users\SBoudreaux\node_modules
C:\Users\SBoudreaux\node_modules@theia\workspace doesn't exist
C:\Users\node_modules doesn't exist or is not a directory
C:\node_modules doesn't exist or is not a directory
@ ../TheiaCustomMenu/lib/browser/TheiaCustomMenu-frontend-module.js 6:37-78
@ ./src-gen/frontend/index.js 59:31-100

webpack 5.38.1 compiled with 1 error and 44 warnings in 11966 ms

at C:\Users\SBoudreaux\TheiaAgain\theia\CustomWidgets\node_modules\execa\index.js:236:11
at processTicksAndRejections (internal/process/task_queues.js:97:5)  

(node:39428) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandled-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 6)
(node:39428) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

[vince-fugnitto]

@sboudreaux96 unfortunately I cannot help you each time there is an implementation error with your custom extension.
Please debug as to what might cause the error, and see if you are importing it correctly (like the getting-started commands using the lib). As always it is much easier to help if there is a branch I can refer to instead of just the error log.