edge-impulse-linux 1.17.9 → 1.18.1

package/cli/linux/webserver/public/inference-server.js

@@ -225,19 +225,16 @@ window.InferenceServer = async (opts) => {
                     // Only the fit-shortest resizing mode crops the image
                     if (result.resized && result.resizeMode === 'fit-shortest') {
                         const { originalWidth, originalHeight, newWidth, newHeight } = result.resized;
-                        let maskElements = {
-                            maskLeft: els.maskLeft,
-                            maskRight: els.maskRight,
-                            maskTop: els.maskTop,
-                            maskBottom: els.maskBottom
-                        };
                         const img = {
                             clientWidth: originalWidth,
                             clientHeight: originalHeight,
                             referenceWidth: newWidth,
                             referenceHeight: newHeight,
                         };
-                        maskCropped(maskElements, img);
+                        maskCropped(img);
+                    }
+                    else {
+                        hideCropMasks();
                     }
                 };
 
@@ -289,28 +286,31 @@ window.InferenceServer = async (opts) => {
     };
 
     // Shared from bounding-box-scaling.ts
-    const maskCropped = (maskElements, img) => {
+    const maskCropped = (img) => {
         const referenceAspect = img.referenceWidth / img.referenceHeight;
         const clientAspect = img.clientWidth / img.clientHeight;
 
         if (clientAspect > referenceAspect) {
             // Image is wider than reference: mask left/right
             const maskPercent = getMaskPercent('horizontal', img);
-            maskElements.maskLeft.style.width = maskElements.maskRight.style.width = maskPercent + '%';
-            maskElements.maskTop.style.height = maskElements.maskBottom.style.height = '0%';
-            maskElements.maskLeft.style.height = maskElements.maskRight.style.height = '100%';
+            els.maskLeft.style.width = els.maskRight.style.width = maskPercent + '%';
+            els.maskTop.style.height = els.maskBottom.style.height = '0%';
+            els.maskLeft.style.height = els.maskRight.style.height = '100%';
         }
         else if (clientAspect < referenceAspect) {
             // Image is taller than reference: mask top/bottom
             const maskPercent = getMaskPercent('vertical', img);
-            maskElements.maskLeft.style.width = maskElements.maskRight.style.width = '0%';
-            maskElements.maskTop.style.height = maskElements.maskBottom.style.height = maskPercent + '%';
-            maskElements.maskTop.style.width = maskElements.maskBottom.style.width = '100%';
+            els.maskLeft.style.width = els.maskRight.style.width = '0%';
+            els.maskTop.style.height = els.maskBottom.style.height = maskPercent + '%';
+            els.maskTop.style.width = els.maskBottom.style.width = '100%';
         }
         else {
-            // Aspect ratios match: no mask
-            maskElements.maskLeft.style.width = maskElements.maskRight.style.width = '0%';
-            maskElements.maskTop.style.height = maskElements.maskBottom.style.height = '0%';
+            hideCropMasks();
         }
     };
+
+    const hideCropMasks = () => {
+        els.maskLeft.style.width = els.maskRight.style.width = '0%';
+        els.maskTop.style.height = els.maskBottom.style.height = '0%';
+    };
 };

package/cli/linux/webserver/public/webserver.js

@@ -487,6 +487,49 @@ window.WebServer = async (vmStr) => {
                 els.imageClassify.row.style.display = 'none';
             }
         }
+        else if (result.freeform) {
+            if (isFirstClassification) {
+                for (let ix = 0; ix < result.freeform.length; ix++) {
+                    let th = document.createElement('th');
+                    th.scope = 'col';
+                    th.classList.add('px-0', 'text-center');
+                    th.textContent = th.title = `Tensor ${ix}`;
+                    els.resultsThead.appendChild(th);
+                }
+
+                els.resultsTable.style.display = '';
+                isFirstClassification = false;
+            }
+
+            let tr = document.createElement('tr');
+            let td1 = document.createElement('td');
+            td1.textContent = (++inferenceIx).toString();
+            tr.appendChild(td1);
+
+            for (let tensor of result.freeform) {
+                let td = document.createElement('td');
+                td.classList.add('text-center', 'text-monospace');
+                td.textContent = tensor.map(x => x.toFixed(4)).join(', ');
+                tr.appendChild(td);
+            }
+
+            tr.classList.add('active');
+            setTimeout(() => {
+                tr.classList.remove('active');
+            }, 200);
+            if (els.resultsTbody.firstChild) {
+                els.resultsTbody.insertBefore(tr, els.resultsTbody.firstChild);
+            }
+            else {
+                els.resultsTbody.appendChild(tr);
+            }
+
+            // keep max n rows
+            if (els.resultsTbody.childElementCount >= 100) {
+                els.resultsTbody.removeChild(els.resultsTbody.lastChild);
+            }
+        }
+
         if (result.bounding_boxes) {
             let factor = els.cameraImg.naturalHeight / els.cameraImg.clientHeight;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "edge-impulse-linux",
-  "version": "1.17.9",
+  "version": "1.18.1",
   "description": "Node.js SDK and tools for Edge Impulse for Linux",
   "directories": {
     "example": "examples"