node-red-contrib-symi-mesh 1.7.5 → 1.7.8

package/nodes/symi-ha-sync.html

@@ -0,0 +1,451 @@
+<script type="text/javascript">
+    RED.nodes.registerType('symi-ha-sync', {
+        category: 'Symi Mesh',
+        color: '#41BDF5',
+        defaults: {
+            name: { value: '' },
+            mqttConfig: { value: '', type: 'symi-mqtt', required: true },
+            haServer: { value: '', type: 'server', required: true },
+            mappings: { value: '[]' },
+            cachedSymiDevices: { value: '[]' },
+            cachedHaEntities: { value: '[]' }
+        },
+        inputs: 1,
+        outputs: 1,
+        outputLabels: ['日志'],
+        icon: 'font-awesome/fa-refresh',
+        align: 'left',
+        paletteLabel: 'HA同步',
+        label: function() { 
+            if (this.name) return this.name;
+            try {
+                var m = JSON.parse(this.mappings || '[]');
+                if (m.length > 0) return 'HA同步(' + m.length + '组)';
+            } catch(e) {}
+            return 'HA同步'; 
+        },
+        oneditprepare: function() {
+            var node = this;
+            var mappings = [];
+            var symiDevices = [];
+            var haEntities = [];
+            var cachedSymiDevices = [];
+            var cachedHaEntities = [];
+
+            // 设置编辑面板更宽更高
+            var panel = $('#dialog-form').parent();
+            if (panel.length) {
+                if (panel.width() < 920) panel.css('width', '900px');
+                if (panel.height() < 700) panel.css('min-height', '700px');
+            }
+
+            try { mappings = JSON.parse(node.mappings || '[]'); } catch(e) { mappings = []; }
+            try { cachedSymiDevices = JSON.parse(node.cachedSymiDevices || '[]'); } catch(e) { cachedSymiDevices = []; }
+            try { cachedHaEntities = JSON.parse(node.cachedHaEntities || '[]'); } catch(e) { cachedHaEntities = []; }
+
+            // 合并设备列表
+            function mergeDevices(onlineDevices, cachedDevices, keyField) {
+                var merged = [];
+                var keys = new Set();
+                (onlineDevices || []).forEach(function(d) {
+                    if (!d) return;
+                    var key = keyField === 'mac' ? (d.macAddress || '').toLowerCase().replace(/:/g, '') : d.entity_id;
+                    if (key && !keys.has(key)) {
+                        keys.add(key);
+                        d._online = true;
+                        merged.push(d);
+                    }
+                });
+                (cachedDevices || []).forEach(function(d) {
+                    if (!d) return;
+                    var key = keyField === 'mac' ? (d.macAddress || '').toLowerCase().replace(/:/g, '') : d.entity_id;
+                    if (key && !keys.has(key)) {
+                        keys.add(key);
+                        d._online = false;
+                        merged.push(d);
+                    }
+                });
+                return merged;
+            }
+
+            // 加载Symi设备列表
+            function loadSymiDevices(callback) {
+                var mqttConfigId = $('#node-input-mqttConfig').val();
+                if (!mqttConfigId || mqttConfigId === '_ADD_') {
+                    symiDevices = mergeDevices([], cachedSymiDevices, 'mac');
+                    if (callback) callback();
+                    return;
+                }
+                $.getJSON('symi-ha-sync/symi-devices/' + mqttConfigId)
+                    .done(function(data) {
+                        symiDevices = mergeDevices(data || [], cachedSymiDevices, 'mac');
+                        if (data && data.length > 0) {
+                            cachedSymiDevices = data.map(function(d) {
+                                return { macAddress: d.macAddress, name: d.name, channels: d.channels, deviceType: d.deviceType, entityType: d.entityType };
+                            });
+                        }
+                        if (callback) callback();
+                    })
+                    .fail(function() {
+                        symiDevices = mergeDevices([], cachedSymiDevices, 'mac');
+                        if (callback) callback();
+                    });
+            }
+
+            // 加载HA实体列表
+            function loadHaEntities(callback) {
+                var serverId = $('#node-input-haServer').val();
+                if (!serverId || serverId === '_ADD_') {
+                    haEntities = mergeDevices([], cachedHaEntities, 'entity');
+                    if (callback) callback();
+                    return;
+                }
+                $.getJSON('symi-ha-sync/ha-entities/' + serverId)
+                    .done(function(data) {
+                        haEntities = mergeDevices(data || [], cachedHaEntities, 'entity');
+                        if (data && data.length > 0) {
+                            cachedHaEntities = data.map(function(e) {
+                                return { entity_id: e.entity_id, name: e.name, type: e.type };
+                            });
+                        }
+                        if (callback) callback();
+                    })
+                    .fail(function() {
+                        haEntities = mergeDevices([], cachedHaEntities, 'entity');
+                        if (callback) callback();
+                    });
+            }
+
+            // 判断是否需要按键选择
+            function needsKeySelection(device) {
+                if (!device) return false;
+                var entityType = device.entityType || '';
+                // 如果是温控器、窗帘、灯具，不需要选择按键（通常是单路或特殊处理）
+                if (entityType === 'climate' || entityType === 'cover' || entityType === 'light') {
+                    return false;
+                }
+                // 开关设备，如果路数 > 1，则需要选择按键
+                var channels = parseInt(device.channels) || 1;
+                return channels > 1;
+            }
+
+            // 获取设备类型标签
+            function getDeviceTypeLabel(device) {
+                if (!device) return '';
+                var entityType = device.entityType || '';
+                if (entityType === 'climate') return ' [温控器]';
+                if (entityType === 'cover') return ' [窗帘]';
+                if (entityType === 'light') return ' [灯具]';
+                
+                var channels = parseInt(device.channels) || 1;
+                if (channels > 1) {
+                    return ' [' + channels + '路开关]';
+                }
+                if (entityType === 'switch') return ' [单路开关]';
+                return ' [' + (entityType || '未知') + ']';
+            }
+
+            // 构建Symi设备选项
+            function getSymiOptions(selectedMac, savedName) {
+                var html = '<option value="">-- 选择Symi设备 --</option>';
+                var selMacNorm = (selectedMac || '').toLowerCase().replace(/:/g, '');
+                var found = false;
+                
+                symiDevices.forEach(function(d) {
+                    var devMacNorm = (d.macAddress || '').toLowerCase().replace(/:/g, '');
+                    var selected = (devMacNorm === selMacNorm && selMacNorm !== '') ? ' selected' : '';
+                    if (selected) found = true;
+                    var statusIcon = d._online === false ? ' [离线]' : '';
+                    var style = d._online === false ? ' style="color:#999;"' : '';
+                    var typeLabel = getDeviceTypeLabel(d);
+                    html += '<option value="' + d.macAddress + '" data-channels="' + (d.channels || 1) + '" data-name="' + (d.name || '') + '" data-devicetype="' + (d.deviceType || '') + '" data-entitytype="' + (d.entityType || '') + '"' + selected + style + '>' + (d.name || d.macAddress) + typeLabel + statusIcon + '</option>';
+                });
+                
+                if (selMacNorm && !found) {
+                    var displayName = savedName || selectedMac;
+                    html += '<option value="' + selectedMac + '" selected style="color:#c00;">' + displayName + ' [未找到]</option>';
+                }
+                return html;
+            }
+
+            // 构建按键选项
+            function getKeyOptions(mac, selectedKey, savedChannels) {
+                var macNorm = (mac || '').toLowerCase().replace(/:/g, '');
+                var device = null;
+                symiDevices.forEach(function(d) {
+                    if ((d.macAddress || '').toLowerCase().replace(/:/g, '') === macNorm) {
+                        device = d;
+                    }
+                });
+                
+                if (!needsKeySelection(device)) return '';
+                
+                var channels = device ? (device.channels || 1) : (savedChannels || 1);
+                var html = '<select class="symi-key">';
+                for (var i = 1; i <= channels; i++) {
+                    var sel = (i == selectedKey) ? ' selected' : '';
+                    html += '<option value="' + i + '"' + sel + '>按键' + i + '</option>';
+                }
+                html += '</select>';
+                return html;
+            }
+
+            // 构建HA实体选项
+            function getHaOptions(selectedEntityId, savedName) {
+                var html = '<option value="">-- 选择HA实体 --</option>';
+                var found = false;
+                
+                haEntities.forEach(function(e) {
+                    var selected = (e.entity_id === selectedEntityId) ? ' selected' : '';
+                    if (selected) found = true;
+                    var statusIcon = e._online === false ? ' [离线]' : '';
+                    var style = e._online === false ? ' style="color:#999;"' : '';
+                    html += '<option value="' + e.entity_id + '" data-name="' + (e.name || '') + '"' + selected + style + '>' + (e.name || e.entity_id) + ' (' + (e.type || 'unknown') + ')' + statusIcon + '</option>';
+                });
+                
+                if (selectedEntityId && !found) {
+                    var displayName = savedName || selectedEntityId;
+                    html += '<option value="' + selectedEntityId + '" selected style="color:#c00;">' + displayName + ' [未找到]</option>';
+                }
+                return html;
+            }
+
+            // 渲染映射列表
+            function renderMappings() {
+                var container = $('#mapping-list');
+                container.empty();
+                
+                if (!mappings || !Array.isArray(mappings) || mappings.length === 0) {
+                    container.append('<div class="mapping-empty">暂无映射，点击下方按钮添加</div>');
+                    return;
+                }
+
+                mappings.forEach(function(m, idx) {
+                    try {
+                        var row = $('<div class="mapping-row" data-idx="' + idx + '"></div>');
+                        var symiOpts = getSymiOptions(m.symiMac, m.symiName);
+                        var keyOpts = getKeyOptions(m.symiMac, m.symiKey || 1, m.symiChannels);
+                        var haOpts = getHaOptions(m.haEntityId, m.haEntityName);
+                        
+                        row.html(
+                            '<div class="mapping-main">' +
+                            '<div class="symi-col">' +
+                            '  <select class="symi-select">' + symiOpts + '</select>' +
+                            '  <span class="symi-key-wrap">' + keyOpts + '</span>' +
+                            '</div>' +
+                            '<div class="arrow-col"><i class="fa fa-arrows-h"></i></div>' +
+                            '<div class="ha-col">' +
+                            '  <select class="ha-select">' + haOpts + '</select>' +
+                            '</div>' +
+                            '<div class="del-col"><button type="button" class="red-ui-button red-ui-button-small btn-remove" title="删除"><i class="fa fa-times"></i></button></div>' +
+                            '</div>'
+                        );
+                        container.append(row);
+                    } catch (err) {
+                        console.error('[symi-ha-sync] Render row error:', err, m);
+                    }
+                });
+
+                bindEvents();
+            }
+
+            // 绑定事件
+            function bindEvents() {
+                var container = $('#mapping-list');
+                
+                container.find('.symi-select').off('change').on('change', function() {
+                    var row = $(this).closest('.mapping-row');
+                    var idx = row.data('idx');
+                    var mac = $(this).val();
+                    var opt = $(this).find('option:selected');
+                    
+                    mappings[idx].symiMac = mac || '';
+                    mappings[idx].symiName = opt.data('name') || opt.text().replace(/ \[.*?\]/g, '');
+                    mappings[idx].symiChannels = parseInt(opt.data('channels')) || 1;
+                    mappings[idx].symiDeviceType = opt.data('devicetype') || '';
+                    mappings[idx].symiEntityType = opt.data('entitytype') || '';
+                    mappings[idx].symiKey = 1;
+                    
+                    row.find('.symi-key-wrap').html(getKeyOptions(mac, 1, mappings[idx].symiChannels));
+                    bindEvents();
+                });
+
+                container.find('.symi-key').off('change').on('change', function() {
+                    var idx = $(this).closest('.mapping-row').data('idx');
+                    mappings[idx].symiKey = parseInt($(this).val()) || 1;
+                });
+
+                container.find('.ha-select').off('change').on('change', function() {
+                    var idx = $(this).closest('.mapping-row').data('idx');
+                    var opt = $(this).find('option:selected');
+                    mappings[idx].haEntityId = $(this).val();
+                    mappings[idx].haEntityName = opt.data('name') || opt.text().split(' (')[0].replace(/ \[.*?\]/g, '');
+                });
+
+                container.find('.btn-remove').off('click').on('click', function() {
+                    var idx = $(this).closest('.mapping-row').data('idx');
+                    mappings.splice(idx, 1);
+                    renderMappings();
+                });
+            }
+
+            // 刷新按钮
+            $('#refresh-symi-btn').on('click', function() {
+                var btn = $(this);
+                btn.prop('disabled', true).find('i').addClass('fa-spin');
+                loadSymiDevices(function() {
+                    renderMappings();
+                    btn.prop('disabled', false).find('i').removeClass('fa-spin');
+                });
+            });
+
+            $('#refresh-ha-btn').on('click', function() {
+                var btn = $(this);
+                btn.prop('disabled', true).find('i').addClass('fa-spin');
+                loadHaEntities(function() {
+                    renderMappings();
+                    btn.prop('disabled', false).find('i').removeClass('fa-spin');
+                });
+            });
+
+            // 添加映射按钮
+            $('#btn-add-mapping').on('click', function() {
+                mappings.push({ 
+                    symiMac: '', symiName: '', symiKey: 1, symiChannels: 1, symiDeviceType: '',
+                    haEntityId: '', haEntityName: ''
+                });
+                renderMappings();
+            });
+
+            // 配置变化时重新加载
+            $('#node-input-mqttConfig').on('change', function() {
+                setTimeout(function() {
+                    loadSymiDevices(renderMappings);
+                }, 100);
+            });
+
+            $('#node-input-haServer').on('change', function() {
+                setTimeout(function() {
+                    loadHaEntities(renderMappings);
+                }, 100);
+            });
+
+            // 保存时更新所有数据
+            node._saveAll = function() {
+                node.mappings = JSON.stringify(mappings);
+                node.cachedSymiDevices = JSON.stringify(cachedSymiDevices);
+                node.cachedHaEntities = JSON.stringify(cachedHaEntities);
+                $('#node-input-mappings').val(node.mappings);
+                $('#node-input-cachedSymiDevices').val(node.cachedSymiDevices);
+                $('#node-input-cachedHaEntities').val(node.cachedHaEntities);
+            };
+
+            // 初始加载
+            setTimeout(function() {
+                loadSymiDevices(function() {
+                    loadHaEntities(renderMappings);
+                });
+            }, 300);
+        },
+        oneditresize: function(size) {
+            var rows = $('#dialog-form>div:not(.bridge-section)');
+            var height = size.height;
+            for (var i = 0; i < rows.length; i++) { height -= $(rows[i]).outerHeight(true); }
+            height -= 120;
+            $('#mapping-list').css('max-height', Math.max(150, height) + 'px');
+        },
+        oneditsave: function() {
+            if (this._saveAll) { this._saveAll(); }
+        }
+    });
+</script>
+
+<script type="text/html" data-template-name="symi-ha-sync">
+    <style>
+        .bridge-section { margin: 12px 0; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background: #fafafa; }
+        .bridge-section h4 { margin: 0 0 10px 0; padding-bottom: 6px; border-bottom: 1px solid #eee; color: #333; font-size: 13px; }
+        .bridge-section h4 i { margin-right: 6px; color: #666; }
+        .section-btns { float: right; }
+        .section-btns button { margin-left: 4px; }
+        
+        #mapping-list { max-height: 600px; min-height: 400px; overflow-y: auto; }
+        .mapping-empty { padding: 15px; text-align: center; color: #999; font-size: 12px; }
+        .mapping-row { display: flex; flex-direction: column; padding: 6px 8px; margin-bottom: 6px; background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; gap: 6px; }
+        .mapping-main { display: flex; align-items: center; width: 100%; gap: 6px; min-width: 0; }
+        .symi-col { flex: 1 1 45%; min-width: 0; display: flex; gap: 4px; }
+        .symi-col .symi-select { flex: 1; padding: 4px; border: 1px solid #81c784; border-radius: 3px; background: #e8f5e9; font-size: 12px; }
+        .symi-col .symi-key { width: 70px; padding: 4px; border: 1px solid #81c784; border-radius: 3px; background: #c8e6c9; font-size: 11px; font-weight: bold; }
+        .arrow-col { flex: 0 0 20px; text-align: center; color: #999; }
+        .ha-col { flex: 1 1 45%; }
+        .ha-col .ha-select { width: 100%; padding: 4px; border: 1px solid #41BDF5; border-radius: 3px; background: #e3f2fd; font-size: 12px; }
+        .del-col { flex: 0 0 auto; }
+        .btn-remove { color: #d32f2f !important; padding: 2px 6px !important; }
+    </style>
+
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> 名称</label>
+        <input type="text" id="node-input-name" placeholder="如：客厅HA同步">
+    </div>
+
+    <div class="bridge-section">
+        <h4><i class="fa fa-server"></i> 连接配置</h4>
+        <div class="form-row">
+            <label for="node-input-mqttConfig"><i class="fa fa-wifi"></i> MQTT配置</label>
+            <input type="text" id="node-input-mqttConfig">
+        </div>
+        <div class="form-row">
+            <label for="node-input-haServer"><i class="fa fa-home"></i> HA服务器</label>
+            <input type="text" id="node-input-haServer">
+        </div>
+    </div>
+
+    <div class="bridge-section">
+        <h4><i class="fa fa-exchange"></i> 实体映射（Symi ↔ HA）
+            <span class="section-btns">
+                <button type="button" id="refresh-symi-btn" class="red-ui-button red-ui-button-small" title="刷新Symi设备"><i class="fa fa-refresh"></i> Symi</button>
+                <button type="button" id="refresh-ha-btn" class="red-ui-button red-ui-button-small" title="刷新HA实体"><i class="fa fa-refresh"></i> HA</button>
+            </span>
+        </h4>
+        <div style="display:flex; padding:4px 8px; font-size:11px; color:#666; border-bottom:1px solid #eee; margin-bottom:6px; gap:6px;">
+            <span style="flex:1 1 45%">Symi设备/按键</span>
+            <span style="flex:0 0 20px"></span>
+            <span style="flex:1 1 45%">HA实体</span>
+        </div>
+        <div id="mapping-list"></div>
+        <button type="button" id="btn-add-mapping" class="red-ui-button" style="margin-top:8px; width:100%">
+            <i class="fa fa-plus"></i> 添加映射
+        </button>
+    </div>
+
+    <input type="hidden" id="node-input-mappings">
+    <input type="hidden" id="node-input-cachedSymiDevices">
+    <input type="hidden" id="node-input-cachedHaEntities">
+</script>
+
+<script type="text/html" data-help-name="symi-ha-sync">
+    <p>HA同步节点 - 实现Symi Mesh设备与Home Assistant实体的完美双向状态同步。</p>
+    
+    <h3>功能特性</h3>
+    <ul>
+        <li><strong>完美双向同步</strong>：Symi↔HA实时状态同步</li>
+        <li><strong>多设备类型支持</strong>：开关、调光灯、窗帘、温控器/空调</li>
+        <li><strong>智能按键选择</strong>：只有多路开关才显示按键选择</li>
+        <li><strong>配置持久化</strong>：设备列表和映射配置持久保存</li>
+        <li><strong>防死循环</strong>：内置2秒防抖机制</li>
+        <li><strong>智能防抖</strong>：窗帘/调光灯只同步最终位置</li>
+    </ul>
+
+    <h3>支持的设备类型</h3>
+    <ul>
+        <li><strong>开关(多路)</strong>：开关状态，支持按键选择</li>
+        <li><strong>调光灯</strong>：开关 + 亮度 (0-100)</li>
+        <li><strong>窗帘</strong>：开/关/停 + 位置 (0-100%)</li>
+        <li><strong>温控器/空调</strong>：开关 + 温度 + 模式 + 风速</li>
+    </ul>
+
+    <h3>离线设备显示</h3>
+    <ul>
+        <li><strong>[离线]</strong>：设备在缓存中但当前不在线</li>
+        <li><strong>[未找到]</strong>：设备既不在线也不在缓存中</li>
+    </ul>
+</script>