edge-impulse-linux 1.8.9 → 1.9.0

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

@@ -1,216 +0,0 @@
-window.InferenceServer = async () => {
-    // hello world
-    const els = {
-        uploadFile: document.querySelector('#upload-file'),
-        runInferenceBtn: document.querySelector('#run-inference'),
-        resultSection: document.querySelector('#result-section'),
-        resultSectionPre: document.querySelector('#result-section pre'),
-        previewSection: document.querySelector('#preview-section'),
-        previewSectionImgContainer: document.querySelector('#preview-image-container'),
-        previewSectionImg:  document.querySelector('#preview-section img'),
-        features: document.querySelector('#features'),
-    };
-
-    const colors = [
-        '#e6194B', '#3cb44b', '#ffe119', '#4363d8', '#f58231', '#42d4f4', '#f032e6', '#fabed4',
-        '#469990', '#dcbeff', '#9A6324', '#fffac8', '#800000', '#aaffc3',
-    ];
-    const labelToColor = { };
-
-    if (els.uploadFile) {
-        els.uploadFile.oninput = () => {
-            if (els.uploadFile.files.length > 0) {
-                els.runInferenceBtn.disabled = false;
-            }
-            else {
-                els.runInferenceBtn.disabled = true;
-            }
-        };
-        if (els.uploadFile.files.length > 0) {
-            els.runInferenceBtn.disabled = false;
-        }
-        else {
-            els.runInferenceBtn.disabled = true;
-        }
-    }
-
-    if (els.features) {
-        els.features.oninput = () => {
-            if (els.features.value.length > 0) {
-                els.runInferenceBtn.disabled = false;
-            }
-            else {
-                els.runInferenceBtn.disabled = true;
-            }
-        };
-        if (els.features.value.length > 0) {
-            els.runInferenceBtn.disabled = false;
-        }
-        else {
-            els.runInferenceBtn.disabled = true;
-        }
-    }
-
-    els.runInferenceBtn.onclick = async (ev) => {
-        ev.preventDefault();
-
-        const origText = els.runInferenceBtn.textContent;
-
-        els.runInferenceBtn.disabled = true;
-        els.runInferenceBtn.textContent = 'Running inference...';
-
-        try {
-            let resp;
-            if (els.uploadFile) {
-                if (els.uploadFile.files.length === 0) return;
-
-                let formData = new FormData();
-                formData.append('file', els.uploadFile.files[0]);
-
-                resp = await fetch('/api/image', {
-                    body: formData,
-                    method: 'post',
-                });
-            }
-            else if (els.features) {
-                if (els.features.value.length === 0) return;
-
-                let features = els.features.value.split(',').map(n => Number(n.trim()));
-
-                resp = await fetch('/api/features', {
-                    body: JSON.stringify({
-                        features: features,
-                    }),
-                    headers: {
-                        'Content-Type': 'application/json',
-                    },
-                    method: 'post',
-                });
-            }
-            else {
-                throw new Error('Could not find either upload or features elements');
-            }
-
-            const text = await resp.text();
-            let body;
-            try {
-                body = JSON.parse(text);
-            }
-            catch (ex) {
-                throw new Error(text);
-            }
-
-            if (els.uploadFile && (body.result.bounding_boxes || body.result.visual_anomaly_grid)) {
-                els.previewSection.style.display = '';
-
-                const dataUrl = await new Promise((resolve, reject) => {
-                    const reader = new FileReader();
-
-                    reader.onload = e => {
-                        resolve(e.target.result);
-                    };
-                    reader.onerror = err => {
-                        reject(err);
-                    };
-
-                    reader.readAsDataURL(els.uploadFile.files[0]);
-                });
-
-                els.previewSectionImg.src = dataUrl;
-
-                const result = body.result;
-                let factor = 1;
-
-                for (let oldEl of els.previewSectionImgContainer.querySelectorAll('.bounding-box-container')) {
-                    oldEl.parentNode.removeChild(oldEl);
-                }
-
-                for (let b of (result.bounding_boxes || [])) {
-                    let bb = {
-                        x: b.x / factor,
-                        y: b.y / factor,
-                        width: b.width / factor,
-                        height: b.height / factor,
-                        label: b.label,
-                        value: b.value
-                    };
-                    if (!labelToColor[bb.label]) {
-                        labelToColor[bb.label] = colors[0];
-                        colors.splice(0, 1);
-                    }
-                    let color = labelToColor[bb.label];
-                    let el = document.createElement('div');
-                    el.classList.add('bounding-box-container');
-                    el.style.position = 'absolute';
-                    el.style.border = 'solid 3px ' + color;
-                    // if (modelType === 'object_detection') {
-                        el.style.width = (bb.width) + 'px';
-                        el.style.height = (bb.height) + 'px';
-                        el.style.left = (bb.x) + 'px';
-                        el.style.top = (bb.y) + 'px';
-                    // }
-                    // else if (modelType === 'constrained_object_detection') {
-                    //     let centerX = bb.x + (bb.width / 2);
-                    //     let centerY = bb.y + (bb.height / 2);
-                    //     el.style.borderRadius = '10px';
-                    //     el.style.width = 20 + 'px';
-                    //     el.style.height = 20 + 'px';
-                    //     el.style.left = (centerX - 10) + 'px';
-                    //     el.style.top = (centerY - 10) + 'px';
-                    // }
-                    let label = document.createElement('div');
-                    label.classList.add('bounding-box-label');
-                    label.style.background = color;
-                    label.textContent = bb.label + ' (' + bb.value.toFixed(2) + ')';
-                    el.style.whiteSpace = 'nowrap';
-                    el.appendChild(label);
-                    els.previewSectionImgContainer.appendChild(el);
-                }
-
-                for (let b of (result.visual_anomaly_grid || [])) {
-                    let bb = {
-                        x: b.x / factor,
-                        y: b.y / factor,
-                        width: b.width / factor,
-                        height: b.height / factor,
-                        label: b.label,
-                        value: b.value
-                    };
-                    let el = document.createElement('div');
-                    el.classList.add('bounding-box-container');
-                    el.style.position = 'absolute';
-                    el.style.background = 'rgba(255, 0, 0, 0.5)';
-                    el.style.width = (bb.width) + 'px';
-                    el.style.height = (bb.height) + 'px';
-                    el.style.left = (bb.x) + 'px';
-                    el.style.top = (bb.y) + 'px';
-
-                    let score = document.createElement('div');
-                    score.style.color = 'white';
-                    score.textContent = bb.value.toFixed(2);
-                    el.appendChild(score);
-
-                    // Center align the score
-                    el.style.display = 'flex';
-                    el.style.alignItems = 'center';
-                    el.style.justifyContent = 'center';
-
-                    els.previewSectionImgContainer.appendChild(el);
-                }
-            }
-            else {
-                els.previewSection.style.display = 'none';
-            }
-
-            els.resultSection.style.display = '';
-            els.resultSectionPre.textContent = JSON.stringify(body, null, 4);
-        }
-        catch (ex) {
-            alert('Failed to run inference: ' + (ex.message || ex.toString()));
-        }
-        finally {
-            els.runInferenceBtn.disabled = false;
-            els.runInferenceBtn.textContent = origText;
-        }
-    };
-};

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

