blakeblackshear.frigate/web
Josh Hawkins 2a28964e63
Improve UI logs (#16434)
* use react-logviewer and backend streaming

* layout adjustments

* readd copy handler

* reorder and fix key

* add loading state

* handle frigate log consolidation

* handle newlines in sheet

* update react-logviewer

* fix scrolling and use chunked log download

* don't combine frigate log lines with timestamp

* basic deduplication

* use react-logviewer and backend streaming

* layout adjustments

* readd copy handler

* reorder and fix key

* add loading state

* handle frigate log consolidation

* handle newlines in sheet

* update react-logviewer

* fix scrolling and use chunked log download

* don't combine frigate log lines with timestamp

* basic deduplication

* move process logs function to services util

* improve layout and scrolling behavior

* clean up
2025-02-10 08:38:56 -07:00
..
.vscode
images
public
src Improve UI logs (#16434) 2025-02-10 08:38:56 -07:00
themes
.eslintrc.cjs
.gitignore
.prettierrc
components.json
index.html
login.html
package-lock.json Improve UI logs (#16434) 2025-02-10 08:38:56 -07:00
package.json Improve UI logs (#16434) 2025-02-10 08:38:56 -07:00
postcss.config.js
README.md
site.webmanifest
tailwind.config.js Timeline improvements (#16429) 2025-02-09 14:13:32 -07:00
tsconfig.json
tsconfig.node.json
vite.config.ts

This is the Frigate frontend which connects to and provides a User Interface to the Python backend.

Web Development

Installing Web Dependencies Via NPM

Within /web, run:

npm install

Running development frontend

Within /web, run:

PROXY_HOST=<ip_address:port> npm run dev

The Proxy Host can point to your existing Frigate instance. Otherwise defaults to localhost:5000 if running Frigate on the same machine.

Extensions

Install these IDE extensions for an improved development experience:

  • eslint