node-red-contrib-alexa-remote2-applestrudel
Version:
node-red nodes for interacting with alexa
1,162 lines (1,056 loc) • 46.5 kB
HTML
<script type="text/x-red" data-template-name="alexa-remote-other">
<div class="form-row">
<label for="node-input-name"><i class="icon-tag" style="width: 14px; text-align: center"></i> Name</label>
<input type="text" id="node-input-name" placeholder="Optional">
</div>
<div class="form-row">
<label for="node-input-account"><i class="fa fa-amazon" style="width: 14px; text-align: center"></i> Account</label>
<input id="node-input-account">
</div>
<div id="node-input-inputs_div" />
</script>
<script type="text/x-red" data-help-name="alexa-remote-other">
<style>
table, th, td {
border-collapse: collapse;
border: 1px solid rgb(204, 204, 204);
padding: 4px 8px;
}
</style>
<p>Interface to Any other features.</p>
<hr>
<h3><strong>Info</strong></h3>
<ul>
<li>Echo devices can be referenced by id or name (not case sensitive)</li>
<li>Notifications can be referenced by id or name (not case sensitive)</li>
</ul>
<hr>
<h3><strong>References</strong></h3>
<ul>
<li><a href="https://npmjs.com/package/node-red-contrib-alexa-remote2">npm</a> - the nodes npm repository</li>
<li><a href="https://github.com/586837r/node-red-contrib-alexa-remote2">GitHub</a> - the nodes GitHub repository
</li>
</ul>
</script>
<style>
#dialog-form .red-ui-editableList-item-sortable.red-ui-editableList-item-removable:last-child {
border-bottom: none !important;
}
#dialog-form .red-ui-editableList-border.red-ui-editableList-container {
overflow-y: auto !important;
}
.alexaRemote-arRow {
flex: 1 !important;
display: flex !important;
margin-bottom: 12px !important;
}
.alexaRemote-arRow > *:first-child {
min-width: 150px !important;
flex: 1 !important;
}
.alexaRemote-arRow_label {
flex: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.alexaRemote-arSelect, .alexaRemote-arBaseOrSelect > select {
font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.alexaRemote-arBaseOrSelect {
display: flex !important;
}
.alexaRemote-arBaseOrSelect > select, .alexaRemote-arSelect {
flex: 1 !important;
width: 100% !important;
}
.alexaRemote-arTypedInputOrInputList .hidden {
display: none !important;
}
</style>
<script type="text/javascript">
RED.nodes.registerType('alexa-remote-other', {
category: 'alexa',
color: '#6fbad8',
defaults: {
name: { value: '' },
account: { value: '', type: 'alexa-remote-account', required: true },
config: { value: { option: 'get' } },
},
inputs: 1,
outputs: 1,
icon: 'alexa-remote-icon.png',
paletteLabel: 'Alexa Other',
label: function () {
function keyToLabel(str) {
str = String(str);
const match = str.match(/(?:[A-Z]?[a-z]+)|[A-Z]|[0-9]+/g);
if (match) str = match.map(s => s.slice(0, 1).toUpperCase() + s.slice(1)).join(' ');
return str;
}
if(this.name) return this.name;
switch(this.config && this.config.option) {
case 'get':
const what = this.config.value && this.config.value.what;
switch(what) {
case 'list':
switch(this.config.value.list) {
case 'TASK': return `Get To-do List`;
case 'SHOPPING_ITEM': return `Get Shopping List`;
default: return `Get Undefined List`;
}
default:
return `Get ${keyToLabel(what)}`;
}
case 'addListItem':
case 'bluetooth':
case 'addNotification':
case 'changeNotification':
case 'removeNotification':
case 'checkAuthentication':
return keyToLabel(this.config.option);
default:
return 'Other';
}
},
labelStyle: function () {
return this.name ? 'node_label_italic' : '';
},
oneditprepare: function () {
console.log('loaded', this.config);
class EventEmitter {
constructor() {
this.off();
}
once(type, callback) {
let set = this.onceListeners.get(type);
if (!set) {
set = new Set();
this.onceListeners.set(type, set);
}
set.add(callback);
}
on(type, callback) {
let set = this.listeners.get(type);
if (!set) {
set = new Set();
this.listeners.set(type, set);
}
set.add(callback);
}
// listens until element has left the document
listen(type, element, callback) {
if (typeof type !== 'string' || !(element instanceof $ || element instanceof Node) || typeof callback !== 'function') throw new Error('dumbass');
let map = this.elementListeners.get(type);
if (!map) {
map = new Map();
this.elementListeners.set(type, map);
}
map.set(callback, element instanceof $ ? element.get(0) : element);
}
off(type, callback) {
if (arguments.length === 0) {
this.listeners = new Map(); // { type => Set { callback } }
this.onceListeners = new Map(); // { type => Set { callback } }
this.elementListeners = new Map(); // { type => Map { callback => element } }
}
if (arguments.length === 1) {
this.listeners.delete(type);
this.onceListeners.delete(type);
return;
}
let set, map;
if (set = this.listeners.get(type)) {
set.delete(callback);
if (set.length === 0) this.listeners.delete(type);
}
if (set = this.onceListeners.get(type)) {
set.delete(callback);
if (set.length === 0) this.onceListeners.delete(type);
}
if (map = this.elementListeners.get(type)) {
map.delete(callback);
if (map.length === 0) this.elementListeners.delete(type);
}
}
emit(type) {
const args = [...arguments].slice(1);
let set, map;
if (set = this.listeners.get(type)) {
for (const cb of set) cb(...args);
}
if (set = this.onceListeners.get(type)) {
this.onceListeners.delete(type);
for (const cb of set) cb(...args);
}
if (map = this.elementListeners.get(type)) {
for (const [cb, e] of map) document.contains(e) ? cb(...args) : map.delete(cb);
}
}
}
function keyToLabel(str) {
str = String(str);
const match = str.match(/(?:[A-Z]?[a-z]+)|[A-Z]|[0-9]+/g);
if (match) str = match.map(s => s.slice(0, 1).toUpperCase() + s.slice(1)).join(' ');
return str;
}
function template(source, templ, depth = Infinity, fillArray = false) {
function isObject(x) {
return typeof x == 'object' && x !== null && !Array.isArray(x)
}
if (templ === undefined) {
return source;
}
// are they different types?
if (typeof templ !== typeof source || Array.isArray(templ) !== Array.isArray(source) || isObject(templ) !== isObject(source)) {
return templ;
}
if (depth !== 0) {
if (Array.isArray(templ)) {
if (templ.length === 0) {
return source;
}
const result = [];
for (let i = 0; i < source.length; i++) {
result[i] = template(source[i], templ[0], depth - 1);
}
return result;
}
if (isObject(templ)) {
const result = {};
for (const k of Object.keys(templ)) {
result[k] = template(source[k], templ[k], depth - 1);
}
return result;
}
}
return source;
}
function inDocument(element) {
return document.contains(element instanceof $ ? element[0] : element);
}
function zip(a, b) {
const arr = [];
for (let i = 0; i < a.length; i++) {
arr[i] = [a[i], b[i]];
}
return arr;
}
function expand(a) {
return zip(a, a);
}
function clean(obj) {
return Object.entries(obj).filter(([k, v]) => v || (typeof v === 'number')).reduce((o, [k, v]) => (o[k] = v, o), {});
}
$.widget('alexaRemote.arInput', {
_create: function () {
this.element.attr('type', 'text').addClass('alexaRemote-arInput');
},
value: function (value) {
if (arguments.length === 0) return this.element.val();
this.element.val(value);
}
});
$.widget('alexaRemote.arSelect', {
_create: function () {
this.element.addClass('alexaRemote-arSelect');
this.selectOptions([]);
},
selectOptions: function (entries) {
if (arguments.length === 0) {
return this.element.children().toArray().map(o => [$(o).val(), $(o).html()]);
}
this.element.empty();
for (const entry of entries) {
const [v, t] = Array.isArray(entry) ? entry : [entry, keyToLabel(entry)];
$('<option>').val(v).html(t).appendTo(this.element);
}
},
value: function (value) {
if (arguments.length === 0) {
return this.element.val();
}
this.element.val(value);
}
});
$.widget('alexaRemote.arTypedInput', {
options: {
types: [],
placeholder: ''
},
_create: function () {
this.input = $('<input>').appendTo(this.element)
.typedInput({ types: this.options.types.concat(['msg', 'flow', 'global', 'jsonata', 'env']) })
.typedInput('width', '100%');
if (this.options.placeholder) {
this.element.find('.red-ui-typedInput-input > input')
.attr('placeholder', this.options.placeholder);
}
this.element.addClass('alexaRemote-arTypedInput');
},
value: function (value) {
if (arguments.length === 0) {
return this.input.typedInput('value');
}
this.input.typedInput('value', value);
},
type: function (type) {
if (arguments.length === 0) {
return this.input.typedInput('type');
}
this.input.typedInput('type', type);
},
types: function (types) {
this.input.typedInput('types', types.concat(['msg', 'flow', 'global', 'jsonata', 'env']));
},
refresh: function () {
// fix display bug
const type = this.type();
this.type(type === 'msg' ? 'flow' : 'msg');
this.type(type);
},
data: function (data) {
if (arguments.length === 0) {
return {
type: this.type(),
value: this.value()
}
}
this.type(data.type);
this.value(data.value);
}
});
$.widget('alexaRemote.arBaseOrSelect', {
options: {
button: false,
},
_setup: function (element) {
this.element.addClass('alexaRemote-arBaseOrSelect');
this.notSelect = element;
this.select = $('<select>').css({ width: 50 });
this._on(this.select, {
'change': function (event) {
event.stopPropagation();
this._inputValue(this.select.val());
this._change();
}
});
this._on(this.notSelect, {
'change': function (event) {
event.stopPropagation();
this._change();
}
});
if (this.options.button) {
this.button = $('<a>').addClass('editor-button');
this.element.css({ display: 'flex' }).append(
this.notSelect.css({ flex: '1' }),
this.select.css({ flex: '1' }),
$('<div>').css({ width: 8 }),
this.button.append($('<i>').attr('class', 'fa fa-list'))
);
this.button.click(() => {
const active = this.selectActive();
this.selectActive(!active);
});
}
else {
this.element.append(this.notSelect, this.select);
}
this.selectActive(false);
this.selectOptions([]);
},
_inputValue: function (value) { throw 'abstract widget you dingus'; },
_selectValue: function (value) {
if (arguments.length === 0) return this.select.val();
const found = Array.from(this.select.get(0).options).find(o => o.value === value);
this.select.val(found ? value : '');
},
selectActive: function (active) {
if (arguments.length === 0) {
return this.select.is(':visible');
}
if (active) {
this.notSelect.hide();
this.select.show();
}
else {
this.select.hide();
this.notSelect.show();
}
},
selectOptions: function (options) {
if (arguments.length === 0) {
return this.select.children(':not(:disabled)').toArray().map(o => [$(o).val(), $(o).html()]);
}
// allows [['myval', 'My Label'], 'myValAndLabel_special'] => [.., ['myValAndLabel_special', 'My Val And Label Special']]
options = options.map(o => Array.isArray(o) ? o : [o, keyToLabel(o)]);
this.select.empty();
this.select.append('<option hidden disabled selected value>???</option>');
for (const [value, label] of options) $('<option>').val(value).html(label).appendTo(this.select);
this._selectValue(this._inputValue());
},
selectIndex: function (index) {
if (arguments.length === 0) return this.select.get(0).selectedIndex - 1;
const option = this.select.get(0).options[index + 1];
this.selectActive(true);
this.value(option && option.value || '');
},
selectSomething: function () {
if (this.selectIndex() < 0) this.selectIndex(0);
},
choose: function (some = true) {
const value = this.value();
if (some && !value) return this.selectSomething();
const select = this.select.get(0);
const found = value && Array.from(select.options).find(o => o.value === value);
this.selectActive(!!found);
},
value: function (value) {
if (arguments.length === 0) return this._inputValue();
this._selectValue(value);
this._inputValue(value);
this._change();
},
_change: function () {
this.element.trigger('change', this.value());
}
})
$.widget('alexaRemote.arInputOrSelect', $.alexaRemote.arBaseOrSelect, {
options: {
placeholder: ''
},
_create: function () {
this.element.addClass('alexaRemote-arInputOrSelect');
this.input = $('<input>').css({ width: '100%' }).attr('type', 'text');
if (this.options.placeholder) this.input.attr('placeholder', this.options.placeholder);
this._setup(this.input);
},
_inputValue: function (value) {
if (arguments.length === 0) return this.input.val();
this.input.val(value);
}
});
$.widget('alexaRemote.arTypedInputOrSelect', $.alexaRemote.arBaseOrSelect, {
options: {
optionType: 'str',
placeholder: '',
},
_create: function () {
this.element.addClass('alexaRemote-arTypedInputOrSelect');
this.input = $('<div>').arTypedInput({ placeholder: this.options.placeholder, types: [this.options.optionType] });
if (typeof this.options.optionType === 'object') this.options.optionType = this.options.optionType.value;
this._setup(this.input);
},
_change: function () {
this.element.trigger('change', this.data());
},
_inputValue: function (value) {
if (arguments.length === 0) return this.input.arTypedInput('value');
this.input.arTypedInput('value', value);
},
selectActive: function (active) {
if (arguments.length === 0) {
return this._super(...arguments);
}
this._super(...arguments);
if (active) this.type(this.options.optionType);
this.refresh();
},
selectActiveMaybe: function (active) {
if (active && this.type() !== this.options.optionType) return;
return this.selectActive(...arguments);
},
choose: function () {
const type = this.input.arTypedInput('type');
type === this.options.optionType ? this._super(...arguments) : this.selectActive(false);
},
type: function (type) {
if (arguments.length === 0) {
return this.input.arTypedInput('type');
}
this.input.arTypedInput('type', type);
if (this.type() !== this.options.optionType) this.selectActive(false);
},
types(types) {
this.input.arTypedInput('types', types.concat(['msg', 'flow', 'global', 'jsonata', 'env']));
},
refresh: function () {
this.input.arTypedInput('refresh');
},
data: function (property) {
if (arguments.length === 0) {
return {
type: this.type(),
value: this.value()
}
}
this.type(property.type);
this.value(property.value);
}
});
$.widget('alexaRemote.arInputList', {
options: {
add: function (item, index) { return undefined; },
header: undefined
},
_create: function () {
this.list = $('<ol>').appendTo(this.element).editableList({
removable: true,
sortable: true,
scrollOnAdd: true,
header: this.options.header && $('<div>').css({ display: 'flex', paddingTop: 4, paddingLeft: 22 + 5, paddingRight: 28 + 5 }).append(this.options.header),
addItem: (row, index, data) => {
row.css({ display: 'flex' });
const callback = this.options.add.bind(row)(data, index);
row.data('callback', callback);
}
});
this.element.css({ flex: '1', display: 'flex' });
this.element.find('.red-ui-editableList').css({ flex: '1', display: 'flex', flexDirection: 'column' });
this.element.find('.red-ui-editableList-border').css({ flex: '1', display: 'flex', flexDirection: 'column' });
this.element.find('.red-ui-editableList-container').css({ flex: '1' });
this.element.find('.red-ui-editableList-addButton').css({ alignSelf: 'flex-start' })
},
add: function (item) {
this.list.editableList('addItem', item)
},
value: function (items) {
if (arguments.length === 0) {
return this.list.editableList('items').toArray().map(row => {
const callback = row.data('callback');
return callback && callback();
});
}
this.list.empty();
for (const item of items) {
this.list.editableList('addItem', item);
}
}
});
$.widget('alexaRemote.arInputGroups', {
options: { clean: true },
_create: function () {
this.element.addClass('alexaRemote-arInputGroups');
this.element.hide();
},
groups: function (groups) {
if (arguments.length === 0) return this.groupMap;
if (this.groupMap) this.groupValue = this.groupObject = undefined;
this.groupMap = groups;
this.update();
},
group: function (group) {
if (arguments.length === 0) return this.groupKey;
if (this.groupKey === group) return;
this.groupKey = group;
if (this.options.clean) this.groupValue = undefined;
this.update();
},
value: function (value) {
if (arguments.length === 0) return this.groupCallbacks && this.groupCallbacks.getter() || null;
this.groupValue = value;
this.update();
},
update: function () {
this.element.empty();
if (!this.groupMap) return;
this.groupObject = this.groupMap.hasOwnProperty(this.groupKey) ? this.groupMap[this.groupKey] : undefined;
if (typeof this.groupObject === 'function') this.groupObject = { create: this.groupObject };
this.groupCallbacks = this.groupObject && this.groupObject.create && this.groupObject.create.bind(this.element)(this.groupValue);
if (typeof this.groupCallbacks === 'function') this.groupCallbacks = { getter: this.groupCallbacks };
if (this.groupObject) this.element.show(); else this.element.hide();
this.element.trigger('change', this.groupKey);
}
});
$.widget('alexaRemote.arTypedInputOrInputList', {
_create: function() {
this.input = $('<div>').arTypedInput({ types: ['str', 'json'] }).css({ flex: '1' });
this.list = $('<div>').arInputList(this.options);
this.button = $('<a>').addClass('editor-button');
this.element.addClass('alexaRemote-arTypedInputOrInputList').css({ display: 'flex'}).append(
this.input,
this.list,
$('<div>').css({ width: 8 }),
this.button.css({ alignSelf: 'center' }).append($('<i>').attr('class', 'fa fa-list')),
);
this.button.click(() => {
this.listActive(!this.listActive());
});
this._listVisible(false);
},
_change: function(data) {
this.element.trigger('change');
},
_listVisible: function(visible) {
if(arguments.length === 0) return !this.list.hasClass('hidden');
if(visible) {
this.input.addClass('hidden');
this.list.removeClass('hidden');
}
else {
this.list.addClass('hidden');
this.input.removeClass('hidden');
this.refresh();
}
this.button.css({ marginBottom: visible ? 24 : 0 });
},
listActive: function(active) {
if(arguments.length === 0) return this._listVisible();
if(active) {
const data = this.input.arTypedInput('data');
let array;
if(data.type === 'str') array = [data.value];
if(data.type === 'json') { try { array = JSON.parse(data.value); } catch(err) {}; }
this.list.arInputList('value', Array.isArray(array) ? array : [undefined]);
}
else {
const array = this.list.arInputList('value');
const data = array.length <= 1
? { type: 'str', value: array[0] || '' }
: { type: 'json', value: JSON.stringify(array) };
this.input.arTypedInput('data', data);
}
this._listVisible(active);
this._change();
},
data: function(data) {
if(arguments.length === 0) {
return this.listActive() ? this.list.arInputList('value') : this.input.arTypedInput('data');
}
if(data === undefined) {
data = [undefined];
}
if(Array.isArray(data)) {
this.list.arInputList('value', data);
this._listVisible(true);
}
else {
this.input.arTypedInput('data', data);
this._listVisible(false);
}
},
refresh: function() {
this.input.arTypedInput('refresh');
}
});
$.widget('alexaRemote.arTips', {
_create: function() {
this.element.addClass('form-tips').css({marginBottom: 12, maxWidth: 'unset'});
},
show: function(arg = true) {
if(typeof arg === 'string') this.element.html(arg);
arg ? this.element.show() : this.element.hide();
},
hide: function(arg = true) {
this.show(!arg);
}
});
function arFormRow(element, label = '', icon = '') {
return $('<div>').addClass('form-row arFormRow').append(
$('<label>').text(' ' + label).prepend(
$('<i>').attr('class', icon).css({ width: 14, textAlign: 'center' })
),
$(document.createTextNode(' ')),
$('<div>').css({ width: '70%', display: 'inline-block' }).append(
element.css({ width: '100%' })
)
);
}
function arRow(element, label, flex = '3') {
return $('<div>').addClass('alexaRemote-arRow').append(
$('<label>').addClass('alexaRemote-arRow_label').html(label),
$('<div>').css({ width: 10 }),
element.css({ flex: flex }),
);
}
function arInput(data = '') {
return $('<input>').arInput()
.arInput('value', data)
.css({ flex: '1' });
}
function arSelect(data = '', options = []) {
return $('<select>').arSelect()
.arSelect('selectOptions', options)
.arSelect('value', data)
.css({ flex: '1', width: 100 });
}
function arTypedInput(data = { type: 'str', value: '' }, types = ['str'], { placeholder = '' } = {}) {
return $('<div>')
.arTypedInput({ types: types, placeholder: placeholder })
.arTypedInput('data', data)
.css({ flex: '1' });
}
function arInputList(data = [], add = () => { }, { header } = {}) {
return $('<div>')
.arInputList({ add: add, header: header })
.arInputList('value', data);
}
function arInputOrSelect(data = '', options = [], { button = false, placeholder = '', choose = true, some = true } = {}) {
const div = $('<div>').css({ flex: '1' })
.arInputOrSelect({ button: button, placeholder: placeholder })
.arInputOrSelect('selectOptions', options)
.arInputOrSelect('value', data);
if (choose) div.arInputOrSelect('choose', some);
return div;
}
function arTypedInputOrSelect(data = { type: 'str', value: '' }, options = [], { button = true, placeholder = '', optionType = 'str', choose = true, some = true } = {}) {
const div = $('<div>').css({ flex: '1' })
.arTypedInputOrSelect({ button: button, placeholder: placeholder, optionType: optionType })
.arTypedInputOrSelect('selectOptions', options)
.arTypedInputOrSelect('data', data);
if (choose) div.arTypedInputOrSelect('choose', some);
return div;
}
function arInputGroups(group, value, groups = {}, clean = true) {
return $('<div>')
.arInputGroups({ clean: clean })
.arInputGroups('group', group)
.arInputGroups('value', value)
.arInputGroups('groups', groups);
}
function arTypedInputOrInputList(data, add, { header } = {}) {
return $('<div>').arTypedInputOrInputList({add: add, header: header})
.arTypedInputOrInputList('data', data);
}
function arTips(text = true) {
return $('<div>').arTips().arTips('show', text);
}
const loader = new EventEmitter();
loader.colorNameToHex = new Map([["blanched_almond", "#ffeacc"], ["pale_goldenrod", "#ede9aa"], ["deep_pink", "#ff1491"], ["cyan", "#00ffff"], ["light_goldenrod", "#f9f9d1"], ["pale_green", "#99f999"], ["medium_blue", "#0000cc"], ["dark_turquoise", "#00ced1"], ["hot_pink", "#ff68b6"], ["dark_olive_green", "#546b2d"], ["dodger_blue", "#1e8eff"], ["red", "#ff0000"], ["goldenrod", "#d8a421"], ["blue", "#0000ff"], ["fuchsia", "#ff00ff"], ["medium_turquoise", "#47d1cc"], ["light_steel_blue", "#afc4dd"], ["navajo_white", "#ffddad"], ["antique_white", "#f9ead6"], ["cornsilk", "#fff7db"], ["dark_slate_blue", "#483d8c"], ["light_pink", "#ffb5c1"], ["gainsboro", "#dbdbdb"], ["slate_blue", "#6a59cc"], ["light_slate_gray", "#778799"], ["wheat", "#f4ddb2"], ["plum", "#dda0dd"], ["dark_magenta", "#8c008c"], ["peach_puff", "#ffd8ba"], ["sea_green", "#2d8c56"], ["blue_violet", "#8a2be2"], ["burlywood", "#ddb687"], ["dark_cyan", "#008c8c"], ["dark_green", "#006300"], ["rebecca_purple", "#663399"], ["web_purple", "#7f007f"], ["pale_turquoise", "#afeded"], ["olive_drab", "#6a8e23"], ["dark_red", "#8c0000"], ["alice_blue", "#eff7ff"], ["medium_aquamarine", "#66ccaa"], ["orchid", "#d870d6"], ["old_lace", "#fcf4e5"], ["seashell", "#fff4ed"], ["brown", "#a52828"], ["dark_gray", "#a8a8a8"], ["dark_orange", "#ff8c00"], ["sandy_brown", "#f4a360"], ["dim_gray", "#686868"], ["turquoise", "#3fe0d0"], ["purple", "#a021ef"], ["tan", "#d1b58c"], ["pink", "#ffbfcc"], ["dark_goldenrod", "#b7860a"], ["misty_rose", "#ffe2e0"], ["aqua", "#00ffff"], ["yellow", "#ffff00"], ["light_gray", "#d3d3d3"], ["pale_violet_red", "#db7094"], ["medium_spring_green", "#00f99a"], ["light_sea_green", "#21b2ab"], ["forest_green", "#218c21"], ["moccasin", "#ffe1b5"], ["web_gray", "#7f7f7f"], ["deep_sky_blue", "#00bfff"], ["white_smoke", "#f4f4f4"], ["gold", "#ffd500"], ["lime", "#c7ff1f"], ["olive", "#7f7f00"], ["web_green", "#007f00"], ["light_coral", "#ef7f7f"], ["royal_blue", "#3f67e0"], ["floral_white", "#fff9ef"], ["navy_blue", "#00007f"], ["bisque", "#ffe2c4"], ["coral", "#ff7e4f"], ["yellow_green", "#99cc33"], ["salmon", "#ffa07a"], ["papaya_whip", "#ffefd6"], ["light_yellow", "#ffffe0"], ["medium_sea_green", "#3db270"], ["steel_blue", "#4482b5"], ["light_green", "#8eed8e"], ["firebrick", "#b22121"], ["midnight_blue", "#191970"], ["linen", "#f9efe5"], ["violet", "#ed82ed"], ["cadet_blue", "#5e9ea0"], ["light_salmon", "#ffa07a"], ["spring_green", "#00ff80"], ["mint_cream", "#f4fff9"], ["dark_khaki", "#bcb76b"], ["maroon", "#af3061"], ["web_maroon", "#7f0000"], ["dark_sea_green", "#8ebc8e"], ["crimson", "#db143c"], ["tomato", "#ff6347"], ["lawn_green", "#7efc00"], ["white", "#ffffff"], ["lavender", "#9f80ff"], ["green_yellow", "#afff2d"], ["chocolate", "#d1691e"], ["lavender_blush", "#ffeff4"], ["dark_orchid", "#9933cc"], ["sky_blue", "#87ceea"], ["magenta", "#ff00ff"], ["medium_violet_red", "#c61485"], ["gray", "#bfbfbf"], ["orange_red", "#ff4400"], ["silver", "#bfbfbf"], ["green", "#00ff00"], ["light_cyan", "#e0ffff"], ["chartreuse", "#80ff00"], ["dark_salmon", "#e8967a"], ["sienna", "#a0512d"], ["saddle_brown", "#8c4411"], ["thistle", "#d8bfd8"], ["lemon_chiffon", "#fff9cc"], ["light_blue", "#add8e5"], ["indigo", "#4a0082"], ["indian_red", "#cc5b5b"], ["medium_orchid", "#ba54d3"], ["dark_violet", "#9400d3"], ["ghost_white", "#f7f7ff"], ["lime_green", "#33cc33"], ["medium_purple", "#9470db"], ["teal", "#007f7f"], ["beige", "#f4f4db"], ["peru", "#cc833f"], ["dark_blue", "#00008c"], ["light_sky_blue", "#87cdf9"], ["ivory", "#ffffef"], ["honeydew", "#efffef"], ["dark_slate_gray", "#2d4f4f"], ["orange", "#ffa600"], ["cornflower", "#6393ed"], ["slate_gray", "#707f8e"], ["medium_slate_blue", "#7a68ed"], ["azure", "#efffff"], ["powder_blue", "#afe0e5"], ["snow", "#fff9f9"], ["aquamarine", "#7fffd2"], ["khaki", "#efe58c"], ["black", "#000000"], ["rosy_brown", "#bc8e8e"],]);
loader.colorTemperatureNameToHex = new Map([["sunset", "#ff9227"], ["warm", "#ff9227"], ["evening", "#ff9227"], ["warm_white", "#ff9227"], ["candlelight", "#ff9227"], ["relax", "#ff9227"], ["soft_white", "#ffa757"], ["incandescent", "#ffa757"], ["soft", "#ffa757"], ["reading_white", "#ffa757"], ["reading", "#ffa757"], ["white", "#ffcea6"], ["daytime", "#ffedde"], ["daylight_white", "#ffedde"], ["daytime_white", "#ffedde"], ["daylight", "#ffedde"], ["cool_white", "#f3f2ff"], ["cool", "#f3f2ff"], ["bright_white", "#f3f2ff"]]);
loader.update = function (success, account = '', devices, notifications, messages) {
this.success = success;
this.account = account;
this.devices = !success ? [] : devices;
this.soundsById = this.soundsById || {};
this.soundLoadLocks = this.soundLoadLocks || {};
this.notifications = !success ? [] : notifications;
this.deviceByNotification = this.notifications.reduce((o, [id,label,type,device]) => (o[id] = device, o), {});
this.typeByNotification = this.notifications.reduce((o, [id,label,type,device]) => (o[id] = type, o), {});
this.conversations = !success ? [] : [];
this.messages = !success ? {} : messages;
this.emit('change', this.success);
}
loader.update(false);
loader.load = function() {
const account = $('#node-input-account').val();
if (loader.account === account) return /*console.log('updateLoader', {result: 'same account', account: account, loader: loader})*/;
loader.update(false, account);
if (!account || account === '_ADD_') return /*console.log('updateLoader', {result: 'invalid account', account: account, loader: loader})*/;
const getDevices = $.get('alexa-remote-devices.json', { account: account }, null, 'json');
const getNotifications = $.get('alexa-remote-notifications.json', {account:account}, null, 'json');
const getMessages = $.get('alexa-remote-error-messages.json', { account: account }, null, 'json');
$.when(getDevices, getNotifications, getMessages)
.done(([devices], [notifications], [messages]) => { loader.update(true, account, devices, notifications, messages); /*console.log('updateLoader', {result: 'success', account: account, loader: loader});*/ })
.fail(res => RED.notify(res.responseText || 'Unknown error, reopen this node...', 'error'));
}
loader.loadSounds = function(device) {
const account = $('#node-input-account').val();
if (!account || account === '_ADD_') return;
if(this.soundLoadLocks[device]) return;
this.soundLoadLocks[device] = true;
$.get('alexa-remote-sounds.json', { account: account, device: device }, null, 'json')
.done(data => { this.soundsById[device] = data; this.emit('sound'); })
.fail(res => RED.notify(res.responseText || 'Unknown error, reopen this node...', 'error'));
}
loader.on('change', (success) => console.log('loaderChange', { state: success ? 'SUCCESS' : 'FAILURE', loader: loader }));
const data = template(this.config, { option: 'get', value: undefined });
const form = $('#dialog-form').css({ display: 'flex', flexDirection: 'column' });
const inputs = $('#node-input-inputs_div').css({ flex: '1', display: 'flex', flexDirection: 'column' }).arInputGroups()
.arInputGroups('group', data.option)
.arInputGroups('value', data.value)
.arInputGroups('groups', {
get: function (data) {
data = template(data, {what: 'activities', list: undefined, count: undefined, offset: undefined});
const what = arSelect(data.what, [
'accounts', // getAccount()
'contacts', // getContacts([options])
'conversations', // getConversations([options])
'notifications', // getNotifications([cached])
'automationRoutines', // getAutomationRoutines([limit])
'musicProviders', // getMusicProviders([limit])
'activities', // getCustomerHistoryRecords({size, offset})
'list', // getList(listType[, options])
'homeGroup', // getHomeGroup()
'cards', // getCards([limit][, beforeCreationTime])
'skills',
]);
const group = arInputGroups(data.what, data, {
list: function(data) {
data = template(data, {list: 'TASK'});
const list = arSelect(data.list, [
['TASK', 'To-do'],
['SHOPPING_ITEM', 'Shopping'],
]);
arFormRow(list, 'List type', 'fa fa-list').appendTo(this);
return () => ({list: list.arSelect('value')});
},
activities: function(data) {
data = template(data, {count: {type: 'num', value: '1'}, offset: {type: 'num', value: '1'}});
const count = arTypedInput(data.count, ['num']);
const offset = arTypedInput(data.offset, ['num']);
arFormRow(count, 'Count').appendTo(this);
arFormRow(offset, 'Offset').appendTo(this);
return () => ({
count: count.arTypedInput('data'),
offset: offset.arTypedInput('data'),
});
},
cards: function(data) {
data = template(data, {count: {type: 'num', value: '1'}});
const count = arTypedInput(data.count, ['num']);
arFormRow(count, 'Count').appendTo(this);
return () => ({
count: count.arTypedInput('data'),
});
}
});
what.on('change', () => group.arInputGroups('group', what.arSelect('value')));
this.append(
arFormRow(what, 'What', 'fa fa-question-circle'),
group
);
return () => Object.assign({
what: what.arSelect('value'),
}, group.arInputGroups('value'));
},
addListItem: function(data) {
data = template(data, { list: { type: 'str', value: 'TASK' }, text: {type: 'str', value: ''}});
const list = arTypedInputOrSelect(data.list, [
['TASK', 'To-do'],
['SHOPPING_ITEM', 'Shopping'],
]);
const text = arTypedInput(data.text);
arFormRow(list, 'List', 'fa fa-list').appendTo(this);
arFormRow(text, 'Text', 'fa fa-font').appendTo(this);
return () => ({
list: list.arTypedInputOrSelect('data'),
text: text.arTypedInput('data'),
});
},
addNotification: function(data) {
data = template(data, { type: 'Timer', device: { type: 'str', value: ''}, label: { type: 'str', value: 'Node Red' }, time: undefined, status: { type: 'str', value: 'on' }, sound: { type: 'json', value: 'null'} });
const type = arSelect(data.type, ['Reminder', 'Alarm', 'Timer']);
const label = arTypedInput(data.label);
const group = arInputGroups(data.type === 'Timer' ? 'time' : 'date', data.time, {
date: function (data) {
data = template(data, { type: 'str', value: 'Jan 01 2020' });
const input = arTypedInput(data);
arFormRow(input, 'Date & Time', 'fa fa-calendar').appendTo(this);
return () => input.arTypedInput('data');
},
time: function (data) {
data = template(data, { type: 'num', value: '5' });
const input = arTypedInput(data);
arFormRow(input, 'Countdown', 'fa fa-clock-o').appendTo(this);
return () => input.arTypedInput('data');
}
});
const device = arTypedInputOrSelect(data.device);
const status = arTypedInputOrSelect(data.status, ['on', 'off', 'paused']);
const sound = arTypedInputOrSelect(data.sound, [], {optionType: 'json'});
type.on('change', () => group.arInputGroups('group', type.arSelect('value') === 'Timer' ? 'time' : 'date'));
const updateDevice = () => {
const devices = type.arSelect('value') === 'Reminder'
? loader.devices.filter(([id,label,caps]) => caps.includes('REMINDERS'))
: loader.devices.filter(([id,label,caps]) => caps.includes('TIMERS_AND_ALARMS'));
device.arTypedInputOrSelect('selectOptions', devices);
device.arTypedInputOrSelect('selectActiveMaybe', loader.success);
if (!device.arTypedInputOrSelect('value')) device.arTypedInputOrSelect('selectSomething');
}
loader.listen('change', device, updateDevice);
type.on('change', updateDevice);
updateDevice();
const updateSound = () => {
const valid = device.arTypedInputOrSelect('selectActive') && device.arTypedInputOrSelect('type') === 'str';
const id = device.arTypedInputOrSelect('value');
const sounds = loader.soundsById[id];
sound.arTypedInputOrSelect('selectOptions', [['null', 'Simple Alarm (default)']].concat(sounds || []));
sound.arTypedInputOrSelect('choose');
if(!sounds && valid) return loader.loadSounds(id);
}
loader.listen('sound', sound, updateSound);
device.on('change', updateSound);
updateSound();
this.append(
arFormRow(type, 'Type', 'fa fa-question-circle'),
arFormRow(label, 'Label', 'fa fa-tag'),
group,
arFormRow(device, 'Device', 'fa fa-circle-o'),
arFormRow(status, 'Status', 'fa fa-toggle-on'),
arFormRow(sound, 'Sound', 'fa fa-file-audio-o'),
);
return () => ({
type: type.arSelect('value'),
label: label.arTypedInput('data'),
time: group.arInputGroups('value'),
device: device.arTypedInputOrSelect('data'),
status: status.arTypedInputOrSelect('data'),
sound: sound.arTypedInputOrSelect('data'),
});
},
changeNotification: function (data) {
data = template(data, { notification: { type: 'str', value: '' }, label: { type: 'str', value: '' }, time: {type: 'str', value:''}, status: { type: 'str', value: '' }, sound: { type: 'json', value: ''} })
const optionalJson = {
value: "json",
label: "JSON",
icon: "red/images/typedInput/json.png",
validate: (v) => {
try { v && JSON.parse(v); return true; }
catch(e) { return false; }},
expand: () => {
const that = this;
const value = this.value();
try { value = JSON.stringify(JSON.parse(value), null, 4); } catch (err) {}
RED.editor.editJSON({
value: value,
complete: (v) => {
try { v = JSON.stringify( JSON.parse(v)); } catch (err) { }
that.value(v);
}
})
}
}
const notification = arTypedInputOrSelect(data.notification);
const values = { type: undefined, device: undefined };
const label = arTypedInput(data.label, ['str'], {placeholder: 'Unchanged'});
const dateOrTime = arTypedInput(data.time, ['str'], {placeholder: 'Unchanged'});
const status = arTypedInputOrSelect(data.status, ['on', 'off', 'paused'], {placeholder: 'Unchanged', choose: false});
const sound = arTypedInputOrSelect(data.sound, [], {optionType: optionalJson, placeholder: 'Unchanged', choose: false});
const updateNotification = () => {
notification.arTypedInputOrSelect('selectOptions', loader.notifications);
notification.arTypedInputOrSelect('selectActiveMaybe', loader.success);
if (!notification.arTypedInputOrSelect('value')) notification.arTypedInputOrSelect('selectSomething');
}
loader.listen('change', notification, updateNotification);
updateNotification();
const updateValues = () => {
const noti = notification.arTypedInputOrSelect('type') === 'str' ? notification.arTypedInputOrSelect('value') : undefined;
values.type = noti && loader.typeByNotification[noti];
values.device = noti && loader.deviceByNotification[noti];
}
notification.on('change', updateValues);
const updateSound = () => {
const id = values.device;
const sounds = loader.soundsById[id];
sound.arTypedInputOrSelect('selectOptions', [['null', 'Simple Alarm (default)']].concat(sounds || []));
if(!sounds && id) return loader.loadSounds(id);
}
loader.listen('sound', sound, updateSound);
notification.on('change', updateSound);
updateSound();
this.append(
arFormRow(notification, 'Notification', 'fa fa-bell'),
arFormRow(label, 'Label', 'fa fa-tag'),
arFormRow(dateOrTime, 'Date or Time', 'fa fa-clock-o'),
arFormRow(status, 'Status', 'fa fa-toggle-on'),
arFormRow(sound, 'Sound', 'fa fa-file-audio-o'),
);
return () => ({
notification: notification.arTypedInputOrSelect('data'),
label: label.arTypedInput('data'),
time: dateOrTime.arTypedInput('data'),
status: status.arTypedInputOrSelect('data'),
sound: sound.arTypedInputOrSelect('data'),
});
},
removeNotification: function (data) {
data = template(data, { notification: { type: 'str', value: '' } });
const notification = arTypedInputOrSelect(data.notification);
const updateNotification = () => {
notification.arTypedInputOrSelect('selectOptions', loader.notifications);
notification.arTypedInputOrSelect('selectActiveMaybe', loader.success);
if (!notification.arTypedInputOrSelect('value')) notification.arTypedInputOrSelect('selectSomething');
}
loader.listen('change', notification, updateNotification);
updateNotification();
arFormRow(notification, 'Notification', 'fa fa-bell').appendTo(this);
return () => ({
notification: notification.arTypedInputOrSelect('data'),
});
},
sendTextMessage: function (data) {
data = template(data, { conversation: { type: 'str', value: '' }, text: { type: 'str', value: 'Hello from Node-RED!' } });
const conversation = arTypedInputOrSelect(data.conversation);
const text = arTypedInput(data.text);
const updateConversation = () => {
conversation.arTypedInputOrSelect('selectOptions', loader.conversations);
conversation.arTypedInputOrSelect('selectActiveMaybe', loader.success);
if (!conversation.arTypedInputOrSelect('value')) conversation.arTypedInputOrSelect('selectSomething');
}
loader.listen('change', conversation, updateConversation);
updateConversation();
arFormRow(conversation, 'Conversation').appendTo(this);
arFormRow(text, 'Text', 'fa fa-commenting-o').appendTo(this);
return () => ({
conversation: conversation.arTypedInputOrSelect('data'),
text: text.arTypedInput('data')
});
},
deleteConversation: function (data) {
data = template(data, { conversation: { type: 'str', value: '' } });
const conversation = arTypedInputOrSelect(data.conversation);
const updateConversation = () => {
conversation.arTypedInputOrSelect('selectOptions', loader.conversations);
conversation.arTypedInputOrSelect('selectActiveMaybe', loader.success);
if (!conversation.arTypedInputOrSelect('value')) conversation.arTypedInputOrSelect('selectSomething');
}
loader.listen('change', conversation, updateConversation);
updateConversation();
arFormRow(conversation, 'Conversation').appendTo(this);
return () => ({
conversation: conversation.arTypedInputOrSelect('data'),
});
}
});
const select = arSelect(data.option, [
'get',
'addListItem',
'addNotification',
'changeNotification',
'removeNotification',
//'sendTextMessage',
//'deleteConversation',
'checkAuthentication',
]);
arFormRow(select, 'Select', 'fa fa-sort').insertBefore(inputs);
const divider = $('<hr>').css({ margin: '12px 0px' }).insertBefore(inputs);
const info = arTips().insertBefore(inputs);
select.on('change', () => inputs.arInputGroups('group', select.arSelect('value')));
function updateInfo() {
const value = select.arSelect('value');
if(!loader.success) {
return info.arTips('show', '<b>Note:</b> Select an initialised account first to be able to select from a list of devices!');
}
let message = '';
switch(value) {
case 'addNotification':
case 'changeNotification':
case 'removeNotification':
if(loader.messages.notifications)
message += `Loading notifications failed: "${loader.messages.notifications}"`;
}
info.arTips('show', message ? `<b>Warning:</b> ` + message : false);
}
loader.on('change', updateInfo);
updateInfo();
$('#node-input-account').on('change', () => loader.load());
loader.load();
},
oneditsave: function () {
function clean(obj) {
return Object.entries(obj).filter(([k, v]) => v || (typeof v === 'number')).reduce((o, [k, v]) => (o[k] = v, o), {});
}
const inputs = $('#node-input-inputs_div');
this.config = clean({
option: inputs.arInputGroups('group'),
value: inputs.arInputGroups('value'),
});
console.log('saved', this.config);
},
});
</script>