@@ -1,247 +0,0 @@
-window.WebServer = async () => {
-
-    const els = {
-        title: document.querySelector('#header-row h1'),
-        cameraContainer: document.querySelector('#capture-camera .capture-camera-inner'),
-        cameraImg: document.querySelector('#capture-camera img'),
-        timePerInference: document.querySelector('#time-per-inference'),
-        additionalInfo: document.querySelector('#additional-info'),
-        timePerInferenceContainer: document.querySelector('#time-per-inference-container'),
-        additionalInfoContainer: document.querySelector('#additional-info-container'),
-        imageClassify: {
-            row: document.querySelector('#image-classification-conclusion'),
-            text: document.querySelector('#image-classification-conclusion .col'),
-        },
-        views: {
-            loading: document.querySelector('#loading-view'),
-            captureCamera: document.querySelector('#capture-camera'),
-        },
-        resultsTable: document.querySelector('#results-table'),
-        resultsThead: document.querySelector('#results-table thead tr'),
-        resultsTbody: document.querySelector('#results-table tbody'),
-    };
-
-    const colors = [
-        '#e6194B', '#3cb44b', '#ffe119', '#4363d8', '#f58231', '#42d4f4', '#f032e6', '#fabed4',
-        '#469990', '#dcbeff', '#9A6324', '#fffac8', '#800000', '#aaffc3',
-    ];
-    const labelToColor = { };
-
-    function switchView(el) {
-        for (let k of Object.keys(els.views)) {
-            els.views[k].style.display = 'none';
-        }
-        el.style.display = '';
-    }
-
-    // Here is how we connect back to the server
-    const socket = io.connect(location.origin);
-    socket.on('connect', () => {
-        socket.emit('hello');
-    });
-
-    socket.on('hello', (opts) => {
-        els.title.textContent = opts.projectName;
-
-        switchView(els.views.captureCamera);
-    });
-
-    socket.on('image', (opts) => {
-        els.cameraImg.src = opts.img;
-    });
-
-    let isFirstClassification = true;
-    let inferenceIx = 0;
-
-    socket.on('classification', (opts) => {
-        let result = opts.result;
-        let modelType = opts.modelType;
-
-        els.timePerInference.textContent = opts.timeMs;
-        els.additionalInfo.textContent = opts.additionalInfo;
-        els.timePerInferenceContainer.style.display = '';
-        els.additionalInfoContainer.style.display = '';
-
-        console.log('classification', opts.result, opts.timeMs);
-
-        for (let bx of Array.from(els.cameraContainer.querySelectorAll('.bounding-box-container'))) {
-            bx.parentNode?.removeChild(bx);
-        }
-
-        els.imageClassify.row.style.display = 'none';
-
-        if (result.classification) {
-            if (isFirstClassification) {
-                // eslint-disable-next-line @typescript-eslint/prefer-for-of
-                for (let ix = 0; ix < Object.keys(result.classification).length; ix++) {
-                    const key = Object.keys(result.classification)[ix];
-
-                    let th = document.createElement('th');
-                    th.scope = 'col';
-                    th.classList.add('px-0', 'text-center');
-                    th.textContent = th.title = key;
-                    els.resultsThead.appendChild(th);
-                }
-
-                if (result.visual_anomaly_grid) {
-                    let th = document.createElement('th');
-                    th.scope = 'col';
-                    th.classList.add('px-0', 'text-center');
-                    th.textContent = th.title = 'anomaly';
-                    els.resultsThead.appendChild(th);
-                }
-
-                els.resultsTable.style.display = '';
-                isFirstClassification = false;
-            }
-
-            els.imageClassify.row.style.display = '';
-
-            let conclusion = 'uncertain';
-            let highest = Math.max(...Object.values(result.classification));
-
-            for (let k of Object.keys(result.classification)) {
-                if (result.classification[k] >= 0.55) {
-                    conclusion = k + ' (' + result.classification[k].toFixed(2) + ')';
-                }
-            }
-
-            // both visual AD and we have at least 1 anomaly
-            let isVisualAnomaly = false;
-            if (result.visual_anomaly_grid && result.visual_anomaly_grid.length > 0) {
-                conclusion = 'anomaly (' + (result.visual_anomaly_max || 0).toFixed(2) + ')';
-                isVisualAnomaly = true;
-            }
-
-            let tr = document.createElement('tr');
-            let td1 = document.createElement('td');
-            td1.textContent = (++inferenceIx).toString();
-            tr.appendChild(td1);
-            for (let k of Object.keys(result.classification)) {
-                let td = document.createElement('td');
-                td.classList.add('text-center');
-                td.textContent = result.classification[k].toFixed(2);
-                if (result.classification[k] === highest && !isVisualAnomaly) {
-                    td.style.fontWeight = 600;
-                }
-                tr.appendChild(td);
-            }
-            if (result.visual_anomaly_grid) {
-                let td = document.createElement('td');
-                td.classList.add('text-center');
-                td.textContent = (result.visual_anomaly_max || 0).toFixed(2);
-                if (isVisualAnomaly) {
-                    td.style.fontWeight = 600;
-                }
-                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);
-            }
-
-            els.imageClassify.text.textContent = conclusion;
-        }
-        if (result.bounding_boxes) {
-            let factor = els.cameraImg.naturalHeight / els.cameraImg.clientHeight;
-
-            for (let b of result.bounding_boxes) {
-                let bb = {
-                    x: b.x / factor,
-                    y: b.y / factor,
-                    width: b.width / factor,
-                    height: b.height / factor,
-                    label: b.label,
-                    value: b.value
-                };
-
-                if (!labelToColor[bb.label]) {
-                    labelToColor[bb.label] = colors[0];
-                    colors.splice(0, 1);
-                }
-
-                let color = labelToColor[bb.label];
-
-                let el = document.createElement('div');
-                el.classList.add('bounding-box-container');
-                el.style.position = 'absolute';
-                el.style.border = 'solid 3px ' + color;
-
-                if (modelType === 'object_detection') {
-                    el.style.width = (bb.width) + 'px';
-                    el.style.height = (bb.height) + 'px';
-                    el.style.left = (bb.x) + 'px';
-                    el.style.top = (bb.y) + 'px';
-                }
-                else if (modelType === 'constrained_object_detection') {
-                    let centerX = bb.x + (bb.width / 2);
-                    let centerY = bb.y + (bb.height / 2);
-
-                    el.style.borderRadius = '10px';
-                    el.style.width = 20 + 'px';
-                    el.style.height = 20 + 'px';
-                    el.style.left = (centerX - 10) + 'px';
-                    el.style.top = (centerY - 10) + 'px';
-                }
-
-                let label = document.createElement('div');
-                label.classList.add('bounding-box-label');
-                label.style.background = color;
-                label.textContent = bb.label + ' (' + bb.value.toFixed(2) + ')';
-                if (modelType === 'constrained_object_detection') {
-                    el.style.whiteSpace = 'nowrap';
-                }
-                el.appendChild(label);
-
-                els.cameraContainer.appendChild(el);
-            }
-        }
-        if (result.visual_anomaly_grid) {
-            let factor = els.cameraImg.naturalHeight / els.cameraImg.clientHeight;
-
-            for (let b of result.visual_anomaly_grid) {
-                let bb = {
-                    x: b.x / factor,
-                    y: b.y / factor,
-                    width: b.width / factor,
-                    height: b.height / factor,
-                    label: b.label,
-                    value: b.value
-                };
-
-                let el = document.createElement('div');
-                el.classList.add('bounding-box-container');
-                el.style.position = 'absolute';
-                el.style.background = 'rgba(255, 0, 0, 0.5)';
-                el.style.width = (bb.width) + 'px';
-                el.style.height = (bb.height) + 'px';
-                el.style.left = (bb.x) + 'px';
-                el.style.top = (bb.y) + 'px';
-
-                let score = document.createElement('div');
-                score.style.color = 'white';
-                score.textContent = bb.value.toFixed(2);
-                el.appendChild(score);
-
-                // Center align the score
-                el.style.display = 'flex';
-                el.style.alignItems = 'center';
-                el.style.justifyContent = 'center';
-
-                els.cameraContainer.appendChild(el);
-            }
-        }
-    });
-};

