311 lines
12 KiB
JavaScript
311 lines
12 KiB
JavaScript
'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;
|