scrypted-detection-trainer 0.1.4 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scrypted-detection-trainer",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Collect and label detections to fine-tune the Scrypted NVR object detection model.",
   "keywords": [
     "scrypted-plugin"

package/src/main.ts

@@ -502,7 +502,7 @@ class DetectionTrainer extends ScryptedDeviceBase implements Settings, HttpReque
 <div class="toast" id="toast"></div>
 
 <script>
-const BASE = location.pathname.replace(/\/$/, '');
+const BASE = location.pathname.endsWith('/') ? location.pathname.slice(0, -1) : location.pathname;
 let pending = [];
 let labeledCount = 0;
 
@@ -530,20 +530,21 @@ function toast(msg, color='#1a3') {
 }
 
 async function loadPending() {
-  const res = await fetch(BASE + '/api/pending');
-  pending = await res.json();
-
-  const statsRes = await fetch(BASE + '/api/stats');
-  const stats = await statsRes.json();
-  document.getElementById('stat-pending').textContent = stats.pending;
-  document.getElementById('stat-labeled').textContent = stats.labeled;
-  document.getElementById('stat-total').textContent = stats.total;
-
-  const list = document.getElementById('detections-list');
-  if (!pending.length) {
-    list.innerHTML = '<div class="empty"><div class="icon">✅</div><div>No pending detections to review.<br><span style="font-size:12px;color:#444">Captures will appear here as cameras detect objects.</span></div></div>';
-    return;
-  }
+  try {
+    const res = await fetch(BASE + '/api/pending');
+    pending = await res.json();
+
+    const statsRes = await fetch(BASE + '/api/stats');
+    const stats = await statsRes.json();
+    document.getElementById('stat-pending').textContent = stats.pending;
+    document.getElementById('stat-labeled').textContent = stats.labeled;
+    document.getElementById('stat-total').textContent = stats.total;
+
+    const list = document.getElementById('detections-list');
+    if (!pending.length) {
+      list.innerHTML = '<div class="empty"><div class="icon">✅</div><div>No pending detections to review.<br><span style="font-size:12px;color:#444">Captures will appear here as cameras detect objects.</span></div></div>';
+      return;
+    }
 
   list.innerHTML = pending.map(r => {
     const date = new Date(r.timestamp).toLocaleString();
@@ -573,6 +574,11 @@ async function loadPending() {
       </div>
     </div>\`;
   }).join('');
+  } catch(e) {
+    console.error('loadPending error', e);
+    const list = document.getElementById('detections-list');
+    if (list) list.innerHTML = '<div class="empty"><div style="color:#a44">Error loading captures: ' + e.message + '</div></div>';
+  }
 }
 
 async function label(id, labelVal) {