@homebridge-plugins/homebridge-eufy-security 4.7.2 → 5.0.0-beta.0

package/homebridge-ui/public/views/recordings.js

@@ -1,319 +0,0 @@
-/**
- * Recordings View — list, download, and manage debug livestream recordings.
- * Users can compare raw (pre-FFmpeg) vs processed (post-FFmpeg) MP4 files
- * to narrow down whether streaming issues originate in the underlying
- * library or in the plugin's FFmpeg pipeline.
- */
-// eslint-disable-next-line no-unused-vars
-const RecordingsView = {
-
-  _downloadInProgress: false,
-
-  async render(container) {
-    container.innerHTML = '';
-
-    // Header
-    const header = document.createElement('div');
-    header.className = 'eufy-header';
-
-    const backBtn = document.createElement('button');
-    backBtn.className = 'btn btn-link p-0';
-    backBtn.innerHTML = '← Back';
-    backBtn.style.textDecoration = 'none';
-    backBtn.addEventListener('click', () => App.navigate('diagnostics'));
-
-    const titleEl = document.createElement('h4');
-    titleEl.textContent = 'Debug Recordings';
-
-    header.appendChild(backBtn);
-    header.appendChild(titleEl);
-    header.appendChild(document.createElement('div'));
-    container.appendChild(header);
-
-    // Info banner
-    const info = document.createElement('div');
-    info.className = 'alert alert-info';
-    info.style.fontSize = '0.85rem';
-    info.innerHTML = Helpers.iconHtml('info.svg') + ' <strong>HKSV</strong> = recording triggered by motion (HomeKit Secure Video). <strong>Livestream</strong> = manual stream from Home app. <strong>Processed</strong> = RTSP re-encoded stream.';
-    container.appendChild(info);
-
-    // Toolbar row (Reload + Delete All)
-    const toolbar = document.createElement('div');
-    toolbar.className = 'd-flex justify-content-between align-items-center mb-3';
-    toolbar.id = 'recordings-toolbar';
-
-    const btnReload = document.createElement('button');
-    btnReload.className = 'btn btn-outline-primary btn-sm';
-    btnReload.appendChild(Helpers.icon('refresh.svg'));
-    btnReload.append(' Reload');
-    btnReload.addEventListener('click', () => this._loadRecordings(container));
-
-    const btnDeleteAll = document.createElement('button');
-    btnDeleteAll.className = 'btn btn-outline-danger btn-sm';
-    btnDeleteAll.id = 'recordings-delete-all';
-    btnDeleteAll.style.display = 'none';
-    btnDeleteAll.appendChild(Helpers.icon('delete.svg'));
-    btnDeleteAll.append(' Delete All');
-    btnDeleteAll.addEventListener('click', () => this._confirmDeleteAll(container));
-
-    toolbar.appendChild(btnReload);
-    toolbar.appendChild(btnDeleteAll);
-    container.appendChild(toolbar);
-
-    // Recordings list container
-    const listContainer = document.createElement('div');
-    listContainer.id = 'recordings-list';
-    container.appendChild(listContainer);
-
-    // Download progress area
-    const progressArea = document.createElement('div');
-    progressArea.id = 'recording-download-progress';
-    container.appendChild(progressArea);
-
-    // Load recordings
-    await this._loadRecordings(container);
-  },
-
-  async _loadRecordings(container) {
-    const listContainer = container.querySelector('#recordings-list');
-    const btnDeleteAll = container.querySelector('#recordings-delete-all');
-
-    try {
-      const result = await Api.listDebugRecordings();
-      const recordings = result.recordings || [];
-
-      if (recordings.length === 0) {
-        if (btnDeleteAll) btnDeleteAll.style.display = 'none';
-        listContainer.innerHTML = `
-          <div class="text-muted text-center py-4" style="font-size: 0.9rem;">
-            No debug recordings found.<br>
-            <small>Enable <strong>Debug Livestream</strong> in Diagnostics, restart the plugin, then open a camera in the Home app.</small>
-          </div>
-        `;
-        return;
-      }
-
-      if (btnDeleteAll) btnDeleteAll.style.display = '';
-
-      // Group by serial, then by session
-      const bySerial = {};
-      for (const rec of recordings) {
-        if (!bySerial[rec.serial]) bySerial[rec.serial] = [];
-        bySerial[rec.serial].push(rec);
-      }
-
-      listContainer.innerHTML = '';
-
-      for (const [serial, recs] of Object.entries(bySerial)) {
-        const section = document.createElement('div');
-        section.className = 'settings-section';
-
-        const sectionTitle = document.createElement('div');
-        sectionTitle.className = 'detail-section__title';
-        sectionTitle.textContent = serial;
-        section.appendChild(sectionTitle);
-
-        // Group into sessions: recordings with matching timestamp are paired
-        const sessions = this._groupIntoSessions(recs);
-
-        for (const session of sessions) {
-          const firstRec = session[0];
-
-          const row = document.createElement('div');
-          row.className = 'd-flex align-items-center justify-content-between py-2 border-bottom';
-          row.style.fontSize = '0.85rem';
-
-          // Left: date and size info
-          const leftCol = document.createElement('div');
-          const dateStr = firstRec.createdAtISO
-            ? new Date(firstRec.createdAtISO).toLocaleString()
-            : firstRec.timestamp || 'Unknown';
-          const typeLabels = { hksv: 'HKSV', livestream: 'Live', processed: 'Proc', raw: 'Raw' };
-          const sizeInfo = session.map(r => {
-            const label = typeLabels[r.type] || r.type;
-            return label + ':' + r.sizeMB + 'MB';
-          }).join(' / ');
-
-          const dateLine = document.createElement('div');
-          dateLine.textContent = dateStr;
-          const sizeLine = document.createElement('small');
-          sizeLine.className = 'text-muted';
-          sizeLine.textContent = sizeInfo;
-          leftCol.appendChild(dateLine);
-          leftCol.appendChild(sizeLine);
-
-          // Right: action buttons
-          const rightCol = document.createElement('div');
-          rightCol.className = 'd-flex align-items-center gap-1';
-
-          const btnStyles = { hksv: 'btn-outline-warning', livestream: 'btn-outline-success', processed: 'btn-outline-primary', raw: 'btn-outline-success' };
-          for (const rec of session) {
-            const btn = document.createElement('button');
-            btn.className = 'btn ' + (btnStyles[rec.type] || 'btn-outline-secondary') + ' btn-sm';
-            btn.title = 'Download ' + (typeLabels[rec.type] || rec.type);
-            btn.textContent = typeLabels[rec.type] || rec.type;
-            btn.addEventListener('click', () => this._downloadRecording(container, rec.filename, rec.sizeBytes));
-            rightCol.appendChild(btn);
-          }
-
-          const btnDelete = document.createElement('button');
-          btnDelete.className = 'btn btn-outline-danger btn-sm';
-          btnDelete.title = 'Delete';
-          btnDelete.appendChild(Helpers.icon('delete.svg'));
-          btnDelete.addEventListener('click', async () => {
-            try {
-              for (const rec of session) {
-                await Api.deleteDebugRecording(rec.filename);
-              }
-              homebridge.toast.success('Deleted ' + session.length + ' file(s).');
-              await this._loadRecordings(container);
-            } catch (e) {
-              homebridge.toast.error('Delete failed: ' + (e.message || e));
-            }
-          });
-          rightCol.appendChild(btnDelete);
-
-          row.appendChild(leftCol);
-          row.appendChild(rightCol);
-          section.appendChild(row);
-        }
-
-        listContainer.appendChild(section);
-      }
-    } catch (e) {
-      listContainer.innerHTML = '<div class="alert alert-danger">Failed to load recordings: ' + Helpers.escHtml(e.message || String(e)) + '</div>';
-    }
-  },
-
-  /**
-   * Download a recording file in chunks and trigger browser download.
-   * Uses paginated reads to avoid loading the entire file into memory at once.
-   */
-  async _downloadRecording(container, filename, totalSize) {
-    if (this._downloadInProgress) {
-      homebridge.toast.warning('A download is already in progress.');
-      return;
-    }
-    this._downloadInProgress = true;
-
-    const progressArea = container.querySelector('#recording-download-progress');
-    if (progressArea) {
-      progressArea.innerHTML = `
-        <div class="mt-2">
-          <div class="progress">
-            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%" id="rec-progress-bar"></div>
-          </div>
-          <small class="text-muted" id="rec-progress-status">Downloading...</small>
-        </div>
-      `;
-    }
-
-    try {
-      const chunks = [];
-      let offset = 0;
-      const chunkSize = 256 * 1024; // 256 KB per request
-
-      while (true) {
-        const result = await Api.downloadDebugRecording(filename, offset, chunkSize);
-
-        if (result.data) {
-          const bytes = new Uint8Array(result.data.data || result.data);
-          chunks.push(bytes);
-        }
-
-        // Update progress
-        const pct = totalSize > 0 ? Math.min(100, Math.round((result.offset / totalSize) * 100)) : 0;
-        const bar = document.querySelector('#rec-progress-bar');
-        const status = document.querySelector('#rec-progress-status');
-        if (bar) bar.style.width = pct + '%';
-        if (status) status.textContent = `Downloading... ${pct}%`;
-
-        if (result.done) break;
-        offset = result.offset;
-      }
-
-      // Combine chunks and trigger browser download
-      const totalLength = chunks.reduce((sum, c) => sum + c.length, 0);
-      const combined = new Uint8Array(totalLength);
-      let pos = 0;
-      for (const chunk of chunks) {
-        combined.set(chunk, pos);
-        pos += chunk.length;
-      }
-
-      let binary = '';
-      for (let i = 0; i < combined.length; i++) {
-        binary += String.fromCharCode(combined[i]);
-      }
-      const base64 = btoa(binary);
-      const a = document.createElement('a');
-      a.href = 'data:application/octet-stream;base64,' + base64;
-      a.download = filename;
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-
-      homebridge.toast.success('Downloaded: ' + filename);
-    } catch (e) {
-      homebridge.toast.error('Download failed: ' + (e.message || e));
-    } finally {
-      this._downloadInProgress = false;
-      if (progressArea) progressArea.innerHTML = '';
-    }
-  },
-
-  /**
-   * Group recordings into sessions by extracting the timestamp portion from
-   * the filename. Recordings sharing a timestamp are a raw/processed pair.
-   */
-  _groupIntoSessions(recs) {
-    const map = {};
-    for (const rec of recs) {
-      // Filename: <serial>_<timestamp>_<type>.mp4 — extract timestamp as session key
-      const match = rec.filename.match(/^[A-Za-z0-9_-]+?_(\d{4}-\d{2}-\d{2}T\d{2}-\d{2}-\d{2}(?:-\d{3}Z)?)(?:_|\.mp4$)/);
-      const key = match ? match[1] : rec.filename;
-      if (!map[key]) map[key] = [];
-      map[key].push(rec);
-    }
-    // Sort sessions by newest first, within each session: raw before processed
-    return Object.values(map)
-      .sort((a, b) => (b[0].createdAt || 0) - (a[0].createdAt || 0))
-      .map(session => {
-        const order = { hksv: 0, livestream: 1, raw: 2, processed: 3 };
-        return session.sort((a, b) => (order[a.type] ?? 9) - (order[b.type] ?? 9));
-      });
-  },
-
-  _confirmDeleteAll(container) {
-    const existing = container.querySelector('#delete-all-confirm');
-    if (existing) { existing.remove(); return; }
-
-    const confirm = document.createElement('div');
-    confirm.id = 'delete-all-confirm';
-    confirm.className = 'alert alert-danger mt-2';
-    confirm.innerHTML = `
-      <strong>Delete all recordings?</strong> This cannot be undone.
-      <div class="mt-2">
-        <button class="btn btn-danger btn-sm me-2" id="btn-confirm-delete-all">Yes, Delete All</button>
-        <button class="btn btn-outline-secondary btn-sm" id="btn-cancel-delete-all">Cancel</button>
-      </div>
-    `;
-
-    confirm.querySelector('#btn-confirm-delete-all').addEventListener('click', async () => {
-      try {
-        const result = await Api.deleteAllDebugRecordings();
-        homebridge.toast.success('Deleted ' + result.deleted + ' recording(s).');
-        confirm.remove();
-        await this._loadRecordings(container);
-      } catch (e) {
-        homebridge.toast.error('Delete failed: ' + (e.message || e));
-      }
-    });
-
-    confirm.querySelector('#btn-cancel-delete-all').addEventListener('click', () => {
-      confirm.remove();
-    });
-
-    container.appendChild(confirm);
-  },
-};

