nw-menu

Rapidly create menus in NW.js with dot-notated indexing for every single item.

Install

$ npm install --save nw-menu

Core dependency is NW.js.

API

Constructor

const nwMenu = require('nw-menu');
var appMenu = new nwMenu(map, option);

map is the object containing tree of menu items. Self-references are set into _meta. They must be formatted as well as nw.MenuItem. Other properties are children items and their keys can be used in dot-notation syntax to identify needed MenuItems.

Example map object:

{
    test: {
        _meta: { label: 'Your caption here...' },
    },
    copy: {
        _meta: { label: 'Copy', key: 'C', modifiers: 'ctrl' },
    },
    paste: {
        _meta: { label: 'Paste', key: 'V', modifiers: 'ctrl' },
    },
    menu: {
        _meta: { label: '1st menu' },
        menu: {
            _meta: { label: '2nd menu' },
            menu: {
                _meta: { label: '3rd menu', click: function() { alert('Clicked on 3rd item'); } }
            }
        }
    }
}

option is the object that is used in initial nw.Menu call to specify the type of menu. If you want to use menu as menubar, type this:

{ type: 'menubar' }

If you ignore option you'll get contextmenu anyway.

Usage example

Creating menubar:

const nwMenu = require('nw-menu');
var appMenu = new nwMenu({
    file: {
        _meta: { label: 'File' },
        new_: { _meta: { label: 'New', key: 'N', modifiers: 'ctrl' } },
        open: { _meta: { label: 'Open', key: 'O', modifiers: 'ctrl' } },
        save: { _meta: { label: 'Save', key: 'S', modifiers: 'ctrl' } },
        saveAs: { _meta: { label: 'Save as...', key: 'S', modifiers: 'ctrl+shift' } },
        _print: '_',
        print: { _meta: { label: 'Print', key: 'P', modifiers: 'ctrl' } },
        _quit: '_',
        quit: { _meta: { label: 'Quit', click: function() { require('process').exit(0); } } },
    },
    window: {
        _meta: { label: 'Window' },
        console: { _meta: { type: 'checkbox', label: 'Console' } },
        properties: { _meta: { type: 'checkbox', label: 'Properties' } }
    }
}, { type: 'menubar' });

Bind menubar to NW.js window:

nw.Window.get().menu = appMenu.bar();

String with underscore ('_') as value is used for separator:

    _section1: '_'
    // It's same as:
    _section1: { _meta: { type: 'separator' } }

Time for something hot. Let's disable save button:

    appMenu.getItem('file.save').enabled = false;

nwMenu.getItem returns MenuItem object associated with specified item.

Now add click callback for some of checkbox items to check switching states:

    ...
    console: { _meta: { type: 'checkbox', label: 'Console', click: function() {
        if (appMenu.getItem('window.console').checked) alert('Switching console on...');
        else alert('Closing console...');
    } } },
    ...

Needs testing

You can pop up any of context subMenus created by nwMenu:

appMenu.getSubMenu('window').popup(0, 0);

(However, popup method has issues on my side: I don't know why it's crashing app.)