Initial framework for new UI with React/Typescript (#8885)

* Write a low resolution low fps stream from decoded frames (#8673)

* Generate low res low fps previews for recordings viewer

* Make sure previews end on the hour

* Fix durations and decrase keyframe interval to ensure smooth scrubbing

* Ensure minimized resolution is compatible with yuv

* Add ability to configure preview quality

* Fix

* Clean up previews more efficiently

* Use iterator

* Ensure final frame in preview is not duplicated

* initial react/ts framework

* fix gitignore glob excluding ts files

* ignore folders in web-new

* SWRConfig changes for swr 2.x

* use frigateConfig type in websocket handlers

---------

Co-authored-by: Nicolas Mowen <nickmowen213@gmail.com>
This commit is contained in:
Josh Hawkins
2023-12-08 07:33:22 -06:00
committed by Blake Blackshear
parent b1cd5f0926
commit 696434b36d
80 changed files with 12821 additions and 1 deletions

View File

@@ -0,0 +1,61 @@
.theme-netflix.light {
--background: 0, 0%, 100%;
--foreground: 0, 0%, 0%;
--muted: 0, 0%, 68%;
--muted-foreground: 0, 0%, 0%;
--popover: 0, 0%, 95%;
--popover-foreground: 0, 0%, 0%;
--border: 0, 68%, 39%;
--input: 0, 68%, 39%;
--card: 0, 0%, 95%;
--card-foreground: 0, 0%, 0%;
--primary: 0, 100%, 44%;
--primary-foreground: 0, 0%, 100%;
--secondary: 0, 0%, 0%;
--secondary-foreground: 0, 0%, 100%;
--accent: 0, 100%, 50%;
--accent-foreground: 0, 0%, 0%;
--destructive: 0, 68%, 39%;
--destructive-foreground: 0, 0%, 100%;
--ring: 0, 100%, 44%;
}
.theme-netflix.dark {
--background: 0, 0%, 0%;
--foreground: 0, 0%, 100%;
--muted: 0, 0%, 50%;
--muted-foreground: 0, 0%, 100%;
--popover: 0, 0%, 5%;
--popover-foreground: 0, 0%, 100%;
--border: 0, 68%, 39%;
--input: 0, 68%, 39%;
--card: 0, 0%, 5%;
--card-foreground: 0, 0%, 100%;
--primary: 0, 100%, 44%;
--primary-foreground: 0, 0%, 0%;
--secondary: 0, 0%, 100%;
--secondary-foreground: 0, 0%, 0%;
--accent: 0, 100%, 50%;
--accent-foreground: 0, 0%, 100%;
--destructive: 0, 68%, 39%;
--destructive-foreground: 0, 0%, 100%;
--ring: 0, 100%, 44%;
}