package/homebridge-ui/public/views/settings.js

@@ -1,197 +0,0 @@
-/**
- * Settings View — global plugin settings with progressive disclosure.
- * Account info and advanced configuration options.
- */
-// eslint-disable-next-line no-unused-vars
-const SettingsView = {
-
-  _advancedOpen: false,
-
-  async render(container) {
-    container.innerHTML = '';
-    this._advancedOpen = false;
-
-    const config = await Config.get();
-
-    // Header
-    const header = document.createElement('div');
-    header.className = 'eufy-header';
-
-    const backBtn = document.createElement('button');
-    backBtn.className = 'btn btn-link p-0';
-    backBtn.innerHTML = '← Back';
-    backBtn.style.textDecoration = 'none';
-    backBtn.addEventListener('click', () => App.navigate('dashboard'));
-
-    const titleEl = document.createElement('h4');
-    titleEl.textContent = 'Settings';
-
-    header.appendChild(backBtn);
-    header.appendChild(titleEl);
-    // Empty spacer for alignment
-    header.appendChild(document.createElement('div'));
-    container.appendChild(header);
-
-    // ── Credentials Info ──
-    const credsSection = document.createElement('div');
-    credsSection.className = 'settings-section';
-
-    const credsTitle = document.createElement('div');
-    credsTitle.className = 'detail-section__title';
-    credsTitle.textContent = 'Account';
-    credsSection.appendChild(credsTitle);
-
-    const credsInfo = document.createElement('div');
-    credsInfo.className = 'text-muted';
-    credsInfo.style.fontSize = '0.85rem';
-    const email = config.username || 'Not configured';
-    const country = config.country || '—';
-    credsInfo.innerHTML = `
-      <div class="mb-1"><strong>Email:</strong> ${this._escHtml(email)}</div>
-      <div><strong>Country:</strong> ${country}</div>
-    `;
-    credsSection.appendChild(credsInfo);
-    container.appendChild(credsSection);
-
-    // ── Advanced Settings ──
-    const advBtn = document.createElement('button');
-    advBtn.className = 'advanced-toggle';
-    advBtn.innerHTML = `
-      <span class="advanced-toggle__chevron" id="settings-adv-chevron">▶</span>
-      Advanced Settings
-    `;
-    advBtn.addEventListener('click', () => {
-      this._advancedOpen = !this._advancedOpen;
-      const advSection = container.querySelector('#settings-advanced');
-      if (advSection) advSection.style.display = this._advancedOpen ? 'block' : 'none';
-      const chevron = container.querySelector('#settings-adv-chevron');
-      if (chevron) chevron.classList.toggle('advanced-toggle__chevron--open', this._advancedOpen);
-    });
-    container.appendChild(advBtn);
-
-    const advSection = document.createElement('div');
-    advSection.id = 'settings-advanced';
-    advSection.style.display = 'none';
-
-    // ── Polling & Livestream ──
-    const perfTitle = document.createElement('div');
-    perfTitle.className = 'detail-section__title';
-    perfTitle.textContent = 'Performance';
-    advSection.appendChild(perfTitle);
-
-    NumberInput.render(advSection, {
-      id: 'num-polling',
-      label: 'Polling Interval',
-      help: 'How often (in minutes) to poll the Eufy Cloud for updates. Higher values = less API usage.',
-      value: config.pollingIntervalMinutes || 10,
-      min: 1, max: 120, step: 1,
-      suffix: 'min',
-      onChange: async (val) => {
-        await Config.updateGlobal({ pollingIntervalMinutes: val });
-      },
-    });
-
-    NumberInput.render(advSection, {
-      id: 'num-livestream',
-      label: 'Max Livestream Duration',
-      help: 'Maximum duration (in seconds) for a single livestream session.',
-      value: config.CameraMaxLivestreamDuration || 30,
-      min: 10, max: 86400, step: 10,
-      suffix: 'sec',
-      onChange: async (val) => {
-        await Config.updateGlobal({ CameraMaxLivestreamDuration: val });
-      },
-    });
-
-    // ── Default Guard Modes ──
-    const guardTitle = document.createElement('div');
-    guardTitle.className = 'detail-section__title mt-3';
-    guardTitle.textContent = 'Default Guard Modes';
-    advSection.appendChild(guardTitle);
-
-    const guardHelp = document.createElement('p');
-    guardHelp.className = 'text-muted';
-    guardHelp.style.fontSize = '0.8rem';
-    guardHelp.textContent = 'Default HomeKit-to-Eufy guard mode mapping. Can be overridden per station.';
-    advSection.appendChild(guardHelp);
-
-    GuardModes.render(advSection, {
-      hkHome: config.hkHome ?? 1,
-      hkAway: config.hkAway ?? 0,
-      hkNight: config.hkNight ?? 1,
-      hkOff: config.hkOff ?? 63,
-      onChange: async (modes) => {
-        await Config.updateGlobal(modes);
-      },
-    });
-
-    // ── Misc Toggles ──
-    const miscTitle = document.createElement('div');
-    miscTitle.className = 'detail-section__title mt-3';
-    miscTitle.textContent = 'Miscellaneous';
-    advSection.appendChild(miscTitle);
-
-    Toggle.render(advSection, {
-      id: 'toggle-auto-sync',
-      label: 'Auto Sync Station',
-      help: 'Automatically synchronize station mode with HomeKit security system.',
-      checked: !!config.autoSyncStation,
-      onChange: async (checked) => {
-        await Config.updateGlobal({ autoSyncStation: checked });
-      },
-    });
-
-    Toggle.render(advSection, {
-      id: 'toggle-clean-cache',
-      label: 'Clean Cache',
-      help: 'Remove stale cached accessories on next restart.',
-      checked: !!config.cleanCache,
-      onChange: async (checked) => {
-        await Config.updateGlobal({ cleanCache: checked });
-      },
-    });
-
-    Toggle.render(advSection, {
-      id: 'toggle-omit-logs',
-      label: 'Omit Log Files',
-      help: 'Disable writing plugin log files to disk.',
-      checked: !!config.omitLogFiles,
-      onChange: async (checked) => {
-        await Config.updateGlobal({ omitLogFiles: checked });
-      },
-    });
-
-    Toggle.render(advSection, {
-      id: 'toggle-ignore-multi-warning',
-      label: 'Ignore Multiple Devices Warning',
-      help: 'Suppress warning when multiple plugins manage the same device.',
-      checked: !!config.ignoreMultipleDevicesWarning,
-      onChange: async (checked) => {
-        await Config.updateGlobal({ ignoreMultipleDevicesWarning: checked });
-      },
-    });
-
-    // Only show PKCS1 toggle when the Node.js version is affected (native PKCS1 removed).
-    // Node.js >= 24.5.0 restores native PKCS1 padding — the workaround is not needed.
-    const warning = App.state.nodeVersionWarning;
-    if (warning && warning.affected) {
-      Toggle.render(advSection, {
-        id: 'toggle-pkcs1',
-        label: 'Embedded PKCS1 Support',
-        help: 'Enable embedded PKCS1 support for device communication. Required on Node.js versions where native RSA_PKCS1_PADDING was removed.',
-        checked: !!config.enableEmbeddedPKCS1Support,
-        onChange: async (checked) => {
-          await Config.updateGlobal({ enableEmbeddedPKCS1Support: checked });
-        },
-      });
-    }
-
-    container.appendChild(advSection);
-
-
-  },
-
-  _escHtml(str) {
-    return Helpers.escHtml(str);
-  },
-};