Skip to content

feat: add custom visualizer frontend - #7

Draft
michalvankodev wants to merge 2 commits into
chore/update-runtime-dependenciesfrom
feat/add-frontend-template
Draft

feat: add custom visualizer frontend#7
michalvankodev wants to merge 2 commits into
chore/update-runtime-dependenciesfrom
feat/add-frontend-template

Conversation

@michalvankodev

@michalvankodev michalvankodev commented Aug 12, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • add a self-contained Vite and React frontend that uses the latest published DepthAI Viewer packages
  • configure the oakapp static frontend build and serving path
  • switch RemoteConnection to serve the custom static frontend
  • display Video and Visualizations topics by default
  • match the white, centered layout of the oak-examples/custom-frontend/raw-stream example

Dependencies

  • @luxonis/depthai-viewer-common@3.8.3
  • @luxonis/depthai-pipeline-lib@3.8.3
  • react@19.2.5 and react-dom@19.2.5

Validation

  • python3 -m py_compile main.py utils/snaps_producer.py
  • npm ci
  • npm ci --dry-run
  • npm run build
  • verified package-lock versions for the Viewer libraries and React
  • validated oakapp TOML structure and static-frontend paths
  • opened the Vite app locally and verified the rendered connection UI has a white background with no browser errors

Follow-up

  • hardware validation is required to verify the custom frontend connects to an OAK device and renders live topics.

Depends on #6.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant