mirror of
https://github.com/azaion/ui.git
synced 2026-04-22 08:56:35 +00:00
embed mission-planner
This commit is contained in:
Oleksandr Bezdieniezhnykh
Submodule mission-planner deleted from e12f244082
@@ -0,0 +1 @@
|
||||
VITE_SATELLITE_TILE_URL=https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}
|
||||
@@ -0,0 +1,19 @@
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
# production
|
||||
/dist
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
.idea
|
||||
@@ -0,0 +1,70 @@
|
||||
# Getting Started with Create React App
|
||||
|
||||
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
|
||||
|
||||
## Available Scripts
|
||||
|
||||
In the project directory, you can run:
|
||||
|
||||
### `npm start`
|
||||
|
||||
Runs the app in the development mode.\
|
||||
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
|
||||
|
||||
The page will reload when you make changes.\
|
||||
You may also see any lint errors in the console.
|
||||
|
||||
### `npm test`
|
||||
|
||||
Launches the test runner in the interactive watch mode.\
|
||||
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
|
||||
|
||||
### `npm run build`
|
||||
|
||||
Builds the app for production to the `build` folder.\
|
||||
It correctly bundles React in production mode and optimizes the build for the best performance.
|
||||
|
||||
The build is minified and the filenames include the hashes.\
|
||||
Your app is ready to be deployed!
|
||||
|
||||
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
|
||||
|
||||
### `npm run eject`
|
||||
|
||||
**Note: this is a one-way operation. Once you `eject`, you can't go back!**
|
||||
|
||||
If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
|
||||
|
||||
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
|
||||
|
||||
You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
|
||||
|
||||
## Learn More
|
||||
|
||||
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
|
||||
|
||||
To learn React, check out the [React documentation](https://reactjs.org/).
|
||||
|
||||
### Code Splitting
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
|
||||
|
||||
### Analyzing the Bundle Size
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
|
||||
|
||||
### Making a Progressive Web App
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
|
||||
|
||||
### Advanced Configuration
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
|
||||
|
||||
### Deployment
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
|
||||
|
||||
### `npm run build` fails to minify
|
||||
|
||||
This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
|
||||
@@ -0,0 +1,485 @@
|
||||
{
|
||||
"lockfileVersion": 1,
|
||||
"configVersion": 1,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "mission-planner",
|
||||
"dependencies": {
|
||||
"@emotion/react": "^11.13.3",
|
||||
"@emotion/styled": "^11.13.0",
|
||||
"@hello-pangea/dnd": "^16.6.0",
|
||||
"@mui/icons-material": "^5.15.19",
|
||||
"@mui/material": "^5.16.7",
|
||||
"chart.js": "^4.4.4",
|
||||
"leaflet": "^1.9.4",
|
||||
"leaflet-draw": "^1.0.4",
|
||||
"leaflet-polylinedecorator": "^1.6.0",
|
||||
"react": "^18.3.1",
|
||||
"react-chartjs-2": "^5.2.0",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-icons": "^5.3.0",
|
||||
"react-leaflet": "^4.2.1",
|
||||
"react-world-flags": "^1.6.0",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/leaflet": "^1.9.12",
|
||||
"@types/leaflet-draw": "^1.0.12",
|
||||
"@types/leaflet-polylinedecorator": "^1.6.4",
|
||||
"@types/react": "^18.3.12",
|
||||
"@types/react-dom": "^18.3.1",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
"typescript": "^5.7.2",
|
||||
"vite": "^6.0.5",
|
||||
},
|
||||
},
|
||||
},
|
||||
"packages": {
|
||||
"@babel/code-frame": ["@babel/code-frame@7.29.0", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.28.5", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw=="],
|
||||
|
||||
"@babel/compat-data": ["@babel/compat-data@7.29.0", "", {}, "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg=="],
|
||||
|
||||
"@babel/core": ["@babel/core@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-compilation-targets": "^7.28.6", "@babel/helper-module-transforms": "^7.28.6", "@babel/helpers": "^7.28.6", "@babel/parser": "^7.29.0", "@babel/template": "^7.28.6", "@babel/traverse": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA=="],
|
||||
|
||||
"@babel/generator": ["@babel/generator@7.29.1", "", { "dependencies": { "@babel/parser": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw=="],
|
||||
|
||||
"@babel/helper-compilation-targets": ["@babel/helper-compilation-targets@7.28.6", "", { "dependencies": { "@babel/compat-data": "^7.28.6", "@babel/helper-validator-option": "^7.27.1", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" } }, "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA=="],
|
||||
|
||||
"@babel/helper-globals": ["@babel/helper-globals@7.28.0", "", {}, "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw=="],
|
||||
|
||||
"@babel/helper-module-imports": ["@babel/helper-module-imports@7.28.6", "", { "dependencies": { "@babel/traverse": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw=="],
|
||||
|
||||
"@babel/helper-module-transforms": ["@babel/helper-module-transforms@7.28.6", "", { "dependencies": { "@babel/helper-module-imports": "^7.28.6", "@babel/helper-validator-identifier": "^7.28.5", "@babel/traverse": "^7.28.6" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA=="],
|
||||
|
||||
"@babel/helper-plugin-utils": ["@babel/helper-plugin-utils@7.28.6", "", {}, "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug=="],
|
||||
|
||||
"@babel/helper-string-parser": ["@babel/helper-string-parser@7.27.1", "", {}, "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="],
|
||||
|
||||
"@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.28.5", "", {}, "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="],
|
||||
|
||||
"@babel/helper-validator-option": ["@babel/helper-validator-option@7.27.1", "", {}, "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg=="],
|
||||
|
||||
"@babel/helpers": ["@babel/helpers@7.29.2", "", { "dependencies": { "@babel/template": "^7.28.6", "@babel/types": "^7.29.0" } }, "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw=="],
|
||||
|
||||
"@babel/parser": ["@babel/parser@7.29.2", "", { "dependencies": { "@babel/types": "^7.29.0" }, "bin": "./bin/babel-parser.js" }, "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA=="],
|
||||
|
||||
"@babel/plugin-transform-react-jsx-self": ["@babel/plugin-transform-react-jsx-self@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw=="],
|
||||
|
||||
"@babel/plugin-transform-react-jsx-source": ["@babel/plugin-transform-react-jsx-source@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw=="],
|
||||
|
||||
"@babel/runtime": ["@babel/runtime@7.29.2", "", {}, "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g=="],
|
||||
|
||||
"@babel/template": ["@babel/template@7.28.6", "", { "dependencies": { "@babel/code-frame": "^7.28.6", "@babel/parser": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ=="],
|
||||
|
||||
"@babel/traverse": ["@babel/traverse@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.29.0", "@babel/template": "^7.28.6", "@babel/types": "^7.29.0", "debug": "^4.3.1" } }, "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA=="],
|
||||
|
||||
"@babel/types": ["@babel/types@7.29.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="],
|
||||
|
||||
"@emotion/babel-plugin": ["@emotion/babel-plugin@11.13.5", "", { "dependencies": { "@babel/helper-module-imports": "^7.16.7", "@babel/runtime": "^7.18.3", "@emotion/hash": "^0.9.2", "@emotion/memoize": "^0.9.0", "@emotion/serialize": "^1.3.3", "babel-plugin-macros": "^3.1.0", "convert-source-map": "^1.5.0", "escape-string-regexp": "^4.0.0", "find-root": "^1.1.0", "source-map": "^0.5.7", "stylis": "4.2.0" } }, "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ=="],
|
||||
|
||||
"@emotion/cache": ["@emotion/cache@11.14.0", "", { "dependencies": { "@emotion/memoize": "^0.9.0", "@emotion/sheet": "^1.4.0", "@emotion/utils": "^1.4.2", "@emotion/weak-memoize": "^0.4.0", "stylis": "4.2.0" } }, "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA=="],
|
||||
|
||||
"@emotion/hash": ["@emotion/hash@0.9.2", "", {}, "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g=="],
|
||||
|
||||
"@emotion/is-prop-valid": ["@emotion/is-prop-valid@1.4.0", "", { "dependencies": { "@emotion/memoize": "^0.9.0" } }, "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw=="],
|
||||
|
||||
"@emotion/memoize": ["@emotion/memoize@0.9.0", "", {}, "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ=="],
|
||||
|
||||
"@emotion/react": ["@emotion/react@11.14.0", "", { "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", "@emotion/cache": "^11.14.0", "@emotion/serialize": "^1.3.3", "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0", "@emotion/utils": "^1.4.2", "@emotion/weak-memoize": "^0.4.0", "hoist-non-react-statics": "^3.3.1" }, "peerDependencies": { "react": ">=16.8.0" } }, "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA=="],
|
||||
|
||||
"@emotion/serialize": ["@emotion/serialize@1.3.3", "", { "dependencies": { "@emotion/hash": "^0.9.2", "@emotion/memoize": "^0.9.0", "@emotion/unitless": "^0.10.0", "@emotion/utils": "^1.4.2", "csstype": "^3.0.2" } }, "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA=="],
|
||||
|
||||
"@emotion/sheet": ["@emotion/sheet@1.4.0", "", {}, "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg=="],
|
||||
|
||||
"@emotion/styled": ["@emotion/styled@11.14.1", "", { "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", "@emotion/is-prop-valid": "^1.3.0", "@emotion/serialize": "^1.3.3", "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0", "@emotion/utils": "^1.4.2" }, "peerDependencies": { "@emotion/react": "^11.0.0-rc.0", "react": ">=16.8.0" } }, "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw=="],
|
||||
|
||||
"@emotion/unitless": ["@emotion/unitless@0.10.0", "", {}, "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg=="],
|
||||
|
||||
"@emotion/use-insertion-effect-with-fallbacks": ["@emotion/use-insertion-effect-with-fallbacks@1.2.0", "", { "peerDependencies": { "react": ">=16.8.0" } }, "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg=="],
|
||||
|
||||
"@emotion/utils": ["@emotion/utils@1.4.2", "", {}, "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA=="],
|
||||
|
||||
"@emotion/weak-memoize": ["@emotion/weak-memoize@0.4.0", "", {}, "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg=="],
|
||||
|
||||
"@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.25.12", "", { "os": "aix", "cpu": "ppc64" }, "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA=="],
|
||||
|
||||
"@esbuild/android-arm": ["@esbuild/android-arm@0.25.12", "", { "os": "android", "cpu": "arm" }, "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg=="],
|
||||
|
||||
"@esbuild/android-arm64": ["@esbuild/android-arm64@0.25.12", "", { "os": "android", "cpu": "arm64" }, "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg=="],
|
||||
|
||||
"@esbuild/android-x64": ["@esbuild/android-x64@0.25.12", "", { "os": "android", "cpu": "x64" }, "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg=="],
|
||||
|
||||
"@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.25.12", "", { "os": "darwin", "cpu": "arm64" }, "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg=="],
|
||||
|
||||
"@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.25.12", "", { "os": "darwin", "cpu": "x64" }, "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA=="],
|
||||
|
||||
"@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.25.12", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg=="],
|
||||
|
||||
"@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.25.12", "", { "os": "freebsd", "cpu": "x64" }, "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ=="],
|
||||
|
||||
"@esbuild/linux-arm": ["@esbuild/linux-arm@0.25.12", "", { "os": "linux", "cpu": "arm" }, "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw=="],
|
||||
|
||||
"@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.25.12", "", { "os": "linux", "cpu": "arm64" }, "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ=="],
|
||||
|
||||
"@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.25.12", "", { "os": "linux", "cpu": "ia32" }, "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA=="],
|
||||
|
||||
"@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.25.12", "", { "os": "linux", "cpu": "none" }, "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng=="],
|
||||
|
||||
"@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.25.12", "", { "os": "linux", "cpu": "none" }, "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw=="],
|
||||
|
||||
"@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.25.12", "", { "os": "linux", "cpu": "ppc64" }, "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA=="],
|
||||
|
||||
"@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.25.12", "", { "os": "linux", "cpu": "none" }, "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w=="],
|
||||
|
||||
"@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.25.12", "", { "os": "linux", "cpu": "s390x" }, "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg=="],
|
||||
|
||||
"@esbuild/linux-x64": ["@esbuild/linux-x64@0.25.12", "", { "os": "linux", "cpu": "x64" }, "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw=="],
|
||||
|
||||
"@esbuild/netbsd-arm64": ["@esbuild/netbsd-arm64@0.25.12", "", { "os": "none", "cpu": "arm64" }, "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg=="],
|
||||
|
||||
"@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.25.12", "", { "os": "none", "cpu": "x64" }, "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ=="],
|
||||
|
||||
"@esbuild/openbsd-arm64": ["@esbuild/openbsd-arm64@0.25.12", "", { "os": "openbsd", "cpu": "arm64" }, "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A=="],
|
||||
|
||||
"@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.25.12", "", { "os": "openbsd", "cpu": "x64" }, "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw=="],
|
||||
|
||||
"@esbuild/openharmony-arm64": ["@esbuild/openharmony-arm64@0.25.12", "", { "os": "none", "cpu": "arm64" }, "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg=="],
|
||||
|
||||
"@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.25.12", "", { "os": "sunos", "cpu": "x64" }, "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w=="],
|
||||
|
||||
"@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.25.12", "", { "os": "win32", "cpu": "arm64" }, "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg=="],
|
||||
|
||||
"@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.25.12", "", { "os": "win32", "cpu": "ia32" }, "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ=="],
|
||||
|
||||
"@esbuild/win32-x64": ["@esbuild/win32-x64@0.25.12", "", { "os": "win32", "cpu": "x64" }, "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA=="],
|
||||
|
||||
"@hello-pangea/dnd": ["@hello-pangea/dnd@16.6.0", "", { "dependencies": { "@babel/runtime": "^7.24.1", "css-box-model": "^1.2.1", "memoize-one": "^6.0.0", "raf-schd": "^4.0.3", "react-redux": "^8.1.3", "redux": "^4.2.1", "use-memo-one": "^1.1.3" }, "peerDependencies": { "react": "^16.8.5 || ^17.0.0 || ^18.0.0", "react-dom": "^16.8.5 || ^17.0.0 || ^18.0.0" } }, "sha512-vfZ4GydqbtUPXSLfAvKvXQ6xwRzIjUSjVU0Sx+70VOhc2xx6CdmJXJ8YhH70RpbTUGjxctslQTHul9sIOxCfFQ=="],
|
||||
|
||||
"@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
|
||||
|
||||
"@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
|
||||
|
||||
"@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
|
||||
|
||||
"@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
|
||||
|
||||
"@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
|
||||
|
||||
"@kurkle/color": ["@kurkle/color@0.3.4", "", {}, "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w=="],
|
||||
|
||||
"@mui/core-downloads-tracker": ["@mui/core-downloads-tracker@5.18.0", "", {}, "sha512-jbhwoQ1AY200PSSOrNXmrFCaSDSJWP7qk6urkTmIirvRXDROkqe+QwcLlUiw/PrREwsIF/vm3/dAXvjlMHF0RA=="],
|
||||
|
||||
"@mui/icons-material": ["@mui/icons-material@5.18.0", "", { "dependencies": { "@babel/runtime": "^7.23.9" }, "peerDependencies": { "@mui/material": "^5.0.0", "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@types/react"] }, "sha512-1s0vEZj5XFXDMmz3Arl/R7IncFqJ+WQ95LDp1roHWGDE2oCO3IS4/hmiOv1/8SD9r6B7tv9GLiqVZYHo+6PkTg=="],
|
||||
|
||||
"@mui/material": ["@mui/material@5.18.0", "", { "dependencies": { "@babel/runtime": "^7.23.9", "@mui/core-downloads-tracker": "^5.18.0", "@mui/system": "^5.18.0", "@mui/types": "~7.2.15", "@mui/utils": "^5.17.1", "@popperjs/core": "^2.11.8", "@types/react-transition-group": "^4.4.10", "clsx": "^2.1.0", "csstype": "^3.1.3", "prop-types": "^15.8.1", "react-is": "^19.0.0", "react-transition-group": "^4.4.5" }, "peerDependencies": { "@emotion/react": "^11.5.0", "@emotion/styled": "^11.3.0", "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/react", "@emotion/styled", "@types/react"] }, "sha512-bbH/HaJZpFtXGvWg3TsBWG4eyt3gah3E7nCNU8GLyRjVoWcA91Vm/T+sjHfUcwgJSw9iLtucfHBoq+qW/T30aA=="],
|
||||
|
||||
"@mui/private-theming": ["@mui/private-theming@5.17.1", "", { "dependencies": { "@babel/runtime": "^7.23.9", "@mui/utils": "^5.17.1", "prop-types": "^15.8.1" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@types/react"] }, "sha512-XMxU0NTYcKqdsG8LRmSoxERPXwMbp16sIXPcLVgLGII/bVNagX0xaheWAwFv8+zDK7tI3ajllkuD3GZZE++ICQ=="],
|
||||
|
||||
"@mui/styled-engine": ["@mui/styled-engine@5.18.0", "", { "dependencies": { "@babel/runtime": "^7.23.9", "@emotion/cache": "^11.13.5", "@emotion/serialize": "^1.3.3", "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "peerDependencies": { "@emotion/react": "^11.4.1", "@emotion/styled": "^11.3.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/react", "@emotion/styled"] }, "sha512-BN/vKV/O6uaQh2z5rXV+MBlVrEkwoS/TK75rFQ2mjxA7+NBo8qtTAOA4UaM0XeJfn7kh2wZ+xQw2HAx0u+TiBg=="],
|
||||
|
||||
"@mui/system": ["@mui/system@5.18.0", "", { "dependencies": { "@babel/runtime": "^7.23.9", "@mui/private-theming": "^5.17.1", "@mui/styled-engine": "^5.18.0", "@mui/types": "~7.2.15", "@mui/utils": "^5.17.1", "clsx": "^2.1.0", "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "peerDependencies": { "@emotion/react": "^11.5.0", "@emotion/styled": "^11.3.0", "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/react", "@emotion/styled", "@types/react"] }, "sha512-ojZGVcRWqWhu557cdO3pWHloIGJdzVtxs3rk0F9L+x55LsUjcMUVkEhiF7E4TMxZoF9MmIHGGs0ZX3FDLAf0Xw=="],
|
||||
|
||||
"@mui/types": ["@mui/types@7.2.24", "", { "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@types/react"] }, "sha512-3c8tRt/CbWZ+pEg7QpSwbdxOk36EfmhbKf6AGZsD1EcLDLTSZoxxJ86FVtcjxvjuhdyBiWKSTGZFaXCnidO2kw=="],
|
||||
|
||||
"@mui/utils": ["@mui/utils@5.17.1", "", { "dependencies": { "@babel/runtime": "^7.23.9", "@mui/types": "~7.2.15", "@types/prop-types": "^15.7.12", "clsx": "^2.1.1", "prop-types": "^15.8.1", "react-is": "^19.0.0" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@types/react"] }, "sha512-jEZ8FTqInt2WzxDV8bhImWBqeQRD99c/id/fq83H0ER9tFl+sfZlaAoCdznGvbSQQ9ividMxqSV2c7cC1vBcQg=="],
|
||||
|
||||
"@popperjs/core": ["@popperjs/core@2.11.8", "", {}, "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="],
|
||||
|
||||
"@react-leaflet/core": ["@react-leaflet/core@2.1.0", "", { "peerDependencies": { "leaflet": "^1.9.0", "react": "^18.0.0", "react-dom": "^18.0.0" } }, "sha512-Qk7Pfu8BSarKGqILj4x7bCSZ1pjuAPZ+qmRwH5S7mDS91VSbVVsJSrW4qA+GPrro8t69gFYVMWb1Zc4yFmPiVg=="],
|
||||
|
||||
"@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-beta.27", "", {}, "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA=="],
|
||||
|
||||
"@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.60.0", "", { "os": "android", "cpu": "arm" }, "sha512-WOhNW9K8bR3kf4zLxbfg6Pxu2ybOUbB2AjMDHSQx86LIF4rH4Ft7vmMwNt0loO0eonglSNy4cpD3MKXXKQu0/A=="],
|
||||
|
||||
"@rollup/rollup-android-arm64": ["@rollup/rollup-android-arm64@4.60.0", "", { "os": "android", "cpu": "arm64" }, "sha512-u6JHLll5QKRvjciE78bQXDmqRqNs5M/3GVqZeMwvmjaNODJih/WIrJlFVEihvV0MiYFmd+ZyPr9wxOVbPAG2Iw=="],
|
||||
|
||||
"@rollup/rollup-darwin-arm64": ["@rollup/rollup-darwin-arm64@4.60.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-qEF7CsKKzSRc20Ciu2Zw1wRrBz4g56F7r/vRwY430UPp/nt1x21Q/fpJ9N5l47WWvJlkNCPJz3QRVw008fi7yA=="],
|
||||
|
||||
"@rollup/rollup-darwin-x64": ["@rollup/rollup-darwin-x64@4.60.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-WADYozJ4QCnXCH4wPB+3FuGmDPoFseVCUrANmA5LWwGmC6FL14BWC7pcq+FstOZv3baGX65tZ378uT6WG8ynTw=="],
|
||||
|
||||
"@rollup/rollup-freebsd-arm64": ["@rollup/rollup-freebsd-arm64@4.60.0", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-6b8wGHJlDrGeSE3aH5mGNHBjA0TTkxdoNHik5EkvPHCt351XnigA4pS7Wsj/Eo9Y8RBU6f35cjN9SYmCFBtzxw=="],
|
||||
|
||||
"@rollup/rollup-freebsd-x64": ["@rollup/rollup-freebsd-x64@4.60.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-h25Ga0t4jaylMB8M/JKAyrvvfxGRjnPQIR8lnCayyzEjEOx2EJIlIiMbhpWxDRKGKF8jbNH01NnN663dH638mA=="],
|
||||
|
||||
"@rollup/rollup-linux-arm-gnueabihf": ["@rollup/rollup-linux-arm-gnueabihf@4.60.0", "", { "os": "linux", "cpu": "arm" }, "sha512-RzeBwv0B3qtVBWtcuABtSuCzToo2IEAIQrcyB/b2zMvBWVbjo8bZDjACUpnaafaxhTw2W+imQbP2BD1usasK4g=="],
|
||||
|
||||
"@rollup/rollup-linux-arm-musleabihf": ["@rollup/rollup-linux-arm-musleabihf@4.60.0", "", { "os": "linux", "cpu": "arm" }, "sha512-Sf7zusNI2CIU1HLzuu9Tc5YGAHEZs5Lu7N1ssJG4Tkw6e0MEsN7NdjUDDfGNHy2IU+ENyWT+L2obgWiguWibWQ=="],
|
||||
|
||||
"@rollup/rollup-linux-arm64-gnu": ["@rollup/rollup-linux-arm64-gnu@4.60.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-DX2x7CMcrJzsE91q7/O02IJQ5/aLkVtYFryqCjduJhUfGKG6yJV8hxaw8pZa93lLEpPTP/ohdN4wFz7yp/ry9A=="],
|
||||
|
||||
"@rollup/rollup-linux-arm64-musl": ["@rollup/rollup-linux-arm64-musl@4.60.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-09EL+yFVbJZlhcQfShpswwRZ0Rg+z/CsSELFCnPt3iK+iqwGsI4zht3secj5vLEs957QvFFXnzAT0FFPIxSrkQ=="],
|
||||
|
||||
"@rollup/rollup-linux-loong64-gnu": ["@rollup/rollup-linux-loong64-gnu@4.60.0", "", { "os": "linux", "cpu": "none" }, "sha512-i9IcCMPr3EXm8EQg5jnja0Zyc1iFxJjZWlb4wr7U2Wx/GrddOuEafxRdMPRYVaXjgbhvqalp6np07hN1w9kAKw=="],
|
||||
|
||||
"@rollup/rollup-linux-loong64-musl": ["@rollup/rollup-linux-loong64-musl@4.60.0", "", { "os": "linux", "cpu": "none" }, "sha512-DGzdJK9kyJ+B78MCkWeGnpXJ91tK/iKA6HwHxF4TAlPIY7GXEvMe8hBFRgdrR9Ly4qebR/7gfUs9y2IoaVEyog=="],
|
||||
|
||||
"@rollup/rollup-linux-ppc64-gnu": ["@rollup/rollup-linux-ppc64-gnu@4.60.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-RwpnLsqC8qbS8z1H1AxBA1H6qknR4YpPR9w2XX0vo2Sz10miu57PkNcnHVaZkbqyw/kUWfKMI73jhmfi9BRMUQ=="],
|
||||
|
||||
"@rollup/rollup-linux-ppc64-musl": ["@rollup/rollup-linux-ppc64-musl@4.60.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-Z8pPf54Ly3aqtdWC3G4rFigZgNvd+qJlOE52fmko3KST9SoGfAdSRCwyoyG05q1HrrAblLbk1/PSIV+80/pxLg=="],
|
||||
|
||||
"@rollup/rollup-linux-riscv64-gnu": ["@rollup/rollup-linux-riscv64-gnu@4.60.0", "", { "os": "linux", "cpu": "none" }, "sha512-3a3qQustp3COCGvnP4SvrMHnPQ9d1vzCakQVRTliaz8cIp/wULGjiGpbcqrkv0WrHTEp8bQD/B3HBjzujVWLOA=="],
|
||||
|
||||
"@rollup/rollup-linux-riscv64-musl": ["@rollup/rollup-linux-riscv64-musl@4.60.0", "", { "os": "linux", "cpu": "none" }, "sha512-pjZDsVH/1VsghMJ2/kAaxt6dL0psT6ZexQVrijczOf+PeP2BUqTHYejk3l6TlPRydggINOeNRhvpLa0AYpCWSQ=="],
|
||||
|
||||
"@rollup/rollup-linux-s390x-gnu": ["@rollup/rollup-linux-s390x-gnu@4.60.0", "", { "os": "linux", "cpu": "s390x" }, "sha512-3ObQs0BhvPgiUVZrN7gqCSvmFuMWvWvsjG5ayJ3Lraqv+2KhOsp+pUbigqbeWqueGIsnn+09HBw27rJ+gYK4VQ=="],
|
||||
|
||||
"@rollup/rollup-linux-x64-gnu": ["@rollup/rollup-linux-x64-gnu@4.60.0", "", { "os": "linux", "cpu": "x64" }, "sha512-EtylprDtQPdS5rXvAayrNDYoJhIz1/vzN2fEubo3yLE7tfAw+948dO0g4M0vkTVFhKojnF+n6C8bDNe+gDRdTg=="],
|
||||
|
||||
"@rollup/rollup-linux-x64-musl": ["@rollup/rollup-linux-x64-musl@4.60.0", "", { "os": "linux", "cpu": "x64" }, "sha512-k09oiRCi/bHU9UVFqD17r3eJR9bn03TyKraCrlz5ULFJGdJGi7VOmm9jl44vOJvRJ6P7WuBi/s2A97LxxHGIdw=="],
|
||||
|
||||
"@rollup/rollup-openbsd-x64": ["@rollup/rollup-openbsd-x64@4.60.0", "", { "os": "openbsd", "cpu": "x64" }, "sha512-1o/0/pIhozoSaDJoDcec+IVLbnRtQmHwPV730+AOD29lHEEo4F5BEUB24H0OBdhbBBDwIOSuf7vgg0Ywxdfiiw=="],
|
||||
|
||||
"@rollup/rollup-openharmony-arm64": ["@rollup/rollup-openharmony-arm64@4.60.0", "", { "os": "none", "cpu": "arm64" }, "sha512-pESDkos/PDzYwtyzB5p/UoNU/8fJo68vcXM9ZW2V0kjYayj1KaaUfi1NmTUTUpMn4UhU4gTuK8gIaFO4UGuMbA=="],
|
||||
|
||||
"@rollup/rollup-win32-arm64-msvc": ["@rollup/rollup-win32-arm64-msvc@4.60.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-hj1wFStD7B1YBeYmvY+lWXZ7ey73YGPcViMShYikqKT1GtstIKQAtfUI6yrzPjAy/O7pO0VLXGmUVWXQMaYgTQ=="],
|
||||
|
||||
"@rollup/rollup-win32-ia32-msvc": ["@rollup/rollup-win32-ia32-msvc@4.60.0", "", { "os": "win32", "cpu": "ia32" }, "sha512-SyaIPFoxmUPlNDq5EHkTbiKzmSEmq/gOYFI/3HHJ8iS/v1mbugVa7dXUzcJGQfoytp9DJFLhHH4U3/eTy2Bq4w=="],
|
||||
|
||||
"@rollup/rollup-win32-x64-gnu": ["@rollup/rollup-win32-x64-gnu@4.60.0", "", { "os": "win32", "cpu": "x64" }, "sha512-RdcryEfzZr+lAr5kRm2ucN9aVlCCa2QNq4hXelZxb8GG0NJSazq44Z3PCCc8wISRuCVnGs0lQJVX5Vp6fKA+IA=="],
|
||||
|
||||
"@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.60.0", "", { "os": "win32", "cpu": "x64" }, "sha512-PrsWNQ8BuE00O3Xsx3ALh2Df8fAj9+cvvX9AIA6o4KpATR98c9mud4XtDWVvsEuyia5U4tVSTKygawyJkjm60w=="],
|
||||
|
||||
"@types/babel__core": ["@types/babel__core@7.20.5", "", { "dependencies": { "@babel/parser": "^7.20.7", "@babel/types": "^7.20.7", "@types/babel__generator": "*", "@types/babel__template": "*", "@types/babel__traverse": "*" } }, "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA=="],
|
||||
|
||||
"@types/babel__generator": ["@types/babel__generator@7.27.0", "", { "dependencies": { "@babel/types": "^7.0.0" } }, "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg=="],
|
||||
|
||||
"@types/babel__template": ["@types/babel__template@7.4.4", "", { "dependencies": { "@babel/parser": "^7.1.0", "@babel/types": "^7.0.0" } }, "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A=="],
|
||||
|
||||
"@types/babel__traverse": ["@types/babel__traverse@7.28.0", "", { "dependencies": { "@babel/types": "^7.28.2" } }, "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q=="],
|
||||
|
||||
"@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
|
||||
|
||||
"@types/geojson": ["@types/geojson@7946.0.16", "", {}, "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg=="],
|
||||
|
||||
"@types/hoist-non-react-statics": ["@types/hoist-non-react-statics@3.3.7", "", { "dependencies": { "hoist-non-react-statics": "^3.3.0" }, "peerDependencies": { "@types/react": "*" } }, "sha512-PQTyIulDkIDro8P+IHbKCsw7U2xxBYflVzW/FgWdCAePD9xGSidgA76/GeJ6lBKoblyhf9pBY763gbrN+1dI8g=="],
|
||||
|
||||
"@types/leaflet": ["@types/leaflet@1.9.21", "", { "dependencies": { "@types/geojson": "*" } }, "sha512-TbAd9DaPGSnzp6QvtYngntMZgcRk+igFELwR2N99XZn7RXUdKgsXMR+28bUO0rPsWp8MIu/f47luLIQuSLYv/w=="],
|
||||
|
||||
"@types/leaflet-draw": ["@types/leaflet-draw@1.0.13", "", { "dependencies": { "@types/leaflet": "^1.9" } }, "sha512-YU82kilOaU+wPNbqKCCDfHH3hqepN6XilrBwG/mSeZ/z4ewumaRCOah44s3FMxSu/Aa0SVa3PPJvhIZDUA09mw=="],
|
||||
|
||||
"@types/leaflet-polylinedecorator": ["@types/leaflet-polylinedecorator@1.6.5", "", { "dependencies": { "@types/leaflet": "^1.9" } }, "sha512-m3hMuCyii8t7N/t1xc9aMzpA/tTnc/WFq63yR334Fgbw4jDytTCUcTNvACmod6bnZl5oCigqyTd7Pbb+VQtGZQ=="],
|
||||
|
||||
"@types/parse-json": ["@types/parse-json@4.0.2", "", {}, "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="],
|
||||
|
||||
"@types/prop-types": ["@types/prop-types@15.7.15", "", {}, "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw=="],
|
||||
|
||||
"@types/react": ["@types/react@18.3.28", "", { "dependencies": { "@types/prop-types": "*", "csstype": "^3.2.2" } }, "sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw=="],
|
||||
|
||||
"@types/react-dom": ["@types/react-dom@18.3.7", "", { "peerDependencies": { "@types/react": "^18.0.0" } }, "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ=="],
|
||||
|
||||
"@types/react-transition-group": ["@types/react-transition-group@4.4.12", "", { "peerDependencies": { "@types/react": "*" } }, "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w=="],
|
||||
|
||||
"@types/use-sync-external-store": ["@types/use-sync-external-store@0.0.3", "", {}, "sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA=="],
|
||||
|
||||
"@vitejs/plugin-react": ["@vitejs/plugin-react@4.7.0", "", { "dependencies": { "@babel/core": "^7.28.0", "@babel/plugin-transform-react-jsx-self": "^7.27.1", "@babel/plugin-transform-react-jsx-source": "^7.27.1", "@rolldown/pluginutils": "1.0.0-beta.27", "@types/babel__core": "^7.20.5", "react-refresh": "^0.17.0" }, "peerDependencies": { "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" } }, "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA=="],
|
||||
|
||||
"babel-plugin-macros": ["babel-plugin-macros@3.1.0", "", { "dependencies": { "@babel/runtime": "^7.12.5", "cosmiconfig": "^7.0.0", "resolve": "^1.19.0" } }, "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg=="],
|
||||
|
||||
"baseline-browser-mapping": ["baseline-browser-mapping@2.10.10", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-sUoJ3IMxx4AyRqO4MLeHlnGDkyXRoUG0/AI9fjK+vS72ekpV0yWVY7O0BVjmBcRtkNcsAO2QDZ4tdKKGoI6YaQ=="],
|
||||
|
||||
"boolbase": ["boolbase@1.0.0", "", {}, "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="],
|
||||
|
||||
"browserslist": ["browserslist@4.28.1", "", { "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", "electron-to-chromium": "^1.5.263", "node-releases": "^2.0.27", "update-browserslist-db": "^1.2.0" }, "bin": { "browserslist": "cli.js" } }, "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA=="],
|
||||
|
||||
"callsites": ["callsites@3.1.0", "", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],
|
||||
|
||||
"caniuse-lite": ["caniuse-lite@1.0.30001781", "", {}, "sha512-RdwNCyMsNBftLjW6w01z8bKEvT6e/5tpPVEgtn22TiLGlstHOVecsX2KHFkD5e/vRnIE4EGzpuIODb3mtswtkw=="],
|
||||
|
||||
"chart.js": ["chart.js@4.5.1", "", { "dependencies": { "@kurkle/color": "^0.3.0" } }, "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw=="],
|
||||
|
||||
"clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
|
||||
|
||||
"commander": ["commander@7.2.0", "", {}, "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="],
|
||||
|
||||
"convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
|
||||
|
||||
"cosmiconfig": ["cosmiconfig@7.1.0", "", { "dependencies": { "@types/parse-json": "^4.0.0", "import-fresh": "^3.2.1", "parse-json": "^5.0.0", "path-type": "^4.0.0", "yaml": "^1.10.0" } }, "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA=="],
|
||||
|
||||
"css-box-model": ["css-box-model@1.2.1", "", { "dependencies": { "tiny-invariant": "^1.0.6" } }, "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw=="],
|
||||
|
||||
"css-select": ["css-select@5.2.2", "", { "dependencies": { "boolbase": "^1.0.0", "css-what": "^6.1.0", "domhandler": "^5.0.2", "domutils": "^3.0.1", "nth-check": "^2.0.1" } }, "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw=="],
|
||||
|
||||
"css-tree": ["css-tree@2.3.1", "", { "dependencies": { "mdn-data": "2.0.30", "source-map-js": "^1.0.1" } }, "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw=="],
|
||||
|
||||
"css-what": ["css-what@6.2.2", "", {}, "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA=="],
|
||||
|
||||
"csso": ["csso@5.0.5", "", { "dependencies": { "css-tree": "~2.2.0" } }, "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ=="],
|
||||
|
||||
"csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
|
||||
|
||||
"debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
|
||||
|
||||
"dom-helpers": ["dom-helpers@5.2.1", "", { "dependencies": { "@babel/runtime": "^7.8.7", "csstype": "^3.0.2" } }, "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA=="],
|
||||
|
||||
"dom-serializer": ["dom-serializer@2.0.0", "", { "dependencies": { "domelementtype": "^2.3.0", "domhandler": "^5.0.2", "entities": "^4.2.0" } }, "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg=="],
|
||||
|
||||
"domelementtype": ["domelementtype@2.3.0", "", {}, "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="],
|
||||
|
||||
"domhandler": ["domhandler@5.0.3", "", { "dependencies": { "domelementtype": "^2.3.0" } }, "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w=="],
|
||||
|
||||
"domutils": ["domutils@3.2.2", "", { "dependencies": { "dom-serializer": "^2.0.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3" } }, "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw=="],
|
||||
|
||||
"electron-to-chromium": ["electron-to-chromium@1.5.325", "", {}, "sha512-PwfIw7WQSt3xX7yOf5OE/unLzsK9CaN2f/FvV3WjPR1Knoc1T9vePRVV4W1EM301JzzysK51K7FNKcusCr0zYA=="],
|
||||
|
||||
"entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
|
||||
|
||||
"error-ex": ["error-ex@1.3.4", "", { "dependencies": { "is-arrayish": "^0.2.1" } }, "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ=="],
|
||||
|
||||
"esbuild": ["esbuild@0.25.12", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.25.12", "@esbuild/android-arm": "0.25.12", "@esbuild/android-arm64": "0.25.12", "@esbuild/android-x64": "0.25.12", "@esbuild/darwin-arm64": "0.25.12", "@esbuild/darwin-x64": "0.25.12", "@esbuild/freebsd-arm64": "0.25.12", "@esbuild/freebsd-x64": "0.25.12", "@esbuild/linux-arm": "0.25.12", "@esbuild/linux-arm64": "0.25.12", "@esbuild/linux-ia32": "0.25.12", "@esbuild/linux-loong64": "0.25.12", "@esbuild/linux-mips64el": "0.25.12", "@esbuild/linux-ppc64": "0.25.12", "@esbuild/linux-riscv64": "0.25.12", "@esbuild/linux-s390x": "0.25.12", "@esbuild/linux-x64": "0.25.12", "@esbuild/netbsd-arm64": "0.25.12", "@esbuild/netbsd-x64": "0.25.12", "@esbuild/openbsd-arm64": "0.25.12", "@esbuild/openbsd-x64": "0.25.12", "@esbuild/openharmony-arm64": "0.25.12", "@esbuild/sunos-x64": "0.25.12", "@esbuild/win32-arm64": "0.25.12", "@esbuild/win32-ia32": "0.25.12", "@esbuild/win32-x64": "0.25.12" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg=="],
|
||||
|
||||
"escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
|
||||
|
||||
"escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
|
||||
|
||||
"fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
|
||||
|
||||
"find-root": ["find-root@1.1.0", "", {}, "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="],
|
||||
|
||||
"fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
|
||||
|
||||
"function-bind": ["function-bind@1.1.2", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
|
||||
|
||||
"gensync": ["gensync@1.0.0-beta.2", "", {}, "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="],
|
||||
|
||||
"hasown": ["hasown@2.0.2", "", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ=="],
|
||||
|
||||
"hoist-non-react-statics": ["hoist-non-react-statics@3.3.2", "", { "dependencies": { "react-is": "^16.7.0" } }, "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw=="],
|
||||
|
||||
"import-fresh": ["import-fresh@3.3.1", "", { "dependencies": { "parent-module": "^1.0.0", "resolve-from": "^4.0.0" } }, "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ=="],
|
||||
|
||||
"is-arrayish": ["is-arrayish@0.2.1", "", {}, "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="],
|
||||
|
||||
"is-core-module": ["is-core-module@2.16.1", "", { "dependencies": { "hasown": "^2.0.2" } }, "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w=="],
|
||||
|
||||
"js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
|
||||
|
||||
"jsesc": ["jsesc@3.1.0", "", { "bin": { "jsesc": "bin/jsesc" } }, "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA=="],
|
||||
|
||||
"json-parse-even-better-errors": ["json-parse-even-better-errors@2.3.1", "", {}, "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="],
|
||||
|
||||
"json5": ["json5@2.2.3", "", { "bin": { "json5": "lib/cli.js" } }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="],
|
||||
|
||||
"leaflet": ["leaflet@1.9.4", "", {}, "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA=="],
|
||||
|
||||
"leaflet-draw": ["leaflet-draw@1.0.4", "", {}, "sha512-rsQ6saQO5ST5Aj6XRFylr5zvarWgzWnrg46zQ1MEOEIHsppdC/8hnN8qMoFvACsPvTioAuysya/TVtog15tyAQ=="],
|
||||
|
||||
"leaflet-polylinedecorator": ["leaflet-polylinedecorator@1.6.0", "", { "dependencies": { "leaflet-rotatedmarker": "^0.2.0" } }, "sha512-kn3krmZRetgvN0wjhgYL8kvyLS0tUogAl0vtHuXQnwlYNjbl7aLQpkoFUo8UB8gVZoB0dhI4Tb55VdTJAcYzzQ=="],
|
||||
|
||||
"leaflet-rotatedmarker": ["leaflet-rotatedmarker@0.2.0", "", {}, "sha512-yc97gxLXwbZa+Gk9VCcqI0CkvIBC9oNTTjFsHqq4EQvANrvaboib4UdeQLyTnEqDpaXHCqzwwVIDHtvz2mUiDg=="],
|
||||
|
||||
"lines-and-columns": ["lines-and-columns@1.2.4", "", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],
|
||||
|
||||
"loose-envify": ["loose-envify@1.4.0", "", { "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" }, "bin": { "loose-envify": "cli.js" } }, "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q=="],
|
||||
|
||||
"lru-cache": ["lru-cache@5.1.1", "", { "dependencies": { "yallist": "^3.0.2" } }, "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w=="],
|
||||
|
||||
"mdn-data": ["mdn-data@2.0.30", "", {}, "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="],
|
||||
|
||||
"memoize-one": ["memoize-one@6.0.0", "", {}, "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="],
|
||||
|
||||
"ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
|
||||
|
||||
"nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
|
||||
|
||||
"node-releases": ["node-releases@2.0.36", "", {}, "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA=="],
|
||||
|
||||
"nth-check": ["nth-check@2.1.1", "", { "dependencies": { "boolbase": "^1.0.0" } }, "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w=="],
|
||||
|
||||
"object-assign": ["object-assign@4.1.1", "", {}, "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="],
|
||||
|
||||
"parent-module": ["parent-module@1.0.1", "", { "dependencies": { "callsites": "^3.0.0" } }, "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g=="],
|
||||
|
||||
"parse-json": ["parse-json@5.2.0", "", { "dependencies": { "@babel/code-frame": "^7.0.0", "error-ex": "^1.3.1", "json-parse-even-better-errors": "^2.3.0", "lines-and-columns": "^1.1.6" } }, "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg=="],
|
||||
|
||||
"path-parse": ["path-parse@1.0.7", "", {}, "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="],
|
||||
|
||||
"path-type": ["path-type@4.0.0", "", {}, "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="],
|
||||
|
||||
"picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
|
||||
|
||||
"picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
|
||||
|
||||
"postcss": ["postcss@8.5.8", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg=="],
|
||||
|
||||
"prop-types": ["prop-types@15.8.1", "", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
|
||||
|
||||
"raf-schd": ["raf-schd@4.0.3", "", {}, "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ=="],
|
||||
|
||||
"react": ["react@18.3.1", "", { "dependencies": { "loose-envify": "^1.1.0" } }, "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ=="],
|
||||
|
||||
"react-chartjs-2": ["react-chartjs-2@5.3.1", "", { "peerDependencies": { "chart.js": "^4.1.1", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-h5IPXKg9EXpjoBzUfyWJvllMjG2mQ4EiuHQFhms/AjUm0XSZHhyRy2xVmLXHKrtcdrPO4mnGqRtYoD0vp95A0A=="],
|
||||
|
||||
"react-dom": ["react-dom@18.3.1", "", { "dependencies": { "loose-envify": "^1.1.0", "scheduler": "^0.23.2" }, "peerDependencies": { "react": "^18.3.1" } }, "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw=="],
|
||||
|
||||
"react-icons": ["react-icons@5.6.0", "", { "peerDependencies": { "react": "*" } }, "sha512-RH93p5ki6LfOiIt0UtDyNg/cee+HLVR6cHHtW3wALfo+eOHTp8RnU2kRkI6E+H19zMIs03DyxUG/GfZMOGvmiA=="],
|
||||
|
||||
"react-is": ["react-is@19.2.4", "", {}, "sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA=="],
|
||||
|
||||
"react-leaflet": ["react-leaflet@4.2.1", "", { "dependencies": { "@react-leaflet/core": "^2.1.0" }, "peerDependencies": { "leaflet": "^1.9.0", "react": "^18.0.0", "react-dom": "^18.0.0" } }, "sha512-p9chkvhcKrWn/H/1FFeVSqLdReGwn2qmiobOQGO3BifX+/vV/39qhY8dGqbdcPh1e6jxh/QHriLXr7a4eLFK4Q=="],
|
||||
|
||||
"react-redux": ["react-redux@8.1.3", "", { "dependencies": { "@babel/runtime": "^7.12.1", "@types/hoist-non-react-statics": "^3.3.1", "@types/use-sync-external-store": "^0.0.3", "hoist-non-react-statics": "^3.3.2", "react-is": "^18.0.0", "use-sync-external-store": "^1.0.0" }, "peerDependencies": { "@types/react": "^16.8 || ^17.0 || ^18.0", "@types/react-dom": "^16.8 || ^17.0 || ^18.0", "react": "^16.8 || ^17.0 || ^18.0", "react-dom": "^16.8 || ^17.0 || ^18.0", "react-native": ">=0.59", "redux": "^4 || ^5.0.0-beta.0" }, "optionalPeers": ["@types/react", "@types/react-dom", "react-dom", "react-native", "redux"] }, "sha512-n0ZrutD7DaX/j9VscF+uTALI3oUPa/pO4Z3soOBIjuRn/FzVu6aehhysxZCLi6y7duMf52WNZGMl7CtuK5EnRw=="],
|
||||
|
||||
"react-refresh": ["react-refresh@0.17.0", "", {}, "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ=="],
|
||||
|
||||
"react-transition-group": ["react-transition-group@4.4.5", "", { "dependencies": { "@babel/runtime": "^7.5.5", "dom-helpers": "^5.0.1", "loose-envify": "^1.4.0", "prop-types": "^15.6.2" }, "peerDependencies": { "react": ">=16.6.0", "react-dom": ">=16.6.0" } }, "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g=="],
|
||||
|
||||
"react-world-flags": ["react-world-flags@1.6.0", "", { "dependencies": { "svg-country-flags": "^1.2.10", "svgo": "^3.0.2", "world-countries": "^5.0.0" }, "peerDependencies": { "react": ">=0.14" } }, "sha512-eutSeAy5YKoVh14js/JUCSlA6EBk1n4k+bDaV+NkNB50VhnG+f4QDTpYycnTUTsZ5cqw/saPmk0Z4Fa0VVZ1Iw=="],
|
||||
|
||||
"redux": ["redux@4.2.1", "", { "dependencies": { "@babel/runtime": "^7.9.2" } }, "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w=="],
|
||||
|
||||
"resolve": ["resolve@1.22.11", "", { "dependencies": { "is-core-module": "^2.16.1", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ=="],
|
||||
|
||||
"resolve-from": ["resolve-from@4.0.0", "", {}, "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="],
|
||||
|
||||
"rollup": ["rollup@4.60.0", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.60.0", "@rollup/rollup-android-arm64": "4.60.0", "@rollup/rollup-darwin-arm64": "4.60.0", "@rollup/rollup-darwin-x64": "4.60.0", "@rollup/rollup-freebsd-arm64": "4.60.0", "@rollup/rollup-freebsd-x64": "4.60.0", "@rollup/rollup-linux-arm-gnueabihf": "4.60.0", "@rollup/rollup-linux-arm-musleabihf": "4.60.0", "@rollup/rollup-linux-arm64-gnu": "4.60.0", "@rollup/rollup-linux-arm64-musl": "4.60.0", "@rollup/rollup-linux-loong64-gnu": "4.60.0", "@rollup/rollup-linux-loong64-musl": "4.60.0", "@rollup/rollup-linux-ppc64-gnu": "4.60.0", "@rollup/rollup-linux-ppc64-musl": "4.60.0", "@rollup/rollup-linux-riscv64-gnu": "4.60.0", "@rollup/rollup-linux-riscv64-musl": "4.60.0", "@rollup/rollup-linux-s390x-gnu": "4.60.0", "@rollup/rollup-linux-x64-gnu": "4.60.0", "@rollup/rollup-linux-x64-musl": "4.60.0", "@rollup/rollup-openbsd-x64": "4.60.0", "@rollup/rollup-openharmony-arm64": "4.60.0", "@rollup/rollup-win32-arm64-msvc": "4.60.0", "@rollup/rollup-win32-ia32-msvc": "4.60.0", "@rollup/rollup-win32-x64-gnu": "4.60.0", "@rollup/rollup-win32-x64-msvc": "4.60.0", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-yqjxruMGBQJ2gG4HtjZtAfXArHomazDHoFwFFmZZl0r7Pdo7qCIXKqKHZc8yeoMgzJJ+pO6pEEHa+V7uzWlrAQ=="],
|
||||
|
||||
"sax": ["sax@1.6.0", "", {}, "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA=="],
|
||||
|
||||
"scheduler": ["scheduler@0.23.2", "", { "dependencies": { "loose-envify": "^1.1.0" } }, "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ=="],
|
||||
|
||||
"semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
|
||||
|
||||
"source-map": ["source-map@0.5.7", "", {}, "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ=="],
|
||||
|
||||
"source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
|
||||
|
||||
"stylis": ["stylis@4.2.0", "", {}, "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="],
|
||||
|
||||
"supports-preserve-symlinks-flag": ["supports-preserve-symlinks-flag@1.0.0", "", {}, "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="],
|
||||
|
||||
"svg-country-flags": ["svg-country-flags@1.2.10", "", {}, "sha512-xrqwo0TYf/h2cfPvGpjdSuSguUbri4vNNizBnwzoZnX0xGo3O5nGJMlbYEp7NOYcnPGBm6LE2axqDWSB847bLw=="],
|
||||
|
||||
"svgo": ["svgo@3.3.3", "", { "dependencies": { "commander": "^7.2.0", "css-select": "^5.1.0", "css-tree": "^2.3.1", "css-what": "^6.1.0", "csso": "^5.0.5", "picocolors": "^1.0.0", "sax": "^1.5.0" }, "bin": "./bin/svgo" }, "sha512-+wn7I4p7YgJhHs38k2TNjy1vCfPIfLIJWR5MnCStsN8WuuTcBnRKcMHQLMM2ijxGZmDoZwNv8ipl5aTTen62ng=="],
|
||||
|
||||
"tiny-invariant": ["tiny-invariant@1.3.3", "", {}, "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="],
|
||||
|
||||
"tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
|
||||
|
||||
"typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
|
||||
|
||||
"update-browserslist-db": ["update-browserslist-db@1.2.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w=="],
|
||||
|
||||
"use-memo-one": ["use-memo-one@1.1.3", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ=="],
|
||||
|
||||
"use-sync-external-store": ["use-sync-external-store@1.6.0", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w=="],
|
||||
|
||||
"vite": ["vite@6.4.1", "", { "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.4.4", "picomatch": "^4.0.2", "postcss": "^8.5.3", "rollup": "^4.34.9", "tinyglobby": "^0.2.13" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", "jiti": ">=1.21.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g=="],
|
||||
|
||||
"world-countries": ["world-countries@5.1.0", "", {}, "sha512-CXR6EBvTbArDlDDIWU3gfKb7Qk0ck2WNZ234b/A0vuecPzIfzzxH+O6Ejnvg1sT8XuiZjVlzOH0h08ZtaO7g0w=="],
|
||||
|
||||
"yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],
|
||||
|
||||
"yaml": ["yaml@1.10.3", "", {}, "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA=="],
|
||||
|
||||
"@emotion/babel-plugin/convert-source-map": ["convert-source-map@1.9.0", "", {}, "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="],
|
||||
|
||||
"csso/css-tree": ["css-tree@2.2.1", "", { "dependencies": { "mdn-data": "2.0.28", "source-map-js": "^1.0.1" } }, "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA=="],
|
||||
|
||||
"hoist-non-react-statics/react-is": ["react-is@16.13.1", "", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
|
||||
|
||||
"prop-types/react-is": ["react-is@16.13.1", "", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
|
||||
|
||||
"react-redux/react-is": ["react-is@18.3.1", "", {}, "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="],
|
||||
|
||||
"csso/css-tree/mdn-data": ["mdn-data@2.0.28", "", {}, "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g=="],
|
||||
}
|
||||
}
|
||||
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
bun run build
|
||||
scp -i "D:\sync\keys\azaion\.ssh\azaion_server_id" -r dist/* root@188.245.120.247:/var/www/mission-planner
|
||||
Vendored
+38
@@ -0,0 +1,38 @@
|
||||
cd /etc/nginx/sites-available
|
||||
|
||||
tee -a missions.azaion.com << END
|
||||
server {
|
||||
listen 443 ssl;
|
||||
server_name missions.azaion.com;
|
||||
|
||||
ssl_certificate /etc/letsencrypt/live/missions.azaion.com/fullchain.pem;
|
||||
ssl_certificate_key /etc/letsencrypt/live/missions.azaion.com/privkey.pem;
|
||||
|
||||
root /var/www/mission-planner;
|
||||
index index.html;
|
||||
|
||||
location / {
|
||||
try_files \$uri /index.html;
|
||||
}
|
||||
|
||||
error_page 404 /index.html;
|
||||
}
|
||||
|
||||
server {
|
||||
listen 80;
|
||||
server_name missions.azaion.com;
|
||||
|
||||
# Redirect all HTTP requests to HTTPS
|
||||
return 301 https://\$host\$request_uri;
|
||||
}
|
||||
END
|
||||
ln -s /etc/nginx/sites-available/missions.azaion.com /etc/nginx/sites-enabled/
|
||||
|
||||
# create certs
|
||||
certbot --nginx -d missions.azaion.com
|
||||
|
||||
mkdir /var/www/mission-planner
|
||||
sudo chown -R www-data:www-data /var/www/mission-planner
|
||||
sudo chmod -R 755 /var/www/mission-planner
|
||||
|
||||
systemctl restart nginx
|
||||
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta
|
||||
name="description"
|
||||
content="Tool for setup waypoints and zones for flight missions"
|
||||
/>
|
||||
<link rel="apple-touch-icon" href="/logo128.png" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<title>Azaion Mission Planner</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,38 @@
|
||||
{
|
||||
"name": "mission-planner",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "tsc -b && vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@emotion/react": "^11.13.3",
|
||||
"@emotion/styled": "^11.13.0",
|
||||
"@hello-pangea/dnd": "^16.6.0",
|
||||
"@mui/icons-material": "^5.15.19",
|
||||
"@mui/material": "^5.16.7",
|
||||
"chart.js": "^4.4.4",
|
||||
"leaflet": "^1.9.4",
|
||||
"leaflet-draw": "^1.0.4",
|
||||
"leaflet-polylinedecorator": "^1.6.0",
|
||||
"react": "^18.3.1",
|
||||
"react-chartjs-2": "^5.2.0",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-icons": "^5.3.0",
|
||||
"react-leaflet": "^4.2.1",
|
||||
"react-world-flags": "^1.6.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/leaflet": "^1.9.12",
|
||||
"@types/leaflet-draw": "^1.0.12",
|
||||
"@types/leaflet-polylinedecorator": "^1.6.4",
|
||||
"@types/react": "^18.3.12",
|
||||
"@types/react-dom": "^18.3.1",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
"typescript": "^5.7.2",
|
||||
"vite": "^6.0.5"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"short_name": "Azaion Mission Planner",
|
||||
"name": "Azaion Mission Planner",
|
||||
"icons": [
|
||||
{
|
||||
"src": "favicon.ico",
|
||||
"sizes": "64x64 32x32 24x24 16x16",
|
||||
"type": "image/x-icon"
|
||||
},
|
||||
{
|
||||
"src": "logo128.png",
|
||||
"type": "image/png",
|
||||
"sizes": "128x128"
|
||||
},
|
||||
{
|
||||
"src": "logo256.png",
|
||||
"type": "image/png",
|
||||
"sizes": "256x256"
|
||||
}
|
||||
],
|
||||
"start_url": ".",
|
||||
"display": "standalone",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#ffffff"
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
# https://www.robotstxt.org/robotstxt.html
|
||||
User-agent: *
|
||||
Disallow:
|
||||
@@ -0,0 +1,38 @@
|
||||
.App {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.App-logo {
|
||||
height: 40vmin;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.App-logo {
|
||||
animation: App-logo-spin infinite 20s linear;
|
||||
}
|
||||
}
|
||||
|
||||
.App-header {
|
||||
background-color: #282c34;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: calc(10px + 2vmin);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.App-link {
|
||||
color: #61dafb;
|
||||
}
|
||||
|
||||
@keyframes App-logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
import './App.css';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="App">
|
||||
<header className="App-header">
|
||||
</header>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
@@ -0,0 +1,2 @@
|
||||
export const COORDINATE_PRECISION = 8;
|
||||
export const GOOGLE_GEOCODE_KEY = 'AIzaSyAhvDeYukuyWVrQYbRhuv91bsi_jj5_Iys';
|
||||
@@ -0,0 +1,5 @@
|
||||
export const actionModes = {
|
||||
points: 'points',
|
||||
workArea: 'workArea',
|
||||
prohibitedArea: 'prohibitedArea',
|
||||
} as const;
|
||||
@@ -0,0 +1,12 @@
|
||||
import type { Language } from '../types';
|
||||
|
||||
export const languages: Language[] = [
|
||||
{
|
||||
code: 'en',
|
||||
flag: 'US',
|
||||
},
|
||||
{
|
||||
code: 'ua',
|
||||
flag: 'UA',
|
||||
},
|
||||
];
|
||||
@@ -0,0 +1,4 @@
|
||||
export const mapTypes = {
|
||||
classic: 'classic',
|
||||
satellite: 'satellite',
|
||||
} as const;
|
||||
@@ -0,0 +1,12 @@
|
||||
import type { Purpose } from '../types';
|
||||
|
||||
export const purposes: Purpose[] = [
|
||||
{
|
||||
value: 'tank',
|
||||
label: 'Tank',
|
||||
},
|
||||
{
|
||||
value: 'artillery',
|
||||
label: 'Artillery',
|
||||
},
|
||||
];
|
||||
@@ -0,0 +1,4 @@
|
||||
export const tileUrls = {
|
||||
classic: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
|
||||
satellite: import.meta.env.VITE_SATELLITE_TILE_URL || 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
|
||||
};
|
||||
@@ -0,0 +1,138 @@
|
||||
import type { TranslationsMap } from '../types';
|
||||
|
||||
export const translations: TranslationsMap = {
|
||||
en: {
|
||||
language: 'Language',
|
||||
aircraft: 'Aircraft',
|
||||
label: 'Altitude (meters)',
|
||||
point: 'Point',
|
||||
height: 'Altitude',
|
||||
edit: 'Edit',
|
||||
currentPos: 'Current Position',
|
||||
return: 'Return Point',
|
||||
addPoints: 'Point',
|
||||
workArea: 'Work Area',
|
||||
prohibitedArea: 'Prohibited Area',
|
||||
location: 'Location',
|
||||
currentLocation: 'current location',
|
||||
exportData: 'Get Data',
|
||||
exportPlaneData: 'Export route',
|
||||
exportMapData: 'Export map',
|
||||
editAsJson: 'Edit as JSON',
|
||||
importFromJson: 'Import',
|
||||
export: 'Export',
|
||||
import: 'Import',
|
||||
operations: 'Operations',
|
||||
rectangleColor: 'Zone Color',
|
||||
red: 'Red',
|
||||
green: 'Green',
|
||||
initialAltitude: 'Initial Altitude',
|
||||
setAltitude: 'Set Altitude',
|
||||
setPoint: 'Set return Point',
|
||||
removePoint: 'Delete point',
|
||||
windSpeed: 'Wind Speed (km/h)',
|
||||
windDirection: 'Wind Direction (degrees)',
|
||||
setWind: 'Set Wind Parameters',
|
||||
title: 'Total Distance',
|
||||
distanceLabel: 'Total Distance:',
|
||||
fuelRequiredLabel: 'Fuel Required:',
|
||||
maxFuelLabel: 'Max Fuel Capacity:',
|
||||
flightStatus: {
|
||||
good: 'Can complete',
|
||||
caution: 'Can complete, but caution is advised.',
|
||||
low: 'Can`t complete.',
|
||||
},
|
||||
calc: 'calculated',
|
||||
error: 'Error calculating distance',
|
||||
km: 'km',
|
||||
metres: 'm.',
|
||||
litres: 'liters',
|
||||
hour: 'h',
|
||||
minutes: 'min',
|
||||
battery: 'bat.',
|
||||
titleAdd: 'Add New Point',
|
||||
titleEdit: 'Edit Point',
|
||||
description: 'Enter the coordinates, altitude, and purpose of the point.',
|
||||
latitude: 'Latitude',
|
||||
longitude: 'Longitude',
|
||||
altitude: 'Altitude',
|
||||
purpose: 'Purpose',
|
||||
cancel: 'Cancel',
|
||||
submitAdd: 'Add Point',
|
||||
submitEdit: 'Save Changes',
|
||||
options: {
|
||||
artillery: 'Artillery',
|
||||
tank: 'Tank',
|
||||
},
|
||||
invalid: 'Invalid JSON format',
|
||||
editm: 'Edit the JSON data as needed.',
|
||||
save: 'Save',
|
||||
},
|
||||
ua: {
|
||||
language: 'Мова',
|
||||
aircraft: 'Літак',
|
||||
label: 'Висота (метри)',
|
||||
point: 'Точка',
|
||||
height: 'Висота',
|
||||
edit: 'Редагувати',
|
||||
currentPos: 'Поточна позиція',
|
||||
return: 'Точка повернення',
|
||||
addPoints: 'Точка',
|
||||
workArea: 'Робоча зона',
|
||||
prohibitedArea: 'Заборонена зона',
|
||||
location: 'Місцезнаходження',
|
||||
currentLocation: 'поточне місцезнаходження',
|
||||
exportData: 'Отримати дані',
|
||||
exportPlaneData: 'Export route',
|
||||
exportMapData: 'Export map',
|
||||
editAsJson: 'Редагувати як JSON',
|
||||
importFromJson: 'Імпорт',
|
||||
export: 'Експорт',
|
||||
import: 'Імпорт',
|
||||
operations: 'Операції',
|
||||
rectangleColor: 'Колір зони',
|
||||
red: 'Червоний',
|
||||
green: 'Зелений',
|
||||
initialAltitude: 'Початкова висота',
|
||||
setAltitude: 'Встановити висоту',
|
||||
setPoint: 'Встановити точку повернення',
|
||||
removePoint: 'Видалити точку',
|
||||
windSpeed: 'Швидкість вітру (км/г)',
|
||||
windDirection: 'Напрямок вітру (градуси)',
|
||||
setWind: 'Встановити параметри вітру',
|
||||
title: 'Загальна відстань',
|
||||
distanceLabel: 'Загальна відстань:',
|
||||
fuelRequiredLabel: 'Необхідне пальне:',
|
||||
maxFuelLabel: 'Максимальна ємність пального:',
|
||||
flightStatus: {
|
||||
good: 'Долетить',
|
||||
caution: 'Долетить, але є ризики.',
|
||||
low: 'Не долетить.',
|
||||
},
|
||||
calc: 'розрахункова',
|
||||
error: 'Помилка при розрахунку відстані',
|
||||
km: 'км.',
|
||||
metres: 'м.',
|
||||
litres: 'л.',
|
||||
hour: 'год.',
|
||||
minutes: 'хв.',
|
||||
battery: 'бат.',
|
||||
titleAdd: 'Додати нову точку',
|
||||
titleEdit: 'Редагувати точку',
|
||||
description: 'Введіть координати, висоту та мету точки.',
|
||||
latitude: 'Широта',
|
||||
longitude: 'Довгота',
|
||||
altitude: 'Висота',
|
||||
purpose: 'Мета',
|
||||
cancel: 'Скасувати',
|
||||
submitAdd: 'Додати точку',
|
||||
submitEdit: 'Зберегти зміни',
|
||||
options: {
|
||||
artillery: 'Артилерія',
|
||||
tank: 'Танк',
|
||||
},
|
||||
invalid: 'Невірний JSON формат',
|
||||
editm: 'Відредагуйте JSON дані за потреби.',
|
||||
save: 'Зберегти',
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1,43 @@
|
||||
import { newGuid } from '../utils';
|
||||
|
||||
export const AircraftType = {
|
||||
PLANE: 'Plane',
|
||||
VTOL: 'VTOL',
|
||||
} as const;
|
||||
|
||||
export type AircraftTypeValue = (typeof AircraftType)[keyof typeof AircraftType];
|
||||
|
||||
export class Aircraft {
|
||||
name: string;
|
||||
fuelperkm: number;
|
||||
maxfuel: number;
|
||||
type: AircraftTypeValue;
|
||||
downang: number | undefined;
|
||||
upang: number | undefined;
|
||||
id: string;
|
||||
|
||||
constructor(
|
||||
name: string,
|
||||
fuelperkm: number,
|
||||
maxfuel: number,
|
||||
type: AircraftTypeValue,
|
||||
downang?: number,
|
||||
upang?: number,
|
||||
id: string = newGuid(),
|
||||
) {
|
||||
this.name = name;
|
||||
this.fuelperkm = fuelperkm;
|
||||
this.maxfuel = maxfuel;
|
||||
this.type = type;
|
||||
|
||||
if (type === AircraftType.PLANE) {
|
||||
this.downang = downang;
|
||||
this.upang = upang;
|
||||
} else {
|
||||
this.downang = undefined;
|
||||
this.upang = undefined;
|
||||
}
|
||||
|
||||
this.id = id;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
import { Line } from 'react-chartjs-2';
|
||||
import 'chart.js/auto';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import { translations } from '../constants/translations';
|
||||
import type { FlightPoint } from '../types';
|
||||
|
||||
interface AltitudeChartProps {
|
||||
points: FlightPoint[];
|
||||
}
|
||||
|
||||
export default function AltitudeChart({ points }: AltitudeChartProps) {
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
|
||||
const getFontSize = () => {
|
||||
const screenWidth = window.innerWidth;
|
||||
return screenWidth > 1180 ? 12 : 8;
|
||||
};
|
||||
|
||||
const data = {
|
||||
labels: points.map((_, index) => index + 1),
|
||||
datasets: [{
|
||||
label: t.label,
|
||||
data: points.map(point => point.altitude),
|
||||
borderColor: 'rgb(0, 0, 225)',
|
||||
backgroundColor: 'rgba(0, 0, 225, 0.2)',
|
||||
pointBackgroundColor: 'rgb(255, 195, 0)',
|
||||
pointBorderColor: 'rgb(0, 0, 0)',
|
||||
pointBorderWidth: 1,
|
||||
tension: 0.1,
|
||||
}],
|
||||
};
|
||||
|
||||
const options = {
|
||||
plugins: {
|
||||
legend: {
|
||||
labels: {
|
||||
font: { size: getFontSize() },
|
||||
},
|
||||
},
|
||||
},
|
||||
scales: {
|
||||
x: {
|
||||
ticks: { font: { size: getFontSize() } },
|
||||
},
|
||||
y: {
|
||||
ticks: { font: { size: getFontSize() } },
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
return <Line data={data} options={options} />;
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
import {
|
||||
Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle,
|
||||
Button, TextField, FormControl, InputLabel, Select, MenuItem, Checkbox, ListItemText,
|
||||
type SelectChangeEvent,
|
||||
} from '@mui/material';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import { COORDINATE_PRECISION } from '../config';
|
||||
import { translations } from '../constants/translations';
|
||||
import { purposes } from '../constants/purposes';
|
||||
|
||||
interface AltitudeDialogProps {
|
||||
openDialog: boolean;
|
||||
handleDialogClose: () => void;
|
||||
handleAltitudeSubmit: () => void;
|
||||
altitude: number;
|
||||
setAltitude: (value: number) => void;
|
||||
latitude: number;
|
||||
setLatitude: (value: number) => void;
|
||||
longitude: number;
|
||||
setLongitude: (value: number) => void;
|
||||
meta: string[];
|
||||
setMeta: (value: string[]) => void;
|
||||
isEditMode?: boolean;
|
||||
}
|
||||
|
||||
export default function AltitudeDialog({
|
||||
openDialog,
|
||||
handleDialogClose,
|
||||
handleAltitudeSubmit,
|
||||
altitude,
|
||||
setAltitude,
|
||||
latitude,
|
||||
setLatitude,
|
||||
longitude,
|
||||
setLongitude,
|
||||
meta,
|
||||
setMeta,
|
||||
isEditMode,
|
||||
}: AltitudeDialogProps) {
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
|
||||
const handleMetaChange = (event: SelectChangeEvent<string[]>) => {
|
||||
const { value } = event.target;
|
||||
setMeta(typeof value === 'string' ? value.split(',') : value);
|
||||
};
|
||||
|
||||
const handleLatitudeChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
||||
const value = event.target.value;
|
||||
if (!isNaN(Number(value))) {
|
||||
const roundedValue = parseFloat(parseFloat(value).toFixed(COORDINATE_PRECISION));
|
||||
setLatitude(roundedValue);
|
||||
}
|
||||
};
|
||||
|
||||
const handleLongitudeChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
||||
const value = event.target.value;
|
||||
if (!isNaN(Number(value))) {
|
||||
const roundedValue = parseFloat(parseFloat(value).toFixed(COORDINATE_PRECISION));
|
||||
setLongitude(roundedValue);
|
||||
}
|
||||
};
|
||||
|
||||
const handleClose = () => {
|
||||
setMeta([purposes[0].value, purposes[1].value]);
|
||||
handleDialogClose();
|
||||
};
|
||||
|
||||
return (
|
||||
<Dialog open={openDialog} onClose={handleClose}>
|
||||
<DialogTitle>{isEditMode ? t.titleEdit : t.titleAdd}</DialogTitle>
|
||||
<DialogContent>
|
||||
<DialogContentText>
|
||||
{t.description}
|
||||
</DialogContentText>
|
||||
<TextField
|
||||
margin="dense"
|
||||
label={t.latitude}
|
||||
type="number"
|
||||
fullWidth
|
||||
value={Number(latitude).toFixed(COORDINATE_PRECISION)}
|
||||
onChange={handleLatitudeChange}
|
||||
inputProps={{ maxLength: 12 }}
|
||||
/>
|
||||
<TextField
|
||||
margin="dense"
|
||||
label={t.longitude}
|
||||
type="number"
|
||||
fullWidth
|
||||
value={Number(longitude).toFixed(COORDINATE_PRECISION)}
|
||||
onChange={handleLongitudeChange}
|
||||
inputProps={{ maxLength: 12 }}
|
||||
/>
|
||||
<TextField
|
||||
margin="dense"
|
||||
label={t.altitude}
|
||||
type="number"
|
||||
fullWidth
|
||||
value={altitude}
|
||||
onChange={(e) => setAltitude(Number(e.target.value))}
|
||||
/>
|
||||
|
||||
<FormControl fullWidth margin="dense">
|
||||
<InputLabel id="purpose-label">{t.purpose}</InputLabel>
|
||||
<Select
|
||||
labelId="purpose-label"
|
||||
label={t.purpose}
|
||||
multiple
|
||||
value={meta}
|
||||
onChange={handleMetaChange}
|
||||
renderValue={(selected) => selected.map(val => t.options[val]).join(', ')}
|
||||
>
|
||||
{purposes.map((option) => (
|
||||
<MenuItem key={option.value} value={option.value}>
|
||||
<Checkbox checked={meta.indexOf(option.value) > -1} />
|
||||
<ListItemText primary={t.options[option.value]} />
|
||||
</MenuItem>
|
||||
))}
|
||||
</Select>
|
||||
</FormControl>
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<Button onClick={handleClose} color="primary">
|
||||
{t.cancel}
|
||||
</Button>
|
||||
<Button onClick={handleAltitudeSubmit} color="primary">
|
||||
{isEditMode ? t.submitEdit : t.submitAdd}
|
||||
</Button>
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
import { useEffect, useRef } from 'react';
|
||||
import L from 'leaflet';
|
||||
import 'leaflet-draw';
|
||||
import { useMap } from 'react-leaflet';
|
||||
import type { MapRectangle } from '../types';
|
||||
|
||||
interface DrawControlProps {
|
||||
color: string;
|
||||
rectangles: MapRectangle[];
|
||||
setRectangles: React.Dispatch<React.SetStateAction<MapRectangle[]>>;
|
||||
controlChange: (control: L.Control.Draw) => void;
|
||||
}
|
||||
|
||||
export default function DrawControl({ color, rectangles, setRectangles, controlChange }: DrawControlProps) {
|
||||
const map = useMap();
|
||||
const drawControlRef = useRef<L.Control.Draw | null>(null);
|
||||
const editableLayerRef = useRef(new L.FeatureGroup());
|
||||
|
||||
useEffect(() => {
|
||||
if (drawControlRef.current) {
|
||||
map.removeControl(drawControlRef.current);
|
||||
}
|
||||
|
||||
const editableLayer = editableLayerRef.current;
|
||||
map.addLayer(editableLayer);
|
||||
|
||||
const drawControl = new L.Control.Draw({
|
||||
draw: {
|
||||
polygon: false,
|
||||
polyline: false,
|
||||
rectangle: {},
|
||||
circle: false,
|
||||
circlemarker: false,
|
||||
marker: false,
|
||||
},
|
||||
edit: {
|
||||
featureGroup: editableLayer,
|
||||
remove: true,
|
||||
},
|
||||
});
|
||||
controlChange(drawControl);
|
||||
|
||||
drawControlRef.current = drawControl;
|
||||
map.addControl(drawControl);
|
||||
|
||||
map.on(L.Draw.Event.CREATED, handleDrawCreated);
|
||||
map.on(L.Draw.Event.EDITED, handleDrawEdited);
|
||||
map.on(L.Draw.Event.DELETED, handleDrawDeleted);
|
||||
|
||||
return () => {
|
||||
if (drawControlRef.current) {
|
||||
map.removeControl(drawControlRef.current);
|
||||
}
|
||||
map.off(L.Draw.Event.CREATED, handleDrawCreated);
|
||||
map.off(L.Draw.Event.EDITED, handleDrawEdited);
|
||||
map.off(L.Draw.Event.DELETED, handleDrawDeleted);
|
||||
};
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [color, map, setRectangles]);
|
||||
|
||||
const handleDrawCreated = (e: L.LeafletEvent) => {
|
||||
const event = e as L.DrawEvents.Created;
|
||||
const layer = event.layer;
|
||||
const bounds = (layer as L.Rectangle).getBounds();
|
||||
const newRectangle: MapRectangle = { layer, color, bounds };
|
||||
|
||||
const isDuplicate = rectangles.some(
|
||||
(rectangle) => rectangle.bounds && (rectangle.bounds as L.LatLngBounds).equals?.(bounds)
|
||||
);
|
||||
|
||||
if (!isDuplicate) {
|
||||
(layer as L.Path).setStyle({ color: color });
|
||||
setRectangles(prevRectangles => [...prevRectangles, newRectangle]);
|
||||
editableLayerRef.current.addLayer(layer);
|
||||
} else {
|
||||
layer.remove();
|
||||
}
|
||||
};
|
||||
|
||||
const handleDrawEdited = (e: L.LeafletEvent) => {
|
||||
const event = e as L.DrawEvents.Edited;
|
||||
const layers = event.layers;
|
||||
layers.eachLayer((layer: L.Layer) => {
|
||||
setRectangles(prevRectangles =>
|
||||
prevRectangles.map(rectangle =>
|
||||
rectangle.layer === layer
|
||||
? { ...rectangle, layer }
|
||||
: rectangle
|
||||
)
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
const handleDrawDeleted = (e: L.LeafletEvent) => {
|
||||
const event = e as L.DrawEvents.Deleted;
|
||||
const layers = event.layers;
|
||||
layers.eachLayer((layer: L.Layer) => {
|
||||
setRectangles(prevRectangles =>
|
||||
prevRectangles.filter(rectangle => rectangle.layer !== layer)
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
return null;
|
||||
}
|
||||
@@ -0,0 +1,75 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import Dialog from '@mui/material/Dialog';
|
||||
import DialogActions from '@mui/material/DialogActions';
|
||||
import DialogContent from '@mui/material/DialogContent';
|
||||
import DialogTitle from '@mui/material/DialogTitle';
|
||||
import TextField from '@mui/material/TextField';
|
||||
import Button from '@mui/material/Button';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import { translations } from '../constants/translations';
|
||||
|
||||
interface JsonEditorDialogProps {
|
||||
open: boolean;
|
||||
onClose: () => void;
|
||||
jsonText: string;
|
||||
onSave: (json: string) => void;
|
||||
}
|
||||
|
||||
const JsonEditorDialog = ({ open, onClose, jsonText, onSave }: JsonEditorDialogProps) => {
|
||||
const [editedJson, setEditedJson] = useState(jsonText);
|
||||
const [isValid, setIsValid] = useState(true);
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
|
||||
useEffect(() => {
|
||||
setEditedJson(jsonText);
|
||||
}, [jsonText]);
|
||||
|
||||
const handleJsonChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setEditedJson(e.target.value);
|
||||
|
||||
try {
|
||||
JSON.parse(e.target.value);
|
||||
setIsValid(true);
|
||||
} catch {
|
||||
setIsValid(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleSave = () => {
|
||||
if (isValid) {
|
||||
onSave(editedJson);
|
||||
} else {
|
||||
alert(t.invalid);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<Dialog open={open} onClose={onClose} fullWidth maxWidth="md">
|
||||
<DialogTitle>{t.edit}</DialogTitle>
|
||||
<DialogContent>
|
||||
<TextField
|
||||
autoFocus
|
||||
multiline
|
||||
rows={20}
|
||||
fullWidth
|
||||
variant="outlined"
|
||||
value={editedJson}
|
||||
onChange={handleJsonChange}
|
||||
helperText={!isValid ? t.invalid : t.editm}
|
||||
error={!isValid}
|
||||
/>
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<Button onClick={onClose} color="primary">
|
||||
{t.cancel}
|
||||
</Button>
|
||||
<Button onClick={handleSave} color="primary" disabled={!isValid}>
|
||||
{t.save}
|
||||
</Button>
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
);
|
||||
};
|
||||
|
||||
export default JsonEditorDialog;
|
||||
@@ -0,0 +1,34 @@
|
||||
import { createContext, useContext, useState, type ReactNode } from 'react';
|
||||
|
||||
interface LanguageContextType {
|
||||
targetLanguage: string;
|
||||
toggleLanguage: (lang: string) => void;
|
||||
}
|
||||
|
||||
const LanguageContext = createContext<LanguageContextType | undefined>(undefined);
|
||||
|
||||
export const useLanguage = (): LanguageContextType => {
|
||||
const context = useContext(LanguageContext);
|
||||
if (!context) {
|
||||
throw new Error('useLanguage must be used within a LanguageProvider');
|
||||
}
|
||||
return context;
|
||||
};
|
||||
|
||||
interface LanguageProviderProps {
|
||||
children: ReactNode;
|
||||
}
|
||||
|
||||
export const LanguageProvider = ({ children }: LanguageProviderProps) => {
|
||||
const [targetLanguage, setTargetLanguage] = useState('en');
|
||||
|
||||
const toggleLanguage = (lang: string) => {
|
||||
setTargetLanguage(lang);
|
||||
};
|
||||
|
||||
return (
|
||||
<LanguageContext.Provider value={{ targetLanguage, toggleLanguage }}>
|
||||
{children}
|
||||
</LanguageContext.Provider>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,29 @@
|
||||
.editor-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#language-label {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.flag {
|
||||
width: 24px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
@media (min-width: 680px) and (max-width: 1024px) and (orientation: landscape){
|
||||
#language-label {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.flag {
|
||||
width: 18px!important;
|
||||
height: 12px!important;
|
||||
}
|
||||
|
||||
.language-selector .MuiSelect-select{
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
import Flag from 'react-world-flags';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import { InputLabel, MenuItem, Select } from '@mui/material';
|
||||
import { languages } from '../constants/languages';
|
||||
import { translations } from '../constants/translations';
|
||||
import './LanguageSwitcher.css';
|
||||
|
||||
const LanguageSwitcher = () => {
|
||||
const { targetLanguage, toggleLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
|
||||
return (
|
||||
<div>
|
||||
<InputLabel id='language-label'>{t.language}</InputLabel>
|
||||
<Select
|
||||
className='language-selector'
|
||||
labelId='language-label'
|
||||
value={targetLanguage}
|
||||
>
|
||||
{languages.map((language, index) => (
|
||||
<MenuItem key={index} value={language.code} onClick={() => toggleLanguage(language.code)}>
|
||||
<Flag className='flag' code={language.flag} style={{ width: '24px', height: '16px' }} />
|
||||
{language.code.toUpperCase()}
|
||||
</MenuItem>
|
||||
))}
|
||||
</Select>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default LanguageSwitcher;
|
||||
@@ -0,0 +1,233 @@
|
||||
.left-board {
|
||||
min-width: 25%;
|
||||
max-width: 33%;
|
||||
height: 100vh;
|
||||
background-color: #c7c7c6;
|
||||
border: 1px solid #333333;
|
||||
padding: 2px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: end;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.selectors {
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
#aircraft-label {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#altitude-label {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.actions-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
margin: 8px 0;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.action-buttons-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.action-buttons-row .btn {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: flex !important;
|
||||
font-size: 0.8rem !important;
|
||||
justify-content: space-evenly !important;
|
||||
padding: 4px !important;
|
||||
border: 2px solid #1976d2 !important;
|
||||
}
|
||||
|
||||
.location-search {
|
||||
width: 100%;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.location-search #location-label {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.current-location-label {
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
margin-top: 6px;
|
||||
padding-left: 2px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.action-btn {
|
||||
background-color: #c7c7c6 !important;
|
||||
}
|
||||
|
||||
.active-mode-btn {
|
||||
cursor: default !important;
|
||||
background-color: #1565c0 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.arrow-btn {
|
||||
min-width: 56px !important;
|
||||
width: 10%;
|
||||
aspect-ratio: 1/1;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
max-width: 36px;
|
||||
background-color: #c7c7c6;
|
||||
padding: 20px 0.5%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.toolbar-btn {
|
||||
padding: 0 !important;
|
||||
min-width: unset !important;
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
.active-toolbar-btn {
|
||||
padding: 4px !important;
|
||||
min-width: unset !important;
|
||||
aspect-ratio: 1 / 1;
|
||||
background-color: #1976d2 !important;
|
||||
}
|
||||
|
||||
#point-btn {
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
.action-btn-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.operations-section {
|
||||
margin: 12px 0;
|
||||
margin-top: auto;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.operations-section #operations-label {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.section-buttons-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.section-btn {
|
||||
flex: 1;
|
||||
font-size: 0.75rem !important;
|
||||
}
|
||||
|
||||
@media (min-width: 680px) and (max-width: 1024px) and (orientation: landscape) {
|
||||
.left-board {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
margin: 4px 0;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.selectors {
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
#altitude-label {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.editor-container .MuiOutlinedInput-input {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.arrow-btn {
|
||||
min-width: 35px !important;
|
||||
}
|
||||
|
||||
.actions-block {
|
||||
margin: 2px 0;
|
||||
margin-bottom: 8px;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.action-buttons-row {
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.action-buttons-row .btn {
|
||||
width: 33%;
|
||||
font-size: 0.5rem !important;
|
||||
padding: 1px 3px !important;
|
||||
line-height: 1 !important;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.location-search #location-label {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.location-search .MuiOutlinedInput-input {
|
||||
padding: 6px;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
.current-location-label {
|
||||
font-size: 10px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.action-btn-icon {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.operations-section {
|
||||
margin: 6px 0;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.operations-section #operations-label {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.section-buttons-row {
|
||||
gap: 4px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.section-btn {
|
||||
flex: 1;
|
||||
font-size: 0.6rem !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,240 @@
|
||||
import { useState } from 'react';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import Button from '@mui/material/Button';
|
||||
import { FormControl, TextField, InputLabel } from '@mui/material';
|
||||
import { DragDropContext, type DropResult } from '@hello-pangea/dnd';
|
||||
import PointsList from './PointsList';
|
||||
import AltitudeChart from './AltitudeChart';
|
||||
import TotalDistance from './TotalDistance';
|
||||
import LanguageSwitcher from './LanguageSwitcher';
|
||||
import { translations } from '../constants/translations';
|
||||
import './LeftBoard.css';
|
||||
import { actionModes } from '../constants/actionModes';
|
||||
import { DashedAreaIcon, HideSidebarIcon, ShowSidebarIcon } from '../icons/SidebarIcons';
|
||||
import { FaLocationDot } from 'react-icons/fa6';
|
||||
import { GOOGLE_GEOCODE_KEY } from '../config';
|
||||
import type { FlightPoint, CalculatedPointInfo, AircraftParams, LatLngPosition } from '../types';
|
||||
|
||||
interface LeftBoardProps {
|
||||
points: FlightPoint[];
|
||||
setPoints: React.Dispatch<React.SetStateAction<FlightPoint[]>>;
|
||||
calculatedPointInfo: CalculatedPointInfo[];
|
||||
setCalculatedPointInfo: React.Dispatch<React.SetStateAction<CalculatedPointInfo[]>>;
|
||||
aircraft: AircraftParams | null;
|
||||
initialAltitude: number;
|
||||
setInitialAltitude: (value: number) => void;
|
||||
currentAltitude: number;
|
||||
actionMode: string;
|
||||
setActionMode: (mode: string) => void;
|
||||
setRectangleColor: (color: string) => void;
|
||||
editAsJson: () => void;
|
||||
exportMap: () => void;
|
||||
updatePosition: (pos: LatLngPosition) => void;
|
||||
currentPosition: LatLngPosition;
|
||||
}
|
||||
|
||||
export default function LeftBoard({
|
||||
points,
|
||||
setPoints,
|
||||
calculatedPointInfo,
|
||||
setCalculatedPointInfo,
|
||||
aircraft,
|
||||
initialAltitude,
|
||||
setInitialAltitude,
|
||||
currentAltitude,
|
||||
actionMode,
|
||||
setActionMode,
|
||||
setRectangleColor,
|
||||
editAsJson,
|
||||
exportMap,
|
||||
updatePosition,
|
||||
currentPosition,
|
||||
}: LeftBoardProps) {
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
const [isShowed, setIsShowed] = useState(true);
|
||||
const [locationInput, setLocationInput] = useState('');
|
||||
|
||||
const changeShowing = () => {
|
||||
setIsShowed(!isShowed);
|
||||
};
|
||||
|
||||
const removePoint = (id: string) => {
|
||||
const index = points.findIndex((point) => point.id === id);
|
||||
setCalculatedPointInfo(calculatedPointInfo.filter((_pi, i) => i !== index));
|
||||
setPoints(points.filter(point => point.id !== id));
|
||||
};
|
||||
|
||||
const onDragEnd = (result: DropResult) => {
|
||||
if (!result.destination) return;
|
||||
const items = Array.from(points);
|
||||
const [reorderedItem] = items.splice(result.source.index, 1);
|
||||
items.splice(result.destination.index, 0, reorderedItem);
|
||||
setPoints(items);
|
||||
};
|
||||
|
||||
const handleChangeActionMode = (mode: string) => {
|
||||
setActionMode(mode);
|
||||
mode === actionModes.workArea ? setRectangleColor('green')
|
||||
: setRectangleColor('red');
|
||||
};
|
||||
|
||||
const handleLocationSearch = async (e: React.KeyboardEvent<HTMLDivElement>) => {
|
||||
if (e.key === 'Enter') {
|
||||
const coords = parseCoordinates(locationInput);
|
||||
if (coords) {
|
||||
updatePosition({ lat: coords.lat, lng: coords.lng });
|
||||
} else {
|
||||
const geocodedCoords = await geocodeAddress(locationInput);
|
||||
if (geocodedCoords) {
|
||||
updatePosition({ lat: geocodedCoords.lat, lng: geocodedCoords.lng });
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const parseCoordinates = (input: string): LatLngPosition | null => {
|
||||
const cleaned = input.trim().replace(/[°NSEW]/gi, '');
|
||||
const parts = cleaned.split(/[,\s]+/).filter(p => p);
|
||||
|
||||
if (parts.length >= 2) {
|
||||
const lat = parseFloat(parts[0]);
|
||||
const lng = parseFloat(parts[1]);
|
||||
|
||||
if (!isNaN(lat) && !isNaN(lng) && lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {
|
||||
return { lat, lng };
|
||||
}
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
const geocodeAddress = async (address: string): Promise<LatLngPosition | null> => {
|
||||
try {
|
||||
const response = await fetch(
|
||||
`https://maps.googleapis.com/maps/api/geocode/json?address=${encodeURIComponent(address)}&key=${GOOGLE_GEOCODE_KEY}`
|
||||
);
|
||||
const data = await response.json();
|
||||
|
||||
if (data.status === 'OK' && data.results.length > 0) {
|
||||
const location = data.results[0].geometry.location;
|
||||
return { lat: location.lat, lng: location.lng };
|
||||
}
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
{isShowed ?
|
||||
<div className={'left-board'}>
|
||||
<div className={'top-menu'}>
|
||||
<div className='selectors'>
|
||||
<LanguageSwitcher />
|
||||
|
||||
<div className='editor-container'>
|
||||
<InputLabel id='altitude-label'>{t.initialAltitude}</InputLabel>
|
||||
<FormControl fullWidth margin="none">
|
||||
<TextField
|
||||
type="number"
|
||||
value={initialAltitude}
|
||||
onChange={(e) => setInitialAltitude(Number(e.target.value))}
|
||||
/>
|
||||
</FormControl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Button className='arrow-btn' onClick={changeShowing}>
|
||||
<HideSidebarIcon />
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div className='actions-block'>
|
||||
<div className='action-buttons-row'>
|
||||
<Button className={actionMode !== actionModes.points ? 'btn action-btn' : 'btn active-mode-btn'}
|
||||
variant="contained" onClick={() => handleChangeActionMode(actionModes.points)}>
|
||||
<FaLocationDot className='action-btn-icon' />
|
||||
{t.addPoints}
|
||||
</Button>
|
||||
<Button className={actionMode !== actionModes.workArea ? 'btn action-btn' : 'btn active-mode-btn'}
|
||||
variant="contained" onClick={() => handleChangeActionMode(actionModes.workArea)}>
|
||||
<DashedAreaIcon className='action-btn-icon' color='green' />
|
||||
{t.workArea}
|
||||
</Button>
|
||||
<Button className={actionMode !== actionModes.prohibitedArea ? 'btn action-btn' : 'btn active-mode-btn'}
|
||||
variant="contained" onClick={() => handleChangeActionMode(actionModes.prohibitedArea)}>
|
||||
<DashedAreaIcon className='action-btn-icon' color='red' />
|
||||
{t.prohibitedArea}
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div className='location-search'>
|
||||
<InputLabel id='location-label'>{t.location}:</InputLabel>
|
||||
<FormControl fullWidth margin="none">
|
||||
<TextField
|
||||
placeholder="47.242, 35.024"
|
||||
value={locationInput}
|
||||
onChange={(e) => setLocationInput(e.target.value)}
|
||||
onKeyDown={handleLocationSearch}
|
||||
/>
|
||||
</FormControl>
|
||||
<div className='current-location-label'>
|
||||
{t.currentLocation}: {currentPosition?.lat.toFixed(6)}, {currentPosition?.lng.toFixed(6)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<DragDropContext onDragEnd={onDragEnd}>
|
||||
<PointsList
|
||||
points={points}
|
||||
setPoints={setPoints}
|
||||
calculatedPointInfo={calculatedPointInfo}
|
||||
setCalculatedPointInfo={setCalculatedPointInfo}
|
||||
removePoint={removePoint}
|
||||
aircraft={aircraft}
|
||||
initialAltitude={currentAltitude}
|
||||
/>
|
||||
</DragDropContext>
|
||||
|
||||
<TotalDistance points={points} calculatedPointInfo={calculatedPointInfo} aircraft={aircraft} initialAltitude={currentAltitude} />
|
||||
|
||||
<AltitudeChart points={points} />
|
||||
|
||||
<div className='operations-section'>
|
||||
<InputLabel id='operations-label'>{t.operations}:</InputLabel>
|
||||
</div>
|
||||
|
||||
<div className='section-buttons-row'>
|
||||
<Button className='btn section-btn' size="small"
|
||||
variant="contained" onClick={editAsJson}>
|
||||
{t.editAsJson}
|
||||
</Button>
|
||||
<Button className='btn section-btn' size="small"
|
||||
variant="contained" onClick={exportMap}>
|
||||
{t.exportMapData}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
:
|
||||
<div className='toolbar'>
|
||||
<Button className='toolbar-btn' onClick={changeShowing}>
|
||||
<ShowSidebarIcon />
|
||||
</Button>
|
||||
<Button className={actionMode !== actionModes.points ? 'toolbar-btn' : 'active-toolbar-btn'} id='point-btn'
|
||||
onClick={() => handleChangeActionMode(actionModes.points)}>
|
||||
<FaLocationDot size={'70%'} color='red' />
|
||||
</Button>
|
||||
<Button className={actionMode !== actionModes.workArea ? 'toolbar-btn' : 'active-toolbar-btn'}
|
||||
onClick={() => handleChangeActionMode(actionModes.workArea)}>
|
||||
<DashedAreaIcon color='green' />
|
||||
</Button>
|
||||
<Button className={actionMode !== actionModes.prohibitedArea ? 'toolbar-btn' : 'active-toolbar-btn'}
|
||||
onClick={() => handleChangeActionMode(actionModes.prohibitedArea)}>
|
||||
<DashedAreaIcon color='red' />
|
||||
</Button>
|
||||
</div>
|
||||
}
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,159 @@
|
||||
import { useRef } from 'react';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import { CircleMarker, Marker, Popup } from 'react-leaflet';
|
||||
import { Button, Checkbox, FormControl, InputLabel, ListItemText, MenuItem, Select, Slider, Typography, type SelectChangeEvent } from '@mui/material';
|
||||
import { purposes } from '../constants/purposes';
|
||||
import { translations } from '../constants/translations';
|
||||
import { pointIconBlue, pointIconGreen, pointIconRed } from '../icons/PointIcons';
|
||||
import { TiDelete } from 'react-icons/ti';
|
||||
import type { FlightPoint, MovingPointInfo } from '../types';
|
||||
import type L from 'leaflet';
|
||||
|
||||
interface MapPointProps {
|
||||
map: HTMLElement | null;
|
||||
point: FlightPoint;
|
||||
points: FlightPoint[];
|
||||
index: number;
|
||||
setDraggablePoints: React.Dispatch<React.SetStateAction<FlightPoint[]>>;
|
||||
setPoints: React.Dispatch<React.SetStateAction<FlightPoint[]>>;
|
||||
setMovingPoint: React.Dispatch<React.SetStateAction<MovingPointInfo | null>>;
|
||||
removePoint: (id: string) => void;
|
||||
}
|
||||
|
||||
export default function MapPoint({
|
||||
map,
|
||||
point,
|
||||
points,
|
||||
index,
|
||||
setDraggablePoints,
|
||||
setPoints,
|
||||
setMovingPoint,
|
||||
removePoint,
|
||||
}: MapPointProps) {
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
const markerRef = useRef<L.Marker>(null);
|
||||
|
||||
const handleDrag = (e: L.LeafletEvent) => {
|
||||
const updatedPoints = [...points];
|
||||
updatedPoints[index] = {
|
||||
...updatedPoints[index],
|
||||
position: (e.target as L.Marker).getLatLng(),
|
||||
};
|
||||
setDraggablePoints(updatedPoints);
|
||||
};
|
||||
|
||||
const handleDragEnd = (e: L.LeafletEvent) => {
|
||||
const updatedPoints = [...points];
|
||||
updatedPoints[index] = {
|
||||
...updatedPoints[index],
|
||||
position: (e.target as L.Marker).getLatLng(),
|
||||
};
|
||||
setPoints(updatedPoints);
|
||||
};
|
||||
|
||||
const setPointPosition = (e: L.LeafletEvent) => {
|
||||
const marker = markerRef.current;
|
||||
if (!marker || !map) return;
|
||||
|
||||
const markerElement = (marker as unknown as { _icon: HTMLElement })._icon;
|
||||
if (!markerElement) return;
|
||||
|
||||
const mapRect = map.getBoundingClientRect();
|
||||
const markerRect = markerElement.getBoundingClientRect();
|
||||
|
||||
const screenWidth = window.innerWidth;
|
||||
let displacementX = 150;
|
||||
let displacementY = 150;
|
||||
if (screenWidth < 1024) {
|
||||
displacementX = 70;
|
||||
displacementY = 70;
|
||||
}
|
||||
|
||||
const offsetX = markerRect.left - mapRect.left + markerRect.width > mapRect.width / 2
|
||||
? -displacementX : displacementX + 50;
|
||||
const offsetY = markerRect.top + markerRect.height > mapRect.height / 2
|
||||
? -displacementY : displacementY;
|
||||
|
||||
const x = markerRect.left - mapRect.left + offsetX;
|
||||
const y = markerRect.top - mapRect.top + offsetY;
|
||||
|
||||
setMovingPoint({
|
||||
x,
|
||||
y,
|
||||
latlng: (e.target as L.Marker).getLatLng(),
|
||||
});
|
||||
};
|
||||
|
||||
const handleChangeAltitude = (newAltitude: number) => {
|
||||
const updatedPoints = [...points];
|
||||
updatedPoints[index] = { ...updatedPoints[index], altitude: newAltitude };
|
||||
setPoints(updatedPoints);
|
||||
};
|
||||
|
||||
const handlePurposeChange = (e: SelectChangeEvent<string[]>) => {
|
||||
const value = e.target.value;
|
||||
const updatedPoints = [...points];
|
||||
updatedPoints[index] = {
|
||||
...updatedPoints[index],
|
||||
meta: typeof value === 'string' ? value.split(',') : value,
|
||||
};
|
||||
setPoints(updatedPoints);
|
||||
};
|
||||
|
||||
return (
|
||||
<Marker
|
||||
key={point.id}
|
||||
position={point.position}
|
||||
icon={index === 0 ? pointIconGreen : index === points.length - 1 ? pointIconRed : pointIconBlue}
|
||||
draggable={true}
|
||||
eventHandlers={{
|
||||
drag: (event) => handleDrag(event),
|
||||
dragend: (event) => handleDragEnd(event),
|
||||
move: (e) => setPointPosition(e),
|
||||
moveend: () => { setMovingPoint(null); },
|
||||
}}
|
||||
ref={markerRef}
|
||||
>
|
||||
<CircleMarker center={point.position} radius={35} stroke={false} />
|
||||
<Popup className='popup'>
|
||||
{t.point} {index + 1}
|
||||
<br />
|
||||
<Typography variant='subtitle2'>{t.height} </Typography>
|
||||
<Slider
|
||||
value={point.altitude}
|
||||
onChange={(_e, value) => handleChangeAltitude(value as number)}
|
||||
min={0}
|
||||
max={3000}
|
||||
step={1}
|
||||
valueLabelDisplay="auto"
|
||||
className='popup-slider'
|
||||
/>
|
||||
<br />
|
||||
<FormControl fullWidth margin="none">
|
||||
<InputLabel id="popup-purpose-label" className="form-label">{t.purpose}</InputLabel>
|
||||
<Select
|
||||
labelId="popup-purpose-label"
|
||||
label={t.purpose}
|
||||
multiple
|
||||
value={point.meta}
|
||||
onChange={(e) => handlePurposeChange(e as SelectChangeEvent<string[]>)}
|
||||
renderValue={(selected) => (selected as string[]).map(val => t.options[val]).join(', ')}
|
||||
style={{ height: '40px' }}
|
||||
>
|
||||
{purposes.map((option) => (
|
||||
<MenuItem key={option.value} value={option.value}>
|
||||
<Checkbox checked={point.meta.indexOf(option.value) > -1} />
|
||||
<ListItemText primary={t.options[option.value]} />
|
||||
</MenuItem>
|
||||
))}
|
||||
</Select>
|
||||
</FormControl>
|
||||
<Button onClick={() => { removePoint(point.id); }}>
|
||||
{t.removePoint}
|
||||
<TiDelete size={24} />
|
||||
</Button>
|
||||
</Popup>
|
||||
</Marker>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
.map {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.map-ctn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.popup {
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.popup-slider {
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
.satellite-btn {
|
||||
min-width: unset !important;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute !important;
|
||||
z-index: 1000;
|
||||
padding: 4px !important;
|
||||
right: 6px;
|
||||
bottom: 40px;
|
||||
background-color: white !important;
|
||||
border: 1px solid grey !important;
|
||||
}
|
||||
|
||||
.active-satellite-btn {
|
||||
min-width: unset !important;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute !important;
|
||||
z-index: 1000;
|
||||
right: 6px;
|
||||
bottom: 40px;
|
||||
border: 1px solid grey !important;
|
||||
padding: 6px !important;
|
||||
background-color: blue !important;
|
||||
}
|
||||
|
||||
.custom-icon {
|
||||
margin-left: -30px !important;
|
||||
width: 60px !important;
|
||||
height: 60px !important;
|
||||
}
|
||||
|
||||
.form-label{
|
||||
font-size: 1em;
|
||||
top: -0.3em;
|
||||
}
|
||||
|
||||
@media (min-width: 680px) and (max-width: 1024px) and (orientation: landscape) {
|
||||
.popup {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.leaflet-popup-content {
|
||||
margin: 6px 12px;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.leaflet-popup-content .MuiButton-text {
|
||||
padding: 3px 4px;
|
||||
font-size: 0.9em;
|
||||
|
||||
}
|
||||
|
||||
.leaflet-popup-content .MuiInputBase-input {
|
||||
padding: 6px 4px;
|
||||
line-height: 0.9em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,414 @@
|
||||
import { useRef, useEffect, useState } from 'react';
|
||||
import { MapContainer, TileLayer, Marker, Popup, Polyline, Rectangle, useMap, useMapEvents } from 'react-leaflet';
|
||||
import L from 'leaflet';
|
||||
import 'leaflet/dist/leaflet.css';
|
||||
import 'leaflet-draw';
|
||||
import 'leaflet-draw/dist/leaflet.draw.css';
|
||||
import 'leaflet-polylinedecorator';
|
||||
import DrawControl from './DrawControl';
|
||||
import { newGuid } from '../utils';
|
||||
import AltitudeDialog from './AltitudeDialog';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import { defaultIcon } from '../icons/PointIcons';
|
||||
import { translations } from '../constants/translations';
|
||||
import { actionModes } from '../constants/actionModes';
|
||||
import './MapView.css';
|
||||
import MiniMap from './MiniMap';
|
||||
import MapPoint from './MapPoint';
|
||||
import { SatelliteMapIcon } from '../icons/MapIcons';
|
||||
import { mapTypes } from '../constants/maptypes';
|
||||
import { Button } from '@mui/material';
|
||||
import { purposes } from '../constants/purposes';
|
||||
import { tileUrls } from '../constants/tileUrls';
|
||||
import type { FlightPoint, CalculatedPointInfo, MapRectangle, MovingPointInfo, LatLngPosition } from '../types';
|
||||
|
||||
interface MapEventsProps {
|
||||
points: FlightPoint[];
|
||||
rectangles: MapRectangle[];
|
||||
rectangleColor: string;
|
||||
handlePolylineClick: (e: L.LeafletMouseEvent) => void;
|
||||
containerRef: React.RefObject<HTMLDivElement | null>;
|
||||
updateMapCenter: (center: L.LatLng) => void;
|
||||
}
|
||||
|
||||
function MapEvents({ points, rectangles, rectangleColor, handlePolylineClick, containerRef, updateMapCenter }: MapEventsProps) {
|
||||
const map = useMap();
|
||||
const polylineRef = useRef<L.Polyline | null>(null);
|
||||
const arrowLayerRef = useRef<L.FeatureGroup | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
const handleMapMove = () => {
|
||||
const center = map.getCenter();
|
||||
updateMapCenter(center);
|
||||
};
|
||||
|
||||
map.on('moveend', handleMapMove);
|
||||
|
||||
return () => {
|
||||
map.off('moveend', handleMapMove);
|
||||
};
|
||||
}, [map, updateMapCenter]);
|
||||
|
||||
useEffect(() => {
|
||||
if (map && points.length > 1) {
|
||||
if (polylineRef.current) {
|
||||
map.removeLayer(polylineRef.current);
|
||||
}
|
||||
if (arrowLayerRef.current) {
|
||||
map.removeLayer(arrowLayerRef.current);
|
||||
}
|
||||
|
||||
const positions: L.LatLngTuple[] = points.map(point => [point.position.lat, point.position.lng]);
|
||||
|
||||
polylineRef.current = L.polyline(positions, {
|
||||
color: 'blue',
|
||||
weight: 8,
|
||||
opacity: 0.7,
|
||||
lineJoin: 'round',
|
||||
}).addTo(map);
|
||||
|
||||
arrowLayerRef.current = L.polylineDecorator(polylineRef.current, {
|
||||
patterns: [
|
||||
{
|
||||
offset: '10%',
|
||||
repeat: '40%',
|
||||
symbol: L.Symbol.arrowHead({
|
||||
pixelSize: 15,
|
||||
pathOptions: {
|
||||
fillOpacity: 1,
|
||||
weight: 0,
|
||||
color: 'blue',
|
||||
},
|
||||
}),
|
||||
},
|
||||
],
|
||||
}).addTo(map);
|
||||
|
||||
polylineRef.current.on('click', handlePolylineClick);
|
||||
}
|
||||
|
||||
const resizeObserver = new ResizeObserver(() => {
|
||||
if (map) {
|
||||
map.invalidateSize();
|
||||
}
|
||||
});
|
||||
|
||||
if (containerRef.current) {
|
||||
resizeObserver.observe(containerRef.current);
|
||||
}
|
||||
|
||||
return () => {
|
||||
if (polylineRef.current) {
|
||||
map.removeLayer(polylineRef.current);
|
||||
polylineRef.current = null;
|
||||
}
|
||||
if (arrowLayerRef.current) {
|
||||
map.removeLayer(arrowLayerRef.current);
|
||||
arrowLayerRef.current = null;
|
||||
}
|
||||
resizeObserver.disconnect();
|
||||
};
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [map, points, rectangles, rectangleColor, handlePolylineClick, containerRef]);
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
interface UpdateMapCenterProps {
|
||||
currentPosition: L.LatLngExpression;
|
||||
}
|
||||
|
||||
export const UpdateMapCenter = ({ currentPosition }: UpdateMapCenterProps) => {
|
||||
const map = useMap();
|
||||
|
||||
useEffect(() => {
|
||||
if (currentPosition) {
|
||||
map.setView(currentPosition);
|
||||
}
|
||||
}, [currentPosition, map]);
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
interface MapViewProps {
|
||||
points: FlightPoint[];
|
||||
setPoints: React.Dispatch<React.SetStateAction<FlightPoint[]>>;
|
||||
calculatedPointInfo: CalculatedPointInfo[];
|
||||
setCalculatedPointInfo: React.Dispatch<React.SetStateAction<CalculatedPointInfo[]>>;
|
||||
initialAltitude: number;
|
||||
currentPosition: LatLngPosition;
|
||||
updatePosition: (pos: LatLngPosition) => void;
|
||||
updateMapCenter: (center: L.LatLng) => void;
|
||||
handlePolylineClick: (e: L.LeafletMouseEvent) => void;
|
||||
rectangles: MapRectangle[];
|
||||
setRectangles: React.Dispatch<React.SetStateAction<MapRectangle[]>>;
|
||||
rectangleColor: string;
|
||||
actionMode: string;
|
||||
}
|
||||
|
||||
export default function MapView({
|
||||
points,
|
||||
setPoints,
|
||||
calculatedPointInfo,
|
||||
setCalculatedPointInfo,
|
||||
initialAltitude,
|
||||
currentPosition,
|
||||
updatePosition,
|
||||
updateMapCenter,
|
||||
handlePolylineClick,
|
||||
rectangles,
|
||||
setRectangles,
|
||||
rectangleColor,
|
||||
actionMode,
|
||||
}: MapViewProps) {
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
const containerRef = useRef<HTMLDivElement>(null);
|
||||
const [openDialog, setOpenDialog] = useState(false);
|
||||
const [editingPoint, setEditingPoint] = useState<FlightPoint | null>(null);
|
||||
const [isEditMode, setIsEditMode] = useState(false);
|
||||
const [mapType, setMapType] = useState<string>(mapTypes.satellite);
|
||||
const [draggablePoints, setDraggablePoints] = useState<FlightPoint[]>(points);
|
||||
const [altitude, setAltitude] = useState(300);
|
||||
const [latitude, setLatitude] = useState(0);
|
||||
const [longitude, setLongitude] = useState(0);
|
||||
const [meta, setMeta] = useState<string[]>([purposes[0].value, purposes[1].value]);
|
||||
const [drawControl, setDrawControl] = useState<L.Control.Draw | null>(null);
|
||||
const [movingPoint, setMovingPoint] = useState<MovingPointInfo | null>(null);
|
||||
const polylineClickRef = useRef(false);
|
||||
|
||||
useEffect(() => {
|
||||
setDraggablePoints(points);
|
||||
}, [points]);
|
||||
|
||||
const handleControl = (control: L.Control.Draw) => {
|
||||
setDrawControl(control);
|
||||
};
|
||||
|
||||
const handleMarkerDoubleClick = () => {
|
||||
setLatitude(currentPosition.lat);
|
||||
setLongitude(currentPosition.lng);
|
||||
setAltitude(300);
|
||||
setMeta([purposes[0].value, purposes[1].value]);
|
||||
|
||||
setEditingPoint({
|
||||
id: newGuid(),
|
||||
position: currentPosition,
|
||||
altitude: 0,
|
||||
meta: [purposes[0].value, purposes[1].value],
|
||||
});
|
||||
|
||||
setIsEditMode(false);
|
||||
setOpenDialog(true);
|
||||
};
|
||||
|
||||
const handleMapTypeChange = () => {
|
||||
const mt = mapType === mapTypes.classic
|
||||
? mapTypes.satellite
|
||||
: mapTypes.classic;
|
||||
setMapType(mt);
|
||||
};
|
||||
|
||||
const addPoint = (lat: number, lng: number) => {
|
||||
if (!polylineClickRef.current) {
|
||||
const newPoint: FlightPoint = {
|
||||
id: newGuid(),
|
||||
position: { lat: parseFloat(String(lat)), lng: parseFloat(String(lng)) },
|
||||
altitude: parseFloat(String(initialAltitude)),
|
||||
meta,
|
||||
};
|
||||
|
||||
const pointInfo = {
|
||||
bat: 100,
|
||||
time: 0,
|
||||
};
|
||||
|
||||
const updatedPoints = [...points];
|
||||
updatedPoints.push(newPoint);
|
||||
const updatedInfo = [...calculatedPointInfo];
|
||||
updatedInfo.push(pointInfo);
|
||||
|
||||
setCalculatedPointInfo(updatedInfo);
|
||||
setDraggablePoints(updatedPoints);
|
||||
setPoints(updatedPoints);
|
||||
}
|
||||
polylineClickRef.current = false;
|
||||
};
|
||||
|
||||
const removePoint = (id: string) => {
|
||||
const index = points.findIndex((point) => point.id === id);
|
||||
setCalculatedPointInfo(calculatedPointInfo.filter((_pi, i) => i !== index));
|
||||
setPoints(points.filter(point => point.id !== id));
|
||||
};
|
||||
|
||||
const validBounds = (bounds: unknown): boolean => {
|
||||
if (!bounds) return false;
|
||||
if (bounds instanceof L.LatLngBounds) return bounds.isValid();
|
||||
if (Array.isArray(bounds) && bounds.length === 2) {
|
||||
const [sw, ne] = bounds;
|
||||
return sw != null && ne != null &&
|
||||
typeof sw.lat === 'number' && typeof sw.lng === 'number' &&
|
||||
typeof ne.lat === 'number' && typeof ne.lng === 'number';
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
const handleAltitudeSubmit = () => {
|
||||
if (!editingPoint) return;
|
||||
|
||||
if (!isEditMode) {
|
||||
const newPoint: FlightPoint = {
|
||||
id: editingPoint.id,
|
||||
position: { lat: latitude, lng: longitude },
|
||||
altitude,
|
||||
meta,
|
||||
};
|
||||
setPoints(prevPoints => [...prevPoints, newPoint]);
|
||||
} else {
|
||||
const updatedPoints = points.map(p =>
|
||||
p.id === editingPoint.id
|
||||
? { ...p, position: { lat: latitude, lng: longitude }, altitude, meta }
|
||||
: p
|
||||
);
|
||||
setPoints(updatedPoints);
|
||||
}
|
||||
|
||||
setOpenDialog(false);
|
||||
};
|
||||
|
||||
const startDrawingRectangle = () => {
|
||||
if (drawControl) {
|
||||
// @ts-expect-error: Accessing internal leaflet-draw toolbar API
|
||||
drawControl._toolbars.draw._modes.rectangle.handler.enable();
|
||||
}
|
||||
};
|
||||
|
||||
const polylineClick = (e: L.LeafletMouseEvent) => {
|
||||
if (actionMode === actionModes.points) {
|
||||
polylineClickRef.current = true;
|
||||
handlePolylineClick(e);
|
||||
}
|
||||
};
|
||||
|
||||
const LocationFinder = () => {
|
||||
useMapEvents({
|
||||
click(e) {
|
||||
actionMode === actionModes.points
|
||||
? addPoint(e.latlng.lat, e.latlng.lng)
|
||||
: startDrawingRectangle();
|
||||
},
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
return (
|
||||
<div className='map' ref={containerRef}>
|
||||
<MapContainer className='map-ctn' center={currentPosition} zoom={15}>
|
||||
<LocationFinder />
|
||||
|
||||
{mapType === mapTypes.classic
|
||||
?
|
||||
<TileLayer
|
||||
url={tileUrls.classic}
|
||||
attribution='© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
|
||||
/>
|
||||
:
|
||||
<TileLayer
|
||||
url={tileUrls.satellite}
|
||||
attribution="Satellite imagery"
|
||||
/>
|
||||
}
|
||||
|
||||
<MapEvents
|
||||
points={draggablePoints}
|
||||
rectangles={rectangles}
|
||||
rectangleColor={rectangleColor}
|
||||
handlePolylineClick={polylineClick}
|
||||
containerRef={containerRef}
|
||||
updateMapCenter={updateMapCenter}
|
||||
/>
|
||||
|
||||
{movingPoint &&
|
||||
<MiniMap
|
||||
pointPosition={movingPoint}
|
||||
mapType={mapType}
|
||||
/>
|
||||
}
|
||||
|
||||
{draggablePoints.map((point, index) => (
|
||||
<MapPoint
|
||||
key={point.id}
|
||||
map={containerRef.current}
|
||||
point={point}
|
||||
points={draggablePoints}
|
||||
index={index}
|
||||
setDraggablePoints={setDraggablePoints}
|
||||
setPoints={setPoints}
|
||||
setMovingPoint={setMovingPoint}
|
||||
removePoint={removePoint}
|
||||
/>
|
||||
))}
|
||||
|
||||
{draggablePoints.length > 0 && (
|
||||
<Polyline
|
||||
positions={[
|
||||
[draggablePoints[draggablePoints.length - 1].position.lat, draggablePoints[draggablePoints.length - 1].position.lng],
|
||||
[draggablePoints[0].position.lat, draggablePoints[0].position.lng],
|
||||
]}
|
||||
color="blue"
|
||||
dashArray="5, 10"
|
||||
/>
|
||||
)}
|
||||
|
||||
{currentPosition && (
|
||||
<Marker
|
||||
position={currentPosition}
|
||||
icon={defaultIcon}
|
||||
draggable={true}
|
||||
eventHandlers={{
|
||||
dragend: (event) => {
|
||||
updatePosition((event.target as L.Marker).getLatLng());
|
||||
},
|
||||
dblclick: handleMarkerDoubleClick,
|
||||
}}
|
||||
>
|
||||
<Popup>{t.currentPos}</Popup>
|
||||
</Marker>
|
||||
)}
|
||||
{rectangles.map((rect, index) =>
|
||||
validBounds(rect.bounds) ? (
|
||||
<Rectangle
|
||||
key={index}
|
||||
bounds={rect.bounds}
|
||||
pathOptions={{ color: rect.color }}
|
||||
/>
|
||||
) : null
|
||||
)}
|
||||
|
||||
<DrawControl color={rectangleColor} rectangles={rectangles} setRectangles={setRectangles} controlChange={handleControl} />
|
||||
<UpdateMapCenter currentPosition={currentPosition} />
|
||||
</MapContainer>
|
||||
|
||||
<Button className={mapType === mapTypes.classic ? 'satellite-btn' : ' active-satellite-btn'}
|
||||
onClick={() => handleMapTypeChange()}>
|
||||
<SatelliteMapIcon />
|
||||
</Button>
|
||||
|
||||
<AltitudeDialog
|
||||
openDialog={openDialog}
|
||||
handleDialogClose={() => setOpenDialog(false)}
|
||||
handleAltitudeSubmit={handleAltitudeSubmit}
|
||||
altitude={altitude}
|
||||
setAltitude={setAltitude}
|
||||
latitude={latitude}
|
||||
setLatitude={setLatitude}
|
||||
longitude={longitude}
|
||||
setLongitude={setLongitude}
|
||||
meta={meta}
|
||||
setMeta={setMeta}
|
||||
isEditMode={isEditMode}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
import { CircleMarker, MapContainer, TileLayer } from 'react-leaflet';
|
||||
import { UpdateMapCenter } from './MapView';
|
||||
import { mapTypes } from '../constants/maptypes';
|
||||
import { tileUrls } from '../constants/tileUrls';
|
||||
import './Minimap.css';
|
||||
import type { MovingPointInfo } from '../types';
|
||||
|
||||
interface MiniMapProps {
|
||||
pointPosition: MovingPointInfo;
|
||||
mapType: string;
|
||||
}
|
||||
|
||||
export default function MiniMap({ pointPosition, mapType }: MiniMapProps) {
|
||||
return (
|
||||
<div className="mini-map"
|
||||
style={{
|
||||
top: pointPosition.y,
|
||||
left: pointPosition.x,
|
||||
}}>
|
||||
<MapContainer center={pointPosition.latlng} zoom={25} zoomControl={false}>
|
||||
{mapType === mapTypes.classic
|
||||
? <TileLayer url={tileUrls.classic} />
|
||||
: <TileLayer url={tileUrls.satellite} />
|
||||
}
|
||||
<CircleMarker center={pointPosition.latlng} radius={2} color="red" />
|
||||
<UpdateMapCenter currentPosition={pointPosition.latlng} />
|
||||
</MapContainer>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
.mini-map{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
aspect-ratio: 1/1;
|
||||
border-radius: 50%;
|
||||
border: 2px solid black;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
@media (min-width: 680px) and (max-width: 1024px) and (orientation: landscape){
|
||||
.mini-map{
|
||||
width: 140px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
.flight-plan-point {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.point-details {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.uncalculated {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.point-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.flight-plan-points-container {
|
||||
min-height: 50px;
|
||||
overflow-y: auto;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.flight-plan-point {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
@media (min-width: 680px) and (max-width: 1024px) and (orientation: landscape) {
|
||||
.flight-plan-point {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.point-details {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.point-actions {
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.point-actions .MuiButtonBase-root {
|
||||
padding: 4px;
|
||||
min-width: 24px;
|
||||
}
|
||||
|
||||
.small-icon {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,189 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
import { Droppable, Draggable } from '@hello-pangea/dnd';
|
||||
import Button from '@mui/material/Button';
|
||||
import { FaTrash, FaEdit } from 'react-icons/fa';
|
||||
import AltitudeDialog from './AltitudeDialog';
|
||||
import './PointsList.css';
|
||||
import { newGuid } from '../utils';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import { translations } from '../constants/translations';
|
||||
import { calculateBatteryPercentUsed } from '../services/calculateBatteryUsage';
|
||||
import { calculateDistance } from '../services/calculateDistance';
|
||||
import type { FlightPoint, CalculatedPointInfo, AircraftParams } from '../types';
|
||||
|
||||
interface PointsListProps {
|
||||
points: FlightPoint[];
|
||||
calculatedPointInfo: CalculatedPointInfo[];
|
||||
setCalculatedPointInfo: React.Dispatch<React.SetStateAction<CalculatedPointInfo[]>>;
|
||||
setPoints: React.Dispatch<React.SetStateAction<FlightPoint[]>>;
|
||||
removePoint: (id: string) => void;
|
||||
aircraft: AircraftParams | null;
|
||||
initialAltitude: number;
|
||||
}
|
||||
|
||||
export default function PointsList({
|
||||
points,
|
||||
calculatedPointInfo,
|
||||
setCalculatedPointInfo,
|
||||
setPoints,
|
||||
removePoint,
|
||||
aircraft,
|
||||
initialAltitude,
|
||||
}: PointsListProps) {
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
const [openDialog, setOpenDialog] = useState(false);
|
||||
const [currentPoint, setCurrentPoint] = useState<FlightPoint | null>(null);
|
||||
const [isEditMode, setIsEditMode] = useState(false);
|
||||
const [isCalculated, setIsCalculated] = useState(true);
|
||||
|
||||
useEffect(() => {
|
||||
setIsCalculated(false);
|
||||
|
||||
const calculatePoints = async () => {
|
||||
const calculatedData = await calculateBatteryUsageForPoints(points);
|
||||
setCalculatedPointInfo([...calculatedData]);
|
||||
setIsCalculated(true);
|
||||
};
|
||||
|
||||
calculatePoints();
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [points]);
|
||||
|
||||
const calculateBatteryUsageForPoints = async (pts: FlightPoint[]): Promise<CalculatedPointInfo[]> => {
|
||||
const pointsInfo: CalculatedPointInfo[] = [{
|
||||
bat: 100,
|
||||
time: 0,
|
||||
}];
|
||||
|
||||
if (!aircraft) return pointsInfo;
|
||||
|
||||
for (let index = 1; index < pts.length; index++) {
|
||||
const point1 = pts[index - 1];
|
||||
const point2 = pts[index];
|
||||
|
||||
const midPoint = {
|
||||
lat: (point1.position.lat + point2.position.lat) / 2,
|
||||
lon: (point1.position.lng + point2.position.lng) / 2,
|
||||
};
|
||||
|
||||
const distance = calculateDistance(point1, point2, aircraft.type, initialAltitude, aircraft.downang, aircraft.upang);
|
||||
const time = distance / aircraft.speed;
|
||||
|
||||
const percent = await calculateBatteryPercentUsed(aircraft.speed, time, midPoint);
|
||||
pointsInfo.push({
|
||||
bat: pointsInfo[index - 1].bat - percent,
|
||||
time: pointsInfo[index - 1].time + time,
|
||||
});
|
||||
}
|
||||
return pointsInfo;
|
||||
};
|
||||
|
||||
const handleDialogOpen = (point: FlightPoint | null = null) => {
|
||||
setIsEditMode(!!point);
|
||||
setCurrentPoint(point || { id: '', position: { lat: 0, lng: 0 }, altitude: 0, meta: [] });
|
||||
setOpenDialog(true);
|
||||
};
|
||||
|
||||
const handleDialogClose = () => {
|
||||
setOpenDialog(false);
|
||||
setCurrentPoint(null);
|
||||
};
|
||||
|
||||
const handleAltitudeSubmit = () => {
|
||||
if (!currentPoint) return;
|
||||
|
||||
if (isEditMode) {
|
||||
setPoints((prevPoints) =>
|
||||
prevPoints.map((point) =>
|
||||
point.id === currentPoint.id ? currentPoint : point
|
||||
)
|
||||
);
|
||||
} else {
|
||||
setPoints((prevPoints) => [
|
||||
...prevPoints,
|
||||
{ ...currentPoint, id: newGuid() },
|
||||
]);
|
||||
}
|
||||
handleDialogClose();
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Droppable droppableId="points">
|
||||
{(provided) => (
|
||||
<div
|
||||
{...provided.droppableProps}
|
||||
ref={provided.innerRef}
|
||||
className="flight-plan-points-container"
|
||||
>
|
||||
{points.map((point, index) => (
|
||||
<Draggable key={point.id} draggableId={point.id} index={index}>
|
||||
{(provided) => (
|
||||
<div
|
||||
ref={provided.innerRef}
|
||||
{...provided.draggableProps}
|
||||
{...provided.dragHandleProps}
|
||||
className={'flight-plan-point'}
|
||||
>
|
||||
<div className={isCalculated ? 'point-details' : 'point-details uncalculated'}>
|
||||
<strong>{t.point} {index < 9 ? `0${index + 1}` : index + 1}: </strong>
|
||||
{point.altitude}{t.metres} {Math.floor(calculatedPointInfo[index]?.bat)}%{t.battery} {Math.floor(calculatedPointInfo[index]?.time)}{t.hour}
|
||||
{Math.floor((calculatedPointInfo[index]?.time - Math.floor(calculatedPointInfo[index]?.time)) * 60)}{t.minutes}
|
||||
</div>
|
||||
<div className="point-actions">
|
||||
<Button
|
||||
className="icon"
|
||||
onClick={() => handleDialogOpen(point)}
|
||||
size="small"
|
||||
color="primary"
|
||||
startIcon={<FaEdit className='small-icon' />}
|
||||
/>
|
||||
<Button
|
||||
className="icon"
|
||||
onClick={() => removePoint(point.id)}
|
||||
size="small"
|
||||
color="error"
|
||||
startIcon={<FaTrash className='small-icon' />}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</Draggable>
|
||||
))}
|
||||
{provided.placeholder}
|
||||
</div>
|
||||
)}
|
||||
</Droppable>
|
||||
|
||||
{openDialog && currentPoint && (
|
||||
<AltitudeDialog
|
||||
openDialog={openDialog}
|
||||
handleDialogClose={handleDialogClose}
|
||||
handleAltitudeSubmit={handleAltitudeSubmit}
|
||||
altitude={currentPoint.altitude}
|
||||
setAltitude={(altitude) =>
|
||||
setCurrentPoint((prev) => prev ? { ...prev, altitude: Number(altitude) } : prev)
|
||||
}
|
||||
latitude={currentPoint.position.lat}
|
||||
setLatitude={(latitude) =>
|
||||
setCurrentPoint((prev) => prev ? {
|
||||
...prev,
|
||||
position: { ...prev.position, lat: Number(latitude) },
|
||||
} : prev)
|
||||
}
|
||||
longitude={currentPoint.position.lng}
|
||||
setLongitude={(longitude) =>
|
||||
setCurrentPoint((prev) => prev ? {
|
||||
...prev,
|
||||
position: { ...prev.position, lng: Number(longitude) },
|
||||
} : prev)
|
||||
}
|
||||
meta={currentPoint.meta || []}
|
||||
setMeta={(meta) => setCurrentPoint((prev) => prev ? { ...prev, meta } : prev)}
|
||||
isEditMode={isEditMode}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
.distance-container{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@media (min-width: 680px) and (max-width: 1024px) and (orientation: landscape){
|
||||
.distance-container{
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.info-block{
|
||||
margin: 6px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import { calculateDistance } from '../services/calculateDistance';
|
||||
import { translations } from '../constants/translations';
|
||||
import './TotalDistance.css';
|
||||
import type { FlightPoint, CalculatedPointInfo, AircraftParams, TranslationStrings } from '../types';
|
||||
|
||||
interface BatteryStatus {
|
||||
color: string;
|
||||
message: string;
|
||||
}
|
||||
|
||||
const getBatteryStatus = (batteryPercent: number, t: TranslationStrings): BatteryStatus => {
|
||||
if (batteryPercent > 12) {
|
||||
return { color: 'green', message: t.flightStatus.good };
|
||||
} else if (batteryPercent > 5) {
|
||||
return { color: 'yellow', message: t.flightStatus.caution };
|
||||
} else {
|
||||
return { color: 'red', message: t.flightStatus.low };
|
||||
}
|
||||
};
|
||||
|
||||
interface TotalDistanceProps {
|
||||
points: FlightPoint[];
|
||||
calculatedPointInfo: CalculatedPointInfo[];
|
||||
aircraft: AircraftParams | null;
|
||||
initialAltitude: number;
|
||||
}
|
||||
|
||||
const TotalDistance = ({ points, calculatedPointInfo, aircraft, initialAltitude }: TotalDistanceProps) => {
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
|
||||
const returnPoint = points[points.length - 1];
|
||||
|
||||
if (!aircraft || !points || (returnPoint ? points.length < 1 : points.length < 2)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const totalDistance = points.reduce((acc, point, index) => {
|
||||
if (index === 0) return acc;
|
||||
|
||||
const prevPoint = points[index - 1];
|
||||
|
||||
return acc + calculateDistance(
|
||||
prevPoint,
|
||||
point,
|
||||
aircraft.type,
|
||||
initialAltitude,
|
||||
aircraft.downang,
|
||||
aircraft.upang,
|
||||
);
|
||||
}, 0);
|
||||
|
||||
const formattedReturnPoint = returnPoint?.position
|
||||
? { position: { lat: returnPoint.position.lat, lng: returnPoint.position.lng } } as FlightPoint
|
||||
: null;
|
||||
|
||||
const distanceToReturnPoint = formattedReturnPoint
|
||||
? calculateDistance(points[points.length - 1], formattedReturnPoint, aircraft.type, initialAltitude, aircraft.downang, aircraft.upang)
|
||||
: 0;
|
||||
|
||||
const totalDistanceWithReturn = totalDistance + distanceToReturnPoint;
|
||||
|
||||
if (isNaN(totalDistanceWithReturn) || totalDistanceWithReturn <= 0) {
|
||||
console.error('Invalid total distance:', totalDistanceWithReturn);
|
||||
return <div>{t.error}</div>;
|
||||
}
|
||||
|
||||
const lastPointInfo = calculatedPointInfo?.[calculatedPointInfo.length - 1];
|
||||
if (!lastPointInfo || lastPointInfo.bat === undefined) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const status = getBatteryStatus(lastPointInfo.bat, t);
|
||||
|
||||
const time = totalDistanceWithReturn / aircraft.speed;
|
||||
const hours = Math.floor(time);
|
||||
const minutes = Math.floor((time - hours) * 60);
|
||||
|
||||
return (
|
||||
<div className='distance-container' style={{ display: 'flex', flexDirection: 'row', gap: '10px' }}>
|
||||
<p className='info-block'>{totalDistanceWithReturn.toFixed(2)}{t.km} {t.calc}</p>
|
||||
{hours >= 1 &&
|
||||
<p className='info-block'>{hours}{t.hour} </p>
|
||||
}
|
||||
<p className='info-block'>{minutes}{t.minutes} </p>
|
||||
<p className='info-block' style={{ color: status.color }}>{status.message}</p>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default TotalDistance;
|
||||
@@ -0,0 +1,60 @@
|
||||
import { useState } from 'react';
|
||||
import { useLanguage } from './LanguageContext';
|
||||
import Button from '@mui/material/Button';
|
||||
import { translations } from '../constants/translations';
|
||||
|
||||
interface WindEffectProps {
|
||||
onWindChange: (wind: { direction: number; speed: number }) => void;
|
||||
}
|
||||
|
||||
const WindEffect = ({ onWindChange }: WindEffectProps) => {
|
||||
const { targetLanguage } = useLanguage();
|
||||
const t = translations[targetLanguage];
|
||||
|
||||
const [windDirection, setWindDirection] = useState(0);
|
||||
const [windSpeed, setWindSpeed] = useState(0);
|
||||
|
||||
const handleWindDirectionChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setWindDirection(Number(event.target.value));
|
||||
};
|
||||
|
||||
const handleWindSpeedChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setWindSpeed(Number(event.target.value));
|
||||
};
|
||||
|
||||
const applyWindParameters = () => {
|
||||
onWindChange({ direction: windDirection, speed: windSpeed });
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h3>{t.setWind}</h3>
|
||||
<div>
|
||||
<label htmlFor="windDirection">Wind Direction (degrees):</label>
|
||||
<input
|
||||
type="number"
|
||||
id="windDirection"
|
||||
value={windDirection}
|
||||
onChange={handleWindDirectionChange}
|
||||
min="0"
|
||||
max="360"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="windSpeed">Wind Speed (m/s or km/h):</label>
|
||||
<input
|
||||
type="number"
|
||||
id="windSpeed"
|
||||
value={windSpeed}
|
||||
onChange={handleWindSpeedChange}
|
||||
min="0"
|
||||
/>
|
||||
</div>
|
||||
<Button className='btn' variant="contained" onClick={applyWindParameters}>
|
||||
{t.setWind}
|
||||
</Button>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default WindEffect;
|
||||
@@ -0,0 +1,63 @@
|
||||
.flight-plan-board {
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.left-board,
|
||||
.right-board {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.right-board {
|
||||
flex: 1;
|
||||
border: 1px solid #333333;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.full-iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.leaflet-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.custom-icon {
|
||||
z-index: 1 !important;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.mobile-message {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.flight-plan-board {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile-message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
gap: 12px;
|
||||
background-color: #c8b6b6;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,369 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
import { LatLng } from 'leaflet';
|
||||
import { newGuid } from '../utils';
|
||||
import MapView from './MapView';
|
||||
import AltitudeDialog from './AltitudeDialog';
|
||||
import './flightPlan.css';
|
||||
import JsonEditorDialog from './JsonEditorDialog';
|
||||
import { COORDINATE_PRECISION } from '../config';
|
||||
import L from 'leaflet';
|
||||
import LeftBoard from './LeftBoard';
|
||||
import { actionModes } from '../constants/actionModes';
|
||||
import { mockGetAirplaneParams } from '../services/AircraftService';
|
||||
import { RotatePhoneIcon } from '../icons/PhoneIcon';
|
||||
import { purposes } from '../constants/purposes';
|
||||
import type { FlightPoint, CalculatedPointInfo, MapRectangle, AircraftParams, LatLngPosition } from '../types';
|
||||
|
||||
interface FlightPlanProps {
|
||||
initialRectangles?: MapRectangle[];
|
||||
}
|
||||
|
||||
export function FlightPlan({ initialRectangles = [] }: FlightPlanProps) {
|
||||
const [aircraft, setAircraft] = useState<AircraftParams | null>(null);
|
||||
const [points, setPoints] = useState<FlightPoint[]>([]);
|
||||
const [calculatedPointInfo, setCalculatedPointInfo] = useState<CalculatedPointInfo[]>([]);
|
||||
const [currentPosition, setCurrentPosition] = useState<LatLngPosition>(new LatLng(47.242, 35.024));
|
||||
const [mapCenter, setMapCenter] = useState<LatLngPosition>(new LatLng(47.242, 35.024));
|
||||
const [rectangles, setRectangles] = useState<MapRectangle[]>(initialRectangles);
|
||||
const [openDialog, setOpenDialog] = useState(false);
|
||||
const [altitude, setAltitude] = useState(300);
|
||||
const [latitude, setLatitude] = useState<number>(parseFloat(new LatLng(47.242, 35.024).lat.toFixed(COORDINATE_PRECISION)));
|
||||
const [longitude, setLongitude] = useState<number>(parseFloat(new LatLng(47.242, 35.024).lng.toFixed(COORDINATE_PRECISION)));
|
||||
const [meta, setMeta] = useState<string[]>([purposes[0].value, purposes[1].value]);
|
||||
const [rectangleColor, setRectangleColor] = useState('red');
|
||||
const [pendingPosition, setPendingPosition] = useState<LatLngPosition | null>(null);
|
||||
const [insertIndex, setInsertIndex] = useState<number | null>(null);
|
||||
const [jsonDialogOpen, setJsonDialogOpen] = useState(false);
|
||||
const [jsonText, setJsonText] = useState('');
|
||||
const [initialAltitude, setInitialAltitude] = useState(1000);
|
||||
const [currentAltitude, setCurrentAltitude] = useState(initialAltitude);
|
||||
const [actionMode, setActionMode] = useState<string>(actionModes.points);
|
||||
|
||||
useEffect(() => {
|
||||
navigator.geolocation.getCurrentPosition(
|
||||
(position) => {
|
||||
const pos = new LatLng(position.coords.latitude, position.coords.longitude);
|
||||
setCurrentPosition(pos);
|
||||
setMapCenter(pos);
|
||||
},
|
||||
() => {
|
||||
const pos = new LatLng(47.242, 35.024);
|
||||
setCurrentPosition(pos);
|
||||
setMapCenter(pos);
|
||||
}
|
||||
);
|
||||
|
||||
mockGetAirplaneParams().then((air) => {
|
||||
setAircraft(air);
|
||||
});
|
||||
}, []);
|
||||
|
||||
const handleDialogClose = () => {
|
||||
setOpenDialog(false);
|
||||
setPendingPosition(null);
|
||||
setInsertIndex(null);
|
||||
};
|
||||
|
||||
const handleAltitudeSubmit = () => {
|
||||
if (pendingPosition !== null) {
|
||||
const newPoint: FlightPoint = {
|
||||
id: newGuid(),
|
||||
position: { lat: parseFloat(String(latitude)), lng: parseFloat(String(longitude)) },
|
||||
altitude: parseFloat(String(altitude)),
|
||||
meta,
|
||||
};
|
||||
|
||||
if (insertIndex !== null) {
|
||||
const updatedPoints = [...points];
|
||||
updatedPoints.splice(insertIndex, 0, newPoint);
|
||||
setPoints(updatedPoints);
|
||||
} else {
|
||||
setPoints(prevPoints => [...prevPoints, newPoint]);
|
||||
}
|
||||
|
||||
setAltitude(300);
|
||||
setLatitude(parseFloat(currentPosition.lat.toFixed(COORDINATE_PRECISION)));
|
||||
setLongitude(parseFloat(currentPosition.lng.toFixed(COORDINATE_PRECISION)));
|
||||
setMeta([purposes[0].value, purposes[1].value]);
|
||||
setPendingPosition(null);
|
||||
setInsertIndex(null);
|
||||
}
|
||||
setOpenDialog(false);
|
||||
};
|
||||
|
||||
const updatePosition = (newPosition: LatLngPosition) => {
|
||||
setCurrentPosition(newPosition);
|
||||
setMapCenter(newPosition);
|
||||
setLatitude(parseFloat(newPosition.lat.toFixed(COORDINATE_PRECISION)));
|
||||
setLongitude(parseFloat(newPosition.lng.toFixed(COORDINATE_PRECISION)));
|
||||
};
|
||||
|
||||
const updateMapCenter = (newCenter: LatLngPosition) => {
|
||||
setMapCenter(newCenter);
|
||||
};
|
||||
|
||||
const handlePolylineClick = (e: L.LeafletMouseEvent) => {
|
||||
const clickLatLng = e.latlng;
|
||||
|
||||
if (!clickLatLng || typeof clickLatLng.lat !== 'number' || typeof clickLatLng.lng !== 'number') {
|
||||
console.error('Invalid clickLatLng:', clickLatLng);
|
||||
return;
|
||||
}
|
||||
|
||||
let closestIndex = -1;
|
||||
let minDistance = Infinity;
|
||||
|
||||
points.forEach((point, index) => {
|
||||
if (index < points.length - 1) {
|
||||
const segmentStart = points[index]?.position;
|
||||
const segmentEnd = points[index + 1]?.position;
|
||||
|
||||
if (segmentStart && segmentEnd &&
|
||||
typeof segmentStart.lat === 'number' && typeof segmentStart.lng === 'number' &&
|
||||
typeof segmentEnd.lat === 'number' && typeof segmentEnd.lng === 'number') {
|
||||
|
||||
const distance = L.LineUtil.pointToSegmentDistance(
|
||||
L.point(clickLatLng.lng, clickLatLng.lat),
|
||||
L.point(segmentStart.lng, segmentStart.lat),
|
||||
L.point(segmentEnd.lng, segmentEnd.lat)
|
||||
);
|
||||
|
||||
if (distance < minDistance) {
|
||||
minDistance = distance;
|
||||
closestIndex = index;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (closestIndex !== -1) {
|
||||
const alt = (points[closestIndex].altitude + points[closestIndex + 1].altitude) / 2;
|
||||
|
||||
const newPoint: FlightPoint = {
|
||||
id: newGuid(),
|
||||
position: {
|
||||
lat: parseFloat(clickLatLng.lat.toFixed(COORDINATE_PRECISION)),
|
||||
lng: parseFloat(clickLatLng.lng.toFixed(COORDINATE_PRECISION)),
|
||||
},
|
||||
altitude: parseFloat(String(alt)),
|
||||
meta: [purposes[0].value, purposes[1].value],
|
||||
};
|
||||
const pointInfo: CalculatedPointInfo = {
|
||||
bat: 100,
|
||||
time: 0,
|
||||
};
|
||||
|
||||
const updatedPoints = [...points];
|
||||
updatedPoints.splice(closestIndex + 1, 0, newPoint);
|
||||
const updatedInfo = [...calculatedPointInfo];
|
||||
updatedInfo.splice(closestIndex + 1, 0, pointInfo);
|
||||
|
||||
setPoints(updatedPoints);
|
||||
setCalculatedPointInfo(updatedInfo);
|
||||
}
|
||||
};
|
||||
|
||||
interface ProcessedRectangle {
|
||||
northWest: { lat: number; lon: number };
|
||||
southEast: { lat: number; lon: number };
|
||||
fence_type: string;
|
||||
}
|
||||
|
||||
const processRectangle = (rectangle: MapRectangle): ProcessedRectangle | null => {
|
||||
if (!rectangle || !rectangle.bounds || !rectangle.color) {
|
||||
console.error('Invalid rectangle:', rectangle);
|
||||
return null;
|
||||
}
|
||||
|
||||
const bounds = rectangle.bounds as L.LatLngBounds;
|
||||
const southWest = bounds.getSouthWest?.() ?? (bounds as unknown as { _southWest: L.LatLng })._southWest;
|
||||
const northEast = bounds.getNorthEast?.() ?? (bounds as unknown as { _northEast: L.LatLng })._northEast;
|
||||
|
||||
const northWest = { lat: northEast.lat, lon: southWest.lng };
|
||||
const southEast = { lat: southWest.lat, lon: northEast.lng };
|
||||
|
||||
const fenceType = rectangle.color === 'red' ? 'EXCLUSION' : rectangle.color === 'green' ? 'INCLUSION' : 'UNKNOWN';
|
||||
return {
|
||||
northWest,
|
||||
southEast,
|
||||
fence_type: fenceType,
|
||||
};
|
||||
};
|
||||
|
||||
const isRectangleDuplicate = (existingRectangles: ProcessedRectangle[], newRectangle: ProcessedRectangle) => {
|
||||
const newPointsString = JSON.stringify({ nw: newRectangle.northWest, se: newRectangle.southEast });
|
||||
return existingRectangles.some(rectangle => {
|
||||
const existingPointsString = JSON.stringify({ nw: rectangle.northWest, se: rectangle.southEast });
|
||||
return existingPointsString === newPointsString;
|
||||
});
|
||||
};
|
||||
|
||||
const exportMap = () => {
|
||||
const processedRectangles = rectangles.map(processRectangle).filter((rectangle): rectangle is ProcessedRectangle => rectangle !== null);
|
||||
|
||||
const uniqueRectangles: ProcessedRectangle[] = [];
|
||||
processedRectangles.forEach(rectangle => {
|
||||
if (!isRectangleDuplicate(uniqueRectangles, rectangle)) {
|
||||
uniqueRectangles.push(rectangle);
|
||||
}
|
||||
});
|
||||
|
||||
const data = {
|
||||
geofences: {
|
||||
polygons: uniqueRectangles.map(rect => ({
|
||||
northWest: rect.northWest,
|
||||
southEast: rect.southEast,
|
||||
})),
|
||||
},
|
||||
action_points: points.map(point => ({
|
||||
lat: point.position.lat,
|
||||
lon: point.position.lng,
|
||||
})),
|
||||
};
|
||||
|
||||
setJsonText(JSON.stringify(data, null, 2));
|
||||
setJsonDialogOpen(true);
|
||||
};
|
||||
|
||||
const handleJsonDialogClose = () => {
|
||||
setJsonDialogOpen(false);
|
||||
};
|
||||
|
||||
const handleJsonSave = (updatedJson: string) => {
|
||||
try {
|
||||
const data = JSON.parse(updatedJson);
|
||||
|
||||
if (data.action_points && Array.isArray(data.action_points)) {
|
||||
const importedPoints: FlightPoint[] = data.action_points.map((ap: Record<string, unknown>) => ({
|
||||
id: newGuid(),
|
||||
position: {
|
||||
lat: (ap.point as Record<string, number>)?.lat || (ap.lat as number),
|
||||
lng: (ap.point as Record<string, number>)?.lon || (ap.lon as number),
|
||||
},
|
||||
altitude: parseFloat(String(ap.height || 300)),
|
||||
meta: (ap.action_specific as Record<string, string[]>)?.targets || [purposes[0].value, purposes[1].value],
|
||||
}));
|
||||
setPoints(importedPoints);
|
||||
}
|
||||
|
||||
if (data.geofences?.polygons && Array.isArray(data.geofences.polygons)) {
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const importedRectangles: MapRectangle[] = data.geofences.polygons.map((polygon: any) => {
|
||||
const bounds = L.latLngBounds(
|
||||
[polygon.southEast.lat, polygon.northWest.lon],
|
||||
[polygon.northWest.lat, polygon.southEast.lon]
|
||||
);
|
||||
const color = polygon.fence_type === 'EXCLUSION' ? 'red' : 'green';
|
||||
return {
|
||||
id: newGuid(),
|
||||
bounds,
|
||||
color,
|
||||
};
|
||||
});
|
||||
setRectangles(importedRectangles);
|
||||
}
|
||||
|
||||
if (data.operational_height?.currentAltitude) {
|
||||
setCurrentAltitude(data.operational_height.currentAltitude);
|
||||
}
|
||||
|
||||
setJsonDialogOpen(false);
|
||||
} catch {
|
||||
alert('Invalid JSON format');
|
||||
}
|
||||
};
|
||||
|
||||
const editAsJson = () => {
|
||||
const processedRectangles = rectangles.map(processRectangle).filter((rectangle): rectangle is ProcessedRectangle => rectangle !== null);
|
||||
|
||||
const uniqueRectangles: ProcessedRectangle[] = [];
|
||||
processedRectangles.forEach(rectangle => {
|
||||
if (!isRectangleDuplicate(uniqueRectangles, rectangle)) {
|
||||
uniqueRectangles.push(rectangle);
|
||||
}
|
||||
});
|
||||
|
||||
const data = {
|
||||
operational_height: { currentAltitude },
|
||||
geofences: {
|
||||
polygons: uniqueRectangles,
|
||||
},
|
||||
action_points: points.map(point => ({
|
||||
point: { lat: point.position.lat, lon: point.position.lng },
|
||||
height: Number(point.altitude),
|
||||
action: 'search',
|
||||
action_specific: {
|
||||
targets: point.meta,
|
||||
},
|
||||
})),
|
||||
};
|
||||
|
||||
setJsonText(JSON.stringify(data, null, 2));
|
||||
setJsonDialogOpen(true);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className={'flight-plan-board'}>
|
||||
<LeftBoard
|
||||
points={points}
|
||||
setPoints={setPoints}
|
||||
calculatedPointInfo={calculatedPointInfo}
|
||||
setCalculatedPointInfo={setCalculatedPointInfo}
|
||||
aircraft={aircraft}
|
||||
initialAltitude={initialAltitude}
|
||||
setInitialAltitude={setInitialAltitude}
|
||||
currentAltitude={currentAltitude}
|
||||
actionMode={actionMode}
|
||||
setActionMode={setActionMode}
|
||||
setRectangleColor={setRectangleColor}
|
||||
editAsJson={editAsJson}
|
||||
exportMap={exportMap}
|
||||
updatePosition={updatePosition}
|
||||
currentPosition={mapCenter}
|
||||
/>
|
||||
|
||||
<MapView
|
||||
points={points}
|
||||
setPoints={setPoints}
|
||||
calculatedPointInfo={calculatedPointInfo}
|
||||
setCalculatedPointInfo={setCalculatedPointInfo}
|
||||
initialAltitude={initialAltitude}
|
||||
currentPosition={currentPosition}
|
||||
updatePosition={updatePosition}
|
||||
updateMapCenter={updateMapCenter}
|
||||
handlePolylineClick={handlePolylineClick}
|
||||
rectangles={rectangles}
|
||||
setRectangles={setRectangles}
|
||||
rectangleColor={rectangleColor}
|
||||
actionMode={actionMode}
|
||||
/>
|
||||
|
||||
<AltitudeDialog
|
||||
openDialog={openDialog}
|
||||
handleDialogClose={handleDialogClose}
|
||||
handleAltitudeSubmit={handleAltitudeSubmit}
|
||||
altitude={altitude}
|
||||
setAltitude={setAltitude}
|
||||
latitude={latitude}
|
||||
setLatitude={setLatitude}
|
||||
longitude={longitude}
|
||||
setLongitude={setLongitude}
|
||||
meta={meta}
|
||||
setMeta={setMeta}
|
||||
/>
|
||||
|
||||
<JsonEditorDialog
|
||||
open={jsonDialogOpen}
|
||||
jsonText={jsonText}
|
||||
onClose={handleJsonDialogClose}
|
||||
onSave={handleJsonSave}
|
||||
/>
|
||||
</div>
|
||||
<div className='mobile-message'>
|
||||
<RotatePhoneIcon width='100px' height='100px' color='#000000' />
|
||||
Please switch to the landscape mode
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
interface SatelliteMapIconProps {
|
||||
width?: string;
|
||||
height?: string;
|
||||
}
|
||||
|
||||
export function SatelliteMapIcon({
|
||||
width = '100%',
|
||||
height = '100%',
|
||||
}: SatelliteMapIconProps) {
|
||||
return (
|
||||
<svg width={width} height={height} viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#clip0_11_18)">
|
||||
<path d="M0 40H40V0H0V40Z" fill="#43B05B" />
|
||||
<path d="M40 29.6552V20L32.2759 12.4827L40 4.68969V0H35.3103L14.8276 20.4827V0H8.89656V8.89656H0V14.8276H8.89656V26.4138L7.72414 27.5173L0 35.3103V40H4.68969L27.4483 17.2414L40 29.6552Z" fill="#F0CE49" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_11_18">
|
||||
<rect width={width} height={height} fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
interface RotatePhoneIconProps {
|
||||
width?: string;
|
||||
height?: string;
|
||||
color?: string;
|
||||
}
|
||||
|
||||
export function RotatePhoneIcon({
|
||||
width = '80px',
|
||||
height = '80px',
|
||||
color = '#1976d2',
|
||||
}: RotatePhoneIconProps) {
|
||||
return (
|
||||
<svg width={width} height={height} viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#clip0_61_2)">
|
||||
<path d="M41.2215 17.1275C40.4263 17.0233 40.0965 17.4373 39.9922 17.6229C39.888 17.8056 39.6968 18.3039 40.1937 18.9378L42.782 22.2659C43.3875 22.8727 44.3584 22.9327 45.0394 22.4058L48.2047 19.963C48.6329 19.636 48.7428 19.2862 48.7587 19.0535C48.7929 18.5038 48.3631 18.0427 47.6607 17.9514L46.1073 17.7529C45.9217 17.7258 45.7261 17.5016 45.7146 17.2947C45.4805 12.7901 43.5887 8.54395 40.3861 5.34012C37.9818 2.93568 34.9592 1.25821 31.6455 0.482857C29.2854 -0.0725654 26.8683 -0.149608 24.4625 0.255761C19.9179 1.02529 15.866 3.43824 13.0562 7.05043C12.8206 7.35457 12.6393 7.78279 13.2132 8.35687C13.319 8.46258 13.4589 8.58681 13.6159 8.70954C13.9657 8.98083 14.7753 9.60478 15.2892 8.94649C17.7263 5.81402 21.1316 3.78807 24.9465 3.14411C26.9625 2.80279 28.9928 2.86565 30.983 3.3297C33.7643 3.98217 36.3029 5.39268 38.3203 7.41161C40.9445 10.0343 42.5293 13.5096 42.7835 17.1945L42.6309 17.3087L41.2215 17.1275Z" fill={color} />
|
||||
<path d="M53.6543 30.9968H30.9017V34.9788H50.9244C51.3727 34.9788 51.7354 35.3428 51.7354 35.7912V51.9505C51.7354 52.3988 51.3727 52.7628 50.9244 52.7628H30.9017V56.7476H53.6556C55.2877 56.7476 56.6082 55.4242 56.6082 53.7964V33.9465C56.6083 32.3159 55.2862 30.9968 53.6543 30.9968Z" fill={color} />
|
||||
<path d="M26.1915 60C27.8206 60 29.1427 58.6779 29.1427 57.0474V19.1834C29.1427 17.5515 27.8191 16.2309 26.1915 16.2309H6.34152C4.7096 16.2309 3.39181 17.553 3.39181 19.1834V57.0474C3.39181 58.6794 4.71109 60 6.34152 60H26.1915ZM16.2173 58.1968C15.1893 58.1968 14.3584 57.3659 14.3584 56.3393C14.3584 55.3128 15.1893 54.4804 16.2173 54.4804C17.2424 54.4804 18.0748 55.3128 18.0748 56.3393C18.0733 57.3659 17.241 58.1968 16.2173 58.1968ZM7.37234 21.9134C7.37234 21.4652 7.73635 21.1023 8.18472 21.1023H24.3439C24.7923 21.1023 25.1563 21.465 25.1563 21.9134V51.0652C25.1563 51.5135 24.7923 51.8762 24.3439 51.8762H8.18622C7.738 51.8762 7.37384 51.5135 7.37384 51.0652V21.9134H7.37234Z" fill={color} />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_61_2">
|
||||
<rect width={width} height={height} fill="none" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
import { FaMapPin } from 'react-icons/fa';
|
||||
import { renderToStaticMarkup } from 'react-dom/server';
|
||||
import { divIcon } from 'leaflet';
|
||||
import L from 'leaflet';
|
||||
|
||||
export const defaultIcon = new L.Icon({
|
||||
iconUrl: 'https://unpkg.com/leaflet@1.7.1/dist/images/marker-icon.png',
|
||||
iconSize: [25, 41],
|
||||
iconAnchor: [12, 41],
|
||||
popupAnchor: [1, -34],
|
||||
});
|
||||
|
||||
const pointIconSVG = renderToStaticMarkup(<FaMapPin style={{ fontSize: '24px', color: '#ff4500', zIndex: '1' }} />);
|
||||
export const pointIconRed = divIcon({
|
||||
className: 'custom-icon',
|
||||
html: `<div style="display: flex; align-items: center; justify-content: center;">${pointIconSVG}</div>`,
|
||||
iconSize: [30, 30],
|
||||
iconAnchor: [15, 30],
|
||||
popupAnchor: [0, -30],
|
||||
});
|
||||
|
||||
const pointIconGreenSVG = renderToStaticMarkup(<FaMapPin style={{ fontSize: '24px', color: '#1ed013', zIndex: '1' }} />);
|
||||
export const pointIconGreen = divIcon({
|
||||
className: 'custom-icon',
|
||||
html: `<div style="display: flex; align-items: center; justify-content: center;">${pointIconGreenSVG}</div>`,
|
||||
iconSize: [30, 30],
|
||||
iconAnchor: [15, 30],
|
||||
popupAnchor: [0, -30],
|
||||
});
|
||||
|
||||
const pointIconBlueSVG = renderToStaticMarkup(<FaMapPin style={{ fontSize: '24px', color: '#0000ff', zIndex: '1' }} />);
|
||||
export const pointIconBlue = divIcon({
|
||||
className: 'custom-icon',
|
||||
html: `<div style="display: flex; align-items: center; justify-content: center;">${pointIconBlueSVG}</div>`,
|
||||
iconSize: [30, 30],
|
||||
iconAnchor: [15, 30],
|
||||
popupAnchor: [0, -30],
|
||||
});
|
||||
@@ -0,0 +1,47 @@
|
||||
interface IconProps {
|
||||
className?: string;
|
||||
width?: string;
|
||||
height?: string;
|
||||
color?: string;
|
||||
}
|
||||
|
||||
export function HideSidebarIcon({
|
||||
width = '100%',
|
||||
height = '100%',
|
||||
color = '#1976d2',
|
||||
}: IconProps) {
|
||||
return (
|
||||
<svg width={width} height={height} viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.5" y="1.5" width="37" height="37" rx="4.5" stroke={color} strokeWidth="3" />
|
||||
<line x1="13.5" y1="40" x2="13.5" stroke={color} strokeWidth="3" />
|
||||
<path d="M24.2928 19.2929C23.9023 19.6834 23.9023 20.3166 24.2928 20.7071L30.6568 27.0711C31.0473 27.4616 31.6804 27.4616 32.071 27.0711C32.4615 26.6805 32.4615 26.0474 32.071 25.6569L26.4141 20L32.071 14.3431C32.4615 13.9526 32.4615 13.3195 32.071 12.9289C31.6804 12.5384 31.0473 12.5384 30.6568 12.9289L24.2928 19.2929ZM25 19H24.9999V21H25V19Z" fill={color} />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
export function ShowSidebarIcon({
|
||||
width = '100%',
|
||||
height = '100%',
|
||||
color = '#1976d2',
|
||||
}: IconProps) {
|
||||
return (
|
||||
<svg width={width} height={height} viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.5" y="1.5" width="37" height="37" rx="4.5" stroke={color} strokeWidth="3" />
|
||||
<line x1="13.5" y1="40" x2="13.5" stroke={color} strokeWidth="3" />
|
||||
<path d="M10.5304 20.5303C10.8233 20.2374 10.8233 19.7626 10.5304 19.4697L5.75746 14.6967C5.46457 14.4038 4.98969 14.4038 4.6968 14.6967C4.40391 14.9896 4.40391 15.4645 4.6968 15.7574L8.93944 20L4.6968 24.2426C4.40391 24.5355 4.40391 25.0104 4.6968 25.3033C4.98969 25.5962 5.46457 25.5962 5.75746 25.3033L10.5304 20.5303ZM10 20.75H10.0001V19.25H10V20.75Z" fill={color} />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
export function DashedAreaIcon({
|
||||
className,
|
||||
width,
|
||||
height,
|
||||
color = '#1976d2',
|
||||
}: IconProps) {
|
||||
return (
|
||||
<svg className={className} width={width} height={height} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3 1C2.46957 1 1.96086 1.21071 1.58579 1.58579C1.21071 1.96086 1 2.46957 1 3M17 1C17.5304 1 18.0391 1.21071 18.4142 1.58579C18.7893 1.96086 19 2.46957 19 3M19 17C19 17.5304 18.7893 18.0391 18.4142 18.4142C18.0391 18.7893 17.5304 19 17 19M3 19C2.46957 19 1.96086 18.7893 1.58579 18.4142C1.21071 18.0391 1 17.5304 1 17M7 1H8M7 19H8M12 1H13M12 19H13M1 7V8M19 7V8M1 12V13M19 12V13" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
@@ -0,0 +1,128 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
||||
viewBox="0 0 299.9 317.1" style="enable-background:new 0 0 299.9 317.1;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#2668B0;}
|
||||
.st1{fill:#DEC354;}
|
||||
.st2{fill:url(#SVGID_1_);}
|
||||
.st3{fill:url(#SVGID_00000165956440124760579960000011888077842116744085_);}
|
||||
.st4{fill:url(#SVGID_00000085942576275962151710000009003104917087656334_);}
|
||||
.st5{fill:url(#SVGID_00000065057939898373943770000009142597344814158991_);}
|
||||
.st6{fill:url(#SVGID_00000042707575094020397520000008210262669309136559_);}
|
||||
.st7{fill:url(#SVGID_00000132081218125063996810000014374475908356398251_);}
|
||||
.st8{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g id="Layer_2_00000152245310683770285410000018119804670128610436_">
|
||||
<polygon class="st0" points="0.1,169.5 12.1,166.5 12.1,51.2 0,20.1 "/>
|
||||
<polygon class="st1" points="241,169.1 229.1,166.1 229,50.7 241.1,19.7 "/>
|
||||
<polygon class="st0" points="119.6,153.6 107.7,158.3 107.7,18 119.8,0 "/>
|
||||
<polygon class="st1" points="119.5,153.8 131.8,158.3 131.9,18 119.8,0 "/>
|
||||
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="120.3286" y1="259.6066" x2="120.3286" y2="78.8283" gradientTransform="matrix(1 0 0 -1 0 320)">
|
||||
<stop offset="3.000000e-02" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="0.1" style="stop-color:#EDEDED"/>
|
||||
<stop offset="0.26" style="stop-color:#C0BEBF"/>
|
||||
<stop offset="0.48" style="stop-color:#767474"/>
|
||||
<stop offset="0.7" style="stop-color:#231F20"/>
|
||||
</linearGradient>
|
||||
<polygon class="st2" points="0.1,169.5 47,153.1 82.2,166.3 102.5,157.3 119.5,149.8 157.9,166.7 194,153.3 240.6,168.8 121.1,255
|
||||
"/>
|
||||
|
||||
<linearGradient id="SVGID_00000114788463727787464510000017845518411005303225_" gradientUnits="userSpaceOnUse" x1="58.437" y1="149.7064" x2="68.2775" y2="175.7949" gradientTransform="matrix(1 0 0 -1 0 320)">
|
||||
<stop offset="0.27" style="stop-color:#231F20"/>
|
||||
<stop offset="0.28" style="stop-color:#2C2829"/>
|
||||
<stop offset="0.37" style="stop-color:#767474"/>
|
||||
<stop offset="0.44" style="stop-color:#B1AFB0"/>
|
||||
<stop offset="0.51" style="stop-color:#DBDADA"/>
|
||||
<stop offset="0.56" style="stop-color:#F5F5F5"/>
|
||||
<stop offset="0.59" style="stop-color:#FFFFFF"/>
|
||||
</linearGradient>
|
||||
<polygon style="fill:url(#SVGID_00000114788463727787464510000017845518411005303225_);" points="47,153.1 42,154.8 76.9,169.3
|
||||
82.1,166.4 "/>
|
||||
|
||||
<linearGradient id="SVGID_00000102533530282145531860000014371344717116336017_" gradientUnits="userSpaceOnUse" x1="-45.5872" y1="149.6743" x2="-35.8351" y2="175.5215" gradientTransform="matrix(-1 0 0 -1 136.44 320)">
|
||||
<stop offset="0.27" style="stop-color:#231F20"/>
|
||||
<stop offset="0.28" style="stop-color:#2C2829"/>
|
||||
<stop offset="0.37" style="stop-color:#767474"/>
|
||||
<stop offset="0.44" style="stop-color:#B1AFB0"/>
|
||||
<stop offset="0.51" style="stop-color:#DBDADA"/>
|
||||
<stop offset="0.56" style="stop-color:#F5F5F5"/>
|
||||
<stop offset="0.59" style="stop-color:#FFFFFF"/>
|
||||
</linearGradient>
|
||||
<polygon style="fill:url(#SVGID_00000102533530282145531860000014371344717116336017_);" points="194,153.3 199,155 163.6,169.4
|
||||
157.9,166.7 "/>
|
||||
|
||||
<linearGradient id="SVGID_00000075841790156840098560000006699003196656470950_" gradientUnits="userSpaceOnUse" x1="119.6532" y1="175.4803" x2="119.6532" y2="164.7475" gradientTransform="matrix(1 0 0 -1 0 320)">
|
||||
<stop offset="3.000000e-02" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="0.44" style="stop-color:#9B9A9A"/>
|
||||
<stop offset="0.83" style="stop-color:#454142"/>
|
||||
<stop offset="1" style="stop-color:#231F20"/>
|
||||
</linearGradient>
|
||||
<polygon style="fill:url(#SVGID_00000075841790156840098560000006699003196656470950_);" points="119.5,149.8 133.7,156.1
|
||||
119.5,154.4 105.6,156 "/>
|
||||
|
||||
<linearGradient id="SVGID_00000080899814652598392920000002338730188455222667_" gradientUnits="userSpaceOnUse" x1="19.1991" y1="43.9763" x2="111.4936" y2="184.9104" gradientTransform="matrix(1 0 0 -1 0 320)">
|
||||
<stop offset="0.1" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="0.17" style="stop-color:#FCFCFC"/>
|
||||
<stop offset="0.2" style="stop-color:#F5F4F4"/>
|
||||
<stop offset="0.23" style="stop-color:#E7E7E7"/>
|
||||
<stop offset="0.26" style="stop-color:#D4D4D4"/>
|
||||
<stop offset="0.28" style="stop-color:#BCBBBB"/>
|
||||
<stop offset="0.3" style="stop-color:#9E9C9D"/>
|
||||
<stop offset="0.32" style="stop-color:#7A7878"/>
|
||||
<stop offset="0.33" style="stop-color:#524F50"/>
|
||||
<stop offset="0.35" style="stop-color:#252122"/>
|
||||
<stop offset="0.35" style="stop-color:#231F20"/>
|
||||
<stop offset="0.37" style="stop-color:#262324"/>
|
||||
<stop offset="0.39" style="stop-color:#322F30"/>
|
||||
<stop offset="0.4" style="stop-color:#464344"/>
|
||||
<stop offset="0.42" style="stop-color:#625F60"/>
|
||||
<stop offset="0.44" style="stop-color:#868484"/>
|
||||
<stop offset="0.46" style="stop-color:#B2B0B0"/>
|
||||
<stop offset="0.47" style="stop-color:#E5E4E4"/>
|
||||
<stop offset="0.47" style="stop-color:#E7E6E6"/>
|
||||
</linearGradient>
|
||||
<polygon style="fill:url(#SVGID_00000080899814652598392920000002338730188455222667_);" points="0.1,169.5 0.9,169.3 122.5,253.9
|
||||
121.1,255 "/>
|
||||
|
||||
<linearGradient id="SVGID_00000182519911580066729170000000492446570726535336_" gradientUnits="userSpaceOnUse" x1="-393.4447" y1="33.4059" x2="-285.4408" y2="198.3462" gradientTransform="matrix(-1 0 0 -1 -163.84 320)">
|
||||
<stop offset="0.1" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="0.17" style="stop-color:#FCFCFC"/>
|
||||
<stop offset="0.2" style="stop-color:#F5F4F4"/>
|
||||
<stop offset="0.23" style="stop-color:#E7E7E7"/>
|
||||
<stop offset="0.26" style="stop-color:#D4D4D4"/>
|
||||
<stop offset="0.28" style="stop-color:#BCBBBB"/>
|
||||
<stop offset="0.3" style="stop-color:#9E9C9D"/>
|
||||
<stop offset="0.32" style="stop-color:#7A7878"/>
|
||||
<stop offset="0.33" style="stop-color:#524F50"/>
|
||||
<stop offset="0.35" style="stop-color:#252122"/>
|
||||
<stop offset="0.35" style="stop-color:#231F20"/>
|
||||
<stop offset="0.37" style="stop-color:#262324"/>
|
||||
<stop offset="0.39" style="stop-color:#322F30"/>
|
||||
<stop offset="0.4" style="stop-color:#464344"/>
|
||||
<stop offset="0.42" style="stop-color:#625F60"/>
|
||||
<stop offset="0.44" style="stop-color:#868484"/>
|
||||
<stop offset="0.46" style="stop-color:#B2B0B0"/>
|
||||
<stop offset="0.47" style="stop-color:#E5E4E4"/>
|
||||
<stop offset="0.47" style="stop-color:#E7E6E6"/>
|
||||
</linearGradient>
|
||||
<polygon style="fill:url(#SVGID_00000182519911580066729170000000492446570726535336_);" points="241.1,169 240.4,168.7 119.7,254
|
||||
121.1,255 "/>
|
||||
</g>
|
||||
<g id="Layer_3">
|
||||
<g>
|
||||
<path class="st8" d="M175.3,195.5h-1.6v-10.9l19.7,8.5v-8.5h1.6v10.9l-19.7-8.5V195.5L175.3,195.5L175.3,195.5z"/>
|
||||
<path class="st8" d="M150.7,195.6c-0.6,0-1.2-0.1-1.7-0.3c-0.5-0.2-1-0.5-1.4-0.9c-0.4-0.4-0.7-0.9-0.9-1.4
|
||||
c-0.2-0.5-0.3-1.1-0.3-1.7v-2.4c0-0.6,0.1-1.2,0.3-1.7c0.2-0.5,0.5-1,0.9-1.4c0.4-0.4,0.9-0.7,1.4-0.9s1.1-0.3,1.7-0.3h12.6
|
||||
c0.6,0,1.2,0.1,1.7,0.3s1,0.5,1.4,0.9c0.4,0.4,0.7,0.9,0.9,1.4c0.2,0.5,0.3,1.1,0.3,1.7v2.4c0,0.6-0.1,1.2-0.3,1.7s-0.5,1-0.9,1.4
|
||||
c-0.4,0.4-0.9,0.7-1.4,0.9c-0.5,0.2-1.1,0.3-1.7,0.3H150.7z M150.7,186.1c-0.4,0-0.7,0.1-1.1,0.2c-0.3,0.1-0.6,0.3-0.9,0.6
|
||||
c-0.2,0.2-0.5,0.5-0.6,0.9s-0.2,0.7-0.2,1.1v2.4c0,0.4,0.1,0.7,0.2,1.1c0.1,0.3,0.3,0.6,0.6,0.9c0.3,0.2,0.5,0.5,0.9,0.6
|
||||
c0.3,0.1,0.7,0.2,1.1,0.2h12.6c0.4,0,0.7-0.1,1.1-0.2c0.3-0.1,0.6-0.3,0.9-0.6c0.2-0.3,0.5-0.5,0.6-0.9c0.1-0.3,0.2-0.7,0.2-1.1
|
||||
v-2.4c0-0.4-0.1-0.7-0.2-1.1c-0.1-0.3-0.3-0.6-0.6-0.9c-0.3-0.2-0.5-0.4-0.9-0.6c-0.3-0.2-0.7-0.2-1.1-0.2H150.7z"/>
|
||||
<path class="st8" d="M137.2,195.6v-13h1.9v13L137.2,195.6L137.2,195.6z"/>
|
||||
<path class="st8" d="M57,184.5l11.9,11.1H51.4l1.5-1.6h12l-7.8-7.3l-9.5,8.9h-2.3L57,184.5L57,184.5L57,184.5z"/>
|
||||
<path class="st8" d="M96,184.6v1.6L78.7,194H96v1.6H75v-1.6l17.4-7.8H75v-1.6H96L96,184.6z"/>
|
||||
<path class="st8" d="M116.1,182.6l13.8,13h-20.4l1.8-1.8h14l-9.1-8.6L105,195.6h-2.7L116.1,182.6L116.1,182.6L116.1,182.6z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.4 KiB |
@@ -0,0 +1,17 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom/client';
|
||||
import './index.css';
|
||||
import { FlightPlan } from './flightPlanning/flightPlan';
|
||||
import 'leaflet/dist/leaflet.css';
|
||||
import 'leaflet-draw/dist/leaflet.draw.css';
|
||||
import { LanguageProvider } from './flightPlanning/LanguageContext';
|
||||
|
||||
const root = ReactDOM.createRoot(document.getElementById('root')!);
|
||||
|
||||
root.render(
|
||||
<React.StrictMode>
|
||||
<LanguageProvider>
|
||||
<FlightPlan />
|
||||
</LanguageProvider>
|
||||
</React.StrictMode>
|
||||
);
|
||||
@@ -0,0 +1,28 @@
|
||||
import type { AircraftParams } from '../types';
|
||||
|
||||
export const mockGetAirplaneParams = (): Promise<AircraftParams> => {
|
||||
return new Promise((resolve) => {
|
||||
setTimeout(() => {
|
||||
resolve({
|
||||
type: 'Plane',
|
||||
downang: 40,
|
||||
upang: 45,
|
||||
weight: 3.4,
|
||||
speed: 80,
|
||||
frontalArea: 0.12,
|
||||
dragCoefficient: 0.45,
|
||||
batteryCapacity: 315,
|
||||
thrustWatts: [
|
||||
{ thrust: 500, watts: 55.5 },
|
||||
{ thrust: 750, watts: 91.02 },
|
||||
{ thrust: 1000, watts: 137.64 },
|
||||
{ thrust: 1250, watts: 191 },
|
||||
{ thrust: 1500, watts: 246 },
|
||||
{ thrust: 1750, watts: 308 },
|
||||
{ thrust: 2000, watts: 381 },
|
||||
],
|
||||
propellerEfficiency: 0.95,
|
||||
});
|
||||
}, 100);
|
||||
});
|
||||
};
|
||||
@@ -0,0 +1,17 @@
|
||||
import type { WeatherData } from '../types';
|
||||
|
||||
export const getWeatherData = async (lat: number, lon: number): Promise<WeatherData | null> => {
|
||||
const apiKey = '335799082893fad97fa36118b131f919';
|
||||
const url = `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${apiKey}&units=metric`;
|
||||
|
||||
try {
|
||||
const response = await fetch(url);
|
||||
const data = await response.json();
|
||||
return {
|
||||
windSpeed: data.wind.speed,
|
||||
windAngle: data.wind.deg,
|
||||
};
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,51 @@
|
||||
import { mockGetAirplaneParams } from './AircraftService';
|
||||
import { getWeatherData } from './WeatherService';
|
||||
import type { ThrustWattEntry } from '../types';
|
||||
|
||||
export const calculateBatteryPercentUsed = async (
|
||||
groundSpeed: number,
|
||||
time: number,
|
||||
position: { lat: number; lon: number },
|
||||
): Promise<number> => {
|
||||
const airplaneParams = await mockGetAirplaneParams();
|
||||
const weatherData = await getWeatherData(position.lat, position.lon);
|
||||
|
||||
const airDensity = 1.05;
|
||||
const groundSpeedInMs = groundSpeed / 3.6;
|
||||
|
||||
const headwind = (weatherData?.windSpeed ?? 0) * Math.cos(Math.PI / 180 * (weatherData?.windAngle ?? 0));
|
||||
const effectiveAirspeed = groundSpeedInMs + headwind;
|
||||
|
||||
const drag = dragForce(effectiveAirspeed, airDensity, airplaneParams.dragCoefficient, airplaneParams.frontalArea);
|
||||
|
||||
const effectivePowerConsumption = calcThrust(drag, airplaneParams.thrustWatts, airplaneParams.propellerEfficiency, airplaneParams.weight);
|
||||
|
||||
const energyUsed = effectivePowerConsumption * time;
|
||||
const batteryPercentUsed = (energyUsed / airplaneParams.batteryCapacity) * 100;
|
||||
|
||||
return Math.min(batteryPercentUsed, 100);
|
||||
};
|
||||
|
||||
function dragForce(airspeed: number, airDensity: number, dragCoefficient: number, frontalArea: number): number {
|
||||
return 0.5 * airDensity * (airspeed ** 2) * dragCoefficient * frontalArea;
|
||||
}
|
||||
|
||||
function calcThrust(
|
||||
drag: number,
|
||||
thrustWatts: ThrustWattEntry[],
|
||||
propellerEfficiency: number,
|
||||
weight: number,
|
||||
): number {
|
||||
let closest: ThrustWattEntry | null = null;
|
||||
const adjustedDrag = drag + (weight * 9.8 * 0.05);
|
||||
for (const item of thrustWatts) {
|
||||
const thrustInNewtons = (item.thrust / 1000) * 9.8;
|
||||
if (thrustInNewtons > adjustedDrag) {
|
||||
if (!closest || thrustInNewtons < (closest.thrust / 1000) * 9.8) {
|
||||
closest = item;
|
||||
}
|
||||
}
|
||||
}
|
||||
const watts = closest ? closest.watts : thrustWatts[thrustWatts.length - 1].watts;
|
||||
return watts / propellerEfficiency;
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
import type { FlightPoint } from '../types';
|
||||
|
||||
export const calculateDistance = (
|
||||
point1: FlightPoint,
|
||||
point2: FlightPoint,
|
||||
aircraftType: string,
|
||||
initialAltitude: number,
|
||||
downang: number,
|
||||
upang: number,
|
||||
): number => {
|
||||
if (!point1?.position || !point2?.position) {
|
||||
console.error('Invalid points provided:', { point1, point2 });
|
||||
return 0;
|
||||
}
|
||||
|
||||
const R = 6371;
|
||||
const { lat: lat1, lng: lon1 } = point1.position;
|
||||
const { lat: lat2, lng: lon2 } = point2.position;
|
||||
const alt1 = point1.altitude || 0;
|
||||
const alt2 = point2.altitude || 0;
|
||||
|
||||
const toRad = (value: number) => (value * Math.PI) / 180;
|
||||
const dLat = toRad(lat2 - lat1);
|
||||
const dLon = toRad(lon2 - lon1);
|
||||
|
||||
const a =
|
||||
Math.sin(dLat / 2) * Math.sin(dLat / 2) +
|
||||
Math.cos(toRad(lat1)) *
|
||||
Math.cos(toRad(lat2)) *
|
||||
Math.sin(dLon / 2) *
|
||||
Math.sin(dLon / 2);
|
||||
|
||||
const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
|
||||
const horizontalDistance = R * c;
|
||||
|
||||
const initialAltitudeKm = initialAltitude / 1000;
|
||||
const altitude1Km = alt1 / 1000;
|
||||
const altitude2Km = alt2 / 1000;
|
||||
|
||||
const descentAngleRad = toRad(downang || 0.01);
|
||||
const ascentAngleRad = toRad(upang || 0.01);
|
||||
|
||||
if (aircraftType === 'Plane') {
|
||||
const ascentDistanceInclined = Math.max(0, (initialAltitudeKm - altitude1Km) / Math.sin(ascentAngleRad));
|
||||
const descentDistanceInclined = Math.max(0, (initialAltitudeKm - altitude2Km) / Math.sin(descentAngleRad));
|
||||
|
||||
const horizontalAscentProjection = Math.max(0, ascentDistanceInclined * Math.cos(ascentAngleRad));
|
||||
const horizontalDescentProjection = Math.max(0, descentDistanceInclined * Math.cos(descentAngleRad));
|
||||
|
||||
const adjustedHorizontalDistance = horizontalDistance - (horizontalDescentProjection + horizontalAscentProjection);
|
||||
const totalDistance = adjustedHorizontalDistance + Math.max(0, descentDistanceInclined) + Math.max(0, ascentDistanceInclined);
|
||||
return totalDistance;
|
||||
} else if (aircraftType === 'VTOL') {
|
||||
const ascentDistanceVertical = Math.abs(initialAltitudeKm - altitude1Km);
|
||||
const horizontalFlightDistance = horizontalDistance;
|
||||
const descentDistanceVertical = Math.abs(initialAltitudeKm - altitude2Km);
|
||||
const totalDistance = ascentDistanceVertical + horizontalFlightDistance + descentDistanceVertical;
|
||||
return totalDistance;
|
||||
}
|
||||
|
||||
return 0;
|
||||
};
|
||||
@@ -0,0 +1 @@
|
||||
import '@testing-library/jest-dom';
|
||||
@@ -0,0 +1,176 @@
|
||||
const testData = {
|
||||
"geofences": {
|
||||
"polygons": [
|
||||
{
|
||||
"northWest": {
|
||||
"lat": 48.28022277841604,
|
||||
"lon": 37.37548828125001
|
||||
},
|
||||
"southEast": {
|
||||
"lat": 48.2720540660028,
|
||||
"lon": 37.3901653289795
|
||||
}
|
||||
},
|
||||
{
|
||||
"northWest": {
|
||||
"lat": 48.2614270732573,
|
||||
"lon": 37.35239982604981
|
||||
},
|
||||
"southEast": {
|
||||
"lat": 48.24988342757033,
|
||||
"lon": 37.37943649291993
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
"action_points": [
|
||||
{ "lat": 48.276067180586544, "lon": 37.38445758819581 },
|
||||
{ "lat": 48.27074009522731, "lon": 37.374029159545906 },
|
||||
{ "lat": 48.263312668696855, "lon": 37.37707614898682 },
|
||||
{ "lat": 48.26539817051818, "lon": 37.36587524414063 },
|
||||
{ "lat": 48.25851283439989, "lon": 37.35952377319337 },
|
||||
{ "lat": 48.254426906081555, "lon": 37.374801635742195 },
|
||||
{ "lat": 48.25914140977405, "lon": 37.39068031311036 },
|
||||
{ "lat": 48.25354110233028, "lon": 37.401752471923835 },
|
||||
{ "lat": 48.25902712391726, "lon": 37.416257858276374 },
|
||||
{ "lat": 48.26828345053738, "lon": 37.402009963989265 }
|
||||
]
|
||||
};
|
||||
|
||||
const newGuid = () => Math.random().toString(36).substring(2, 15);
|
||||
|
||||
const purposes = [
|
||||
{ value: 'artillery' },
|
||||
{ value: 'tank' }
|
||||
];
|
||||
|
||||
describe('JSON Import Functionality', () => {
|
||||
describe('Action Points Import', () => {
|
||||
it('should correctly import action points with lat/lon format', () => {
|
||||
const importedPoints = testData.action_points.map(ap => ({
|
||||
id: newGuid(),
|
||||
position: { lat: (ap as Record<string, unknown> & { point?: { lat: number; lon: number } }).point?.lat || ap.lat, lng: (ap as Record<string, unknown> & { point?: { lat: number; lon: number } }).point?.lon || ap.lon },
|
||||
altitude: parseFloat(String((ap as Record<string, unknown>).height || 300)),
|
||||
meta: (ap as Record<string, unknown> & { action_specific?: { targets: string[] } }).action_specific?.targets || [purposes[0].value, purposes[1].value]
|
||||
}));
|
||||
|
||||
expect(importedPoints).toHaveLength(10);
|
||||
expect(importedPoints[0].position.lat).toBe(48.276067180586544);
|
||||
expect(importedPoints[0].position.lng).toBe(37.38445758819581);
|
||||
expect(importedPoints[0].altitude).toBe(300);
|
||||
expect(importedPoints[0].meta).toEqual(['artillery', 'tank']);
|
||||
});
|
||||
|
||||
it('should handle point.lat/point.lon format', () => {
|
||||
const dataWithPointFormat = {
|
||||
action_points: [{
|
||||
point: { lat: 48.276, lon: 37.384 },
|
||||
height: 500
|
||||
}]
|
||||
};
|
||||
|
||||
const importedPoints = dataWithPointFormat.action_points.map(ap => ({
|
||||
id: newGuid(),
|
||||
position: { lat: ap.point?.lat || 0, lng: ap.point?.lon || 0 },
|
||||
altitude: parseFloat(String(ap.height || 300)),
|
||||
meta: [purposes[0].value, purposes[1].value]
|
||||
}));
|
||||
|
||||
expect(importedPoints[0].position.lat).toBe(48.276);
|
||||
expect(importedPoints[0].position.lng).toBe(37.384);
|
||||
expect(importedPoints[0].altitude).toBe(500);
|
||||
});
|
||||
});
|
||||
|
||||
describe('Geofences Import', () => {
|
||||
it('should correctly convert northWest/southEast to Leaflet bounds', () => {
|
||||
const polygon = testData.geofences.polygons[0];
|
||||
|
||||
const bounds = {
|
||||
_southWest: { lat: polygon.southEast.lat, lng: polygon.northWest.lon },
|
||||
_northEast: { lat: polygon.northWest.lat, lng: polygon.southEast.lon }
|
||||
};
|
||||
|
||||
expect(bounds._southWest.lat).toBe(48.2720540660028);
|
||||
expect(bounds._southWest.lng).toBe(37.37548828125001);
|
||||
expect(bounds._northEast.lat).toBe(48.28022277841604);
|
||||
expect(bounds._northEast.lng).toBe(37.3901653289795);
|
||||
});
|
||||
|
||||
it('should correctly import all geofences with default color', () => {
|
||||
const importedRectangles = testData.geofences.polygons.map((polygon) => {
|
||||
const bounds = {
|
||||
_southWest: { lat: polygon.southEast.lat, lng: polygon.northWest.lon },
|
||||
_northEast: { lat: polygon.northWest.lat, lng: polygon.southEast.lon }
|
||||
};
|
||||
const color = (polygon as Record<string, unknown>).fence_type === "EXCLUSION" ? "red" : "green";
|
||||
return {
|
||||
id: newGuid(),
|
||||
bounds: bounds,
|
||||
color: color
|
||||
};
|
||||
});
|
||||
|
||||
expect(importedRectangles).toHaveLength(2);
|
||||
expect(importedRectangles[0].color).toBe('green');
|
||||
expect(importedRectangles[1].color).toBe('green');
|
||||
});
|
||||
|
||||
it('should correctly import geofences with fence_type', () => {
|
||||
const dataWithFenceType = {
|
||||
geofences: {
|
||||
polygons: [
|
||||
{
|
||||
northWest: { lat: 48.28, lon: 37.375 },
|
||||
southEast: { lat: 48.27, lon: 37.390 },
|
||||
fence_type: "EXCLUSION"
|
||||
},
|
||||
{
|
||||
northWest: { lat: 48.26, lon: 37.352 },
|
||||
southEast: { lat: 48.25, lon: 37.379 },
|
||||
fence_type: "INCLUSION"
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
|
||||
const importedRectangles = dataWithFenceType.geofences.polygons.map((polygon) => {
|
||||
const bounds = {
|
||||
_southWest: { lat: polygon.southEast.lat, lng: polygon.northWest.lon },
|
||||
_northEast: { lat: polygon.northWest.lat, lng: polygon.southEast.lon }
|
||||
};
|
||||
const color = polygon.fence_type === "EXCLUSION" ? "red" : "green";
|
||||
return {
|
||||
id: newGuid(),
|
||||
bounds: bounds,
|
||||
color: color
|
||||
};
|
||||
});
|
||||
|
||||
expect(importedRectangles[0].color).toBe('red');
|
||||
expect(importedRectangles[1].color).toBe('green');
|
||||
});
|
||||
});
|
||||
|
||||
describe('Bounds Validation', () => {
|
||||
it('should ensure southWest is bottom-left and northEast is top-right', () => {
|
||||
const polygon = {
|
||||
northWest: { lat: 50.0, lon: 10.0 },
|
||||
southEast: { lat: 40.0, lon: 20.0 }
|
||||
};
|
||||
|
||||
const bounds = {
|
||||
_southWest: { lat: polygon.southEast.lat, lng: polygon.northWest.lon },
|
||||
_northEast: { lat: polygon.northWest.lat, lng: polygon.southEast.lon }
|
||||
};
|
||||
|
||||
expect(bounds._southWest.lat).toBeLessThan(bounds._northEast.lat);
|
||||
expect(bounds._southWest.lng).toBeLessThan(bounds._northEast.lng);
|
||||
|
||||
expect(bounds._southWest.lat).toBe(40.0);
|
||||
expect(bounds._southWest.lng).toBe(10.0);
|
||||
expect(bounds._northEast.lat).toBe(50.0);
|
||||
expect(bounds._northEast.lng).toBe(20.0);
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,154 @@
|
||||
import type L from 'leaflet';
|
||||
|
||||
export interface LatLngPosition {
|
||||
lat: number;
|
||||
lng: number;
|
||||
}
|
||||
|
||||
export interface FlightPoint {
|
||||
id: string;
|
||||
position: LatLngPosition;
|
||||
altitude: number;
|
||||
meta: string[];
|
||||
}
|
||||
|
||||
export interface CalculatedPointInfo {
|
||||
bat: number;
|
||||
time: number;
|
||||
}
|
||||
|
||||
export interface MapRectangle {
|
||||
layer?: L.Layer;
|
||||
color: string;
|
||||
bounds: L.LatLngBounds | L.LatLngBoundsLiteral;
|
||||
id?: string;
|
||||
}
|
||||
|
||||
export interface ThrustWattEntry {
|
||||
thrust: number;
|
||||
watts: number;
|
||||
}
|
||||
|
||||
export interface AircraftParams {
|
||||
type: string;
|
||||
downang: number;
|
||||
upang: number;
|
||||
weight: number;
|
||||
speed: number;
|
||||
frontalArea: number;
|
||||
dragCoefficient: number;
|
||||
batteryCapacity: number;
|
||||
thrustWatts: ThrustWattEntry[];
|
||||
propellerEfficiency: number;
|
||||
}
|
||||
|
||||
export interface WeatherData {
|
||||
windSpeed: number;
|
||||
windAngle: number;
|
||||
}
|
||||
|
||||
export interface Purpose {
|
||||
value: string;
|
||||
label: string;
|
||||
}
|
||||
|
||||
export interface Language {
|
||||
code: string;
|
||||
flag: string;
|
||||
}
|
||||
|
||||
export interface MovingPointInfo {
|
||||
x: number;
|
||||
y: number;
|
||||
latlng: L.LatLng;
|
||||
}
|
||||
|
||||
export const ActionMode = {
|
||||
points: 'points',
|
||||
workArea: 'workArea',
|
||||
prohibitedArea: 'prohibitedArea',
|
||||
} as const;
|
||||
|
||||
export type ActionModeValue = (typeof ActionMode)[keyof typeof ActionMode];
|
||||
|
||||
export const MapType = {
|
||||
classic: 'classic',
|
||||
satellite: 'satellite',
|
||||
} as const;
|
||||
|
||||
export type MapTypeValue = (typeof MapType)[keyof typeof MapType];
|
||||
|
||||
export interface FlightStatusTranslations {
|
||||
good: string;
|
||||
caution: string;
|
||||
low: string;
|
||||
}
|
||||
|
||||
export interface OptionsTranslations {
|
||||
artillery: string;
|
||||
tank: string;
|
||||
[key: string]: string;
|
||||
}
|
||||
|
||||
export interface TranslationStrings {
|
||||
language: string;
|
||||
aircraft: string;
|
||||
label: string;
|
||||
point: string;
|
||||
height: string;
|
||||
edit: string;
|
||||
currentPos: string;
|
||||
return: string;
|
||||
addPoints: string;
|
||||
workArea: string;
|
||||
prohibitedArea: string;
|
||||
location: string;
|
||||
currentLocation: string;
|
||||
exportData: string;
|
||||
exportPlaneData: string;
|
||||
exportMapData: string;
|
||||
editAsJson: string;
|
||||
importFromJson: string;
|
||||
export: string;
|
||||
import: string;
|
||||
operations: string;
|
||||
rectangleColor: string;
|
||||
red: string;
|
||||
green: string;
|
||||
initialAltitude: string;
|
||||
setAltitude: string;
|
||||
setPoint: string;
|
||||
removePoint: string;
|
||||
windSpeed: string;
|
||||
windDirection: string;
|
||||
setWind: string;
|
||||
title: string;
|
||||
distanceLabel: string;
|
||||
fuelRequiredLabel: string;
|
||||
maxFuelLabel: string;
|
||||
flightStatus: FlightStatusTranslations;
|
||||
calc: string;
|
||||
error: string;
|
||||
km: string;
|
||||
metres: string;
|
||||
litres: string;
|
||||
hour: string;
|
||||
minutes: string;
|
||||
battery: string;
|
||||
titleAdd: string;
|
||||
titleEdit: string;
|
||||
description: string;
|
||||
latitude: string;
|
||||
longitude: string;
|
||||
altitude: string;
|
||||
purpose: string;
|
||||
cancel: string;
|
||||
submitAdd: string;
|
||||
submitEdit: string;
|
||||
options: OptionsTranslations;
|
||||
invalid: string;
|
||||
editm: string;
|
||||
save: string;
|
||||
}
|
||||
|
||||
export type TranslationsMap = Record<string, TranslationStrings>;
|
||||
@@ -0,0 +1,38 @@
|
||||
import * as L from 'leaflet';
|
||||
|
||||
declare module 'leaflet' {
|
||||
function polylineDecorator(
|
||||
paths: L.Polyline | L.Polygon | L.LatLngExpression[] | L.LatLngExpression[][],
|
||||
options?: {
|
||||
patterns: Array<{
|
||||
offset?: string | number;
|
||||
endOffset?: string | number;
|
||||
repeat?: string | number;
|
||||
symbol: L.Symbol.ArrowHead | L.Symbol.Marker | L.Symbol.Dash;
|
||||
}>;
|
||||
}
|
||||
): L.FeatureGroup;
|
||||
|
||||
namespace Symbol {
|
||||
function arrowHead(options?: {
|
||||
pixelSize?: number;
|
||||
polygon?: boolean;
|
||||
pathOptions?: L.PathOptions;
|
||||
headAngle?: number;
|
||||
}): ArrowHead;
|
||||
|
||||
function marker(options?: {
|
||||
rotate?: boolean;
|
||||
markerOptions?: L.MarkerOptions;
|
||||
}): Marker;
|
||||
|
||||
function dash(options?: {
|
||||
pixelSize?: number;
|
||||
pathOptions?: L.PathOptions;
|
||||
}): Dash;
|
||||
|
||||
interface ArrowHead {}
|
||||
interface Marker {}
|
||||
interface Dash {}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
declare module 'react-world-flags' {
|
||||
import type { FC, HTMLAttributes } from 'react';
|
||||
|
||||
interface FlagProps extends HTMLAttributes<HTMLImageElement> {
|
||||
code: string;
|
||||
fallback?: React.ReactNode;
|
||||
height?: string | number;
|
||||
width?: string | number;
|
||||
}
|
||||
|
||||
const Flag: FC<FlagProps>;
|
||||
export default Flag;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
export function newGuid(): string {
|
||||
return 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'
|
||||
.replace(/[xy]/g, function (c) {
|
||||
const r = Math.random() * 16 | 0,
|
||||
v = c === 'x' ? r : (r & 0x3 | 0x8);
|
||||
return v.toString(16);
|
||||
});
|
||||
}
|
||||
Vendored
+9
@@ -0,0 +1,9 @@
|
||||
/// <reference types="vite/client" />
|
||||
|
||||
interface ImportMetaEnv {
|
||||
readonly VITE_SATELLITE_TILE_URL?: string;
|
||||
}
|
||||
|
||||
interface ImportMeta {
|
||||
readonly env: ImportMetaEnv;
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"isolatedModules": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx",
|
||||
|
||||
"strict": true,
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"forceConsistentCasingInFileNames": true
|
||||
},
|
||||
"include": ["src"],
|
||||
"exclude": ["src/**/*.test.ts", "src/**/*.test.tsx", "src/setupTests.ts"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{"root":["./src/app.tsx","./src/config.ts","./src/main.tsx","./src/utils.ts","./src/vite-env.d.ts","./src/constants/actionmodes.ts","./src/constants/languages.ts","./src/constants/maptypes.ts","./src/constants/purposes.ts","./src/constants/tileurls.ts","./src/constants/translations.ts","./src/flightplanning/aircraft.ts","./src/flightplanning/altitudechart.tsx","./src/flightplanning/altitudedialog.tsx","./src/flightplanning/drawcontrol.tsx","./src/flightplanning/jsoneditordialog.tsx","./src/flightplanning/languagecontext.tsx","./src/flightplanning/languageswitcher.tsx","./src/flightplanning/leftboard.tsx","./src/flightplanning/mappoint.tsx","./src/flightplanning/mapview.tsx","./src/flightplanning/minimap.tsx","./src/flightplanning/pointslist.tsx","./src/flightplanning/totaldistance.tsx","./src/flightplanning/windeffect.tsx","./src/flightplanning/flightplan.tsx","./src/icons/mapicons.tsx","./src/icons/phoneicon.tsx","./src/icons/pointicons.tsx","./src/icons/sidebaricons.tsx","./src/services/aircraftservice.ts","./src/services/weatherservice.ts","./src/services/calculatebatteryusage.ts","./src/services/calculatedistance.ts","./src/types/index.ts","./src/types/leaflet-polylinedecorator.d.ts","./src/types/react-world-flags.d.ts"],"version":"5.9.3"}
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"files": [],
|
||||
"references": [
|
||||
{ "path": "./tsconfig.app.json" }
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
import { defineConfig } from 'vite';
|
||||
import react from '@vitejs/plugin-react';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
server: {
|
||||
port: 3000,
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user