update to ES6
This commit is contained in:
Shelley Vohr
parent
87802b2c17
commit
577c0042b0
1 changed files with 218 additions and 273 deletions
|
|
@ -1,117 +1,132 @@
|
|||
'use strict'
|
||||
const {BrowserWindow, MenuItem} = require('electron')
|
||||
const {EventEmitter} = require('events')
|
||||
//const _ = require('lodash')
|
||||
|
||||
const {BrowserWindow, MenuItem, webContents} = require('electron')
|
||||
const EventEmitter = require('events').EventEmitter
|
||||
const v8Util = process.atomBinding('v8_util')
|
||||
const bindings = process.atomBinding('menu')
|
||||
|
||||
// Automatically generated radio menu item's group id.
|
||||
let nextGroupId = 0
|
||||
let applicationMenu = null
|
||||
|
||||
const Menu = bindings.Menu
|
||||
/* Search between seperators to find a radio menu item and return its group id */
|
||||
const generateGroupId = function(items, pos) {
|
||||
let i, item
|
||||
if (pos > 0) {
|
||||
let asc, start
|
||||
for (start = pos - 1, i = start, asc = start <= 0; asc ? i <= 0 : i >= 0; asc ? i++ : i--) {
|
||||
item = items[i]
|
||||
if (item.type === 'radio') { return item.groupId }
|
||||
if (item.type === 'separator') { break }
|
||||
}
|
||||
} else if (pos < items.length) {
|
||||
let asc1, end
|
||||
for (i = pos, end = items.length - 1, asc1 = pos <= end; asc1 ? i <= end : i >= end; asc1 ? i++ : i--) {
|
||||
item = items[i]
|
||||
if (item.type === 'radio') { return item.groupId }
|
||||
if (item.type === 'separator') { break }
|
||||
}
|
||||
}
|
||||
return ++nextGroupId
|
||||
}
|
||||
|
||||
class Menu extends EventEmitter {
|
||||
constructor () {
|
||||
/* Returns the index of item according to |id|. */
|
||||
const indexOfItemById = function(items, id) {
|
||||
for (let i = 0; i < items.length; i++) {
|
||||
const item = items[i]
|
||||
if (item.id === id) return i
|
||||
}
|
||||
return -1
|
||||
}
|
||||
|
||||
/* Returns the index of where to insert the item according to |position|. */
|
||||
const indexToInsertByPosition = function(items, position) {
|
||||
if (!position) { return items.length }
|
||||
|
||||
const [query, id] = Array.from(position.split('='))
|
||||
let insertIndex = indexOfItemById(items, id)
|
||||
if ((insertIndex === -1) && (query !== 'endof')) {
|
||||
console.warn(`Item with id '${id}' is not found`)
|
||||
return items.length
|
||||
}
|
||||
|
||||
switch (query) {
|
||||
case 'after':
|
||||
insertIndex++
|
||||
break
|
||||
case 'endof':
|
||||
/* If the |id| doesn't exist, then create a new group with the |id|. */
|
||||
if (insertIndex === -1) {
|
||||
items.push({id, type: 'separator'})
|
||||
insertIndex = items.length - 1
|
||||
}
|
||||
|
||||
/* Find the end of the group. */
|
||||
insertIndex++
|
||||
while ((insertIndex < items.length) && (items[insertIndex].type !== 'separator')) {
|
||||
insertIndex++
|
||||
}
|
||||
break
|
||||
}
|
||||
|
||||
return insertIndex
|
||||
}
|
||||
|
||||
const { Menu } = bindings
|
||||
|
||||
Menu.prototype.__proto__ = EventEmitter.prototype
|
||||
|
||||
Menu.prototype._init = function() {
|
||||
this.commandsMap = {}
|
||||
this.groupsMap = {}
|
||||
this.items = []
|
||||
this.delegate = {
|
||||
isCommandIdChecked: (commandId) => {
|
||||
const command = this.commandsMap[commandId]
|
||||
return command != null ? command.checked : undefined
|
||||
},
|
||||
isCommandIdEnabled: (commandId) => {
|
||||
const command = this.commandsMap[commandId]
|
||||
return command != null ? command.enabled : undefined
|
||||
},
|
||||
isCommandIdVisible: (commandId) => {
|
||||
const command = this.commandsMap[commandId]
|
||||
return command != null ? command.visible : undefined
|
||||
},
|
||||
getAcceleratorForCommandId: (commandId, useDefaultAccelerator) => {
|
||||
const command = this.commandsMap[commandId]
|
||||
if (command == null) return
|
||||
if (command.accelerator != null) return command.accelerator
|
||||
if (useDefaultAccelerator) return command.getDefaultRoleAccelerator()
|
||||
},
|
||||
getIconForCommandId: (commandId) => {
|
||||
const command = this.commandsMap[commandId]
|
||||
return command != null ? command.icon : undefined
|
||||
},
|
||||
executeCommand: (event, commandId) => {
|
||||
const command = this.commandsMap[commandId]
|
||||
if (command == null) return
|
||||
command.click(event, BrowserWindow.getFocusedWindow(), webContents.getFocusedWebContents())
|
||||
return this.delegate = {
|
||||
isCommandIdChecked: commandId => (this.commandsMap[commandId] != null ? this.commandsMap[commandId].checked : undefined),
|
||||
isCommandIdEnabled: commandId => (this.commandsMap[commandId] != null ? this.commandsMap[commandId].enabled : undefined),
|
||||
isCommandIdVisible: commandId => (this.commandsMap[commandId] != null ? this.commandsMap[commandId].visible : undefined),
|
||||
getAcceleratorForCommandId: commandId => (this.commandsMap[commandId] != null ? this.commandsMap[commandId].accelerator : undefined),
|
||||
getIconForCommandId: commandId => (this.commandsMap[commandId] != null ? this.commandsMap[commandId].icon : undefined),
|
||||
executeCommand: commandId => {
|
||||
return (this.commandsMap[commandId] != null ? this.commandsMap[commandId].click(BrowserWindow.getFocusedWindow()) : undefined)
|
||||
},
|
||||
menuWillShow: () => {
|
||||
// Make sure radio groups have at least one menu item selected
|
||||
for (let id in this.groupsMap) {
|
||||
const group = this.groupsMap[id]
|
||||
const checked = false
|
||||
for (let idx = 0; idx < group.length; idx++) {
|
||||
const radioItem = group[idx]
|
||||
if (!radioItem.checked) continue
|
||||
let checked = false
|
||||
for (let radioItem in group) {
|
||||
if (radioItem.checked) {
|
||||
checked = true
|
||||
break
|
||||
}
|
||||
}
|
||||
if (!checked) v8Util.setHiddenValue(group[0], 'checked', true)
|
||||
}
|
||||
}
|
||||
}
|
||||
popup (window, x, y, positioningItem) {
|
||||
let [newX, newY, newPositioningItem] = [x, y, positioningItem]
|
||||
let asyncPopup
|
||||
}
|
||||
|
||||
// menu.popup(x, y, positioningItem)
|
||||
if (window != null) {
|
||||
if (typeof window !== 'object' || window.constructor !== BrowserWindow) {
|
||||
[newPositioningItem, newY, newX] = [y, x, window]
|
||||
window = null
|
||||
}
|
||||
}
|
||||
|
||||
// menu.popup(window, {})
|
||||
if (x != null && typeof x === 'object') {
|
||||
[newX, newY, newPositioningItem] = [x.x, x.y, x.positioningItem]
|
||||
asyncPopup = x.async
|
||||
}
|
||||
|
||||
// set up defaults
|
||||
if (window == null) window = BrowserWindow.getFocusedWindow()
|
||||
if (typeof x !== 'number') newX = -1
|
||||
if (typeof y !== 'number') newY = -1
|
||||
if (typeof positioningItem !== 'number') newPositioningItem = -1
|
||||
if (typeof asyncPopup !== 'boolean') asyncPopup = false
|
||||
|
||||
this.popupAt(window, newX, newY, newPositioningItem, asyncPopup)
|
||||
}
|
||||
closePopup (window) {
|
||||
if (window == null || window.constructor !== BrowserWindow) {
|
||||
Menu.prototype.popup = function(window, x, y) {
|
||||
if ((window != null ? window.constructor : undefined) !== BrowserWindow) {
|
||||
/* Shift. */
|
||||
y = x
|
||||
x = window
|
||||
window = BrowserWindow.getFocusedWindow()
|
||||
}
|
||||
if (x !== null && y !== null) {
|
||||
return this._popupAt(window, x, y)
|
||||
} else {
|
||||
return this._popup(window)
|
||||
}
|
||||
}
|
||||
|
||||
if (window != null) this.closePopupAt(window.id)
|
||||
}
|
||||
getMenuItemById (id) {
|
||||
const items = this.items
|
||||
|
||||
let found = items.find(item => item.id === id) || null
|
||||
for (let i = 0, length = items.length; !found && i < length; i++) {
|
||||
if (items[i].submenu) {
|
||||
found = items[i].submenu.getMenuItemById(id)
|
||||
}
|
||||
}
|
||||
return found
|
||||
}
|
||||
append (item) {
|
||||
Menu.prototype.append = function(item) {
|
||||
return this.insert(this.getItemCount(), item)
|
||||
}
|
||||
insert (pos, item) {
|
||||
var base, name
|
||||
if ((item != null ? item.constructor : void 0) !== MenuItem) {
|
||||
}
|
||||
|
||||
Menu.prototype.insert = function(pos, item) {
|
||||
if ((item != null ? item.constructor : undefined) !== MenuItem) {
|
||||
throw new TypeError('Invalid item')
|
||||
}
|
||||
|
||||
switch (item.type) {
|
||||
case 'normal':
|
||||
this.insertItem(pos, item.commandId, item.label)
|
||||
|
|
@ -126,177 +141,107 @@ class Menu extends EventEmitter {
|
|||
this.insertSubMenu(pos, item.commandId, item.label, item.submenu)
|
||||
break
|
||||
case 'radio':
|
||||
// Grouping radio menu items.
|
||||
/* Grouping radio menu items. */
|
||||
item.overrideReadOnlyProperty('groupId', generateGroupId(this.items, pos))
|
||||
if ((base = this.groupsMap)[name = item.groupId] == null) {
|
||||
base[name] = []
|
||||
}
|
||||
if (this.groupsMap[item.groupId] == null) this.groupsMap[item.groupId] = []
|
||||
this.groupsMap[item.groupId].push(item)
|
||||
|
||||
// Setting a radio menu item should flip other items in the group.
|
||||
/* Setting a radio menu item should flip other items in the group. */
|
||||
v8Util.setHiddenValue(item, 'checked', item.checked)
|
||||
Object.defineProperty(item, 'checked', {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return v8Util.getHiddenValue(item, 'checked')
|
||||
},
|
||||
set: () => {
|
||||
var j, len, otherItem, ref1
|
||||
ref1 = this.groupsMap[item.groupId]
|
||||
for (j = 0, len = ref1.length; j < len; j++) {
|
||||
otherItem = ref1[j]
|
||||
if (otherItem !== item) {
|
||||
v8Util.setHiddenValue(otherItem, 'checked', false)
|
||||
}
|
||||
get() { return v8Util.getHiddenValue(item, 'checked') },
|
||||
set: val => {
|
||||
for (let otherItem in this.groupsMap[item.groupId]) {
|
||||
if (otherItem !== item) v8Util.setHiddenValue(otherItem, 'checked', false)
|
||||
}
|
||||
return v8Util.setHiddenValue(item, 'checked', true)
|
||||
}
|
||||
})
|
||||
|
||||
this.insertRadioItem(pos, item.commandId, item.label, item.groupId)
|
||||
}
|
||||
if (item.sublabel != null) {
|
||||
this.setSublabel(pos, item.sublabel)
|
||||
}
|
||||
if (item.icon != null) {
|
||||
this.setIcon(pos, item.icon)
|
||||
}
|
||||
if (item.role != null) {
|
||||
this.setRole(pos, item.role)
|
||||
break
|
||||
}
|
||||
|
||||
// Make menu accessable to items.
|
||||
if (item.sublabel != null) this.setSublabel(pos, item.sublabel)
|
||||
if (item.icon != null) this.setIcon(pos, item.icon)
|
||||
if (item.role != null) this.setRole(pos, item.role)
|
||||
|
||||
/* Make menu accessable to items. */
|
||||
item.overrideReadOnlyProperty('menu', this)
|
||||
|
||||
// Remember the items.
|
||||
/* Remember the items. */
|
||||
this.items.splice(pos, 0, item)
|
||||
this.commandsMap[item.commandId] = item
|
||||
}
|
||||
_callMenuWillShow () {
|
||||
if (this.delegate != null) {
|
||||
this.delegate.menuWillShow()
|
||||
}
|
||||
this.items.forEach(function (item) {
|
||||
return this.commandsMap[item.commandId] = item
|
||||
}
|
||||
|
||||
/* Force menuWillShow to be called */
|
||||
Menu.prototype._callMenuWillShow = function() {
|
||||
if (this.delegate != null) this.delegate.menuWillShow()
|
||||
|
||||
return (() => {
|
||||
const result = []
|
||||
for (let item of Array.from(this.items)) {
|
||||
if (item.submenu != null) {
|
||||
item.submenu._callMenuWillShow()
|
||||
result.push(item.submenu._callMenuWillShow())
|
||||
}
|
||||
})
|
||||
}
|
||||
static setApplicationMenu (menu) {
|
||||
if (!(menu === null || menu.constructor === Menu)) {
|
||||
throw new TypeError('Invalid menu')
|
||||
}
|
||||
return result
|
||||
})()
|
||||
}
|
||||
|
||||
// Keep a reference.
|
||||
let applicationMenu = null
|
||||
Menu.setApplicationMenu = function(menu) {
|
||||
if ((menu !== null) && (menu.constructor !== Menu)) { throw new TypeError('Invalid menu') }
|
||||
/* Keep a reference. */
|
||||
applicationMenu = menu
|
||||
|
||||
if (process.platform === 'darwin') {
|
||||
if (menu === null) {
|
||||
return
|
||||
}
|
||||
if (menu === null) { return }
|
||||
menu._callMenuWillShow()
|
||||
bindings.setApplicationMenu(menu)
|
||||
return bindings.setApplicationMenu(menu)
|
||||
} else {
|
||||
BrowserWindow.getAllWindows().forEach(function (window) {
|
||||
window.setMenu(menu)
|
||||
})
|
||||
}
|
||||
}
|
||||
static getApplicationMenu () {
|
||||
return applicationMenu
|
||||
}
|
||||
static buildFromTemplate (template) {
|
||||
if (!Array.isArray(template)) throw new TypeError('Invalid template for Menu')
|
||||
|
||||
const menu = new Menu()
|
||||
let positioned = []
|
||||
let idx = 0
|
||||
|
||||
template.forEach((item) => {
|
||||
idx = (item.position) ? indexToInsertByPosition(positioned, item.position) : idx += 1
|
||||
positioned.splice(idx, 0, item)
|
||||
})
|
||||
|
||||
positioned.forEach((item) => {
|
||||
if (typeof item !== 'object') {
|
||||
throw new TypeError('Invalid template for MenuItem')
|
||||
}
|
||||
menu.append(new MenuItem(item))
|
||||
})
|
||||
|
||||
return menu
|
||||
const windows = BrowserWindow.getAllWindows()
|
||||
return Array.from(windows).map((w) => w.setMenu(menu))
|
||||
}
|
||||
}
|
||||
|
||||
Menu.getApplicationMenu = () => applicationMenu
|
||||
|
||||
Menu.sendActionToFirstResponder = bindings.sendActionToFirstResponder
|
||||
|
||||
/* HELPER METHODS */
|
||||
Menu.buildFromTemplate = function(template) {
|
||||
if (!Array.isArray(template)) { throw new TypeError('Invalid template for Menu') }
|
||||
|
||||
// Search between separators to find a radio menu item and return its group id,
|
||||
function generateGroupId (items, pos) {
|
||||
var i, item, j, k, ref1, ref2, ref3
|
||||
if (pos > 0) {
|
||||
for (i = j = ref1 = pos - 1; ref1 <= 0 ? j <= 0 : j >= 0; i = ref1 <= 0 ? ++j : --j) {
|
||||
item = items[i]
|
||||
if (item.type === 'radio') {
|
||||
return item.groupId
|
||||
}
|
||||
if (item.type === 'separator') {
|
||||
break
|
||||
}
|
||||
}
|
||||
} else if (pos < items.length) {
|
||||
for (i = k = ref2 = pos, ref3 = items.length - 1; ref2 <= ref3 ? k <= ref3 : k >= ref3; i = ref2 <= ref3 ? ++k : --k) {
|
||||
item = items[i]
|
||||
if (item.type === 'radio') {
|
||||
return item.groupId
|
||||
}
|
||||
if (item.type === 'separator') {
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
return ++nextGroupId
|
||||
}
|
||||
const positionedTemplate = []
|
||||
let insertIndex = 0
|
||||
|
||||
// Returns the index of item according to |id|.
|
||||
function indexOfItemById (items, id) {
|
||||
for (let idx = 0; idx < items.length; idx += 1) {
|
||||
const item = items[idx]
|
||||
if (item.id === id) return idx
|
||||
for (var item of Array.from(template)) {
|
||||
if (item.position) {
|
||||
insertIndex = indexToInsertByPosition(positionedTemplate, item.position)
|
||||
} else {
|
||||
/* If no |position| is specified, insert after last item. */
|
||||
insertIndex++
|
||||
}
|
||||
return -1
|
||||
}
|
||||
|
||||
// Returns the index of where to insert the item according to |position|.
|
||||
function indexToInsertByPosition (items, pos) {
|
||||
if (!pos) return items.length
|
||||
|
||||
const [query, id] = pos.split('=')
|
||||
let idx = indexOfItemById(items, id)
|
||||
|
||||
if (idx === -1 && query !== 'endof') {
|
||||
console.warn("Item with id '" + id + "' is not found")
|
||||
return items.length
|
||||
positionedTemplate.splice(insertIndex, 0, item)
|
||||
}
|
||||
|
||||
if (query === 'after') {
|
||||
idx += 1
|
||||
} else if (query === 'endof') {
|
||||
// create new group with id if none exists
|
||||
if (idx === -1) {
|
||||
items.push({
|
||||
id,
|
||||
type: 'separator'
|
||||
})
|
||||
idx = items.length - 1
|
||||
}
|
||||
idx += 1
|
||||
const menu = new Menu
|
||||
|
||||
// search for end of group
|
||||
while (idx < items.length && items[idx].type !== 'separator') {
|
||||
idx += 1
|
||||
for (item of Array.from(positionedTemplate)) {
|
||||
if (typeof item !== 'object') { throw new TypeError('Invalid template for MenuItem') }
|
||||
|
||||
const menuItem = new MenuItem(item)
|
||||
for (let key in item) {
|
||||
const value = item[key]
|
||||
if (menuItem[key] == null) {
|
||||
menuItem[key] = value
|
||||
}
|
||||
}
|
||||
return idx
|
||||
menu.append(menuItem)
|
||||
}
|
||||
|
||||
return menu
|
||||
}
|
||||
|
||||
module.exports = Menu
|
||||
Loading…
Reference in a new issue