Component Build: From IIFE Injection to shadcn Replica
ne101_camera component build: IIFE injection pattern (window.React + jsxRuntime), named export object, five-layer module structure, three React-in-IIFE pitfalls (#310 hook order, frozen input, conditional useState), ConfigPanel/AdvancedPanel/ExtDropdown sub-components, shadcn CSS class replica
Data Contract: Full-pipeline schema from MQTT telemetry to virtual metrics
ne101_camera data contract: MQTT device telemetry, extension response normalization (boxes_x1y1x2y2 / objects_bbox / detections_bbox / ocr_text_blocks), JSON string detections parsing, ROI Sutherland-Hodgman clipping algorithm, virtual metrics output prefix mapping
Frontend Consume: From detections to SVG overlay rendering pipeline
ne101_camera frontend consumption: detections fetching, JSON string parsing, per-class coloring (golden-angle HSV), SVG overlay rendering (polygon + rect fallback), object-cover coordinate transform, ResizeObserver callback-ref pattern, Transform tiered lifecycle