@camera.ui/server 0.0.50-internal.0 → 0.0.50-internal.2

package/src/camera/test/iou_test.ts

@@ -1,761 +0,0 @@
-import { mergeDetections } from '../iou.js';
-
-import type { Detection } from '@camera.ui/types';
-
-function createDetection(id: string, label: any, confidence: number, boundingBox: [number, number, number, number], inputWidth: number, inputHeight: number): Detection {
-  return {
-    id,
-    label,
-    confidence,
-    boundingBox,
-    inputWidth,
-    inputHeight,
-    origWidth: inputWidth,
-    origHeight: inputHeight,
-  };
-}
-
-interface TestDetection {
-  name: string;
-  detections: Detection[];
-}
-[];
-
-const cameraUiDetections: Detection[] = [
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [490, 201, 505, 231],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [522, 196, 542, 218],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [140, 193, 159, 232],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [540, 183, 556, 206],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [504, 181, 525, 200],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-];
-
-const cameraUiDetections2: Detection[] = [
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [351, 333, 372, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [382, 279, 398, 314],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [399, 276, 433, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [411, 95, 461, 275],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [401, 90, 419, 120],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [271, 73, 414, 324],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [232, 5, 260, 25],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-];
-
-const cameraUiDetections3: Detection[] = [
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [319, 212, 354, 316],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [361, 176, 396, 267],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [324, 164, 367, 199],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [338, 102, 358, 124],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [287, 76, 405, 316],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-];
-
-const cameraUiDetections4: Detection[] = [
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [402, 347, 436, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [49, 342, 81, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [126, 332, 148, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [348, 329, 386, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [409, 328, 436, 348],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [317, 302, 334, 326],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [347, 297, 358, 331],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [201, 294, 222, 311],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [275, 278, 299, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [312, 274, 333, 306],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [565, 268, 595, 299],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [200, 267, 218, 289],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [123, 232, 197, 316],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [297, 230, 327, 242],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [7, 217, 155, 343],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [250, 110, 345, 243],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [345, 70, 406, 326],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [376, 59, 396, 90],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [297, 58, 341, 124],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [550, 39, 606, 73],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [192, 27, 235, 80],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-];
-
-const cameraUiDetections5: Detection[] = [
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [52, 324, 82, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [399, 307, 449, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [530, 294, 560, 311],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [156, 290, 227, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [314, 279, 334, 320],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [554, 219, 624, 300],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [0, 218, 227, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [204, 166, 297, 346],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [254, 106, 302, 189],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [260, 76, 285, 121],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [296, 74, 409, 360],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [302, 45, 365, 112],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [0, 43, 22, 71],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [631, 41, 640, 83],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [549, 37, 627, 75],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [439, 34, 478, 52],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [507, 33, 548, 55],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [374, 28, 418, 101],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    label: 'motion',
-    confidence: 1,
-    boundingBox: [190, 23, 239, 84],
-    inputWidth: 640,
-    inputHeight: 360,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-];
-
-const cameraUiDetections6: Detection[] = [
-  {
-    id: '9e732521-9f9e-4840-a09b-b621981751fd',
-    label: 'person',
-    confidence: 0.6787109375,
-    boundingBox: [466.5625, 195.0, 639.0625, 639.375],
-    inputWidth: 640,
-    inputHeight: 640,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    id: '9644b70e-126e-4e17-9cdb-ef16f851a96e',
-    label: 'animal',
-    confidence: 0.5546875,
-    boundingBox: [169.140625, 281.875, 271.484375, 515.0],
-    inputWidth: 640,
-    inputHeight: 640,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    id: '23e1aff7-c7f1-47f5-bc5d-affe8a852af7',
-    label: 'vehicle',
-    confidence: 0.4921875,
-    boundingBox: [241.7529296875, 581.30859375, 254.4970703125, 624.31640625],
-    inputWidth: 640,
-    inputHeight: 640,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-  {
-    id: '814448bb-14d8-4928-95c3-7b3427f971c4',
-    label: 'other',
-    confidence: 0.3056640625,
-    boundingBox: [77.578125, 521.328125, 140.703125, 639.296875],
-    inputWidth: 640,
-    inputHeight: 640,
-    origWidth: 2304,
-    origHeight: 1296,
-  },
-];
-
-const extendedMixedLabelsTest: TestDetection = {
-  name: 'Extended Mixed Labels',
-  detections: [
-    createDetection('1', 'person', 0.9, [100, 100, 200, 200], 640, 360),
-    createDetection('2', 'person', 0.85, [150, 150, 250, 250], 640, 360),
-    createDetection('3', 'car', 0.8, [300, 300, 400, 400], 640, 360),
-    createDetection('4', 'car', 0.75, [350, 350, 450, 450], 640, 360),
-    createDetection('5', 'bicycle', 0.7, [500, 500, 550, 550], 640, 360),
-    createDetection('6', 'motorcycle', 0.65, [520, 520, 570, 570], 640, 360),
-    createDetection('7', '', 0.6, [600, 600, 650, 650], 640, 360),
-    createDetection('8', 'person', 0.95, [180, 180, 280, 280], 640, 360),
-  ],
-};
-
-const touchingBoxesTest: TestDetection = {
-  name: 'Touching Boxes',
-  detections: [
-    createDetection('1', 'motion', 0.9, [0, 0, 100, 100], 640, 360),
-    createDetection('2', 'motion', 0.8, [100, 0, 200, 100], 640, 360),
-    createDetection('3', 'motion', 0.7, [0, 100, 100, 200], 640, 360),
-    createDetection('4', 'motion', 0.6, [100, 100, 200, 200], 640, 360),
-    createDetection('5', 'motion', 0.5, [200, 0, 300, 300], 640, 360),
-  ],
-};
-
-const testCases: TestDetection[] = [
-  {
-    name: 'Original test case',
-    detections: [
-      createDetection('1', 'motion', 0.9, [0, 0, 1000, 1000], 1000, 1000),
-      createDetection('2', 'motion', 0.8, [100, 100, 300, 300], 1000, 1000),
-      createDetection('3', 'motion', 0.7, [400, 400, 600, 600], 1000, 1000),
-      createDetection('4', 'motion', 0.6, [700, 700, 900, 900], 1000, 1000),
-      createDetection('5', 'motion', 0.75, [800, 800, 1100, 1100], 1000, 1000),
-    ],
-  },
-  {
-    name: 'Multiple overlapping boxes',
-    detections: [
-      createDetection('1', 'motion', 0.9, [0, 0, 500, 500], 1000, 1000),
-      createDetection('2', 'motion', 0.8, [250, 250, 750, 750], 1000, 1000),
-      createDetection('3', 'motion', 0.7, [500, 500, 1000, 1000], 1000, 1000),
-    ],
-  },
-  {
-    name: 'Boxes around the edges',
-    detections: [
-      createDetection('1', 'motion', 0.9, [400, 400, 600, 600], 1000, 1000),
-      createDetection('2', 'motion', 0.8, [0, 0, 200, 200], 1000, 1000),
-      createDetection('3', 'motion', 0.7, [800, 0, 1000, 200], 1000, 1000),
-      createDetection('4', 'motion', 0.6, [0, 800, 200, 1000], 1000, 1000),
-      createDetection('5', 'motion', 0.5, [800, 800, 1000, 1000], 1000, 1000),
-    ],
-  },
-  {
-    name: 'Nested boxes',
-    detections: [
-      createDetection('1', 'motion', 0.9, [0, 0, 1000, 1000], 1000, 1000),
-      createDetection('2', 'motion', 0.8, [200, 200, 800, 800], 1000, 1000),
-      createDetection('3', 'motion', 0.7, [400, 400, 600, 600], 1000, 1000),
-    ],
-  },
-  {
-    name: 'Many small boxes',
-    detections: [
-      [100, 100, 200, 200, 0.9],
-      [150, 150, 250, 250, 0.85],
-      [175, 175, 275, 275, 0.8],
-      [300, 300, 400, 400, 0.95],
-      [350, 350, 450, 450, 0.87],
-      [500, 100, 600, 200, 0.92],
-      [550, 150, 650, 250, 0.88],
-      [700, 700, 800, 800, 0.91],
-      [750, 750, 850, 850, 0.86],
-      [200, 500, 300, 600, 0.93],
-    ].map(([x1, y1, x2, y2, confidence], i) => createDetection(`${i + 1}`, 'motion', confidence, [x1, y1, x2, y2], 1000, 1000)),
-  },
-  {
-    name: 'Mixed Labels',
-    detections: [
-      createDetection('1', 'person', 0.9, [100, 100, 200, 200], 640, 360),
-      createDetection('2', 'car', 0.8, [150, 150, 250, 250], 640, 360),
-      createDetection('3', 'vehicle', 0.85, [180, 180, 280, 280], 640, 360),
-    ],
-  },
-  extendedMixedLabelsTest,
-  touchingBoxesTest,
-  {
-    name: 'camera.ui 1',
-    detections: cameraUiDetections,
-  },
-  {
-    name: 'camera.ui 2',
-    detections: cameraUiDetections2,
-  },
-  {
-    name: 'camera.ui 3',
-    detections: cameraUiDetections3,
-  },
-  {
-    name: 'camera.ui 4',
-    detections: cameraUiDetections4,
-  },
-  {
-    name: 'camera.ui 5',
-    detections: cameraUiDetections5,
-  },
-  {
-    name: 'camera.ui 6',
-    detections: cameraUiDetections6,
-  },
-];
-
-function runTests(iouThreshold: number = 0.01, closeThreshold: number = 160) {
-  testCases.forEach((testCase) => {
-    console.log(`\nRunning test case: ${testCase.name}`);
-    console.log('Original Detections:', testCase.detections.length);
-
-    const startTime = performance.now();
-    const mergedDetections = mergeDetections(testCase.detections, iouThreshold, closeThreshold);
-    const endTime = performance.now();
-
-    console.log('Merged Detections:', mergedDetections.length);
-    console.log('Execution time:', (endTime - startTime).toFixed(3), 'ms');
-
-    // Basic validation
-    if (mergedDetections.length <= testCase.detections.length) {
-      console.log('✅ Test passed: Number of merged detections is not greater than original');
-    } else {
-      console.log('❌ Test failed: Number of merged detections is greater than original');
-    }
-
-    // Check if bounding boxes are valid
-    const invalidBoxes = mergedDetections.filter((d) => d.boundingBox[0] > d.boundingBox[2] || d.boundingBox[1] > d.boundingBox[3]);
-    if (invalidBoxes.length === 0) {
-      console.log('✅ Test passed: All merged bounding boxes are valid');
-    } else {
-      console.log('❌ Test failed: Some merged bounding boxes are invalid');
-    }
-
-    // Calculate average bounding box size change
-    const originalAvgSize = calculateAvgBoxSize(testCase.detections);
-    const mergedAvgSize = calculateAvgBoxSize(mergedDetections);
-    const sizeChangePercent = (((mergedAvgSize - originalAvgSize) / originalAvgSize) * 100).toFixed(2);
-    console.log(`Average bounding box size change: ${sizeChangePercent}%`);
-
-    // Print bounding boxes for visual inspection
-    console.log('Merged Bounding Boxes:');
-    mergedDetections.forEach((d, i) => {
-      console.log(`  ${d.label}: Box ${i + 1}: [${d.boundingBox.join(', ')}]`);
-    });
-
-    // console.log('SVG:', visualizeBoundingBoxes(mergedDetections));
-
-    console.log('\n' + '='.repeat(50));
-  });
-}
-
-function calculateAvgBoxSize(detections: Detection[]): number {
-  const totalSize = detections.reduce((sum, d) => {
-    const [x1, y1, x2, y2] = d.boundingBox;
-    return sum + (x2 - x1) * (y2 - y1);
-  }, 0);
-  return totalSize / detections.length;
-}
-
-runTests();