How to add a new main menu on top?

feng-sword · 20 October 2020 02:46

How to add a new main menu? not a menu item to an existing menu( like Edit or Help 、File )，I don’t want to change the source code,Can I use extensions to implement this functionality?

Thank you very much for your help

PeimingMo1 · 20 October 2020 06:30

I used ‘registerMenus’ can do this:

feng-sword · 20 October 2020 07:40

Thanks,I’ll try

vince-fugnitto · 20 October 2020 12:02

@feng-sword in order to add additional menus (main-menu, sub-menus, and context-menus), you can create a new theia extension which contributes the functionality. In your case, you’re interested in a main-menu (parent most menu in the application).

We have many examples in the source-code (including an example under @theia/api-samples specifically for menus which should be the easiest example to follow. (these exactly add a main-menu entry: https://github.com/eclipse-theia/theia/blob/3edd11b91969ed5fffd5d46e625553c9db836e37/examples/api-samples/src/browser/menu/sample-menu-contribution.ts#L49-L52)

If you’re looking to creating an extension quickly and easily I’d suggest using our theia-extension-generator.

I hope this helps!

feng-sword · 21 October 2020 07:49

I edited a simple demo add one menu,it is ok，but it‘s don’t show in browser when i copy files from api-sample floder to my own custom extension ,recompile and run this extension,i don’t see ‘sample-menu’,why?I’ve been working on other languages before，theia is a little difficult at first for me，Thanks for your help

vince-fugnitto · 21 October 2020 12:16

@feng-sword do you have the project hosted anywhere (ex: a public github repository) so I can take a look?

feng-sword · 22 October 2020 02:09

@vince-fugnitto this is github repository path

vince-fugnitto · 22 October 2020 13:30

@feng-sword here is a very simple main menu contribution (labeled as hello world) that you can use/review:

feng-sword · 22 October 2020 14:58

@vince-fugnitto This demo I successed in yesterday ,

I just use theia/api-samples failed,But I really appreciate your help

There has a problem , menu sort will failed when order > 9(ex: order: ‘10’)，the new menu will show in first location,because the last menu id is ‘Help’ and it’s order = 9, maybe there code has some probelme,Hopefully this problem can be fixed.

vince-fugnitto · 22 October 2020 15:25

@feng-sword the order is a string and it is sorted alphanumerically:

github.com

eclipse-theia/theia/blob/ecfe920698e4eea5afd379ca361b263c3fc970a0/packages/core/src/common/menu.ts#L231-L246


this._children.sort((m1, m2) => {
    // The navigation group is special as it will always be sorted to the top/beginning of a menu.
    if (CompositeMenuNode.isNavigationGroup(m1)) {
        return -1;
    }
    if (CompositeMenuNode.isNavigationGroup(m2)) {
        return 1;
    }
    if (m1.sortString < m2.sortString) {
        return -1;
    } else if (m1.sortString > m2.sortString) {
        return 1;
    } else {
        return 0;
    }
});

That is the reason why the string 10 comes before 9.

feng-sword · 23 October 2020 02:07

@vince-fugnitto
wow, The order is string was overlooked by me,new menu’s order: ‘9a’ is ok,thanks