MyFavMirrors/moonfire-nvr
1
0
Fork 0
mirror of https://github.com/scottlamb/moonfire-nvr.git synced 2024-12-27 07:35:56 -05:00
Code Issues Packages Projects Releases Wiki Activity
4c9aa93fdf
moonfire-nvr/ui/package.json

77 lines
2.2 KiB
JSON
Raw Normal View History

add a basic Javascript UI The Javascript is pretty amateurish I'm sure but at least it's something to iterate from. It's already much more pleasant for browsing through videos in several ways: * more responsive to load only a day at a time rather than 90+ days * much easier to see the same time segment on several cameras * more pleasant to have the videos load as a popup rather than a link that blows away your position in an enormous list * exposes the fancier .mp4 generation options: splitting at lengths other than the default, trimming to an arbitrary start and end time, including a subtitle track with timestamps. There's a slight regression in functionality: I didn't match the former top-level page which showed how much camera used of its disk allocation and the total duration of video. This is exposed in the JSON API, so it shouldn't be too hard to add back.
2017-10-22 00:54:27 -04:00
{
start a new React-based UI (#111) This doesn't do much yet but should provide a better foundation for improvement than the jQuery UI, as described in the github issue.
2021-02-01 00:55:25 -05:00
"name": "ui",
"version": "0.1.0",
"private": true,
"dependencies": {
npm upgrade
2022-03-16 18:46:42 -04:00
"@emotion/react": "^11.8.2",
upgrade almost all frontend deps typescript isn't at the latest because eslint warns about it.
2022-03-04 11:55:06 -05:00
"@emotion/styled": "^11.8.1",
"@fontsource/roboto": "^4.5.3",
npm upgrade
2022-03-16 18:46:42 -04:00
"@mui/icons-material": "^5.5.1",
"@mui/lab": "^5.0.0-alpha.73",
"@mui/material": "^5.5.1",
"@mui/styles": "^5.5.1",
upgrade almost all frontend deps typescript isn't at the latest because eslint warns about it.
2022-03-04 11:55:06 -05:00
"@react-hook/resize-observer": "^1.2.5",
"@types/jest": "^27.4.1",
"@types/node": "^17.0.21",
npm upgrade
2022-03-16 18:46:42 -04:00
"@types/react": "^17.0.40",
upgrade almost all frontend deps typescript isn't at the latest because eslint warns about it.
2022-03-04 11:55:06 -05:00
"@types/react-dom": "^17.0.13",
"date-fns": "^2.28.0",
"date-fns-tz": "^1.3.0",
"gzipper": "^7.0.0",
start a new React-based UI (#111) This doesn't do much yet but should provide a better foundation for improvement than the jQuery UI, as described in the github issue.
2021-02-01 00:55:25 -05:00
"react": "^17.0.1",
"react-dom": "^17.0.1",
upgrade almost all frontend deps typescript isn't at the latest because eslint warns about it.
2022-03-04 11:55:06 -05:00
"react-router-dom": "^6.2.2",
upgrade typescript to 4.5.5 I found one significant breaking change: caught exceptions are now unknown rather than any. Rework the error handling a bit to match.
2022-03-03 17:48:20 -05:00
"react-scripts": "^5.0.0",
"typescript": "4.5.5"
add a basic Javascript UI The Javascript is pretty amateurish I'm sure but at least it's something to iterate from. It's already much more pleasant for browsing through videos in several ways: * more responsive to load only a day at a time rather than 90+ days * much easier to see the same time segment on several cameras * more pleasant to have the videos load as a popup rather than a link that blows away your position in an enormous list * exposes the fancier .mp4 generation options: splitting at lengths other than the default, trimming to an arbitrary start and end time, including a subtitle track with timestamps. There's a slight regression in functionality: I didn't match the former top-level page which showed how much camera used of its disk allocation and the total duration of video. This is exposed in the JSON API, so it shouldn't be too hard to add back.
2017-10-22 00:54:27 -04:00
},
"scripts": {
start a new React-based UI (#111) This doesn't do much yet but should provide a better foundation for improvement than the jQuery UI, as described in the github issue.
2021-02-01 00:55:25 -05:00
"start": "react-scripts start",
"build": "react-scripts build && gzipper compress --exclude=png,woff2 --remove-larger ./build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"format": "prettier --write src/ public/",
"check-format": "prettier --check src/ public/",
restructure into "server" and "ui" subdirs Besides being more clear about what belongs to which, this helps with docker caching. The server and ui parts are only rebuilt when their respective subdirectories change. Extend this a bit further by making the webpack build not depend on the target architecture. And adding cache dirs so parts of the server and ui build process can be reused when layer-wide caching fails.
2021-01-22 17:43:41 -05:00
"lint": "eslint src"
add a basic Javascript UI The Javascript is pretty amateurish I'm sure but at least it's something to iterate from. It's already much more pleasant for browsing through videos in several ways: * more responsive to load only a day at a time rather than 90+ days * much easier to see the same time segment on several cameras * more pleasant to have the videos load as a popup rather than a link that blows away your position in an enormous list * exposes the fancier .mp4 generation options: splitting at lengths other than the default, trimming to an arbitrary start and end time, including a subtitle track with timestamps. There's a slight regression in functionality: I didn't match the former top-level page which showed how much camera used of its disk allocation and the total duration of video. This is exposed in the JSON API, so it shouldn't be too hard to add back.
2017-10-22 00:54:27 -04:00
},
start a new React-based UI (#111) This doesn't do much yet but should provide a better foundation for improvement than the jQuery UI, as described in the github issue.
2021-02-01 00:55:25 -05:00
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
],
"rules": {
"no-restricted-imports": [
"error",
{
upgrade to @mui v5 release This requires a bunch of package name changes. See [https://mui.com/blog/material-ui-is-now-mui/] for their rationale. [https://mui.com/guides/migration-v4/] lists the changes: ``` @material-ui/core -> @mui/material @material-ui/system -> @mui/system @material-ui/unstyled -> @mui/core @material-ui/styles -> @mui/styles @material-ui/icons -> @mui/icons-material @material-ui/lab -> @mui/lab @material-ui/types -> @mui/types @material-ui/styled-engine -> @mui/styled-engine @material-ui/styled-engine-sc ->@mui/styled-engine-sc @material-ui/private-theming -> @mui/private-theming @material-ui/codemod -> @mui/codemod @material-ui/docs -> @mui/docs @material-ui/envinfo -> @mui/envinfo ``` We only use a few of these.
2021-09-24 13:57:29 -04:00
"name": "@mui/material",
start a new React-based UI (#111) This doesn't do much yet but should provide a better foundation for improvement than the jQuery UI, as described in the github issue.
2021-02-01 00:55:25 -05:00
"message": "Please use the 'import Button from \"material-ui/core/Button\";' style instead; see https://material-ui.com/guides/minimizing-bundle-size/#option-1"
},
{
upgrade to @mui v5 release This requires a bunch of package name changes. See [https://mui.com/blog/material-ui-is-now-mui/] for their rationale. [https://mui.com/guides/migration-v4/] lists the changes: ``` @material-ui/core -> @mui/material @material-ui/system -> @mui/system @material-ui/unstyled -> @mui/core @material-ui/styles -> @mui/styles @material-ui/icons -> @mui/icons-material @material-ui/lab -> @mui/lab @material-ui/types -> @mui/types @material-ui/styled-engine -> @mui/styled-engine @material-ui/styled-engine-sc ->@mui/styled-engine-sc @material-ui/private-theming -> @mui/private-theming @material-ui/codemod -> @mui/codemod @material-ui/docs -> @mui/docs @material-ui/envinfo -> @mui/envinfo ``` We only use a few of these.
2021-09-24 13:57:29 -04:00
"name": "@mui/icons-material",
start a new React-based UI (#111) This doesn't do much yet but should provide a better foundation for improvement than the jQuery UI, as described in the github issue.
2021-02-01 00:55:25 -05:00
"message": "Please use the 'import MenuIcon from \"material-ui/icons/Menu\";' style instead; see https://material-ui.com/guides/minimizing-bundle-size/#option-1"
}
]
}
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
add a basic Javascript UI The Javascript is pretty amateurish I'm sure but at least it's something to iterate from. It's already much more pleasant for browsing through videos in several ways: * more responsive to load only a day at a time rather than 90+ days * much easier to see the same time segment on several cameras * more pleasant to have the videos load as a popup rather than a link that blows away your position in an enormous list * exposes the fancier .mp4 generation options: splitting at lengths other than the default, trimming to an arbitrary start and end time, including a subtitle track with timestamps. There's a slight regression in functionality: I didn't match the former top-level page which showed how much camera used of its disk allocation and the total duration of video. This is exposed in the JSON API, so it shouldn't be too hard to add back.
2017-10-22 00:54:27 -04:00
},
"devDependencies": {
upgrade to create-react-scripts v5 I had to disable more of the Login tests to get this to work. Frustrating, but I just can't figure out how to fake jest timers, msw, and the testing libraries to all get along anymore.
2022-03-03 17:39:08 -05:00
"@testing-library/dom": "^8.11.3",
"@testing-library/jest-dom": "^5.16.2",
npm upgrade
2022-03-16 18:46:42 -04:00
"@testing-library/react": "^12.1.4",
upgrade to create-react-scripts v5 I had to disable more of the Login tests to get this to work. Frustrating, but I just can't figure out how to fake jest timers, msw, and the testing libraries to all get along anymore.
2022-03-03 17:39:08 -05:00
"@testing-library/user-event": "^13.5.0",
npm upgrade
2022-03-16 18:46:42 -04:00
"http-proxy-middleware": "^2.0.4",
upgrade msw version
2022-03-03 15:56:46 -05:00
"msw": "^0.38.2",
npm upgrade
2022-03-16 18:46:42 -04:00
"prettier": "^2.6.0"
add a basic Javascript UI The Javascript is pretty amateurish I'm sure but at least it's something to iterate from. It's already much more pleasant for browsing through videos in several ways: * more responsive to load only a day at a time rather than 90+ days * much easier to see the same time segment on several cameras * more pleasant to have the videos load as a popup rather than a link that blows away your position in an enormous list * exposes the fancier .mp4 generation options: splitting at lengths other than the default, trimming to an arbitrary start and end time, including a subtitle track with timestamps. There's a slight regression in functionality: I didn't match the former top-level page which showed how much camera used of its disk allocation and the total duration of video. This is exposed in the JSON API, so it shouldn't be too hard to add back.
2017-10-22 00:54:27 -04:00
}
}
Reference in New Issue Copy Permalink