scrypted-detection-trainer 0.1.13 → 0.1.14

package/out/main.nodejs.js

@@ -1794,11 +1794,11 @@ class DetectionTrainer extends sdk_1.ScryptedDeviceBase {
         const url = new URL(request.url, 'http://localhost');
         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)
+        if (path === '/api/browse-img' && request.body) {
+            const rawBody = request.body;
+            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);
@@ -1860,9 +1860,10 @@ class DetectionTrainer extends sdk_1.ScryptedDeviceBase {
                 const endTime = Date.now();
                 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) => c.detectionClasses?.length && c.thumbnailId)
-                    .slice(0, 100)
+                    .slice(0, limit)
                     .map((c) => ({
                     clipId: c.id,
                     thumbnailId: c.thumbnailId,
@@ -2127,6 +2128,12 @@ class DetectionTrainer extends sdk_1.ScryptedDeviceBase {
             <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>
@@ -2346,6 +2353,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');
 
@@ -2356,7 +2364,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; }
@@ -2416,7 +2424,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;