Architecture Overview
ne101_camera component architecture deep-dive: 5-layer decomposition of the 1972-line IIFE (helper / template / sub-component / main / export), 3 exported components (NE101CameraPanel / ConfigPanel / AdvancedPanel), the WebSocket-priority + REST-fallback data flow, the ROI overlay pipeline, and an architectural comparison with metric_card
Case Study - Urban Waste Bin Overflow Monitoring
Learn how to monitor urban waste bin overflow using NeoEyes NE301 and Home Assistant. Transform city sanitation from scheduled cleaning to demand-driven efficiency.
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
Deep Dive: Version Evolution and Engineering Retrospective Across 133 Commits
ne101_camera deep dive: 133-commit version evolution, the rise and fall of Transform lifecycle debug traces (4 debug commits finally cleaned up by 00a59cc), the Boa engine console.log crash incident, the _configHash performance optimization, source hygiene recap (3 files, zero backups)
Extension Side: The processingExtensionId Generic AI Contract
ne101_camera extension-side contract: the processingExtensionId generic AI processing paradigm, the AI_EXT_IDS whitelist, the EXT_MODES mode catalog (imageArg/responseType/command triple), the __imageData injection mechanism, the locate-anything-v2 NMS threshold special-case, and the extension degradation fallback
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
Integration Test: From Sandbox Execution to Dual-Channel Alignment
ne101_camera integration tests: end-to-end test matrix (test_bundle.js 35KB), ROI overlay verification (Sutherland-Hodgman clipping + object-cover mapping), multi-extension switching tests (locate-anything-v2 / image-analyzer-v2 / yolo-device-inference / ocr-device-inference), source_ts alignment verification, WS+REST dual-channel tests
metric card: Introductory Dashboard Component
Write your first NeoMind dashboard component — a complete engineering walkthrough of metric_card (IIFE injection + OKLCH glass + multi-format normalization)
onvif-bridge: Standard Protocol Bridge
NeoMind standard protocol bridge case study: hand-written WS-Discovery multicast discovery, SOAP/WS-Security PasswordDigest client, PTZ control — no onvif-rs dependency, ~2700 lines of pure Rust covering ONVIF Profile S core capabilities
Refrigerator Inventory Monitoring Application Guide
Comprehensive guide to refrigerator inventory monitoring using NeoEyes NE301 and Home Assistant. Learn data collection, model training, and MQTT integration for smart retail.
uink-rms-bridge: Production-Verified Vendor Bridge
NeoMind production-verified vendor bridge case study: Uink-RMS e-paper cloud platform bridging, JWT auth chain, Markdown→Image rendering (pulldown-cmark + ab_glyph + imageproc), regional endpoint routing, DisplayEditorCard frontend integration — contrast with 4 onvif-bridge as proprietary vs standard
Use Case - Warehouse Rack Detection
Learn how to monitor warehouse shelf status using NeoEyes NE301 and Home Assistant. Covers AI model training for chipset detection and MQTT data visualization.
weather-forecast-v2: Starter Data Extension
Build your first NeoMind data-type extension — full engineering walkthrough of weather-forecast-v2 (HTTP polling + periodic metrics + React frontend)
yolo-device-inference: AI Inference Extension
Deploy YOLOv8 object detection to edge devices with NeoMind's first AI inference extension — full engineering walkthrough of lazy model loading, ONNX Runtime dylib governance, and capability-based device frame acquisition
yolo-video-v2: Streaming Extension
NeoMind's most complex streaming extension: Push-mode real-time video processing, YOLOv11 detection, ROI/line-crossing/smart-capture, ffmpeg-next + nokhwa dual backends, cross-platform ONNX Runtime dylib governance, and frontend MJPEG integration — a complete engineering dissection