package/cli/linux/webserver/views/escape-html-template-tag/escape.ts

@@ -1,66 +0,0 @@
-const ENTITIES: {
-    [key: string]: string
-} = {
-    '&': '&',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&#39;',
-    '/': '&#x2F;',
-    '`': '&#x60;',
-    '=': '&#x3D;'
-};
-
-const inspect = Symbol.for('nodejs.util.inspect.custom');
-
-const ENT_REGEX = new RegExp(Object.keys(ENTITIES).join('|'), 'g');
-
-export function join(array: (string | HtmlSafeString)[], separator: string | HtmlSafeString) {
-    if (separator === undefined || separator === null) {
-        separator = ',';
-    }
-    if (array.length <= 0) {
-        return new HtmlSafeString([''], []);
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    return new HtmlSafeString(['', ...Array(array.length - 1).fill(separator), ''], array);
-}
-
-export function safe(value: unknown) {
-    return new HtmlSafeString([String(value)], []);
-}
-
-function escapehtml(unsafe: unknown): string {
-    if (unsafe instanceof HtmlSafeString) {
-        return unsafe.toString();
-    }
-    if (Array.isArray(unsafe)) {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        return join(unsafe, '').toString();
-    }
-    return String(unsafe).replace(ENT_REGEX, (char) => ENTITIES[char]);
-}
-
-export class HtmlSafeString {
-    private _parts: readonly string[];
-    private _subs: readonly unknown[];
-    constructor(parts: readonly string[], subs: readonly unknown[]) {
-        this._parts = parts;
-        this._subs = subs;
-    }
-
-    toString(): string {
-        return this._parts.reduce((result, part, i) => {
-            const sub = this._subs[i - 1];
-            return result + escapehtml(sub) + part;
-        });
-    }
-
-    [inspect]() {
-        return `HtmlSafeString '${this.toString()}'`;
-    }
-}
-
-export default function escapeHtml(parts: TemplateStringsArray, ...subs: unknown[]) {
-    return new HtmlSafeString(parts, subs);
-}

package/cli/linux/webserver/views/escape-html-template-tag/index.ts

@@ -1,2 +0,0 @@
-import escapeHtml, { join, safe } from './escape';
-export default Object.assign(escapeHtml, { default: escapeHtml, join, safe });