npm - edge-impulse-linux - Versions diffs - 1.13.1 → 1.14.0 - Mend

edge-impulse-linux 1.13.1 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/cli/linux/webserver/public/assets/mobileclient.css CHANGED Viewed

@@ -4177,3 +4177,9 @@ video {
 #preview-image-container {
     position: relative;
 }
+#thresholds-body {
+    min-width: 500px;
+    padding: 1rem;
+    margin-bottom: -1rem;
+}

package/cli/linux/webserver/public/index.html CHANGED Viewed

@@ -6,7 +6,7 @@
     <title>Edge Impulse for Linux</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0" />
     <link rel="stylesheet" href="/assets/argon-dashboard.css">
-    <link rel="stylesheet" href="/fontawesome-free/css/all.min.css">
+    <link rel="stylesheet" href="/assets/fontawesome-free-5.15.4-web/css/all.min.css">
     <link rel="stylesheet" href="/assets/mobileclient.css">
     <!-- generics -->
     <link rel="icon" href="/assets/favicon-color/favicon-32.png" sizes="32x32">
@@ -26,7 +26,7 @@
     <meta name="msapplication-TileColor" content="#FFFFFF">
     <meta name="msapplication-TileImage" content="assets/favicon-color/favicon-144.png">
-    <!-- (c) Copyright 2021, Edge Impulse Inc. -->
+    <!-- (c) Copyright 2021-2025, EdgeImpulse Inc. -->
 </head>
 <body>
@@ -38,6 +38,17 @@
             <div class="col align-middle">
                 <h1 class="text-dark mb-0 border-left pl-4">...</h1>
             </div>
+            <div class="pl-0 col-auto text-right my--1">
+                <div class="dropdown">
+                    <a class="btn btn-icon-only text-gray mr-0" href="#" role="button"
+                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Configure thresholds">
+                        <i class="fas fa-cog"></i>
+                    </a>
+                    <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow" id="thresholds-body">
+                        <h3>Thresholds</h3>
+                    </div>
+                </div>
+            </div>
         </div>
         <div class="row mt-4" id="loading-view">
             <div class="col">
@@ -105,6 +116,8 @@
         </div>
     </footer>
+    <script src="/assets/js/plugins/jquery/dist/jquery.min.js"></script>
+    <script src="/assets/js/plugins/bootstrap/dist/js/bootstrap.bundle.js"></script>
     <script type="text/javascript" src="/socket.io/socket.io.js"></script>
     <script type="text/javascript" src="/webserver.js"></script>
     <script>

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

