blakeblackshear.frigate/web
Josh Hawkins cc2dbdcb44
Timeline improvements (#16429)
* virtualize event segments

* use virtual segments in event review timeline

* add segmentkey to props

* virtualize motion segments

* use virtual segments in motion review timeline

* update draggable element hook to use only math

* timeline zooming hook

* add zooming to event review timeline

* update playground

* zoomable timeline on recording view

* consolidate divs in summary timeline

* only calculate motion data for visible motion segments

* use swr loading state

* fix motion only

* keep handlebar centered when zooming

* zoom animations

* clean up

* ensure motion only checks both halves of segment

* prevent handlebar jump when using motion only mode
2025-02-09 14:13:32 -07:00
..
.vscode Update web readme (#12062) 2024-06-19 08:11:51 -06:00
images
public Formatting improvements (#13765) 2024-09-17 07:39:44 -05:00
src Timeline improvements (#16429) 2025-02-09 14:13:32 -07:00
themes Theme updates (#12373) 2024-07-10 07:04:02 -05:00
.eslintrc.cjs
.gitignore
.prettierrc
components.json
index.html
login.html
package-lock.json Explore bulk actions (#15307) 2024-12-02 11:12:55 -07:00
package.json Explore bulk actions (#15307) 2024-12-02 11:12:55 -07:00
postcss.config.js
README.md Update web readme (#12062) 2024-06-19 08:11:51 -06:00
site.webmanifest Implement support for notifications (#12523) 2024-08-29 20:19:50 -06:00
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