'use strict' const { EventEmitter } = require('events') let nextItemID = 1 class TouchBar extends EventEmitter { // Bind a touch bar to a window static _setOnWindow (touchBar, window) { if (window._touchBar != null) { window._touchBar._removeFromWindow(window) } if (touchBar == null) { window._setTouchBarItems([]) return } if (Array.isArray(touchBar)) { touchBar = new TouchBar(touchBar) } touchBar._addToWindow(window) } constructor (options) { super() if (options == null) { throw new Error('Must specify options object as first argument') } let { items, escapeItem } = options if (!Array.isArray(items)) { items = [] } this.changeListener = (item) => { this.emit('change', item.id, item.type) } this.windowListeners = {} this.items = {} this.ordereredItems = [] this.escapeItem = escapeItem const registerItem = (item) => { this.items[item.id] = item item.on('change', this.changeListener) if (item.child instanceof TouchBar) { item.child.ordereredItems.forEach(registerItem) } } items.forEach((item) => { if (!(item instanceof TouchBarItem)) { throw new Error('Each item must be an instance of TouchBarItem') } this.ordereredItems.push(item) registerItem(item) }) } set escapeItem (item) { if (item != null && !(item instanceof TouchBarItem)) { throw new Error('Escape item must be an instance of TouchBarItem') } if (this.escapeItem != null) { this.escapeItem.removeListener('change', this.changeListener) } this._escapeItem = item if (this.escapeItem != null) { this.escapeItem.on('change', this.changeListener) } this.emit('escape-item-change', item) } get escapeItem () { return this._escapeItem } _addToWindow (window) { const { id } = window // Already added to window if (this.windowListeners.hasOwnProperty(id)) return window._touchBar = this const changeListener = (itemID) => { window._refreshTouchBarItem(itemID) } this.on('change', changeListener) const escapeItemListener = (item) => { window._setEscapeTouchBarItem(item != null ? item : {}) } this.on('escape-item-change', escapeItemListener) const interactionListener = (event, itemID, details) => { let item = this.items[itemID] if (item == null && this.escapeItem != null && this.escapeItem.id === itemID) { item = this.escapeItem } if (item != null && item.onInteraction != null) { item.onInteraction(details) } } window.on('-touch-bar-interaction', interactionListener) const removeListeners = () => { this.removeListener('change', changeListener) this.removeListener('escape-item-change', escapeItemListener) window.removeListener('-touch-bar-interaction', interactionListener) window.removeListener('closed', removeListeners) window._touchBar = null delete this.windowListeners[id] const unregisterItems = (items) => { for (const item of items) { item.removeListener('change', this.changeListener) if (item.child instanceof TouchBar) { unregisterItems(item.child.ordereredItems) } } } unregisterItems(this.ordereredItems) if (this.escapeItem) { this.escapeItem.removeListener('change', this.changeListener) } } window.once('closed', removeListeners) this.windowListeners[id] = removeListeners window._setTouchBarItems(this.ordereredItems) escapeItemListener(this.escapeItem) } _removeFromWindow (window) { const removeListeners = this.windowListeners[window.id] if (removeListeners != null) removeListeners() } } class TouchBarItem extends EventEmitter { constructor () { super() this._addImmutableProperty('id', `${nextItemID++}`) this._parents = [] } _addImmutableProperty (name, value) { Object.defineProperty(this, name, { get: function () { return value }, set: function () { throw new Error(`Cannot override property ${name}`) }, enumerable: true, configurable: false }) } _addLiveProperty (name, initialValue) { const privateName = `_${name}` this[privateName] = initialValue Object.defineProperty(this, name, { get: function () { return this[privateName] }, set: function (value) { this[privateName] = value this.emit('change', this) }, enumerable: true }) } _addParent (item) { const existing = this._parents.some(test => test.id === item.id) if (!existing) { this._parents.push({ id: item.id, type: item.type }) } } } TouchBar.TouchBarButton = class TouchBarButton extends TouchBarItem { constructor (config) { super() if (config == null) config = {} this._addImmutableProperty('type', 'button') const { click, icon, iconPosition, label, backgroundColor } = config this._addLiveProperty('label', label) this._addLiveProperty('backgroundColor', backgroundColor) this._addLiveProperty('icon', icon) this._addLiveProperty('iconPosition', iconPosition) if (typeof click === 'function') { this._addImmutableProperty('onInteraction', () => { config.click() }) } } } TouchBar.TouchBarColorPicker = class TouchBarColorPicker extends TouchBarItem { constructor (config) { super() if (config == null) config = {} this._addImmutableProperty('type', 'colorpicker') const { availableColors, change, selectedColor } = config this._addLiveProperty('availableColors', availableColors) this._addLiveProperty('selectedColor', selectedColor) if (typeof change === 'function') { this._addImmutableProperty('onInteraction', (details) => { this._selectedColor = details.color change(details.color) }) } } } TouchBar.TouchBarGroup = class TouchBarGroup extends TouchBarItem { constructor (config) { super() if (config == null) config = {} this._addImmutableProperty('type', 'group') const defaultChild = (config.items instanceof TouchBar) ? config.items : new TouchBar(config.items) this._addLiveProperty('child', defaultChild) this.child.ordereredItems.forEach((item) => item._addParent(this)) } } TouchBar.TouchBarLabel = class TouchBarLabel extends TouchBarItem { constructor (config) { super() if (config == null) config = {} this._addImmutableProperty('type', 'label') this._addLiveProperty('label', config.label) this._addLiveProperty('textColor', config.textColor) } } TouchBar.TouchBarPopover = class TouchBarPopover extends TouchBarItem { constructor (config) { super() if (config == null) config = {} this._addImmutableProperty('type', 'popover') this._addLiveProperty('label', config.label) this._addLiveProperty('icon', config.icon) this._addLiveProperty('showCloseButton', config.showCloseButton) const defaultChild = (config.items instanceof TouchBar) ? config.items : new TouchBar(config.items) this._addLiveProperty('child', defaultChild) this.child.ordereredItems.forEach((item) => item._addParent(this)) } } TouchBar.TouchBarSlider = class TouchBarSlider extends TouchBarItem { constructor (config) { super() if (config == null) config = {} this._addImmutableProperty('type', 'slider') const { change, label, minValue, maxValue, value } = config this._addLiveProperty('label', label) this._addLiveProperty('minValue', minValue) this._addLiveProperty('maxValue', maxValue) this._addLiveProperty('value', value) if (typeof change === 'function') { this._addImmutableProperty('onInteraction', (details) => { this._value = details.value change(details.value) }) } } } TouchBar.TouchBarSpacer = class TouchBarSpacer extends TouchBarItem { constructor (config) { super() if (config == null) config = {} this._addImmutableProperty('type', 'spacer') this._addImmutableProperty('size', config.size) } } TouchBar.TouchBarSegmentedControl = class TouchBarSegmentedControl extends TouchBarItem { constructor (config) { super() if (config == null) config = {} const { segmentStyle, segments, selectedIndex, change, mode } = config this._addImmutableProperty('type', 'segmented_control') this._addLiveProperty('segmentStyle', segmentStyle) this._addLiveProperty('segments', segments || []) this._addLiveProperty('selectedIndex', selectedIndex) this._addLiveProperty('mode', mode) if (typeof change === 'function') { this._addImmutableProperty('onInteraction', (details) => { this._selectedIndex = details.selectedIndex change(details.selectedIndex, details.isSelected) }) } } } TouchBar.TouchBarScrubber = class TouchBarScrubber extends TouchBarItem { constructor (config) { super() if (config == null) config = {} const { items, selectedStyle, overlayStyle, showArrowButtons, continuous, mode } = config let { select, highlight } = config this._addImmutableProperty('type', 'scrubber') this._addLiveProperty('items', items) this._addLiveProperty('selectedStyle', selectedStyle || null) this._addLiveProperty('overlayStyle', overlayStyle || null) this._addLiveProperty('showArrowButtons', showArrowButtons || false) this._addLiveProperty('mode', mode || 'free') this._addLiveProperty('continuous', typeof continuous === 'undefined' ? true : continuous) if (typeof select === 'function' || typeof highlight === 'function') { if (select == null) select = () => {} if (highlight == null) highlight = () => {} this._addImmutableProperty('onInteraction', (details) => { if (details.type === 'select' && typeof select === 'function') { select(details.selectedIndex) } else if (details.type === 'highlight' && typeof highlight === 'function') { highlight(details.highlightedIndex) } }) } } } module.exports = TouchBar