@@ -185,9 +185,26 @@ window.InferenceServer = async () => {
                     el.style.left = (bb.x) + 'px';
                     el.style.top = (bb.y) + 'px';
+                    let scoreFontSize = '';
+                    let scoreText = bb.value.toFixed(2);
+                    if (bb.width < 15) {
+                        scoreFontSize = '4px';
+                        scoreText = bb.value.toFixed(1);
+                    }
+                    else if (bb.width < 20) {
+                        scoreFontSize = '6px';
+                        scoreText = bb.value.toFixed(1);
+                    }
+                    else if (bb.width < 32) {
+                        scoreFontSize = '9px';
+                    }
                     let score = document.createElement('div');
                     score.style.color = 'white';
-                    score.textContent = bb.value.toFixed(2);
+                    if (scoreFontSize) {
+                        score.style.fontSize = scoreFontSize;
+                    }
+                    score.textContent = scoreText;
                     el.appendChild(score);
                     // Center align the score

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

@@ -19,6 +19,7 @@ window.WebServer = async () => {
         resultsTable: document.querySelector('#results-table'),
         resultsThead: document.querySelector('#results-table thead tr'),
         resultsTbody: document.querySelector('#results-table tbody'),
+        thresholdsBody: document.querySelector('#thresholds-body'),
     };
     const colors = [
@@ -34,6 +35,114 @@ window.WebServer = async () => {
         el.style.display = '';
     }
+    function bindThresholdSettings(thresholds) {
+        els.thresholdsBody.innerHTML = '';
+        let h3 = document.createElement('h3');
+        h3.textContent = 'Thresholds';
+        els.thresholdsBody.appendChild(h3);
+        if (!thresholds) {
+            let msgEl = document.createElement('div');
+            let emEl = document.createElement('em');
+            emEl.classList.add('text-sm');
+            emEl.textContent = 'Model does not support setting thresholds. Re-build the eim file to change the thresholds.';
+            msgEl.appendChild(emEl);
+            els.thresholdsBody.appendChild(msgEl);
+            return;
+        }
+        if (thresholds.length === 0) {
+            let msgEl = document.createElement('div');
+            let emEl = document.createElement('em');
+            emEl.classList.add('text-sm');
+            emEl.textContent = 'Model does not have any settable thresholds.';
+            msgEl.appendChild(emEl);
+            els.thresholdsBody.appendChild(msgEl);
+            return;
+        }
+        let thresholdsDiv = document.createElement('div');
+        thresholdsDiv.classList.add('mb--3');
+        let thresholdHintContainer = document.createElement('div');
+        thresholdHintContainer.classList.add('mb-3');
+        function setThresholdHint() {
+            let em = document.createElement('em');
+            em.classList.add('text-sm', 'd-block');
+            em.textContent = `To override the thresholds, start the runner with:`;
+            let code = document.createElement('code');
+            code.classList.add('d-block');
+            let opts = [];
+            for (let threshold of thresholds) {
+                for (let k of Object.keys(threshold)) {
+                    if (k === 'id' || k === 'type') continue;
+                    if (typeof threshold[k] !== 'number') continue;
+                    let rounded = Math.round(threshold[k] * 1000) / 1000;
+                    opts.push(`${threshold.id}.${k}=${rounded}`);
+                }
+            }
+            code.textContent = `--thresholds ${opts.join(',')}`;
+            thresholdHintContainer.textContent = '';
+            thresholdHintContainer.appendChild(em);
+            thresholdHintContainer.appendChild(code);
+        }
+        for (let threshold of thresholds) {
+            for (let k of Object.keys(threshold)) {
+                if (k === 'id' || k === 'type') continue;
+                if (typeof threshold[k] !== 'number') continue;
+                let rowEl = document.createElement('div');
+                rowEl.classList.add('mb-3');
+                let labelEl = document.createElement('label');
+                labelEl.classList.add('form-control-label', 'w-100');
+                labelEl.textContent = `${threshold.type}: ${k} (block ID: ${threshold.id})`;
+                let inputEl = document.createElement('input');
+                inputEl.classList.add('form-control', 'form-control-sm', 'text-default', 'font-monospace');
+                let rounded = Math.round(threshold[k] * 1000) / 1000;
+                inputEl.value = rounded;
+                rowEl.appendChild(labelEl);
+                rowEl.appendChild(inputEl);
+                thresholdsDiv.appendChild(rowEl);
+                inputEl.oninput = () => {
+                    if (!inputEl.value || isNaN(Number(inputEl.value))) return;
+                    threshold[k] = Number(inputEl.value);
+                    socket.emit('threshold-override', {
+                        id: threshold.id,
+                        key: k,
+                        value: Number(inputEl.value),
+                    });
+                    setThresholdHint();
+                };
+            }
+        }
+        setThresholdHint();
+        thresholdsDiv.appendChild(thresholdHintContainer);
+        els.thresholdsBody.appendChild(thresholdsDiv);
+        // prevent closing on click inside the dropdown menu
+        document.querySelector('.dropdown-menu').addEventListener('click', ev => {
+            ev.stopPropagation();
+        });
+    }
     // Here is how we connect back to the server
     const socket = io.connect(location.origin);
     socket.on('connect', () => {
@@ -41,9 +150,12 @@ window.WebServer = async () => {
     });
     socket.on('hello', (opts) => {
+        console.log('hello', opts);
         els.title.textContent = opts.projectName;
         switchView(els.views.captureCamera);
+        bindThresholdSettings(opts.thresholds);
     });
     socket.on('image', (opts) => {
@@ -230,9 +342,26 @@ window.WebServer = async () => {
                 el.style.left = (bb.x) + 'px';
                 el.style.top = (bb.y) + 'px';
+                let scoreFontSize = '';
+                let scoreText = bb.value.toFixed(2);
+                if (bb.width < 15) {
+                    scoreFontSize = '4px';
+                    scoreText = bb.value.toFixed(1);
+                }
+                else if (bb.width < 20) {
+                    scoreFontSize = '6px';
+                    scoreText = bb.value.toFixed(1);
+                }
+                else if (bb.width < 32) {
+                    scoreFontSize = '9px';
+                }
                 let score = document.createElement('div');
                 score.style.color = 'white';
-                score.textContent = bb.value.toFixed(2);
+                if (scoreFontSize) {
+                    score.style.fontSize = scoreFontSize;
+                }
+                score.textContent = scoreText;
                 el.appendChild(score);
                 // Center align the score

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "edge-impulse-linux",
-  "version": "1.13.1",
+  "version": "1.14.0",
   "description": "Node.js SDK and tools for Edge Impulse for Linux",
   "directories": {
     "example": "examples"
@@ -39,7 +39,7 @@
     "borc": "2.1.2",
     "cbor": "5.0.2",
     "commander": "4.1.1",
-    "express": "4.21.1",
+    "express": "4.21.2",
     "form-data": "4.0.0",
     "inquirer": "7.0.0",
     "multer": "1.4.5-lts.1",