scrypted-detection-trainer 0.1.13 → 0.1.14

package/package.json

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

package/src/main.ts

@@ -292,11 +292,11 @@ class DetectionTrainer extends ScryptedDeviceBase implements Settings, HttpReque
         const path = url.pathname.replace(request.rootPath, '');
 
         // Serve browse event image via getVideoClipThumbnail
-        if (path === '/api/browse-img') {
-            const params = new URL(request.url, 'http://localhost').searchParams;
-            const cameraId = params.get('cameraId')?.replace(/[^a-zA-Z0-9_\-]/g, '');
-            const thumbnailId = params.get('thumbnailId')?.replace(/[^a-zA-Z0-9_\-:.]/g, '');
-            if (!cameraId || !thumbnailId) return response.send('Missing params', { code: 400 });
+        if (path === '/api/browse-img' && request.body) {
+            const rawBody = request.body as any;
+            const body = JSON.parse(typeof rawBody === 'string' ? rawBody : Buffer.isBuffer(rawBody) ? rawBody.toString() : String(rawBody));
+            const { cameraId, thumbnailId } = body;
+            if (!cameraId || thumbnailId === undefined) return response.send('Missing params', { code: 400 });
             try {
                 const cam = systemManager.getDeviceById(cameraId) as any;
                 const mo = await cam.getVideoClipThumbnail(thumbnailId);
@@ -359,9 +359,10 @@ class DetectionTrainer extends ScryptedDeviceBase implements Settings, HttpReque
                 const startTime = endTime - hours * 3600 * 1000;
                 const clips = await cam.getVideoClips({ startTime, endTime });
 
+                const limit = parseInt(params.get('limit') || '100');
                 const events = (clips || [])
                     .filter((c: any) => c.detectionClasses?.length && c.thumbnailId)
-                    .slice(0, 100)
+                    .slice(0, limit)
                     .map((c: any) => ({
                         clipId: c.id,
                         thumbnailId: c.thumbnailId,
@@ -641,6 +642,12 @@ class DetectionTrainer extends ScryptedDeviceBase implements Settings, HttpReque
             <option value="24" selected>Last 24 hours</option>
             <option value="72">Last 3 days</option>
           </select>
+          <select id="browse-limit" style="padding:8px 12px;background:#222;border:1px solid #444;color:#fff;border-radius:6px;font-size:13px;">
+            <option value="50">50 events</option>
+            <option value="100" selected>100 events</option>
+            <option value="250">250 events</option>
+            <option value="500">500 events</option>
+          </select>
           <button class="export-btn" onclick="loadBrowse()" style="padding:8px 16px;">Load Events</button>
           <span id="browse-status" style="font-size:13px;color:#888;"></span>
         </div>
@@ -860,6 +867,7 @@ let browseEvents = [];
 async function loadBrowse() {
   const cameraId = document.getElementById('browse-camera').value;
   const hours = document.getElementById('browse-hours').value;
+  const limit = document.getElementById('browse-limit').value;
   const status = document.getElementById('browse-status');
   const list = document.getElementById('browse-list');
 
@@ -870,7 +878,7 @@ async function loadBrowse() {
   browseEvents = [];
 
   try {
-    const res = await fetch(BASE + '/api/browse?cameraId=' + cameraId + '&hours=' + hours);
+    const res = await fetch(BASE + '/api/browse?cameraId=' + cameraId + '&hours=' + hours + '&limit=' + limit);
     const events = await res.json();
 
     if (events.error) { status.textContent = 'Error: ' + events.error; return; }
@@ -930,7 +938,11 @@ async function loadBrowse() {
 }
 
 function loadBrowseImage(i, ev) {
-  fetch(BASE + '/api/browse-img?cameraId=' + ev.cameraId + '&thumbnailId=' + encodeURIComponent(ev.thumbnailId))
+  fetch(BASE + '/api/browse-img', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ cameraId: ev.cameraId, thumbnailId: ev.thumbnailId }),
+  })
     .then(r => r.ok ? r.blob() : null)
     .then(blob => {
       if (!blob) return;