From 801ef80882737cbf7b76838bc81b245d2f56941a Mon Sep 17 00:00:00 2001 From: CO0LGIRL Date: Sat, 28 Feb 2026 21:41:24 +0300 Subject: [PATCH 01/11] Initial frontend commit --- .gitignore | 24 + README.md | 16 + eslint.config.js | 29 + index.html | 13 + package-lock.json | 3061 +++++++++++++++++++++++++++++ package.json | 30 + public/vite.svg | 1 + src/App.css | 269 +++ src/App.jsx | 104 + src/assets/code.svg | 1 + src/assets/play-icon.svg | 1 + src/assets/react.svg | 1 + src/assets/terminal.svg | 1 + src/components/LeftWorkspace.jsx | 83 + src/components/RightWorkspace.jsx | 43 + src/components/ui/Buttons.jsx | 17 + src/components/ui/PanelHeader.jsx | 8 + src/components/ui/Resizers.jsx | 21 + src/components/ui/Timer.jsx | 24 + src/index.css | 14 + src/main.jsx | 10 + vite.config.js | 7 + 22 files changed, 3778 insertions(+) create mode 100644 .gitignore create mode 100644 README.md create mode 100644 eslint.config.js create mode 100644 index.html create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 public/vite.svg create mode 100644 src/App.css create mode 100644 src/App.jsx create mode 100644 src/assets/code.svg create mode 100644 src/assets/play-icon.svg create mode 100644 src/assets/react.svg create mode 100644 src/assets/terminal.svg create mode 100644 src/components/LeftWorkspace.jsx create mode 100644 src/components/RightWorkspace.jsx create mode 100644 src/components/ui/Buttons.jsx create mode 100644 src/components/ui/PanelHeader.jsx create mode 100644 src/components/ui/Resizers.jsx create mode 100644 src/components/ui/Timer.jsx create mode 100644 src/index.css create mode 100644 src/main.jsx create mode 100644 vite.config.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/README.md b/README.md new file mode 100644 index 0000000..18bc70e --- /dev/null +++ b/README.md @@ -0,0 +1,16 @@ +# React + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. + +Currently, two official plugins are available: + +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh + +## React Compiler + +The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation). + +## Expanding the ESLint configuration + +If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..4fa125d --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,29 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import { defineConfig, globalIgnores } from 'eslint/config' + +export default defineConfig([ + globalIgnores(['dist']), + { + files: ['**/*.{js,jsx}'], + extends: [ + js.configs.recommended, + reactHooks.configs.flat.recommended, + reactRefresh.configs.vite, + ], + languageOptions: { + ecmaVersion: 2020, + globals: globals.browser, + parserOptions: { + ecmaVersion: 'latest', + ecmaFeatures: { jsx: true }, + sourceType: 'module', + }, + }, + rules: { + 'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }], + }, + }, +]) diff --git a/index.html b/index.html new file mode 100644 index 0000000..2fb59fa --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + my-judge-app + + +
+ + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..b0f84c4 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3061 @@ +{ + "name": "my-judge-app", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "my-judge-app", + "version": "0.0.0", + "dependencies": { + "@monaco-editor/react": "^4.7.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "react-resizable-panels": "^4.6.5", + "react-router-dom": "^7.13.1" + }, + "devDependencies": { + "@eslint/js": "^9.39.1", + "@types/react": "^19.2.7", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^5.1.1", + "eslint": "^9.39.1", + "eslint-plugin-react-hooks": "^7.0.1", + "eslint-plugin-react-refresh": "^0.4.24", + "globals": "^16.5.0", + "vite": "^7.3.1" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz", + "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-validator-identifier": "^7.28.5", + "js-tokens": "^4.0.0", + "picocolors": "^1.1.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz", + "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz", + "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==", + "dev": true, + "license": "MIT", + "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" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/generator": { + "version": "7.29.1", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz", + "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==", + "dev": true, + "license": "MIT", + "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" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz", + "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==", + "dev": true, + "license": "MIT", + "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" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-globals": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz", + "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz", + "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/traverse": "^7.28.6", + "@babel/types": "^7.28.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz", + "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.28.6", + "@babel/helper-validator-identifier": "^7.28.5", + "@babel/traverse": "^7.28.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz", + "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", + "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.28.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz", + "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz", + "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz", + "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/template": "^7.28.6", + "@babel/types": "^7.28.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz", + "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.29.0" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-self": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz", + "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-source": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz", + "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/template": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz", + "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.28.6", + "@babel/parser": "^7.28.6", + "@babel/types": "^7.28.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz", + "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==", + "dev": true, + "license": "MIT", + "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" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.29.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz", + "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-string-parser": "^7.27.1", + "@babel/helper-validator-identifier": "^7.28.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz", + "integrity": "sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.3.tgz", + "integrity": "sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.3.tgz", + "integrity": "sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.3.tgz", + "integrity": "sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.3.tgz", + "integrity": "sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.3.tgz", + "integrity": "sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.3.tgz", + "integrity": "sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.3.tgz", + "integrity": "sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.3.tgz", + "integrity": "sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.3.tgz", + "integrity": "sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.3.tgz", + "integrity": "sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.3.tgz", + "integrity": "sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.3.tgz", + "integrity": "sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.3.tgz", + "integrity": "sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.3.tgz", + "integrity": "sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.3.tgz", + "integrity": "sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.3.tgz", + "integrity": "sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.3.tgz", + "integrity": "sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.3.tgz", + "integrity": "sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.3.tgz", + "integrity": "sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.3.tgz", + "integrity": "sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openharmony-arm64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.3.tgz", + "integrity": "sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.3.tgz", + "integrity": "sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.3.tgz", + "integrity": "sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.3.tgz", + "integrity": "sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.3.tgz", + "integrity": "sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.9.1", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz", + "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "eslint-visitor-keys": "^3.4.3" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" + } + }, + "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint-community/regexpp": { + "version": "4.12.2", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz", + "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" + } + }, + "node_modules/@eslint/config-array": { + "version": "0.21.1", + "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz", + "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/object-schema": "^2.1.7", + "debug": "^4.3.1", + "minimatch": "^3.1.2" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/config-helpers": { + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz", + "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/core": "^0.17.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/core": { + "version": "0.17.0", + "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz", + "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@types/json-schema": "^7.0.15" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/eslintrc": { + "version": "3.3.4", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.4.tgz", + "integrity": "sha512-4h4MVF8pmBsncB60r0wSJiIeUKTSD4m7FmTFThG8RHlsg9ajqckLm9OraguFGZE4vVdpiI1Q4+hFnisopmG6gQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ajv": "^6.14.0", + "debug": "^4.3.2", + "espree": "^10.0.1", + "globals": "^14.0.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.1", + "minimatch": "^3.1.3", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint/eslintrc/node_modules/globals": { + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz", + "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@eslint/js": { + "version": "9.39.3", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.3.tgz", + "integrity": "sha512-1B1VkCq6FuUNlQvlBYb+1jDu/gV297TIs/OeiaSR9l1H27SVW55ONE1e1Vp16NqP683+xEGzxYtv4XCiDPaQiw==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + } + }, + "node_modules/@eslint/object-schema": { + "version": "2.1.7", + "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz", + "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/plugin-kit": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz", + "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/core": "^0.17.0", + "levn": "^0.4.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@humanfs/core": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz", + "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanfs/node": { + "version": "0.16.7", + "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz", + "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@humanfs/core": "^0.19.1", + "@humanwhocodes/retry": "^0.4.0" + }, + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/retry": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz", + "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "dev": true, + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@monaco-editor/loader": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.7.0.tgz", + "integrity": "sha512-gIwR1HrJrrx+vfyOhYmCZ0/JcWqG5kbfG7+d3f/C1LXk2EvzAbHSg3MQ5lO2sMlo9izoAZ04shohfKLVT6crVA==", + "license": "MIT", + "dependencies": { + "state-local": "^1.0.6" + } + }, + "node_modules/@monaco-editor/react": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.7.0.tgz", + "integrity": "sha512-cyzXQCtO47ydzxpQtCGSQGOC8Gk3ZUeBXFAxD+CWXYFo5OqZyZUonFl0DwUlTyAfRHntBfw2p3w4s9R6oe1eCA==", + "license": "MIT", + "dependencies": { + "@monaco-editor/loader": "^1.5.0" + }, + "peerDependencies": { + "monaco-editor": ">= 0.25.0 < 1", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.0-rc.3", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz", + "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz", + "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz", + "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz", + "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz", + "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz", + "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz", + "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz", + "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz", + "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz", + "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz", + "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-gnu": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz", + "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-musl": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz", + "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz", + "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-musl": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz", + "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz", + "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz", + "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz", + "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz", + "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz", + "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-openbsd-x64": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz", + "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ] + }, + "node_modules/@rollup/rollup-openharmony-arm64": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz", + "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz", + "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz", + "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-gnu": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz", + "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz", + "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "node_modules/@types/babel__generator": { + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz", + "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__traverse": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz", + "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.28.2" + } + }, + "node_modules/@types/estree": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", + "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/json-schema": { + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/react": { + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz", + "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==", + "dev": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.2.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.2.3", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz", + "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.2.0" + } + }, + "node_modules/@types/trusted-types": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz", + "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==", + "license": "MIT", + "optional": true, + "peer": true + }, + "node_modules/@vitejs/plugin-react": { + "version": "5.1.4", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.1.4.tgz", + "integrity": "sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "^7.29.0", + "@babel/plugin-transform-react-jsx-self": "^7.27.1", + "@babel/plugin-transform-react-jsx-source": "^7.27.1", + "@rolldown/pluginutils": "1.0.0-rc.3", + "@types/babel__core": "^7.20.5", + "react-refresh": "^0.18.0" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "peerDependencies": { + "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" + } + }, + "node_modules/acorn": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", + "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", + "dev": true, + "license": "MIT", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/ajv": { + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz", + "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true, + "license": "MIT" + }, + "node_modules/baseline-browser-mapping": { + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz", + "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "baseline-browser-mapping": "dist/cli.cjs" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/brace-expansion": { + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/browserslist": { + "version": "4.28.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz", + "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "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" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001774", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001774.tgz", + "integrity": "sha512-DDdwPGz99nmIEv216hKSgLD+D4ikHQHjBC/seF98N9CPqRX4M5mSxT9eTV6oyisnJcuzxtZy4n17yKKQYmYQOA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "CC-BY-4.0" + }, + "node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "license": "MIT" + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true, + "license": "MIT" + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true, + "license": "MIT" + }, + "node_modules/cookie": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz", + "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==", + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/cross-spawn": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", + "dev": true, + "license": "MIT", + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/dompurify": { + "version": "3.2.7", + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz", + "integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==", + "license": "(MPL-2.0 OR Apache-2.0)", + "peer": true, + "optionalDependencies": { + "@types/trusted-types": "^2.0.7" + } + }, + "node_modules/electron-to-chromium": { + "version": "1.5.302", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.302.tgz", + "integrity": "sha512-sM6HAN2LyK82IyPBpznDRqlTQAtuSaO+ShzFiWTvoMJLHyZ+Y39r8VMfHzwbU8MVBzQ4Wdn85+wlZl2TLGIlwg==", + "dev": true, + "license": "ISC" + }, + "node_modules/esbuild": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz", + "integrity": "sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.27.3", + "@esbuild/android-arm": "0.27.3", + "@esbuild/android-arm64": "0.27.3", + "@esbuild/android-x64": "0.27.3", + "@esbuild/darwin-arm64": "0.27.3", + "@esbuild/darwin-x64": "0.27.3", + "@esbuild/freebsd-arm64": "0.27.3", + "@esbuild/freebsd-x64": "0.27.3", + "@esbuild/linux-arm": "0.27.3", + "@esbuild/linux-arm64": "0.27.3", + "@esbuild/linux-ia32": "0.27.3", + "@esbuild/linux-loong64": "0.27.3", + "@esbuild/linux-mips64el": "0.27.3", + "@esbuild/linux-ppc64": "0.27.3", + "@esbuild/linux-riscv64": "0.27.3", + "@esbuild/linux-s390x": "0.27.3", + "@esbuild/linux-x64": "0.27.3", + "@esbuild/netbsd-arm64": "0.27.3", + "@esbuild/netbsd-x64": "0.27.3", + "@esbuild/openbsd-arm64": "0.27.3", + "@esbuild/openbsd-x64": "0.27.3", + "@esbuild/openharmony-arm64": "0.27.3", + "@esbuild/sunos-x64": "0.27.3", + "@esbuild/win32-arm64": "0.27.3", + "@esbuild/win32-ia32": "0.27.3", + "@esbuild/win32-x64": "0.27.3" + } + }, + "node_modules/escalade": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint": { + "version": "9.39.3", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.3.tgz", + "integrity": "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.8.0", + "@eslint-community/regexpp": "^4.12.1", + "@eslint/config-array": "^0.21.1", + "@eslint/config-helpers": "^0.4.2", + "@eslint/core": "^0.17.0", + "@eslint/eslintrc": "^3.3.1", + "@eslint/js": "9.39.3", + "@eslint/plugin-kit": "^0.4.1", + "@humanfs/node": "^0.16.6", + "@humanwhocodes/module-importer": "^1.0.1", + "@humanwhocodes/retry": "^0.4.2", + "@types/estree": "^1.0.6", + "ajv": "^6.12.4", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.6", + "debug": "^4.3.2", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^8.4.0", + "eslint-visitor-keys": "^4.2.1", + "espree": "^10.4.0", + "esquery": "^1.5.0", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^8.0.0", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "json-stable-stringify-without-jsonify": "^1.0.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.2", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + }, + "peerDependencies": { + "jiti": "*" + }, + "peerDependenciesMeta": { + "jiti": { + "optional": true + } + } + }, + "node_modules/eslint-plugin-react-hooks": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz", + "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "^7.24.4", + "@babel/parser": "^7.24.4", + "hermes-parser": "^0.25.1", + "zod": "^3.25.0 || ^4.0.0", + "zod-validation-error": "^3.5.0 || ^4.0.0" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0" + } + }, + "node_modules/eslint-plugin-react-refresh": { + "version": "0.4.26", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.26.tgz", + "integrity": "sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "eslint": ">=8.40" + } + }, + "node_modules/eslint-scope": { + "version": "8.4.0", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz", + "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-visitor-keys": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz", + "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/espree": { + "version": "10.4.0", + "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz", + "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "acorn": "^8.15.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^4.2.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/esquery": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz", + "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "estraverse": "^5.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/file-entry-cache": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz", + "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "flat-cache": "^4.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dev": true, + "license": "MIT", + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/flat-cache": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz", + "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==", + "dev": true, + "license": "MIT", + "dependencies": { + "flatted": "^3.2.9", + "keyv": "^4.5.4" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/flatted": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz", + "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==", + "dev": true, + "license": "ISC" + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/globals": { + "version": "16.5.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-16.5.0.tgz", + "integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/hermes-estree": { + "version": "0.25.1", + "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz", + "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==", + "dev": true, + "license": "MIT" + }, + "node_modules/hermes-parser": { + "version": "0.25.1", + "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz", + "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==", + "dev": true, + "license": "MIT", + "dependencies": { + "hermes-estree": "0.25.1" + } + }, + "node_modules/ignore": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", + "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/import-fresh": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", + "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true, + "license": "ISC" + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/js-yaml": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz", + "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==", + "dev": true, + "license": "MIT", + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/jsesc": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", + "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==", + "dev": true, + "license": "MIT", + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/json-buffer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true, + "license": "MIT" + }, + "node_modules/json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true, + "license": "MIT" + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, + "license": "MIT", + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/keyv": { + "version": "4.5.4", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", + "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==", + "dev": true, + "license": "MIT", + "dependencies": { + "json-buffer": "3.0.1" + } + }, + "node_modules/levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/marked": { + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz", + "integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==", + "license": "MIT", + "peer": true, + "bin": { + "marked": "bin/marked.js" + }, + "engines": { + "node": ">= 18" + } + }, + "node_modules/minimatch": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz", + "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/monaco-editor": { + "version": "0.55.1", + "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz", + "integrity": "sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==", + "license": "MIT", + "peer": true, + "dependencies": { + "dompurify": "3.2.7", + "marked": "14.0.0" + } + }, + "node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true, + "license": "MIT" + }, + "node_modules/nanoid": { + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true, + "license": "MIT" + }, + "node_modules/node-releases": { + "version": "2.0.27", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz", + "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==", + "dev": true, + "license": "MIT" + }, + "node_modules/optionator": { + "version": "0.9.4", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", + "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==", + "dev": true, + "license": "MIT", + "dependencies": { + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0", + "word-wrap": "^1.2.5" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "license": "MIT", + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.6", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", + "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.11", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/punycode": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/react": { + "version": "19.2.4", + "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz", + "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "19.2.4", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz", + "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==", + "license": "MIT", + "dependencies": { + "scheduler": "^0.27.0" + }, + "peerDependencies": { + "react": "^19.2.4" + } + }, + "node_modules/react-refresh": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz", + "integrity": "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-resizable-panels": { + "version": "4.6.5", + "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-4.6.5.tgz", + "integrity": "sha512-pmQP6qv9KmsesNMvWVNvVfVJAwYSOWWbAOAtrPR8Cre20+j1NWIlyft0btjtDQE+OepXmI6g3VPrCXQY0oD7+Q==", + "license": "MIT", + "peerDependencies": { + "react": "^18.0.0 || ^19.0.0", + "react-dom": "^18.0.0 || ^19.0.0" + } + }, + "node_modules/react-router": { + "version": "7.13.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.13.1.tgz", + "integrity": "sha512-td+xP4X2/6BJvZoX6xw++A2DdEi++YypA69bJUV5oVvqf6/9/9nNlD70YO1e9d3MyamJEBQFEzk6mbfDYbqrSA==", + "license": "MIT", + "dependencies": { + "cookie": "^1.0.1", + "set-cookie-parser": "^2.6.0" + }, + "engines": { + "node": ">=20.0.0" + }, + "peerDependencies": { + "react": ">=18", + "react-dom": ">=18" + }, + "peerDependenciesMeta": { + "react-dom": { + "optional": true + } + } + }, + "node_modules/react-router-dom": { + "version": "7.13.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.13.1.tgz", + "integrity": "sha512-UJnV3Rxc5TgUPJt2KJpo1Jpy0OKQr0AjgbZzBFjaPJcFOb2Y8jA5H3LT8HUJAiRLlWrEXWHbF1Z4SCZaQjWDHw==", + "license": "MIT", + "dependencies": { + "react-router": "7.13.1" + }, + "engines": { + "node": ">=20.0.0" + }, + "peerDependencies": { + "react": ">=18", + "react-dom": ">=18" + } + }, + "node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, + "node_modules/rollup": { + "version": "4.59.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz", + "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.8" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.59.0", + "@rollup/rollup-android-arm64": "4.59.0", + "@rollup/rollup-darwin-arm64": "4.59.0", + "@rollup/rollup-darwin-x64": "4.59.0", + "@rollup/rollup-freebsd-arm64": "4.59.0", + "@rollup/rollup-freebsd-x64": "4.59.0", + "@rollup/rollup-linux-arm-gnueabihf": "4.59.0", + "@rollup/rollup-linux-arm-musleabihf": "4.59.0", + "@rollup/rollup-linux-arm64-gnu": "4.59.0", + "@rollup/rollup-linux-arm64-musl": "4.59.0", + "@rollup/rollup-linux-loong64-gnu": "4.59.0", + "@rollup/rollup-linux-loong64-musl": "4.59.0", + "@rollup/rollup-linux-ppc64-gnu": "4.59.0", + "@rollup/rollup-linux-ppc64-musl": "4.59.0", + "@rollup/rollup-linux-riscv64-gnu": "4.59.0", + "@rollup/rollup-linux-riscv64-musl": "4.59.0", + "@rollup/rollup-linux-s390x-gnu": "4.59.0", + "@rollup/rollup-linux-x64-gnu": "4.59.0", + "@rollup/rollup-linux-x64-musl": "4.59.0", + "@rollup/rollup-openbsd-x64": "4.59.0", + "@rollup/rollup-openharmony-arm64": "4.59.0", + "@rollup/rollup-win32-arm64-msvc": "4.59.0", + "@rollup/rollup-win32-ia32-msvc": "4.59.0", + "@rollup/rollup-win32-x64-gnu": "4.59.0", + "@rollup/rollup-win32-x64-msvc": "4.59.0", + "fsevents": "~2.3.2" + } + }, + "node_modules/scheduler": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", + "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", + "license": "MIT" + }, + "node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/set-cookie-parser": { + "version": "2.7.2", + "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz", + "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==", + "license": "MIT" + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/state-local": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz", + "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==", + "license": "MIT" + }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.15", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", + "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.3" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz", + "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "escalade": "^3.2.0", + "picocolors": "^1.1.1" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/vite": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz", + "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.27.0", + "fdir": "^6.5.0", + "picomatch": "^4.0.3", + "postcss": "^8.5.6", + "rollup": "^4.43.0", + "tinyglobby": "^0.2.15" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "lightningcss": "^1.21.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/word-wrap": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", + "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true, + "license": "ISC" + }, + "node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/zod": { + "version": "4.3.6", + "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz", + "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/colinhacks" + } + }, + "node_modules/zod-validation-error": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz", + "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18.0.0" + }, + "peerDependencies": { + "zod": "^3.25.0 || ^4.0.0" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..0a35319 --- /dev/null +++ b/package.json @@ -0,0 +1,30 @@ +{ + "name": "my-judge-app", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "@monaco-editor/react": "^4.7.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "react-resizable-panels": "^4.6.5", + "react-router-dom": "^7.13.1" + }, + "devDependencies": { + "@eslint/js": "^9.39.1", + "@types/react": "^19.2.7", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^5.1.1", + "eslint": "^9.39.1", + "eslint-plugin-react-hooks": "^7.0.1", + "eslint-plugin-react-refresh": "^0.4.24", + "globals": "^16.5.0", + "vite": "^7.3.1" + } +} diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/App.css b/src/App.css new file mode 100644 index 0000000..f58fbb0 --- /dev/null +++ b/src/App.css @@ -0,0 +1,269 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap'); + +:root { + --bg-main: #0e0e0e; + --bg-panel: #1a1a1a; + --bg-header-panel: #252525; + --bg-editor: #1e1e1e; + --border-color: #333; + --accent-color: #646cff; + --text-primary: #e0e0e0; + + --font-ui: 'Inter', sans-serif; + --font-mono: 'JetBrains Mono', monospace; +} + +#root { + max-width: 100%; + margin: 0; + padding: 0; +} + +.layout-container { + display: flex; + flex-direction: column; + height: 100vh; + background-color: var(--bg-main); + color: var(--text-primary); + font-family: var(--font-ui); + -webkit-font-smoothing: antialiased; +} + +.page-header { + padding: 5px 20px; + background-color: var(--bg-panel); + border-bottom: 1px solid #222; + flex-shrink: 0; +} + +.page-header h2 { + margin: 5px 0; + font-size: 1.1rem; + font-weight: 600; + letter-spacing: -0.02em; +} + +.workspace { + display: flex; + flex-grow: 1; + padding: 10px; + overflow: hidden; + height: calc(100vh - 45px); + background-color: var(--bg-main); +} + +/* Контейнеры для левой и правой колонок */ +.column-container { + display: flex; + flex-direction: column; + height: 100%; +} + +/* Общий стиль для панели (окна) */ +.panel { + display: flex; + flex-direction: column; + background-color: var(--bg-panel); + border: 1px solid var(--border-color); + border-radius: 8px; + overflow: hidden; +} + +/* --- Стили Шапки Панели --- */ +.panel-header { + display: flex; + align-items: center; + background-color: var(--bg-header-panel); + padding: 6px 12px; + border-bottom: 1px solid var(--border-color); + font-size: 0.9rem; + font-weight: 500; + flex-shrink: 0; +} + +.panel-header-title { + font-family: var(--font-ui); + font-weight: 500; + font-size: 0.85rem; + letter-spacing: 0.01em; + color: #aaa; +} + +.panel-header-icon { + width: 16px; + height: 16px; + margin-right: 8px; + filter: invert(1); + opacity: 0.8; +} + +/* --- Контент внутри панели --- */ +.panel-content { + flex-grow: 1; + padding: 15px; + overflow: hidden; + position: relative; +} + +.overflow-auto { + overflow-y: auto; +} + + +/* Специфичные стили для панели кода */ +.toolbar-container { + padding: 8px 12px 0 12px; + background-color: var(--bg-panel); +} + +.editor-wrapper { + flex-grow: 1; + background-color: var(--bg-editor); + border-top: 1px solid var(--border-color); + overflow: hidden; +} + + +/* --- РАЗДЕЛИТЕЛИ (RESIZERS) --- */ + +.resizer-vertical { + width: 10px; + margin: 0 5px; + display: flex; + justify-content: center; + flex-shrink: 0; + cursor: col-resize; +} + +.resizer-line-vertical { + width: 2px; + height: 100%; + background-color: #333; + transition: background-color 0.2s; +} + +.resizer-horizontal { + height: 10px; + margin: 5px 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-shrink: 0; + cursor: row-resize; +} + +.resizer-line-horizontal { + height: 2px; + width: 100%; + background-color: #333; + transition: background-color 0.2s; +} + +.resizer-vertical:hover .resizer-line-vertical, +.resizer-vertical[data-resize-handle-state="hover"] .resizer-line-vertical, +.resizer-vertical[data-resize-handle-state="drag"] .resizer-line-vertical, +.resizer-horizontal:hover .resizer-line-horizontal, +.resizer-horizontal[data-resize-handle-state="hover"] .resizer-line-horizontal, +.resizer-horizontal[data-resize-handle-state="drag"] .resizer-line-horizontal { + background-color: var(--accent-color); +} + + +/* --- TOOLBAR & BUTTONS --- */ +.toolbar { + display: flex; + gap: 10px; + margin-bottom: 8px; + align-items: center; + flex-wrap: nowrap; +} + +.btn { + display: inline-flex; + align-items: center; + justify-content: center; + height: 32px; + cursor: pointer; + border: 1px solid var(--border-color); + border-radius: 6px; + background-color: #222; + transition: all 0.2s ease; + flex-shrink: 0; + + font-family: var(--font-ui); + font-size: 13px; + font-weight: 500; + color: var(--text-primary); + letter-spacing: 0.01em; + padding: 0 12px; +} + +.btn-run img { width: 14px; height: 14px; filter: invert(1); } + +.btn:hover { + background-color: #333; + border-color: #444; + transform: translateY(-1px); +} + +.btn:active { + transform: translateY(0px); +} + +.btn-run { + width: 40px; + padding: 0; +} + +.btn-submit { + width: auto; + min-width: 90px; + color: #4ade80; + background-color: rgba(74, 222, 128, 0.05); + border-color: rgba(74, 222, 128, 0.2); +} + +.btn-submit:hover { + background-color: rgba(74, 222, 128, 0.15); + border-color: #4ade80; +} + +.language-select { + margin-left: auto; + height: 32px; + background-color: #222; + color: #ddd; + border: 1px solid var(--border-color); + border-radius: 6px; + padding: 0 10px; + font-family: var(--font-ui); + font-size: 13px; + font-weight: 500; + outline: none; +} + +.language-select:hover { + background-color: #333; + border-color: #444; +} + +.timer-display { + display: inline-flex; + align-items: center; + justify-content: center; + + font-family: var(--font-mono); + font-size: 15px; + font-weight: 500; + + height: 32px; + min-width: 90px; + padding: 0 10px; + box-sizing: border-box; + + color: #f87171; + background: rgba(248, 113, 113, 0.1); + border: 1px solid rgba(248, 113, 113, 0.2); + border-radius: 6px; +} \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 0000000..05fa7cd --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,104 @@ +import { useState, useEffect, useRef, useCallback } from 'react'; +import LeftWorkspace from './components/LeftWorkspace'; +import RightWorkspace from './components/RightWorkspace'; +import { VerticalResizer } from './components/ui/Resizers'; +import './App.css'; + +function App() { + const [mainSplitState, setMainSplitState] = useState(50); + const [leftColSplitState, setLeftColSplitState] = useState(70); + const [rightColSplitState, setRightColSplitState] = useState(50); + + const [activeResizer, setActiveResizer] = useState(null); + + const [language, setLanguage] = useState('python'); + const [code, setCode] = useState('# Напишите ваш код здесь...'); + + const leftColumnRef = useRef(null); + const rightColumnRef = useRef(null); + + const startDragging = useCallback((resizerId) => (e) => { + setActiveResizer(resizerId); + e.preventDefault(); + }, []); + + useEffect(() => { + if (!activeResizer) return; + + const handleMouseMove = (e) => { + if (activeResizer === 'main-vertical') { + const newWidth = (e.clientX / window.innerWidth) * 100; + if (newWidth > 20 && newWidth < 80) setMainSplitState(newWidth); + } + else if (activeResizer === 'left-horizontal' && leftColumnRef.current) { + const rect = leftColumnRef.current.getBoundingClientRect(); + const newHeight = ((e.clientY - rect.top) / rect.height) * 100; + if (newHeight > 15 && newHeight < 85) setLeftColSplitState(newHeight); + } + else if (activeResizer === 'right-horizontal' && rightColumnRef.current) { + const rect = rightColumnRef.current.getBoundingClientRect(); + const newHeight = ((e.clientY - rect.top) / rect.height) * 100; + if (newHeight > 15 && newHeight < 85) setRightColSplitState(newHeight); + } + }; + + const handleMouseUp = () => setActiveResizer(null); + + document.addEventListener('mousemove', handleMouseMove); + document.addEventListener('mouseup', handleMouseUp); + return () => { + document.removeEventListener('mousemove', handleMouseMove); + document.removeEventListener('mouseup', handleMouseUp); + }; + }, [activeResizer]); + + let cursorStyle = 'default'; + if (activeResizer === 'main-vertical') cursorStyle = 'col-resize'; + if (activeResizer === 'left-horizontal' || activeResizer === 'right-horizontal') cursorStyle = 'row-resize'; + + return ( +
+ + {/* ШАПКА СТРАНИЦЫ */} +
+

CodeZilla

+
+ + {/* РАБОЧЕЕ ПРОСТРАНСТВО */} +
+ + + + + + + +
+ + {/* ДНО / ФУТЕР (если понадобится) */} + {/*
...
*/} + +
+ ); +} + +export default App; \ No newline at end of file diff --git a/src/assets/code.svg b/src/assets/code.svg new file mode 100644 index 0000000..c8c1105 --- /dev/null +++ b/src/assets/code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/play-icon.svg b/src/assets/play-icon.svg new file mode 100644 index 0000000..98a9207 --- /dev/null +++ b/src/assets/play-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/react.svg b/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/terminal.svg b/src/assets/terminal.svg new file mode 100644 index 0000000..30eaa6e --- /dev/null +++ b/src/assets/terminal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/LeftWorkspace.jsx b/src/components/LeftWorkspace.jsx new file mode 100644 index 0000000..16593c2 --- /dev/null +++ b/src/components/LeftWorkspace.jsx @@ -0,0 +1,83 @@ +import { forwardRef } from 'react'; +import Editor from "@monaco-editor/react"; +import PanelHeader from './ui/PanelHeader'; +import { RunButton, SubmitButton } from './ui/Buttons'; +import Timer from './ui/Timer'; +import { HorizontalResizer } from './ui/Resizers'; + +import codeIcon from '../assets/code.svg'; +import terminalIcon from '../assets/terminal.svg'; + +const LeftWorkspace = forwardRef(({ + width, + splitState, + activeResizer, + startDragging, + language, + setLanguage, + code, + setCode +}, ref) => { + + return ( +
+ {/* Редактор кода */} +
+ + +
+
+ + + + +
+
+ +
+ setCode(value)} + options={{ + fontSize: 15, + minimap: { enabled: false }, + scrollBeyondLastLine: false, + automaticLayout: true, + padding: { top: 10 } + }} + /> +
+
+ + + + {/* Результаты тестов */} +
+ +
+

Здесь будут результаты запуска...

+
+
+
+ ); +}); + +export default LeftWorkspace; \ No newline at end of file diff --git a/src/components/RightWorkspace.jsx b/src/components/RightWorkspace.jsx new file mode 100644 index 0000000..bc1724b --- /dev/null +++ b/src/components/RightWorkspace.jsx @@ -0,0 +1,43 @@ +import { forwardRef } from 'react'; +import PanelHeader from './ui/PanelHeader'; +import { HorizontalResizer } from './ui/Resizers'; + +const RightWorkspace = forwardRef(({ + width, + splitState, + activeResizer, + startDragging +}, ref) => { + + return ( +
+ {/* Условие */} +
+ +
+

Заголовок задачи

+

Текст условия задачи...

+
+
+ + + + {/* Метрики */} +
+ +
+

Данные по метрикам...

+
+
+
+ ); +}); + +export default RightWorkspace; \ No newline at end of file diff --git a/src/components/ui/Buttons.jsx b/src/components/ui/Buttons.jsx new file mode 100644 index 0000000..f9abc4e --- /dev/null +++ b/src/components/ui/Buttons.jsx @@ -0,0 +1,17 @@ +import playIcon from '../../assets/play-icon.svg'; + +export function SubmitButton() { + return ( + + ); +} + +export function RunButton() { + return ( + + ); +} \ No newline at end of file diff --git a/src/components/ui/PanelHeader.jsx b/src/components/ui/PanelHeader.jsx new file mode 100644 index 0000000..a360ea7 --- /dev/null +++ b/src/components/ui/PanelHeader.jsx @@ -0,0 +1,8 @@ +export default function PanelHeader({ title, iconIcon = null }) { + return ( +
+ {iconIcon && {title}} + {title} +
+ ); +} \ No newline at end of file diff --git a/src/components/ui/Resizers.jsx b/src/components/ui/Resizers.jsx new file mode 100644 index 0000000..d25da43 --- /dev/null +++ b/src/components/ui/Resizers.jsx @@ -0,0 +1,21 @@ +export function VerticalResizer({ isDragging, onMouseDown }) { + return ( +
+
+
+ ); +} + +export function HorizontalResizer({ isDragging, onMouseDown }) { + return ( +
+
+
+ ); +} \ No newline at end of file diff --git a/src/components/ui/Timer.jsx b/src/components/ui/Timer.jsx new file mode 100644 index 0000000..e804405 --- /dev/null +++ b/src/components/ui/Timer.jsx @@ -0,0 +1,24 @@ +import { useState, useEffect } from 'react'; + +export default function Timer() { + const [seconds, setSeconds] = useState(1800); + + useEffect(() => { + if (seconds <= 0) return; + const timerId = setInterval(() => setSeconds(s => s - 1), 1000); + return () => clearInterval(timerId); + }, [seconds]); + + const formatTime = (ts) => { + const h = Math.floor(ts / 3600); + const m = Math.floor((ts % 3600) / 60); + const s = ts % 60; + return [h, m, s].map(v => v.toString().padStart(2, '0')).join(':'); + }; + + return ( +
+ {formatTime(seconds)} +
+ ); +} \ No newline at end of file diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..672f1d9 --- /dev/null +++ b/src/index.css @@ -0,0 +1,14 @@ +:root { + font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; + + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} \ No newline at end of file diff --git a/src/main.jsx b/src/main.jsx new file mode 100644 index 0000000..b9a1a6d --- /dev/null +++ b/src/main.jsx @@ -0,0 +1,10 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import './index.css' +import App from './App.jsx' + +createRoot(document.getElementById('root')).render( + + + , +) diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..8b0f57b --- /dev/null +++ b/vite.config.js @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], +}) From 71235820690b10d1e2e38344ce7be96e753632a4 Mon Sep 17 00:00:00 2001 From: CO0LGIRL Date: Sat, 28 Feb 2026 22:04:57 +0300 Subject: [PATCH 02/11] feat: add reset/upload, theme toggle, fullscreen and use react-resizable-panels --- package-lock.json | 22 +- package.json | 3 +- src/App.css | 316 ++++++-------------- src/App.jsx | 129 +++----- src/components/LeftWorkspace.jsx | 83 ----- src/components/RightWorkspace.jsx | 43 --- src/components/layout/ActionBar.jsx | 22 ++ src/components/layout/Footer.jsx | 7 + src/components/layout/Header.jsx | 21 ++ src/components/ui/Buttons.jsx | 8 +- src/components/ui/ConfirmModal.jsx | 16 + src/components/ui/PanelHeader.jsx | 8 +- src/components/workspace/LeftWorkspace.jsx | 103 +++++++ src/components/workspace/RightWorkspace.jsx | 34 +++ 14 files changed, 363 insertions(+), 452 deletions(-) delete mode 100644 src/components/LeftWorkspace.jsx delete mode 100644 src/components/RightWorkspace.jsx create mode 100644 src/components/layout/ActionBar.jsx create mode 100644 src/components/layout/Footer.jsx create mode 100644 src/components/layout/Header.jsx create mode 100644 src/components/ui/ConfirmModal.jsx create mode 100644 src/components/workspace/LeftWorkspace.jsx create mode 100644 src/components/workspace/RightWorkspace.jsx diff --git a/package-lock.json b/package-lock.json index b0f84c4..b6ad528 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,9 +9,10 @@ "version": "0.0.0", "dependencies": { "@monaco-editor/react": "^4.7.0", + "lucide-react": "^0.575.0", "react": "^19.2.0", "react-dom": "^19.2.0", - "react-resizable-panels": "^4.6.5", + "react-resizable-panels": "^3.0.6", "react-router-dom": "^7.13.1" }, "devDependencies": { @@ -2392,6 +2393,15 @@ "yallist": "^3.0.2" } }, + "node_modules/lucide-react": { + "version": "0.575.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.575.0.tgz", + "integrity": "sha512-VuXgKZrk0uiDlWjGGXmKV6MSk9Yy4l10qgVvzGn2AWBx1Ylt0iBexKOAoA6I7JO3m+M9oeovJd3yYENfkUbOeg==", + "license": "ISC", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/marked": { "version": "14.0.0", "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz", @@ -2653,13 +2663,13 @@ } }, "node_modules/react-resizable-panels": { - "version": "4.6.5", - "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-4.6.5.tgz", - "integrity": "sha512-pmQP6qv9KmsesNMvWVNvVfVJAwYSOWWbAOAtrPR8Cre20+j1NWIlyft0btjtDQE+OepXmI6g3VPrCXQY0oD7+Q==", + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-3.0.6.tgz", + "integrity": "sha512-b3qKHQ3MLqOgSS+FRYKapNkJZf5EQzuf6+RLiq1/IlTHw99YrZ2NJZLk4hQIzTnnIkRg2LUqyVinu6YWWpUYew==", "license": "MIT", "peerDependencies": { - "react": "^18.0.0 || ^19.0.0", - "react-dom": "^18.0.0 || ^19.0.0" + "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc", + "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "node_modules/react-router": { diff --git a/package.json b/package.json index 0a35319..831f93c 100644 --- a/package.json +++ b/package.json @@ -11,9 +11,10 @@ }, "dependencies": { "@monaco-editor/react": "^4.7.0", + "lucide-react": "^0.575.0", "react": "^19.2.0", "react-dom": "^19.2.0", - "react-resizable-panels": "^4.6.5", + "react-resizable-panels": "^3.0.6", "react-router-dom": "^7.13.1" }, "devDependencies": { diff --git a/src/App.css b/src/App.css index f58fbb0..3a1df5f 100644 --- a/src/App.css +++ b/src/App.css @@ -1,3 +1,4 @@ +/* src/App.css */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap'); :root { @@ -8,262 +9,125 @@ --border-color: #333; --accent-color: #646cff; --text-primary: #e0e0e0; - + --text-secondary: #aaa; + --font-ui: 'Inter', sans-serif; --font-mono: 'JetBrains Mono', monospace; } -#root { - max-width: 100%; - margin: 0; - padding: 0; +/* Светлая тема */ +.light-theme { + --bg-main: #f3f4f6; + --bg-panel: #ffffff; + --bg-header-panel: #f9fafb; + --bg-editor: #ffffff; + --border-color: #e5e7eb; + --accent-color: #3b82f6; + --text-primary: #111827; + --text-secondary: #6b7280; } +html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } + .layout-container { - display: flex; - flex-direction: column; - height: 100vh; - background-color: var(--bg-main); - color: var(--text-primary); - font-family: var(--font-ui); - -webkit-font-smoothing: antialiased; + display: flex; flex-direction: column; height: 100vh; + background-color: var(--bg-main); color: var(--text-primary); + font-family: var(--font-ui); -webkit-font-smoothing: antialiased; } +/* --- Layout Elements --- */ .page-header { - padding: 5px 20px; - background-color: var(--bg-panel); - border-bottom: 1px solid #222; - flex-shrink: 0; + display: flex; align-items: center; justify-content: space-between; + padding: 8px 20px; background-color: var(--bg-panel); + border-bottom: 1px solid var(--border-color); flex-shrink: 0; } -.page-header h2 { - margin: 5px 0; - font-size: 1.1rem; - font-weight: 600; - letter-spacing: -0.02em; +.header-logo h2 { margin: 0; font-size: 1.2rem; font-weight: 700; } +.header-nav { display: flex; gap: 24px; align-items: center; margin-left: 30px; } +.header-nav span { cursor: pointer; color: var(--text-secondary); font-weight: 500; transition: 0.2s; } +.header-nav span:hover { color: var(--text-primary); } +.header-profile { display: flex; align-items: center; cursor: pointer; color: var(--text-secondary); } +.header-profile:hover { color: var(--text-primary); } + +.page-footer { + text-align: center; padding: 6px; font-size: 0.75rem; + background-color: var(--bg-panel); border-top: 1px solid var(--border-color); + color: var(--text-secondary); flex-shrink: 0; } -.workspace { - display: flex; - flex-grow: 1; - padding: 10px; - overflow: hidden; - height: calc(100vh - 45px); - background-color: var(--bg-main); +.action-bar { + display: flex; justify-content: space-between; align-items: center; + padding: 6px 10px; background-color: var(--bg-main); border-bottom: 1px solid var(--border-color); } +.action-bar-right { display: flex; gap: 8px; } -/* Контейнеры для левой и правой колонок */ -.column-container { - display: flex; - flex-direction: column; - height: 100%; +.workspace { + display: flex; flex-grow: 1; padding: 10px; overflow: hidden; + background-color: var(--bg-main); } -/* Общий стиль для панели (окна) */ +/* --- Панели --- */ .panel { - display: flex; - flex-direction: column; - background-color: var(--bg-panel); - border: 1px solid var(--border-color); - border-radius: 8px; - overflow: hidden; + display: flex; flex-direction: column; height: 100%; + background-color: var(--bg-panel); border: 1px solid var(--border-color); + border-radius: 8px; overflow: hidden; } -/* --- Стили Шапки Панели --- */ .panel-header { - display: flex; - align-items: center; - background-color: var(--bg-header-panel); - padding: 6px 12px; - border-bottom: 1px solid var(--border-color); - font-size: 0.9rem; - font-weight: 500; + display: flex; align-items: center; padding: 6px 12px; + background-color: var(--bg-header-panel); border-bottom: 1px solid var(--border-color); flex-shrink: 0; } - -.panel-header-title { - font-family: var(--font-ui); - font-weight: 500; - font-size: 0.85rem; - letter-spacing: 0.01em; - color: #aaa; -} - -.panel-header-icon { - width: 16px; - height: 16px; - margin-right: 8px; - filter: invert(1); - opacity: 0.8; -} - -/* --- Контент внутри панели --- */ -.panel-content { - flex-grow: 1; - padding: 15px; - overflow: hidden; - position: relative; -} - -.overflow-auto { - overflow-y: auto; -} - - -/* Специфичные стили для панели кода */ -.toolbar-container { - padding: 8px 12px 0 12px; - background-color: var(--bg-panel); -} - -.editor-wrapper { - flex-grow: 1; - background-color: var(--bg-editor); - border-top: 1px solid var(--border-color); - overflow: hidden; -} - - -/* --- РАЗДЕЛИТЕЛИ (RESIZERS) --- */ - -.resizer-vertical { - width: 10px; - margin: 0 5px; - display: flex; - justify-content: center; - flex-shrink: 0; - cursor: col-resize; -} - -.resizer-line-vertical { - width: 2px; - height: 100%; - background-color: #333; - transition: background-color 0.2s; -} - -.resizer-horizontal { - height: 10px; - margin: 5px 0; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-shrink: 0; - cursor: row-resize; -} - -.resizer-line-horizontal { - height: 2px; - width: 100%; - background-color: #333; - transition: background-color 0.2s; -} - -.resizer-vertical:hover .resizer-line-vertical, -.resizer-vertical[data-resize-handle-state="hover"] .resizer-line-vertical, -.resizer-vertical[data-resize-handle-state="drag"] .resizer-line-vertical, -.resizer-horizontal:hover .resizer-line-horizontal, -.resizer-horizontal[data-resize-handle-state="hover"] .resizer-line-horizontal, -.resizer-horizontal[data-resize-handle-state="drag"] .resizer-line-horizontal { - background-color: var(--accent-color); -} - - -/* --- TOOLBAR & BUTTONS --- */ -.toolbar { - display: flex; - gap: 10px; - margin-bottom: 8px; - align-items: center; - flex-wrap: nowrap; -} - +.panel-header-icon { margin-right: 8px; color: var(--text-secondary); display: flex; align-items: center; } +.panel-header-title { font-weight: 600; font-size: 0.85rem; color: var(--text-secondary); } +.panel-content { flex-grow: 1; padding: 15px; overflow-y: auto; } +.toolbar-container { padding: 8px 12px 0 12px; background-color: var(--bg-panel); } +.editor-wrapper { flex-grow: 1; background-color: var(--bg-editor); border-top: 1px solid var(--border-color); overflow: hidden; } + +/* --- Разделители (Resizers) --- */ +.resizer-vertical { width: 10px; margin: 0 5px; display: flex; justify-content: center; cursor: col-resize; } +.resizer-line-vertical { width: 2px; height: 100%; background-color: var(--border-color); transition: 0.2s; } +.resizer-horizontal { height: 10px; margin: 5px 0; display: flex; align-items: center; cursor: row-resize; } +.resizer-line-horizontal { height: 2px; width: 100%; background-color: var(--border-color); transition: 0.2s; } +.resizer-vertical:hover .resizer-line-vertical, .resizer-vertical[data-resize-handle-state="drag"] .resizer-line-vertical, +.resizer-horizontal:hover .resizer-line-horizontal, .resizer-horizontal[data-resize-handle-state="drag"] .resizer-line-horizontal { background-color: var(--accent-color); } + +/* --- Кнопки и UI --- */ +.toolbar { display: flex; gap: 8px; margin-bottom: 8px; align-items: center; } .btn { - display: inline-flex; - align-items: center; - justify-content: center; - height: 32px; - cursor: pointer; - border: 1px solid var(--border-color); - border-radius: 6px; - background-color: #222; - transition: all 0.2s ease; - flex-shrink: 0; - - font-family: var(--font-ui); - font-size: 13px; - font-weight: 500; - color: var(--text-primary); - letter-spacing: 0.01em; - padding: 0 12px; + display: inline-flex; align-items: center; justify-content: center; gap: 6px; + height: 32px; cursor: pointer; border: 1px solid var(--border-color); border-radius: 6px; + background-color: var(--bg-header-panel); color: var(--text-primary); transition: all 0.2s; + font-family: var(--font-ui); font-size: 13px; font-weight: 500; padding: 0 12px; } +.btn:hover { background-color: var(--bg-panel); border-color: var(--accent-color); } +.icon-btn { width: 32px; padding: 0; } +.btn-submit { color: #4ade80; background-color: rgba(74, 222, 128, 0.05); border-color: rgba(74, 222, 128, 0.2); } +.btn-submit:hover { background-color: rgba(74, 222, 128, 0.15); border-color: #4ade80; } -.btn-run img { width: 14px; height: 14px; filter: invert(1); } - -.btn:hover { - background-color: #333; - border-color: #444; - transform: translateY(-1px); -} - -.btn:active { - transform: translateY(0px); -} - -.btn-run { - width: 40px; - padding: 0; -} - -.btn-submit { - width: auto; - min-width: 90px; - color: #4ade80; - background-color: rgba(74, 222, 128, 0.05); - border-color: rgba(74, 222, 128, 0.2); +.language-select { + margin-left: auto; height: 32px; background-color: var(--bg-header-panel); color: var(--text-primary); + border: 1px solid var(--border-color); border-radius: 6px; padding: 0 10px; + font-family: var(--font-ui); font-size: 13px; outline: none; cursor: pointer; } -.btn-submit:hover { - background-color: rgba(74, 222, 128, 0.15); - border-color: #4ade80; +.timer-display { + display: inline-flex; align-items: center; justify-content: center; + font-family: var(--font-mono); font-size: 14px; font-weight: 600; + height: 32px; padding: 0 10px; color: #f87171; background: rgba(248, 113, 113, 0.1); + border: 1px solid rgba(248, 113, 113, 0.2); border-radius: 6px; } -.language-select { - margin-left: auto; - height: 32px; - background-color: #222; - color: #ddd; - border: 1px solid var(--border-color); - border-radius: 6px; - padding: 0 10px; - font-family: var(--font-ui); - font-size: 13px; - font-weight: 500; - outline: none; +/* --- Модальное окно --- */ +.modal-overlay { + position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; + background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; + z-index: 1000; backdrop-filter: blur(2px); } - -.language-select:hover { - background-color: #333; - border-color: #444; +.modal-content { + background: var(--bg-panel); border: 1px solid var(--border-color); + padding: 24px; border-radius: 12px; width: 340px; box-shadow: 0 10px 25px rgba(0,0,0,0.5); } - -.timer-display { - display: inline-flex; - align-items: center; - justify-content: center; - - font-family: var(--font-mono); - font-size: 15px; - font-weight: 500; - - height: 32px; - min-width: 90px; - padding: 0 10px; - box-sizing: border-box; - - color: #f87171; - background: rgba(248, 113, 113, 0.1); - border: 1px solid rgba(248, 113, 113, 0.2); - border-radius: 6px; -} \ No newline at end of file +.modal-content h3 { margin: 0 0 10px 0; font-size: 1.1rem; } +.modal-content p { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.5; margin-bottom: 20px; } +.modal-actions { display: flex; justify-content: flex-end; gap: 10px; } \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index 05fa7cd..34b6a80 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,102 +1,57 @@ -import { useState, useEffect, useRef, useCallback } from 'react'; -import LeftWorkspace from './components/LeftWorkspace'; -import RightWorkspace from './components/RightWorkspace'; -import { VerticalResizer } from './components/ui/Resizers'; +// src/App.jsx +import { useState, useEffect } from 'react'; +import { PanelGroup, PanelResizeHandle } from "react-resizable-panels"; +import Header from './components/layout/Header'; +import Footer from './components/layout/Footer'; +import ActionBar from './components/layout/ActionBar'; +import LeftWorkspace from './components/workspace/LeftWorkspace'; +import RightWorkspace from './components/workspace/RightWorkspace'; import './App.css'; function App() { - const [mainSplitState, setMainSplitState] = useState(50); - const [leftColSplitState, setLeftColSplitState] = useState(70); - const [rightColSplitState, setRightColSplitState] = useState(50); - - const [activeResizer, setActiveResizer] = useState(null); - - const [language, setLanguage] = useState('python'); - const [code, setCode] = useState('# Напишите ваш код здесь...'); - - const leftColumnRef = useRef(null); - const rightColumnRef = useRef(null); - - const startDragging = useCallback((resizerId) => (e) => { - setActiveResizer(resizerId); - e.preventDefault(); - }, []); + const [isDarkMode, setIsDarkMode] = useState(true); + const [isSwapped, setIsSwapped] = useState(false); useEffect(() => { - if (!activeResizer) return; - - const handleMouseMove = (e) => { - if (activeResizer === 'main-vertical') { - const newWidth = (e.clientX / window.innerWidth) * 100; - if (newWidth > 20 && newWidth < 80) setMainSplitState(newWidth); - } - else if (activeResizer === 'left-horizontal' && leftColumnRef.current) { - const rect = leftColumnRef.current.getBoundingClientRect(); - const newHeight = ((e.clientY - rect.top) / rect.height) * 100; - if (newHeight > 15 && newHeight < 85) setLeftColSplitState(newHeight); - } - else if (activeResizer === 'right-horizontal' && rightColumnRef.current) { - const rect = rightColumnRef.current.getBoundingClientRect(); - const newHeight = ((e.clientY - rect.top) / rect.height) * 100; - if (newHeight > 15 && newHeight < 85) setRightColSplitState(newHeight); - } - }; - - const handleMouseUp = () => setActiveResizer(null); - - document.addEventListener('mousemove', handleMouseMove); - document.addEventListener('mouseup', handleMouseUp); - return () => { - document.removeEventListener('mousemove', handleMouseMove); - document.removeEventListener('mouseup', handleMouseUp); - }; - }, [activeResizer]); - - let cursorStyle = 'default'; - if (activeResizer === 'main-vertical') cursorStyle = 'col-resize'; - if (activeResizer === 'left-horizontal' || activeResizer === 'right-horizontal') cursorStyle = 'row-resize'; + if (isDarkMode) { + document.body.classList.remove('light-theme'); + } else { + document.body.classList.add('light-theme'); + } + }, [isDarkMode]); + + const toggleFullscreen = () => { + if (!document.fullscreenElement) { + document.documentElement.requestFullscreen().catch(err => console.error(err)); + } else { + document.exitFullscreen(); + } + }; return ( -
+
+
- {/* ШАПКА СТРАНИЦЫ */} -
-

CodeZilla

-
+ setIsSwapped(!isSwapped)} + toggleFullscreen={toggleFullscreen} + toggleTheme={() => setIsDarkMode(!isDarkMode)} + isDarkMode={isDarkMode} + /> - {/* РАБОЧЕЕ ПРОСТРАНСТВО */}
- - - - - - - + + {isSwapped ? : } + + +
+ + + {isSwapped ? : } +
- {/* ДНО / ФУТЕР (если понадобится) */} - {/*
...
*/} - +
); } diff --git a/src/components/LeftWorkspace.jsx b/src/components/LeftWorkspace.jsx deleted file mode 100644 index 16593c2..0000000 --- a/src/components/LeftWorkspace.jsx +++ /dev/null @@ -1,83 +0,0 @@ -import { forwardRef } from 'react'; -import Editor from "@monaco-editor/react"; -import PanelHeader from './ui/PanelHeader'; -import { RunButton, SubmitButton } from './ui/Buttons'; -import Timer from './ui/Timer'; -import { HorizontalResizer } from './ui/Resizers'; - -import codeIcon from '../assets/code.svg'; -import terminalIcon from '../assets/terminal.svg'; - -const LeftWorkspace = forwardRef(({ - width, - splitState, - activeResizer, - startDragging, - language, - setLanguage, - code, - setCode -}, ref) => { - - return ( -
- {/* Редактор кода */} -
- - -
-
- - - - -
-
- -
- setCode(value)} - options={{ - fontSize: 15, - minimap: { enabled: false }, - scrollBeyondLastLine: false, - automaticLayout: true, - padding: { top: 10 } - }} - /> -
-
- - - - {/* Результаты тестов */} -
- -
-

Здесь будут результаты запуска...

-
-
-
- ); -}); - -export default LeftWorkspace; \ No newline at end of file diff --git a/src/components/RightWorkspace.jsx b/src/components/RightWorkspace.jsx deleted file mode 100644 index bc1724b..0000000 --- a/src/components/RightWorkspace.jsx +++ /dev/null @@ -1,43 +0,0 @@ -import { forwardRef } from 'react'; -import PanelHeader from './ui/PanelHeader'; -import { HorizontalResizer } from './ui/Resizers'; - -const RightWorkspace = forwardRef(({ - width, - splitState, - activeResizer, - startDragging -}, ref) => { - - return ( -
- {/* Условие */} -
- -
-

Заголовок задачи

-

Текст условия задачи...

-
-
- - - - {/* Метрики */} -
- -
-

Данные по метрикам...

-
-
-
- ); -}); - -export default RightWorkspace; \ No newline at end of file diff --git a/src/components/layout/ActionBar.jsx b/src/components/layout/ActionBar.jsx new file mode 100644 index 0000000..482602f --- /dev/null +++ b/src/components/layout/ActionBar.jsx @@ -0,0 +1,22 @@ +import { ArrowLeftRight, Expand, Sun, Moon } from 'lucide-react'; + +export default function ActionBar({ toggleSwap, toggleFullscreen, toggleTheme, isDarkMode }) { + return ( +
+
+ {/* Здесь можно разместить хлебные крошки или статус */} +
+
+ + + +
+
+ ); +} \ No newline at end of file diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx new file mode 100644 index 0000000..0b149cf --- /dev/null +++ b/src/components/layout/Footer.jsx @@ -0,0 +1,7 @@ +export default function Footer() { + return ( +
+ © 2025 ltc. Все права защищены. +
+ ); +} \ No newline at end of file diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx new file mode 100644 index 0000000..20d0445 --- /dev/null +++ b/src/components/layout/Header.jsx @@ -0,0 +1,21 @@ +import { User } from 'lucide-react'; + +export default function Header() { + return ( +
+
+
+

CodeZilla

+
+ +
+ +
+ +
+
+ ); +} \ No newline at end of file diff --git a/src/components/ui/Buttons.jsx b/src/components/ui/Buttons.jsx index f9abc4e..e1cebd6 100644 --- a/src/components/ui/Buttons.jsx +++ b/src/components/ui/Buttons.jsx @@ -1,8 +1,8 @@ -import playIcon from '../../assets/play-icon.svg'; +import { Play } from 'lucide-react'; export function SubmitButton() { return ( - ); @@ -10,8 +10,8 @@ export function SubmitButton() { export function RunButton() { return ( - ); } \ No newline at end of file diff --git a/src/components/ui/ConfirmModal.jsx b/src/components/ui/ConfirmModal.jsx new file mode 100644 index 0000000..688ae87 --- /dev/null +++ b/src/components/ui/ConfirmModal.jsx @@ -0,0 +1,16 @@ +export default function ConfirmModal({ isOpen, onClose, onConfirm, title, text }) { + if (!isOpen) return null; + + return ( +
+
+

{title}

+

{text}

+
+ + +
+
+
+ ); +} \ No newline at end of file diff --git a/src/components/ui/PanelHeader.jsx b/src/components/ui/PanelHeader.jsx index a360ea7..00ddf89 100644 --- a/src/components/ui/PanelHeader.jsx +++ b/src/components/ui/PanelHeader.jsx @@ -1,7 +1,11 @@ -export default function PanelHeader({ title, iconIcon = null }) { +export default function PanelHeader({ title, Icon = null }) { return (
- {iconIcon && {title}} + {Icon && ( +
+ +
+ )} {title}
); diff --git a/src/components/workspace/LeftWorkspace.jsx b/src/components/workspace/LeftWorkspace.jsx new file mode 100644 index 0000000..d922e37 --- /dev/null +++ b/src/components/workspace/LeftWorkspace.jsx @@ -0,0 +1,103 @@ +import { useState, useRef } from 'react'; +import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels"; +import Editor from "@monaco-editor/react"; +import { Code, Terminal, Upload, RotateCcw } from 'lucide-react'; + +import PanelHeader from '../ui/PanelHeader'; +import { RunButton, SubmitButton } from '../ui/Buttons'; +import Timer from '../ui/Timer'; +import ConfirmModal from '../ui/ConfirmModal'; + +const DEFAULT_CODE = "# Напишите ваш код здесь...\n"; + +export default function LeftWorkspace({ isDarkMode }) { + const [language, setLanguage] = useState('python'); + const [code, setCode] = useState(DEFAULT_CODE); + const [showResetModal, setShowResetModal] = useState(false); + const fileInputRef = useRef(null); + + const handleFileUpload = (e) => { + const file = e.target.files[0]; + if (!file) return; + const reader = new FileReader(); + reader.onload = (evt) => setCode(evt.target.result); + reader.readAsText(file); + e.target.value = ''; // Сброс инпута + }; + + const confirmReset = () => { + setCode(DEFAULT_CODE); + setShowResetModal(false); + }; + + return ( + + + + {/* Панель Кода */} + + + +
+
+ + + + + + + + + + +
+
+ +
+ setCode(value)} + options={{ fontSize: 15, minimap: { enabled: false }, automaticLayout: true, padding: { top: 10 } }} + /> +
+ + + +
+ + + {/* Панель Тестов */} + + +
+

Здесь будут результаты запуска...

+
+ + + + + setShowResetModal(false)} + onConfirm={confirmReset} + title="Сбросить решение?" + text="Весь написанный вами код будет удален и заменен на стандартный шаблон. Это действие нельзя отменить." + /> + + ); +} \ No newline at end of file diff --git a/src/components/workspace/RightWorkspace.jsx b/src/components/workspace/RightWorkspace.jsx new file mode 100644 index 0000000..3e5abbd --- /dev/null +++ b/src/components/workspace/RightWorkspace.jsx @@ -0,0 +1,34 @@ +import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels"; +import { FileText, BarChart2 } from 'lucide-react'; +import PanelHeader from '../ui/PanelHeader'; + +export default function RightWorkspace() { + return ( + + + + {/* Панель Условия */} + + +
+

Заголовок задачи

+

Текст условия задачи будет загружаться сюда...

+
+ + + +
+ + + {/* Панель Метрик */} + + +
+

Данные по метрикам оппонента...

+
+ + + + + ); +} \ No newline at end of file From 9876c966905c8fe102bdf46bf76ef6f8d63e2435 Mon Sep 17 00:00:00 2001 From: CO0LGIRL Date: Wed, 4 Mar 2026 01:06:44 +0300 Subject: [PATCH 03/11] feat: add collapsible side panels with vertical rotated labels --- src/App.css | 86 ++++++++++++- src/App.jsx | 12 +- src/components/layout/Footer.jsx | 2 +- src/components/layout/Header.jsx | 12 +- src/components/ui/PanelHeader.jsx | 4 +- src/components/workspace/LeftWorkspace.jsx | 136 +++++++++++--------- src/components/workspace/RightWorkspace.jsx | 69 ++++++---- 7 files changed, 224 insertions(+), 97 deletions(-) diff --git a/src/App.css b/src/App.css index 3a1df5f..34a54d6 100644 --- a/src/App.css +++ b/src/App.css @@ -17,14 +17,18 @@ /* Светлая тема */ .light-theme { - --bg-main: #f3f4f6; + --bg-main: #eef2f6; --bg-panel: #ffffff; - --bg-header-panel: #f9fafb; + --bg-header-panel: #f8fafc; --bg-editor: #ffffff; - --border-color: #e5e7eb; + --border-color: #cbd5e1; --accent-color: #3b82f6; - --text-primary: #111827; - --text-secondary: #6b7280; + --text-primary: #0f172a; + --text-secondary: #475569; +} + +.light-theme .panel { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } @@ -49,6 +53,11 @@ html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } .header-profile { display: flex; align-items: center; cursor: pointer; color: var(--text-secondary); } .header-profile:hover { color: var(--text-primary); } +/* --- ИКОНКИ В ШАПКЕ --- */ +.header-actions { display: flex; align-items: center; gap: 16px; } +.header-icon { cursor: pointer; color: var(--text-secondary); display: flex; transition: 0.2s; } +.header-icon:hover { color: var(--text-primary); } + .page-footer { text-align: center; padding: 6px; font-size: 0.75rem; background-color: var(--bg-panel); border-top: 1px solid var(--border-color); @@ -81,7 +90,12 @@ html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } .panel-header-icon { margin-right: 8px; color: var(--text-secondary); display: flex; align-items: center; } .panel-header-title { font-weight: 600; font-size: 0.85rem; color: var(--text-secondary); } .panel-content { flex-grow: 1; padding: 15px; overflow-y: auto; } -.toolbar-container { padding: 8px 12px 0 12px; background-color: var(--bg-panel); } +.toolbar-container { + padding: 8px 12px 0 12px; + background-color: var(--bg-panel); + overflow-x: auto; +} +.toolbar-container::-webkit-scrollbar { height: 0px; } .editor-wrapper { flex-grow: 1; background-color: var(--bg-editor); border-top: 1px solid var(--border-color); overflow: hidden; } /* --- Разделители (Resizers) --- */ @@ -93,7 +107,13 @@ html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } .resizer-horizontal:hover .resizer-line-horizontal, .resizer-horizontal[data-resize-handle-state="drag"] .resizer-line-horizontal { background-color: var(--accent-color); } /* --- Кнопки и UI --- */ -.toolbar { display: flex; gap: 8px; margin-bottom: 8px; align-items: center; } +.toolbar { + display: flex; + gap: 8px; + margin-bottom: 8px; + align-items: center; + width: 100%; +} .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; cursor: pointer; border: 1px solid var(--border-color); border-radius: 6px; @@ -118,6 +138,58 @@ html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } border: 1px solid rgba(248, 113, 113, 0.2); border-radius: 6px; } +.btn, .language-select, .timer-display { + flex-shrink: 0; + white-space: nowrap; +} + +.collapsed-vertical-bar { + height: 100%; + background-color: var(--bg-header-panel); + border: 1px solid var(--border-color); + border-radius: 8px; + + display: flex; + justify-content: center; + align-items: center; + + cursor: pointer; + transition: background-color 0.2s; + box-sizing: border-box; + overflow: hidden; +} + +.collapsed-vertical-bar:hover { + background-color: var(--bg-panel); +} + +.collapsed-text { + display: flex; + flex-direction: row; + align-items: center; + gap: 10px; + + color: var(--text-secondary); + font-weight: 600; + font-size: 0.9rem; + white-space: nowrap; + + writing-mode: horizontal-tb; +} + +.left-column .collapsed-text { + transform: rotate(-90deg); +} + +.right-column .collapsed-text { + transform: rotate(90deg); +} + +.collapsed-text svg { + display: block; + flex-shrink: 0; +} + /* --- Модальное окно --- */ .modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; diff --git a/src/App.jsx b/src/App.jsx index 34b6a80..fad8a7b 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -41,13 +41,21 @@ function App() {
- {isSwapped ? : } + {isSwapped ? ( + + ) : ( + + )}
- {isSwapped ? : } + {isSwapped ? ( + + ) : ( + + )}
diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx index 0b149cf..8214129 100644 --- a/src/components/layout/Footer.jsx +++ b/src/components/layout/Footer.jsx @@ -1,7 +1,7 @@ export default function Footer() { return (
- © 2025 ltc. Все права защищены. + © 2026 CodeZilla | ltc. Все права защищены.
); } \ No newline at end of file diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx index 20d0445..4187140 100644 --- a/src/components/layout/Header.jsx +++ b/src/components/layout/Header.jsx @@ -1,4 +1,4 @@ -import { User } from 'lucide-react'; +import { User, Settings } from 'lucide-react'; export default function Header() { return ( @@ -13,8 +13,14 @@ export default function Header() {
-
- + {/* Новый блок с иконками */} +
+
+ +
+
+ +
); diff --git a/src/components/ui/PanelHeader.jsx b/src/components/ui/PanelHeader.jsx index 00ddf89..1aa3f57 100644 --- a/src/components/ui/PanelHeader.jsx +++ b/src/components/ui/PanelHeader.jsx @@ -1,6 +1,6 @@ -export default function PanelHeader({ title, Icon = null }) { +export default function PanelHeader({ title, Icon = null, onClick }) { return ( -
+
{Icon && (
diff --git a/src/components/workspace/LeftWorkspace.jsx b/src/components/workspace/LeftWorkspace.jsx index d922e37..cb72623 100644 --- a/src/components/workspace/LeftWorkspace.jsx +++ b/src/components/workspace/LeftWorkspace.jsx @@ -1,7 +1,7 @@ import { useState, useRef } from 'react'; import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels"; import Editor from "@monaco-editor/react"; -import { Code, Terminal, Upload, RotateCcw } from 'lucide-react'; +import { Code, Terminal, Import, RotateCcw } from 'lucide-react'; import PanelHeader from '../ui/PanelHeader'; import { RunButton, SubmitButton } from '../ui/Buttons'; @@ -10,19 +10,23 @@ import ConfirmModal from '../ui/ConfirmModal'; const DEFAULT_CODE = "# Напишите ваш код здесь...\n"; -export default function LeftWorkspace({ isDarkMode }) { +export default function LeftWorkspace({ isDarkMode, position = 'left' }) { const [language, setLanguage] = useState('python'); const [code, setCode] = useState(DEFAULT_CODE); const [showResetModal, setShowResetModal] = useState(false); + + const [isCollapsed, setIsCollapsed] = useState(false); + const panelRef = useRef(null); + const fileInputRef = useRef(null); - const handleFileUpload = (e) => { + const handleFileImport = (e) => { const file = e.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = (evt) => setCode(evt.target.result); reader.readAsText(file); - e.target.value = ''; // Сброс инпута + e.target.value = ''; }; const confirmReset = () => { @@ -31,65 +35,81 @@ export default function LeftWorkspace({ isDarkMode }) { }; return ( - - - - {/* Панель Кода */} - - - -
-
- - - - - - - - - - -
+ setIsCollapsed(true)} + onExpand={() => setIsCollapsed(false)} + defaultSize={50} + minSize={4} + className={`column-container ${position}-column`} + > + {isCollapsed ? ( +
panelRef.current?.expand()} + title="Развернуть" + > +
+ Код & Тесты
+
+ ) : ( + + + +
+
+ + + + + -
- setCode(value)} - options={{ fontSize: 15, minimap: { enabled: false }, automaticLayout: true, padding: { top: 10 } }} - /> -
- + + + + +
+
- -
- +
+ setCode(value)} + options={{ fontSize: 15, minimap: { enabled: false }, automaticLayout: true, padding: { top: 10 } }} + /> +
+ - {/* Панель Тестов */} - - -
-

Здесь будут результаты запуска...

-
- + +
+ - + + +
+

Здесь будут результаты запуска...

+
+ + + )} - - - {/* Панель Условия */} - - -
-

Заголовок задачи

-

Текст условия задачи будет загружаться сюда...

-
- - - -
- +export default function RightWorkspace({ position = 'right' }) { + const [isCollapsed, setIsCollapsed] = useState(false); + const panelRef = useRef(null); - {/* Панель Метрик */} - - -
-

Данные по метрикам оппонента...

+ return ( + setIsCollapsed(true)} + onExpand={() => setIsCollapsed(false)} + defaultSize={50} + minSize={4} + className={`column-container ${position}-column`} + > + {isCollapsed ? ( +
panelRef.current?.expand()} + title="Развернуть" + > +
+ Условие & Метрики
- +
+ ) : ( + + + +
+

Заголовок задачи

+

Текст условия задачи будет загружаться сюда...

+
+ + + +
+ - + + +
+

Данные по метрикам оппонента...

+
+ + + )} ); } \ No newline at end of file From bba219c9a7666699430f8cbdd74265b751cf35fa Mon Sep 17 00:00:00 2001 From: CO0LGIRL Date: Thu, 5 Mar 2026 02:24:44 +0300 Subject: [PATCH 04/11] feat: buttlw page, settings --- src/App.jsx | 73 ++------- src/assets/code.svg | 1 - src/assets/play-icon.svg | 1 - src/assets/react.svg | 1 - src/assets/terminal.svg | 1 - src/components/layout/ActionBar.jsx | 22 --- src/components/layout/Header.jsx | 27 --- src/pages/ButtlePage.css | 50 ++++++ src/pages/ButtlePage.jsx | 28 ++++ src/pages/LoginPage.css | 103 ++++++++++++ src/pages/LoginPage.jsx | 154 ++++++++++++++++++ src/{App.css => pages/WorkspacePage.css} | 0 src/pages/WorkspacePage.jsx | 95 +++++++++++ src/{ => pages}/components/layout/Footer.jsx | 0 src/pages/components/layout/Header.jsx | 59 +++++++ src/{ => pages}/components/ui/Buttons.jsx | 0 .../components/ui/ConfirmModal.jsx | 0 src/{ => pages}/components/ui/PanelHeader.jsx | 0 src/{ => pages}/components/ui/Resizers.jsx | 0 src/{ => pages}/components/ui/Timer.jsx | 0 .../components/workspace/LeftWorkspace.jsx | 91 +++++++---- .../components/workspace/RightWorkspace.jsx | 0 22 files changed, 557 insertions(+), 149 deletions(-) delete mode 100644 src/assets/code.svg delete mode 100644 src/assets/play-icon.svg delete mode 100644 src/assets/react.svg delete mode 100644 src/assets/terminal.svg delete mode 100644 src/components/layout/ActionBar.jsx delete mode 100644 src/components/layout/Header.jsx create mode 100644 src/pages/ButtlePage.css create mode 100644 src/pages/ButtlePage.jsx create mode 100644 src/pages/LoginPage.css create mode 100644 src/pages/LoginPage.jsx rename src/{App.css => pages/WorkspacePage.css} (100%) create mode 100644 src/pages/WorkspacePage.jsx rename src/{ => pages}/components/layout/Footer.jsx (100%) create mode 100644 src/pages/components/layout/Header.jsx rename src/{ => pages}/components/ui/Buttons.jsx (100%) rename src/{ => pages}/components/ui/ConfirmModal.jsx (100%) rename src/{ => pages}/components/ui/PanelHeader.jsx (100%) rename src/{ => pages}/components/ui/Resizers.jsx (100%) rename src/{ => pages}/components/ui/Timer.jsx (100%) rename src/{ => pages}/components/workspace/LeftWorkspace.jsx (53%) rename src/{ => pages}/components/workspace/RightWorkspace.jsx (100%) diff --git a/src/App.jsx b/src/App.jsx index fad8a7b..65fa678 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,66 +1,19 @@ -// src/App.jsx -import { useState, useEffect } from 'react'; -import { PanelGroup, PanelResizeHandle } from "react-resizable-panels"; -import Header from './components/layout/Header'; -import Footer from './components/layout/Footer'; -import ActionBar from './components/layout/ActionBar'; -import LeftWorkspace from './components/workspace/LeftWorkspace'; -import RightWorkspace from './components/workspace/RightWorkspace'; -import './App.css'; +import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom'; +import LoginPage from './pages/LoginPage'; +import ButtlePage from './pages/ButtlePage'; +import WorkspacePage from './pages/WorkspacePage'; function App() { - const [isDarkMode, setIsDarkMode] = useState(true); - const [isSwapped, setIsSwapped] = useState(false); - - useEffect(() => { - if (isDarkMode) { - document.body.classList.remove('light-theme'); - } else { - document.body.classList.add('light-theme'); - } - }, [isDarkMode]); - - const toggleFullscreen = () => { - if (!document.fullscreenElement) { - document.documentElement.requestFullscreen().catch(err => console.error(err)); - } else { - document.exitFullscreen(); - } - }; - return ( -
-
- - setIsSwapped(!isSwapped)} - toggleFullscreen={toggleFullscreen} - toggleTheme={() => setIsDarkMode(!isDarkMode)} - isDarkMode={isDarkMode} - /> - -
- - {isSwapped ? ( - - ) : ( - - )} - - -
- - - {isSwapped ? ( - - ) : ( - - )} - -
- -
-
+ + + } /> + + } /> + } /> + } /> + + ); } diff --git a/src/assets/code.svg b/src/assets/code.svg deleted file mode 100644 index c8c1105..0000000 --- a/src/assets/code.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/play-icon.svg b/src/assets/play-icon.svg deleted file mode 100644 index 98a9207..0000000 --- a/src/assets/play-icon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/react.svg b/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/terminal.svg b/src/assets/terminal.svg deleted file mode 100644 index 30eaa6e..0000000 --- a/src/assets/terminal.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/layout/ActionBar.jsx b/src/components/layout/ActionBar.jsx deleted file mode 100644 index 482602f..0000000 --- a/src/components/layout/ActionBar.jsx +++ /dev/null @@ -1,22 +0,0 @@ -import { ArrowLeftRight, Expand, Sun, Moon } from 'lucide-react'; - -export default function ActionBar({ toggleSwap, toggleFullscreen, toggleTheme, isDarkMode }) { - return ( -
-
- {/* Здесь можно разместить хлебные крошки или статус */} -
-
- - - -
-
- ); -} \ No newline at end of file diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx deleted file mode 100644 index 4187140..0000000 --- a/src/components/layout/Header.jsx +++ /dev/null @@ -1,27 +0,0 @@ -import { User, Settings } from 'lucide-react'; - -export default function Header() { - return ( -
-
-
-

CodeZilla

-
- -
- - {/* Новый блок с иконками */} -
-
- -
-
- -
-
-
- ); -} \ No newline at end of file diff --git a/src/pages/ButtlePage.css b/src/pages/ButtlePage.css new file mode 100644 index 0000000..9b1e866 --- /dev/null +++ b/src/pages/ButtlePage.css @@ -0,0 +1,50 @@ +.buttle-main { + flex-grow: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: radial-gradient(circle at center, #1a1a2e 0%, var(--bg-main) 100%); + color: var(--text-primary); +} + +.buttle-title { + font-size: 2.5rem; + margin-bottom: 10px; + font-family: var(--font-ui); + text-shadow: 0 4px 10px rgba(0,0,0,0.5); +} + +.buttle-subtitle { + font-size: 1.1rem; + color: var(--text-secondary); + margin-bottom: 50px; + text-align: center; +} + +.btn-battle { + padding: 16px 60px; + font-size: 1.8rem; + font-weight: 900; + text-transform: uppercase; + color: #fff; + background: linear-gradient(180deg, #d32f2f 0%, #b71c1c 100%); + border: 2px solid #ff5252; + border-radius: 8px; + cursor: pointer; + box-shadow: 0 6px 20px rgba(211, 47, 47, 0.4), inset 0 2px 2px rgba(255, 255, 255, 0.3); + transition: all 0.15s ease-in-out; + text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); + font-family: var(--font-ui); + letter-spacing: 2px; +} + +.btn-battle:hover { + transform: scale(1.05); + box-shadow: 0 8px 25px rgba(211, 47, 47, 0.6), inset 0 2px 2px rgba(255, 255, 255, 0.4); + background: linear-gradient(180deg, #f44336 0%, #d32f2f 100%); +} + +.btn-battle:active { + transform: scale(0.98); +} \ No newline at end of file diff --git a/src/pages/ButtlePage.jsx b/src/pages/ButtlePage.jsx new file mode 100644 index 0000000..5ee56e9 --- /dev/null +++ b/src/pages/ButtlePage.jsx @@ -0,0 +1,28 @@ +import { useNavigate } from 'react-router-dom'; +import Header from './components/layout/Header'; +import Footer from './components/layout/Footer'; +import './ButtlePage.css'; + +export default function ButtlePage() { + const navigate = useNavigate(); + const currentUser = { nickname: "CodeNinja" }; + + return ( +
+
+ +
+

Арена CodeZilla

+

+ Выбери задачу, напиши оптимальный код и разгроми соперника +

+ + +
+ +
+
+ ); +} \ No newline at end of file diff --git a/src/pages/LoginPage.css b/src/pages/LoginPage.css new file mode 100644 index 0000000..d36d93d --- /dev/null +++ b/src/pages/LoginPage.css @@ -0,0 +1,103 @@ +.login-page-container { + display: flex; + flex-direction: column; + height: 100vh; + width: 100vw; + background: linear-gradient(45deg, #0e0e0e, #1a1a2e, #16213e, #0f3460); + background-size: 400% 400%; + animation: gradientBG 15s ease infinite; +} + +.login-wrapper { + display: flex; + justify-content: center; + align-items: center; + flex-grow: 1; +} + +.auth-links { + display: flex; + justify-content: space-between; + margin-top: 16px; + font-size: 13px; + font-family: 'Inter', sans-serif; +} + +.auth-link { + color: #aaa; + cursor: pointer; + transition: color 0.2s; + text-decoration: underline transparent; +} + +.auth-link:hover { + color: #646cff; + text-decoration-color: #646cff; +} + +@keyframes gradientBG { + 0% { background-position: 0% 50%; } + 50% { background-position: 100% 50%; } + 100% { background-position: 0% 50%; } +} + +.glass-panel { + background: rgba(255, 255, 255, 0.05); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.1); + padding: 40px; + border-radius: 16px; + width: 100%; + max-width: 350px; + box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); + color: white; + text-align: center; +} + +.glass-panel h2 { + margin-top: 0; + margin-bottom: 24px; + font-family: 'Inter', sans-serif; +} + +.login-form { + display: flex; + flex-direction: column; + gap: 16px; +} + +.login-form input { + padding: 12px; + border-radius: 8px; + border: 1px solid rgba(255, 255, 255, 0.2); + background: rgba(0, 0, 0, 0.2); + color: white; + font-family: 'Inter', sans-serif; + outline: none; + transition: border-color 0.2s; +} + +.login-form input:focus { + border-color: #646cff; +} + +.login-form button { + padding: 12px; + border-radius: 8px; + border: none; + background: #646cff; + color: white; + font-weight: bold; + cursor: pointer; + transition: background 0.2s; +} + +.login-form button:hover { + background: #535bf2; +} + +.login-form button:disabled { + background: #333; + cursor: not-allowed; +} \ No newline at end of file diff --git a/src/pages/LoginPage.jsx b/src/pages/LoginPage.jsx new file mode 100644 index 0000000..ce8bd62 --- /dev/null +++ b/src/pages/LoginPage.jsx @@ -0,0 +1,154 @@ +import { useState } from 'react'; +import { useNavigate } from 'react-router-dom'; +import Header from './components/layout/Header'; +import './LoginPage.css'; +import './WorkspacePage.css'; + +export default function LoginPage() { + const [view, setView] = useState('login'); + + const [email, setEmail] = useState(''); + const [password, setPassword] = useState(''); + const [nickname, setNickname] = useState(''); + const [isLoading, setIsLoading] = useState(false); + const navigate = useNavigate(); + + const handleLogin = async (e) => { + e.preventDefault(); + setIsLoading(true); + try { + // --------------------------------------------------------- + // РУЧКА ДЛЯ БЭКЕНДА: Авторизация + // --------------------------------------------------------- + await new Promise(resolve => setTimeout(resolve, 800)); + navigate('/buttle'); + } catch (error) { + console.error("Ошибка авторизации", error); + } finally { + setIsLoading(false); + } + }; + + const handleRegister = async (e) => { + e.preventDefault(); + setIsLoading(true); + try { + // --------------------------------------------------------- + // РУЧКА ДЛЯ БЭКЕНДА: Регистрация + // const response = await fetch('https://api.yoursite.com/register', { + // method: 'POST', + // headers: { 'Content-Type': 'application/json' }, + // body: JSON.stringify({ email, nickname, password }) + // }); + // --------------------------------------------------------- + await new Promise(resolve => setTimeout(resolve, 800)); + alert('Регистрация успешна! Теперь вы можете войти.'); + setView('login'); + } catch (error) { + console.error("Ошибка регистрации", error); + } finally { + setIsLoading(false); + } + }; + + const handleForgotPassword = async (e) => { + e.preventDefault(); + setIsLoading(true); + try { + // --------------------------------------------------------- + // РУЧКА ДЛЯ БЭКЕНДА: Восстановление пароля + // const response = await fetch('https://api.yoursite.com/forgot-password', { + // method: 'POST', + // headers: { 'Content-Type': 'application/json' }, + // body: JSON.stringify({ email }) + // }); + // --------------------------------------------------------- + await new Promise(resolve => setTimeout(resolve, 800)); + alert('Инструкции по восстановлению отправлены на ваш email.'); + setView('login'); + } catch (error) { + console.error("Ошибка восстановления", error); + } finally { + setIsLoading(false); + } + }; + + return ( +
+
+ +
+
+ + {view === 'login' && ( + <> +

Вход в CodeZilla

+
+ setEmail(e.target.value)} required + /> + setPassword(e.target.value)} required + /> + +
+
+ setView('register')}>Регистрация + setView('forgot')}>Забыли пароль? +
+ + )} + + {view === 'register' && ( + <> +

Регистрация

+
+ setNickname(e.target.value)} required + /> + setEmail(e.target.value)} required + /> + setPassword(e.target.value)} required + /> + +
+
+ setView('login')}>Уже есть аккаунт? Войти +
+ + )} + + {view === 'forgot' && ( + <> +

Сброс пароля

+
+ setEmail(e.target.value)} required + /> + +
+
+ setView('login')}>Вернуться ко входу +
+ + )} + +
+
+
+ ); +} \ No newline at end of file diff --git a/src/App.css b/src/pages/WorkspacePage.css similarity index 100% rename from src/App.css rename to src/pages/WorkspacePage.css diff --git a/src/pages/WorkspacePage.jsx b/src/pages/WorkspacePage.jsx new file mode 100644 index 0000000..9b9dbfb --- /dev/null +++ b/src/pages/WorkspacePage.jsx @@ -0,0 +1,95 @@ +import { useState, useEffect } from 'react'; +import { PanelGroup, PanelResizeHandle } from "react-resizable-panels"; +import { useNavigate } from 'react-router-dom'; +import Header from './components/layout/Header'; +import Footer from './components/layout/Footer'; +import LeftWorkspace from './components/workspace/LeftWorkspace'; +import RightWorkspace from './components/workspace/RightWorkspace'; +import './WorkspacePage.css'; + +function WorkspacePage() { + const navigate = useNavigate(); + const [isDarkMode, setIsDarkMode] = useState(true); + const [isSwapped, setIsSwapped] = useState(false); + const [showSettings, setShowSettings] = useState(false); + const currentUser = { nickname: "CodeNinja" }; + + useEffect(() => { + if (isDarkMode) { + document.body.classList.remove('light-theme'); + } else { + document.body.classList.add('light-theme'); + } + }, [isDarkMode]); + + const handleLogout = () => { + navigate('/login'); + }; + + return ( +
+
setShowSettings(true)} /> + +
+ + {isSwapped ? ( + + ) : ( + + )} + + +
+ + + {isSwapped ? ( + + ) : ( + + )} + +
+ +
+ + {showSettings && ( +
setShowSettings(false)}> +
e.stopPropagation()}> +

Настройки

+
+ + +
+
+ + +
+ +
+
+ )} +
+ ); +} + +export default WorkspacePage; \ No newline at end of file diff --git a/src/components/layout/Footer.jsx b/src/pages/components/layout/Footer.jsx similarity index 100% rename from src/components/layout/Footer.jsx rename to src/pages/components/layout/Footer.jsx diff --git a/src/pages/components/layout/Header.jsx b/src/pages/components/layout/Header.jsx new file mode 100644 index 0000000..16b2b82 --- /dev/null +++ b/src/pages/components/layout/Header.jsx @@ -0,0 +1,59 @@ +import { User, Settings, Swords, LogIn } from 'lucide-react'; +import { useNavigate, useLocation } from 'react-router-dom'; + +export default function Header({ user, onSettingsClick }) { + const navigate = useNavigate(); + const location = useLocation(); // Позволяет узнать текущий путь + + const handleLogoClick = () => { + if (!user) { + navigate('/login'); + return; + } + + if (location.pathname === '/workspace') { + const confirmLeave = window.confirm("Вы точно хотите покинуть битву? Ваш прогресс может быть потерян."); + if (confirmLeave) { + navigate('/buttle'); + } + } else { + navigate('/buttle'); + } + }; + + return ( +
+
+
+

CodeZilla

+
+ +
+ +
+
+ +
+ + {user ? ( +
+ {user.nickname} + +
+ ) : ( + + )} +
+
+ ); +} \ No newline at end of file diff --git a/src/components/ui/Buttons.jsx b/src/pages/components/ui/Buttons.jsx similarity index 100% rename from src/components/ui/Buttons.jsx rename to src/pages/components/ui/Buttons.jsx diff --git a/src/components/ui/ConfirmModal.jsx b/src/pages/components/ui/ConfirmModal.jsx similarity index 100% rename from src/components/ui/ConfirmModal.jsx rename to src/pages/components/ui/ConfirmModal.jsx diff --git a/src/components/ui/PanelHeader.jsx b/src/pages/components/ui/PanelHeader.jsx similarity index 100% rename from src/components/ui/PanelHeader.jsx rename to src/pages/components/ui/PanelHeader.jsx diff --git a/src/components/ui/Resizers.jsx b/src/pages/components/ui/Resizers.jsx similarity index 100% rename from src/components/ui/Resizers.jsx rename to src/pages/components/ui/Resizers.jsx diff --git a/src/components/ui/Timer.jsx b/src/pages/components/ui/Timer.jsx similarity index 100% rename from src/components/ui/Timer.jsx rename to src/pages/components/ui/Timer.jsx diff --git a/src/components/workspace/LeftWorkspace.jsx b/src/pages/components/workspace/LeftWorkspace.jsx similarity index 53% rename from src/components/workspace/LeftWorkspace.jsx rename to src/pages/components/workspace/LeftWorkspace.jsx index cb72623..1927b49 100644 --- a/src/components/workspace/LeftWorkspace.jsx +++ b/src/pages/components/workspace/LeftWorkspace.jsx @@ -1,7 +1,7 @@ import { useState, useRef } from 'react'; import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels"; import Editor from "@monaco-editor/react"; -import { Code, Terminal, Import, RotateCcw } from 'lucide-react'; +import { Code, Terminal, Import, RotateCcw, Expand } from 'lucide-react'; import PanelHeader from '../ui/PanelHeader'; import { RunButton, SubmitButton } from '../ui/Buttons'; @@ -17,8 +17,9 @@ export default function LeftWorkspace({ isDarkMode, position = 'left' }) { const [isCollapsed, setIsCollapsed] = useState(false); const panelRef = useRef(null); - const fileInputRef = useRef(null); + + const codeContainerRef = useRef(null); const handleFileImport = (e) => { const file = e.target.files[0]; @@ -34,6 +35,14 @@ export default function LeftWorkspace({ isDarkMode, position = 'left' }) { setShowResetModal(false); }; + const toggleEditorFullscreen = () => { + if (!document.fullscreenElement) { + codeContainerRef.current?.requestFullscreen().catch(err => console.error(err)); + } else { + document.exitFullscreen(); + } + }; + return ( - -
-
- - - - - +
+ + +
+
+ + + + + - + - - -
-
+ + + + +
+
-
- setCode(value)} - options={{ fontSize: 15, minimap: { enabled: false }, automaticLayout: true, padding: { top: 10 } }} - /> +
+ setCode(value)} + options={{ fontSize: 15, minimap: { enabled: false }, automaticLayout: true, padding: { top: 10 } }} + /> +
diff --git a/src/components/workspace/RightWorkspace.jsx b/src/pages/components/workspace/RightWorkspace.jsx similarity index 100% rename from src/components/workspace/RightWorkspace.jsx rename to src/pages/components/workspace/RightWorkspace.jsx From 810ad87ef89dec906383010c3980bc6e304c1dbd Mon Sep 17 00:00:00 2001 From: CO0LGIRL Date: Fri, 6 Mar 2026 01:02:03 +0300 Subject: [PATCH 05/11] feat: add auth redirects, logout logic and setup guide --- README.md | 28 ++++++++++++------- src/pages/ButtlePage.jsx | 37 +++++++++++++++++++++++++- src/pages/LoginPage.jsx | 26 +++++------------- src/pages/components/layout/Header.jsx | 30 ++++++++++++++++----- 4 files changed, 83 insertions(+), 38 deletions(-) diff --git a/README.md b/README.md index 18bc70e..207c685 100644 --- a/README.md +++ b/README.md @@ -1,16 +1,24 @@ -# React + Vite +FrontEnd написан на React с использованием сборщика Vite -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. +## Требования для запуска +Чтобы всё работало точно так же, как у меня, убедись, что у тебя установлена правильная версия Node.js +Инструкция по установке node.js и npm https://nodejs.org/en/download +* **Node.js**: v24.14.0 +* **npm**: v11.9.0 -Currently, two official plugins are available: +## Как развернуть проект локально -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh +1. **Склонируй репозиторий:** + ```bash + git clone git@github.com:Codzilla-HSE/frontend.git + cd frontend -## React Compiler +2. **Установи зависимости:** +Зависимости подтянутся из файла package-lock.json автоматически + ```bash + npm ci -The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation). +3. **Можешь запускать:** + ```bash + npm run dev -## Expanding the ESLint configuration - -If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. diff --git a/src/pages/ButtlePage.jsx b/src/pages/ButtlePage.jsx index 5ee56e9..c1b3105 100644 --- a/src/pages/ButtlePage.jsx +++ b/src/pages/ButtlePage.jsx @@ -1,15 +1,32 @@ +import { useState, useEffect } from 'react'; import { useNavigate } from 'react-router-dom'; import Header from './components/layout/Header'; import Footer from './components/layout/Footer'; import './ButtlePage.css'; +import './WorkspacePage.css'; export default function ButtlePage() { const navigate = useNavigate(); const currentUser = { nickname: "CodeNinja" }; + + const [isDarkMode, setIsDarkMode] = useState(true); + const [showSettings, setShowSettings] = useState(false); + + useEffect(() => { + if (isDarkMode) { + document.body.classList.remove('light-theme'); + } else { + document.body.classList.add('light-theme'); + } + }, [isDarkMode]); + + const handleLogout = () => { + navigate('/login'); + }; return (
-
+
setShowSettings(true)} />

Арена CodeZilla

@@ -23,6 +40,24 @@ export default function ButtlePage() {
+ + {showSettings && ( +
setShowSettings(false)}> +
e.stopPropagation()}> +

Настройки

+
+ + +
+
+
+ )}
); } \ No newline at end of file diff --git a/src/pages/LoginPage.jsx b/src/pages/LoginPage.jsx index ce8bd62..53e650e 100644 --- a/src/pages/LoginPage.jsx +++ b/src/pages/LoginPage.jsx @@ -13,13 +13,14 @@ export default function LoginPage() { const [isLoading, setIsLoading] = useState(false); const navigate = useNavigate(); + const handleResetToLogin = () => { + setView('login'); + }; + const handleLogin = async (e) => { e.preventDefault(); setIsLoading(true); try { - // --------------------------------------------------------- - // РУЧКА ДЛЯ БЭКЕНДА: Авторизация - // --------------------------------------------------------- await new Promise(resolve => setTimeout(resolve, 800)); navigate('/buttle'); } catch (error) { @@ -33,14 +34,6 @@ export default function LoginPage() { e.preventDefault(); setIsLoading(true); try { - // --------------------------------------------------------- - // РУЧКА ДЛЯ БЭКЕНДА: Регистрация - // const response = await fetch('https://api.yoursite.com/register', { - // method: 'POST', - // headers: { 'Content-Type': 'application/json' }, - // body: JSON.stringify({ email, nickname, password }) - // }); - // --------------------------------------------------------- await new Promise(resolve => setTimeout(resolve, 800)); alert('Регистрация успешна! Теперь вы можете войти.'); setView('login'); @@ -55,14 +48,6 @@ export default function LoginPage() { e.preventDefault(); setIsLoading(true); try { - // --------------------------------------------------------- - // РУЧКА ДЛЯ БЭКЕНДА: Восстановление пароля - // const response = await fetch('https://api.yoursite.com/forgot-password', { - // method: 'POST', - // headers: { 'Content-Type': 'application/json' }, - // body: JSON.stringify({ email }) - // }); - // --------------------------------------------------------- await new Promise(resolve => setTimeout(resolve, 800)); alert('Инструкции по восстановлению отправлены на ваш email.'); setView('login'); @@ -75,7 +60,8 @@ export default function LoginPage() { return (
-
+ {/* Передаем наш кастомный навигатор в Header */} +
diff --git a/src/pages/components/layout/Header.jsx b/src/pages/components/layout/Header.jsx index 16b2b82..5a8f158 100644 --- a/src/pages/components/layout/Header.jsx +++ b/src/pages/components/layout/Header.jsx @@ -1,11 +1,16 @@ import { User, Settings, Swords, LogIn } from 'lucide-react'; import { useNavigate, useLocation } from 'react-router-dom'; -export default function Header({ user, onSettingsClick }) { +export default function Header({ user, onSettingsClick, onNavClick }) { const navigate = useNavigate(); - const location = useLocation(); // Позволяет узнать текущий путь + const location = useLocation(); + + const handleGenericNav = () => { + if (onNavClick) { + onNavClick(); + return; + } - const handleLogoClick = () => { if (!user) { navigate('/login'); return; @@ -21,21 +26,32 @@ export default function Header({ user, onSettingsClick }) { } }; + const handleSettings = () => { + if (!user) { + handleGenericNav(); + return; + } + + if (onSettingsClick) { + onSettingsClick(); + } + }; + return (
-
+

CodeZilla

-
+
@@ -47,7 +63,7 @@ export default function Header({ user, onSettingsClick }) { ) : ( + + +
+ + setShowSettings(false)} + onLogout={handleLogout} + /> +
+ ); +} \ No newline at end of file diff --git a/src/pages/ButtlePage.jsx b/src/pages/ButtlePage.jsx deleted file mode 100644 index c1b3105..0000000 --- a/src/pages/ButtlePage.jsx +++ /dev/null @@ -1,63 +0,0 @@ -import { useState, useEffect } from 'react'; -import { useNavigate } from 'react-router-dom'; -import Header from './components/layout/Header'; -import Footer from './components/layout/Footer'; -import './ButtlePage.css'; -import './WorkspacePage.css'; - -export default function ButtlePage() { - const navigate = useNavigate(); - const currentUser = { nickname: "CodeNinja" }; - - const [isDarkMode, setIsDarkMode] = useState(true); - const [showSettings, setShowSettings] = useState(false); - - useEffect(() => { - if (isDarkMode) { - document.body.classList.remove('light-theme'); - } else { - document.body.classList.add('light-theme'); - } - }, [isDarkMode]); - - const handleLogout = () => { - navigate('/login'); - }; - - return ( -
-
setShowSettings(true)} /> - -
-

Арена CodeZilla

-

- Выбери задачу, напиши оптимальный код и разгроми соперника -

- - -
- -
- - {showSettings && ( -
setShowSettings(false)}> -
e.stopPropagation()}> -

Настройки

-
- - -
-
-
- )} -
- ); -} \ No newline at end of file diff --git a/src/pages/LoginPage.css b/src/pages/LoginPage.css index d36d93d..c506369 100644 --- a/src/pages/LoginPage.css +++ b/src/pages/LoginPage.css @@ -1,11 +1,14 @@ .login-page-container { display: flex; flex-direction: column; - height: 100vh; - width: 100vw; + width: 100%; + min-height: 100vh; background: linear-gradient(45deg, #0e0e0e, #1a1a2e, #16213e, #0f3460); background-size: 400% 400%; animation: gradientBG 15s ease infinite; + font-family: var(--font-ui, 'Inter', sans-serif); + color: var(--text-primary, #ffffff); + font-family: var(--font-ui, sans-serif); } .login-wrapper { @@ -20,19 +23,18 @@ justify-content: space-between; margin-top: 16px; font-size: 13px; - font-family: 'Inter', sans-serif; } .auth-link { color: #aaa; - cursor: pointer; - transition: color 0.2s; text-decoration: underline transparent; + cursor: pointer; + transition: color 0.2s, text-decoration-color 0.2s; } .auth-link:hover { - color: #646cff; - text-decoration-color: #646cff; + color: var(--accent-color, #646cff); + text-decoration-color: var(--accent-color, #646cff); } @keyframes gradientBG { @@ -42,23 +44,22 @@ } .glass-panel { - background: rgba(255, 255, 255, 0.05); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); - border: 1px solid rgba(255, 255, 255, 0.1); - padding: 40px; - border-radius: 16px; width: 100%; max-width: 350px; - box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); + padding: 40px; + background: rgba(255, 255, 255, 0.05); color: white; text-align: center; + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 16px; + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); } .glass-panel h2 { margin-top: 0; margin-bottom: 24px; - font-family: 'Inter', sans-serif; } .login-form { @@ -69,26 +70,26 @@ .login-form input { padding: 12px; - border-radius: 8px; - border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.2); color: white; - font-family: 'Inter', sans-serif; + font-family: inherit; + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 8px; outline: none; transition: border-color 0.2s; } .login-form input:focus { - border-color: #646cff; + border-color: var(--accent-color, #646cff); } .login-form button { padding: 12px; - border-radius: 8px; - border: none; - background: #646cff; + background: var(--accent-color, #646cff); color: white; font-weight: bold; + border: none; + border-radius: 8px; cursor: pointer; transition: background 0.2s; } diff --git a/src/pages/LoginPage.jsx b/src/pages/LoginPage.jsx index 53e650e..36579f5 100644 --- a/src/pages/LoginPage.jsx +++ b/src/pages/LoginPage.jsx @@ -2,7 +2,7 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; import Header from './components/layout/Header'; import './LoginPage.css'; -import './WorkspacePage.css'; +import '../App.css'; export default function LoginPage() { const [view, setView] = useState('login'); @@ -22,7 +22,7 @@ export default function LoginPage() { setIsLoading(true); try { await new Promise(resolve => setTimeout(resolve, 800)); - navigate('/buttle'); + navigate('/battle'); } catch (error) { console.error("Ошибка авторизации", error); } finally { @@ -60,7 +60,6 @@ export default function LoginPage() { return (
- {/* Передаем наш кастомный навигатор в Header */}
diff --git a/src/pages/WorkspacePage.css b/src/pages/WorkspacePage.css index 34a54d6..2e219a9 100644 --- a/src/pages/WorkspacePage.css +++ b/src/pages/WorkspacePage.css @@ -1,162 +1,172 @@ -/* src/App.css */ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap'); - -:root { - --bg-main: #0e0e0e; - --bg-panel: #1a1a1a; - --bg-header-panel: #252525; - --bg-editor: #1e1e1e; - --border-color: #333; - --accent-color: #646cff; - --text-primary: #e0e0e0; - --text-secondary: #aaa; - - --font-ui: 'Inter', sans-serif; - --font-mono: 'JetBrains Mono', monospace; -} - -/* Светлая тема */ -.light-theme { - --bg-main: #eef2f6; - --bg-panel: #ffffff; - --bg-header-panel: #f8fafc; - --bg-editor: #ffffff; - --border-color: #cbd5e1; - --accent-color: #3b82f6; - --text-primary: #0f172a; - --text-secondary: #475569; +.workspace { + display: flex; + flex-grow: 1; + padding: 10px; + background-color: var(--bg-main); + overflow: hidden; } -.light-theme .panel { - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); +.action-bar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 6px 10px; + background-color: var(--bg-main); + border-bottom: 1px solid var(--border-color); } -html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } - -.layout-container { - display: flex; flex-direction: column; height: 100vh; - background-color: var(--bg-main); color: var(--text-primary); - font-family: var(--font-ui); -webkit-font-smoothing: antialiased; +.action-bar-right { + display: flex; + gap: 8px; } -/* --- Layout Elements --- */ -.page-header { - display: flex; align-items: center; justify-content: space-between; - padding: 8px 20px; background-color: var(--bg-panel); - border-bottom: 1px solid var(--border-color); flex-shrink: 0; +.panel { + display: flex; + flex-direction: column; + height: 100%; + background-color: var(--bg-panel); + border: 1px solid var(--border-color); + border-radius: 8px; + overflow: hidden; } -.header-logo h2 { margin: 0; font-size: 1.2rem; font-weight: 700; } -.header-nav { display: flex; gap: 24px; align-items: center; margin-left: 30px; } -.header-nav span { cursor: pointer; color: var(--text-secondary); font-weight: 500; transition: 0.2s; } -.header-nav span:hover { color: var(--text-primary); } -.header-profile { display: flex; align-items: center; cursor: pointer; color: var(--text-secondary); } -.header-profile:hover { color: var(--text-primary); } - -/* --- ИКОНКИ В ШАПКЕ --- */ -.header-actions { display: flex; align-items: center; gap: 16px; } -.header-icon { cursor: pointer; color: var(--text-secondary); display: flex; transition: 0.2s; } -.header-icon:hover { color: var(--text-primary); } - -.page-footer { - text-align: center; padding: 6px; font-size: 0.75rem; - background-color: var(--bg-panel); border-top: 1px solid var(--border-color); - color: var(--text-secondary); flex-shrink: 0; +.panel-header { + display: flex; + align-items: center; + padding: 6px 12px; + background-color: var(--bg-header-panel); + border-bottom: 1px solid var(--border-color); + flex-shrink: 0; } -.action-bar { - display: flex; justify-content: space-between; align-items: center; - padding: 6px 10px; background-color: var(--bg-main); border-bottom: 1px solid var(--border-color); +.panel-header-icon { + display: flex; + align-items: center; + margin-right: 8px; + color: var(--text-secondary); } -.action-bar-right { display: flex; gap: 8px; } -.workspace { - display: flex; flex-grow: 1; padding: 10px; overflow: hidden; - background-color: var(--bg-main); +.panel-header-title { + color: var(--text-secondary); + font-weight: 600; + font-size: 0.85rem; } -/* --- Панели --- */ -.panel { - display: flex; flex-direction: column; height: 100%; - background-color: var(--bg-panel); border: 1px solid var(--border-color); - border-radius: 8px; overflow: hidden; +.panel-content { + flex-grow: 1; + padding: 15px; + overflow-y: auto; } -.panel-header { - display: flex; align-items: center; padding: 6px 12px; - background-color: var(--bg-header-panel); border-bottom: 1px solid var(--border-color); - flex-shrink: 0; -} -.panel-header-icon { margin-right: 8px; color: var(--text-secondary); display: flex; align-items: center; } -.panel-header-title { font-weight: 600; font-size: 0.85rem; color: var(--text-secondary); } -.panel-content { flex-grow: 1; padding: 15px; overflow-y: auto; } .toolbar-container { padding: 8px 12px 0 12px; background-color: var(--bg-panel); overflow-x: auto; } -.toolbar-container::-webkit-scrollbar { height: 0px; } -.editor-wrapper { flex-grow: 1; background-color: var(--bg-editor); border-top: 1px solid var(--border-color); overflow: hidden; } -/* --- Разделители (Resizers) --- */ -.resizer-vertical { width: 10px; margin: 0 5px; display: flex; justify-content: center; cursor: col-resize; } -.resizer-line-vertical { width: 2px; height: 100%; background-color: var(--border-color); transition: 0.2s; } -.resizer-horizontal { height: 10px; margin: 5px 0; display: flex; align-items: center; cursor: row-resize; } -.resizer-line-horizontal { height: 2px; width: 100%; background-color: var(--border-color); transition: 0.2s; } -.resizer-vertical:hover .resizer-line-vertical, .resizer-vertical[data-resize-handle-state="drag"] .resizer-line-vertical, -.resizer-horizontal:hover .resizer-line-horizontal, .resizer-horizontal[data-resize-handle-state="drag"] .resizer-line-horizontal { background-color: var(--accent-color); } +.toolbar-container::-webkit-scrollbar { + height: 0px; +} -/* --- Кнопки и UI --- */ .toolbar { display: flex; - gap: 8px; - margin-bottom: 8px; align-items: center; + gap: 8px; width: 100%; + margin-bottom: 8px; } -.btn { - display: inline-flex; align-items: center; justify-content: center; gap: 6px; - height: 32px; cursor: pointer; border: 1px solid var(--border-color); border-radius: 6px; - background-color: var(--bg-header-panel); color: var(--text-primary); transition: all 0.2s; - font-family: var(--font-ui); font-size: 13px; font-weight: 500; padding: 0 12px; + +.editor-wrapper { + flex-grow: 1; + background-color: var(--bg-editor); + border-top: 1px solid var(--border-color); + overflow: hidden; } -.btn:hover { background-color: var(--bg-panel); border-color: var(--accent-color); } -.icon-btn { width: 32px; padding: 0; } -.btn-submit { color: #4ade80; background-color: rgba(74, 222, 128, 0.05); border-color: rgba(74, 222, 128, 0.2); } -.btn-submit:hover { background-color: rgba(74, 222, 128, 0.15); border-color: #4ade80; } .language-select { - margin-left: auto; height: 32px; background-color: var(--bg-header-panel); color: var(--text-primary); - border: 1px solid var(--border-color); border-radius: 6px; padding: 0 10px; - font-family: var(--font-ui); font-size: 13px; outline: none; cursor: pointer; + height: 32px; + margin-left: auto; + padding: 0 10px; + background-color: var(--bg-header-panel); + color: var(--text-primary); + font-family: var(--font-ui); + font-size: 13px; + border: 1px solid var(--border-color); + border-radius: 6px; + outline: none; + cursor: pointer; + flex-shrink: 0; + white-space: nowrap; } .timer-display { - display: inline-flex; align-items: center; justify-content: center; - font-family: var(--font-mono); font-size: 14px; font-weight: 600; - height: 32px; padding: 0 10px; color: #f87171; background: rgba(248, 113, 113, 0.1); - border: 1px solid rgba(248, 113, 113, 0.2); border-radius: 6px; -} - -.btn, .language-select, .timer-display { + display: inline-flex; + align-items: center; + justify-content: center; + height: 32px; + padding: 0 10px; + background: rgba(248, 113, 113, 0.1); + color: #f87171; + font-family: var(--font-mono); + font-size: 14px; + font-weight: 600; + border: 1px solid rgba(248, 113, 113, 0.2); + border-radius: 6px; flex-shrink: 0; white-space: nowrap; } +.resizer-vertical { + display: flex; + justify-content: center; + width: 10px; + margin: 0 5px; + cursor: col-resize; +} + +.resizer-horizontal { + display: flex; + align-items: center; + height: 10px; + margin: 5px 0; + cursor: row-resize; +} + +.resizer-line-vertical { + width: 2px; + height: 100%; +} + +.resizer-line-horizontal { + width: 100%; + height: 2px; +} + +.resizer-line-vertical, +.resizer-line-horizontal { + background-color: var(--border-color); + transition: background-color 0.2s; +} + +.resizer-vertical:hover .resizer-line-vertical, +.resizer-vertical[data-resize-handle-state="drag"] .resizer-line-vertical, +.resizer-horizontal:hover .resizer-line-horizontal, +.resizer-horizontal[data-resize-handle-state="drag"] .resizer-line-horizontal { + background-color: var(--accent-color); +} + .collapsed-vertical-bar { + display: flex; + justify-content: center; + align-items: center; height: 100%; background-color: var(--bg-header-panel); border: 1px solid var(--border-color); border-radius: 8px; - - display: flex; - justify-content: center; - align-items: center; - - cursor: pointer; - transition: background-color 0.2s; box-sizing: border-box; overflow: hidden; + cursor: pointer; + transition: background-color 0.2s; } .collapsed-vertical-bar:hover { @@ -168,12 +178,10 @@ html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } flex-direction: row; align-items: center; gap: 10px; - color: var(--text-secondary); font-weight: 600; font-size: 0.9rem; white-space: nowrap; - writing-mode: horizontal-tb; } @@ -188,18 +196,4 @@ html, body, #root { max-width: 100%; margin: 0; padding: 0; height: 100%; } .collapsed-text svg { display: block; flex-shrink: 0; -} - -/* --- Модальное окно --- */ -.modal-overlay { - position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; - background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; - z-index: 1000; backdrop-filter: blur(2px); -} -.modal-content { - background: var(--bg-panel); border: 1px solid var(--border-color); - padding: 24px; border-radius: 12px; width: 340px; box-shadow: 0 10px 25px rgba(0,0,0,0.5); -} -.modal-content h3 { margin: 0 0 10px 0; font-size: 1.1rem; } -.modal-content p { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.5; margin-bottom: 20px; } -.modal-actions { display: flex; justify-content: flex-end; gap: 10px; } \ No newline at end of file +} \ No newline at end of file diff --git a/src/pages/WorkspacePage.jsx b/src/pages/WorkspacePage.jsx index 9b9dbfb..c5f7966 100644 --- a/src/pages/WorkspacePage.jsx +++ b/src/pages/WorkspacePage.jsx @@ -1,3 +1,5 @@ +import { useUser } from '../context/UserContext'; +import SettingsModal from './components/ui/SettingsModal'; import { useState, useEffect } from 'react'; import { PanelGroup, PanelResizeHandle } from "react-resizable-panels"; import { useNavigate } from 'react-router-dom'; @@ -8,11 +10,11 @@ import RightWorkspace from './components/workspace/RightWorkspace'; import './WorkspacePage.css'; function WorkspacePage() { + const { user, logout } = useUser(); const navigate = useNavigate(); const [isDarkMode, setIsDarkMode] = useState(true); const [isSwapped, setIsSwapped] = useState(false); const [showSettings, setShowSettings] = useState(false); - const currentUser = { nickname: "CodeNinja" }; useEffect(() => { if (isDarkMode) { @@ -23,12 +25,13 @@ function WorkspacePage() { }, [isDarkMode]); const handleLogout = () => { + logout(); navigate('/login'); }; return (
-
setShowSettings(true)} /> +
setShowSettings(true)} />
@@ -52,42 +55,14 @@ function WorkspacePage() {
- {showSettings && ( -
setShowSettings(false)}> -
e.stopPropagation()}> -

Настройки

-
- - -
-
- - -
- -
-
- )} + setShowSettings(false)} + onLogout={handleLogout} + themeConfig={{ isDarkMode, setIsDarkMode }} + workspaceConfig={{ isSwapped, setIsSwapped }} + /> +
); } diff --git a/src/pages/components/layout/Header.jsx b/src/pages/components/layout/Header.jsx index 5a8f158..8ad4be1 100644 --- a/src/pages/components/layout/Header.jsx +++ b/src/pages/components/layout/Header.jsx @@ -1,7 +1,9 @@ +import { useUser } from '../../../context/UserContext'; import { User, Settings, Swords, LogIn } from 'lucide-react'; import { useNavigate, useLocation } from 'react-router-dom'; -export default function Header({ user, onSettingsClick, onNavClick }) { +export default function Header({ onSettingsClick, onNavClick }) { + const { user } = useUser(); const navigate = useNavigate(); const location = useLocation(); @@ -19,10 +21,10 @@ export default function Header({ user, onSettingsClick, onNavClick }) { if (location.pathname === '/workspace') { const confirmLeave = window.confirm("Вы точно хотите покинуть битву? Ваш прогресс может быть потерян."); if (confirmLeave) { - navigate('/buttle'); + navigate('/battle'); } } else { - navigate('/buttle'); + navigate('/battle'); } }; diff --git a/src/pages/components/ui/Resizers.jsx b/src/pages/components/ui/Resizers.jsx deleted file mode 100644 index d25da43..0000000 --- a/src/pages/components/ui/Resizers.jsx +++ /dev/null @@ -1,21 +0,0 @@ -export function VerticalResizer({ isDragging, onMouseDown }) { - return ( -
-
-
- ); -} - -export function HorizontalResizer({ isDragging, onMouseDown }) { - return ( -
-
-
- ); -} \ No newline at end of file diff --git a/src/pages/components/ui/SettingsModal.jsx b/src/pages/components/ui/SettingsModal.jsx new file mode 100644 index 0000000..a66c36d --- /dev/null +++ b/src/pages/components/ui/SettingsModal.jsx @@ -0,0 +1,52 @@ +export default function SettingsModal({ + isOpen, + onClose, + onLogout, + themeConfig, + workspaceConfig +}) { + if (!isOpen) return null; + + return ( +
+
e.stopPropagation()}> +

Настройки

+ +
+ + {themeConfig && ( + + )} + + {workspaceConfig && ( + + )} +
+ +
+ + +
+
+
+ ); +} \ No newline at end of file From 101edac746bfeacc2887d10870cacb89f760b95f Mon Sep 17 00:00:00 2001 From: CO0LGIRL Date: Fri, 6 Mar 2026 21:05:50 +0300 Subject: [PATCH 08/11] test: add unit tests for settings and configure GitHub Actions CI --- .github/workflows/ci.yml | 30 + eslint.config.js | 1 + package-lock.json | 1278 ++++++++++++++++- package.json | 12 +- setupTests.js | 1 + src/context/UserContext.jsx | 12 +- src/pages/BattlePage.jsx | 3 +- src/pages/BattlePage.test.jsx | 79 + src/pages/LoginPage.jsx | 3 + src/pages/LoginPage.test.jsx | 79 + src/pages/WorkspacePage.jsx | 2 +- src/pages/WorkspacePage.test.jsx | 86 ++ .../components/ui/SettingsModal.test.jsx | 37 + vitest.config.js | 11 + 14 files changed, 1584 insertions(+), 50 deletions(-) create mode 100644 .github/workflows/ci.yml create mode 100644 setupTests.js create mode 100644 src/pages/BattlePage.test.jsx create mode 100644 src/pages/LoginPage.test.jsx create mode 100644 src/pages/WorkspacePage.test.jsx create mode 100644 src/pages/components/ui/SettingsModal.test.jsx create mode 100644 vitest.config.js diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml new file mode 100644 index 0000000..66b254b --- /dev/null +++ b/.github/workflows/ci.yml @@ -0,0 +1,30 @@ +name: CodeZilla CI + +on: + push: + branches: [ main, master ] + pull_request: + branches: [ main, master ] + +jobs: + test: + runs-on: ubuntu-latest + + steps: + - name: Checkout code + uses: actions/checkout@v4 + + - name: Setup Node.js v24 + uses: actions/setup-node@v4 + with: + node-version: '24.14.0' + cache: 'npm' + + - name: Install dependencies + run: npm ci + + - name: Lint code + run: npm run lint + + - name: Run Tests + run: npm test -- --run \ No newline at end of file diff --git a/eslint.config.js b/eslint.config.js index 4fa125d..9584ea6 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -24,6 +24,7 @@ export default defineConfig([ }, rules: { 'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }], + 'react-refresh/only-export-components': 'off', }, }, ]) diff --git a/package-lock.json b/package-lock.json index b6ad528..b8f2f21 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,6 +17,9 @@ }, "devDependencies": { "@eslint/js": "^9.39.1", + "@testing-library/jest-dom": "^6.9.1", + "@testing-library/react": "^16.3.2", + "@testing-library/user-event": "^14.6.1", "@types/react": "^19.2.7", "@types/react-dom": "^19.2.3", "@vitejs/plugin-react": "^5.1.1", @@ -24,9 +27,83 @@ "eslint-plugin-react-hooks": "^7.0.1", "eslint-plugin-react-refresh": "^0.4.24", "globals": "^16.5.0", - "vite": "^7.3.1" + "jsdom": "^28.1.0", + "vite": "^7.3.1", + "vitest": "^4.0.18" } }, + "node_modules/@acemir/cssom": { + "version": "0.9.31", + "resolved": "https://registry.npmjs.org/@acemir/cssom/-/cssom-0.9.31.tgz", + "integrity": "sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@adobe/css-tools": { + "version": "4.4.4", + "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz", + "integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@asamuzakjp/css-color": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-5.0.1.tgz", + "integrity": "sha512-2SZFvqMyvboVV1d15lMf7XiI3m7SDqXUuKaTymJYLN6dSGadqp+fVojqJlVoMlbZnlTmu3S0TLwLTJpvBMO1Aw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@csstools/css-calc": "^3.1.1", + "@csstools/css-color-parser": "^4.0.2", + "@csstools/css-parser-algorithms": "^4.0.0", + "@csstools/css-tokenizer": "^4.0.0", + "lru-cache": "^11.2.6" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0" + } + }, + "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": { + "version": "11.2.6", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz", + "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": "20 || >=22" + } + }, + "node_modules/@asamuzakjp/dom-selector": { + "version": "6.8.1", + "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.8.1.tgz", + "integrity": "sha512-MvRz1nCqW0fsy8Qz4dnLIvhOlMzqDVBabZx6lH+YywFDdjXhMY37SmpV1XFX3JzG5GWHn63j6HX6QPr3lZXHvQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@asamuzakjp/nwsapi": "^2.3.9", + "bidi-js": "^1.0.3", + "css-tree": "^3.1.0", + "is-potential-custom-element-name": "^1.0.1", + "lru-cache": "^11.2.6" + } + }, + "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": { + "version": "11.2.6", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz", + "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": "20 || >=22" + } + }, + "node_modules/@asamuzakjp/nwsapi": { + "version": "2.3.9", + "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz", + "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==", + "dev": true, + "license": "MIT" + }, "node_modules/@babel/code-frame": { "version": "7.29.0", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz", @@ -261,6 +338,16 @@ "@babel/core": "^7.0.0-0" } }, + "node_modules/@babel/runtime": { + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz", + "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/template": { "version": "7.28.6", "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz", @@ -309,6 +396,151 @@ "node": ">=6.9.0" } }, + "node_modules/@bramus/specificity": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/@bramus/specificity/-/specificity-2.4.2.tgz", + "integrity": "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "css-tree": "^3.0.0" + }, + "bin": { + "specificity": "bin/cli.js" + } + }, + "node_modules/@csstools/color-helpers": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.0.2.tgz", + "integrity": "sha512-LMGQLS9EuADloEFkcTBR3BwV/CGHV7zyDxVRtVDTwdI2Ca4it0CCVTT9wCkxSgokjE5Ho41hEPgb8OEUwoXr6Q==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT-0", + "engines": { + "node": ">=20.19.0" + } + }, + "node_modules/@csstools/css-calc": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.1.1.tgz", + "integrity": "sha512-HJ26Z/vmsZQqs/o3a6bgKslXGFAungXGbinULZO3eMsOyNJHeBBZfup5FiZInOghgoM4Hwnmw+OgbJCNg1wwUQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT", + "engines": { + "node": ">=20.19.0" + }, + "peerDependencies": { + "@csstools/css-parser-algorithms": "^4.0.0", + "@csstools/css-tokenizer": "^4.0.0" + } + }, + "node_modules/@csstools/css-color-parser": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.0.2.tgz", + "integrity": "sha512-0GEfbBLmTFf0dJlpsNU7zwxRIH0/BGEMuXLTCvFYxuL1tNhqzTbtnFICyJLTNK4a+RechKP75e7w42ClXSnJQw==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT", + "dependencies": { + "@csstools/color-helpers": "^6.0.2", + "@csstools/css-calc": "^3.1.1" + }, + "engines": { + "node": ">=20.19.0" + }, + "peerDependencies": { + "@csstools/css-parser-algorithms": "^4.0.0", + "@csstools/css-tokenizer": "^4.0.0" + } + }, + "node_modules/@csstools/css-parser-algorithms": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz", + "integrity": "sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT", + "engines": { + "node": ">=20.19.0" + }, + "peerDependencies": { + "@csstools/css-tokenizer": "^4.0.0" + } + }, + "node_modules/@csstools/css-syntax-patches-for-csstree": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.0.tgz", + "integrity": "sha512-H4tuz2nhWgNKLt1inYpoVCfbJbMwX/lQKp3g69rrrIMIYlFD9+zTykOKhNR8uGrAmbS/kT9n6hTFkmDkxLgeTA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT-0" + }, + "node_modules/@csstools/css-tokenizer": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz", + "integrity": "sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "license": "MIT", + "engines": { + "node": ">=20.19.0" + } + }, "node_modules/@esbuild/aix-ppc64": { "version": "0.27.3", "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz", @@ -908,6 +1140,24 @@ "node": "^18.18.0 || ^20.9.0 || >=21.1.0" } }, + "node_modules/@exodus/bytes": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.15.0.tgz", + "integrity": "sha512-UY0nlA+feH81UGSHv92sLEPLCeZFjXOuHhrIo0HQydScuQc8s0A7kL/UdgwgDq8g8ilksmuoF35YVTNphV2aBQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0" + }, + "peerDependencies": { + "@noble/hashes": "^1.8.0 || ^2.0.0" + }, + "peerDependenciesMeta": { + "@noble/hashes": { + "optional": true + } + } + }, "node_modules/@humanfs/core": { "version": "0.19.1", "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz", @@ -1390,6 +1640,111 @@ "win32" ] }, + "node_modules/@standard-schema/spec": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz", + "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@testing-library/dom": { + "version": "10.4.1", + "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz", + "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==", + "dev": true, + "license": "MIT", + "peer": true, + "dependencies": { + "@babel/code-frame": "^7.10.4", + "@babel/runtime": "^7.12.5", + "@types/aria-query": "^5.0.1", + "aria-query": "5.3.0", + "dom-accessibility-api": "^0.5.9", + "lz-string": "^1.5.0", + "picocolors": "1.1.1", + "pretty-format": "^27.0.2" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@testing-library/jest-dom": { + "version": "6.9.1", + "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz", + "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@adobe/css-tools": "^4.4.0", + "aria-query": "^5.0.0", + "css.escape": "^1.5.1", + "dom-accessibility-api": "^0.6.3", + "picocolors": "^1.1.1", + "redent": "^3.0.0" + }, + "engines": { + "node": ">=14", + "npm": ">=6", + "yarn": ">=1" + } + }, + "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz", + "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@testing-library/react": { + "version": "16.3.2", + "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.2.tgz", + "integrity": "sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.12.5" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@testing-library/dom": "^10.0.0", + "@types/react": "^18.0.0 || ^19.0.0", + "@types/react-dom": "^18.0.0 || ^19.0.0", + "react": "^18.0.0 || ^19.0.0", + "react-dom": "^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@testing-library/user-event": { + "version": "14.6.1", + "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.1.tgz", + "integrity": "sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12", + "npm": ">=6" + }, + "peerDependencies": { + "@testing-library/dom": ">=7.21.4" + } + }, + "node_modules/@types/aria-query": { + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz", + "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==", + "dev": true, + "license": "MIT", + "peer": true + }, "node_modules/@types/babel__core": { "version": "7.20.5", "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", @@ -1435,6 +1790,24 @@ "@babel/types": "^7.28.2" } }, + "node_modules/@types/chai": { + "version": "5.2.3", + "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz", + "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/deep-eql": "*", + "assertion-error": "^2.0.1" + } + }, + "node_modules/@types/deep-eql": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz", + "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==", + "dev": true, + "license": "MIT" + }, "node_modules/@types/estree": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", @@ -1498,71 +1871,223 @@ "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" } }, - "node_modules/acorn": { - "version": "8.16.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", - "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", + "node_modules/@vitest/expect": { + "version": "4.0.18", + "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.0.18.tgz", + "integrity": "sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==", "dev": true, "license": "MIT", - "bin": { - "acorn": "bin/acorn" + "dependencies": { + "@standard-schema/spec": "^1.0.0", + "@types/chai": "^5.2.2", + "@vitest/spy": "4.0.18", + "@vitest/utils": "4.0.18", + "chai": "^6.2.1", + "tinyrainbow": "^3.0.3" }, - "engines": { - "node": ">=0.4.0" + "funding": { + "url": "https://opencollective.com/vitest" } }, - "node_modules/acorn-jsx": { - "version": "5.3.2", - "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", - "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "node_modules/@vitest/mocker": { + "version": "4.0.18", + "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.0.18.tgz", + "integrity": "sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==", "dev": true, "license": "MIT", + "dependencies": { + "@vitest/spy": "4.0.18", + "estree-walker": "^3.0.3", + "magic-string": "^0.30.21" + }, + "funding": { + "url": "https://opencollective.com/vitest" + }, "peerDependencies": { - "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + "msw": "^2.4.9", + "vite": "^6.0.0 || ^7.0.0-0" + }, + "peerDependenciesMeta": { + "msw": { + "optional": true + }, + "vite": { + "optional": true + } } }, - "node_modules/ajv": { - "version": "6.14.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz", - "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==", + "node_modules/@vitest/pretty-format": { + "version": "4.0.18", + "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.0.18.tgz", + "integrity": "sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==", "dev": true, "license": "MIT", "dependencies": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" + "tinyrainbow": "^3.0.3" }, "funding": { - "type": "github", - "url": "https://github.com/sponsors/epoberezkin" + "url": "https://opencollective.com/vitest" } }, - "node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "node_modules/@vitest/runner": { + "version": "4.0.18", + "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.0.18.tgz", + "integrity": "sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==", "dev": true, "license": "MIT", "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" + "@vitest/utils": "4.0.18", + "pathe": "^2.0.3" }, "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" + "url": "https://opencollective.com/vitest" } }, - "node_modules/argparse": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", - "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "node_modules/@vitest/snapshot": { + "version": "4.0.18", + "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.0.18.tgz", + "integrity": "sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==", "dev": true, - "license": "Python-2.0" + "license": "MIT", + "dependencies": { + "@vitest/pretty-format": "4.0.18", + "magic-string": "^0.30.21", + "pathe": "^2.0.3" + }, + "funding": { + "url": "https://opencollective.com/vitest" + } }, - "node_modules/balanced-match": { - "version": "1.0.2", + "node_modules/@vitest/spy": { + "version": "4.0.18", + "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.0.18.tgz", + "integrity": "sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://opencollective.com/vitest" + } + }, + "node_modules/@vitest/utils": { + "version": "4.0.18", + "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.0.18.tgz", + "integrity": "sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@vitest/pretty-format": "4.0.18", + "tinyrainbow": "^3.0.3" + }, + "funding": { + "url": "https://opencollective.com/vitest" + } + }, + "node_modules/acorn": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", + "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", + "dev": true, + "license": "MIT", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/agent-base": { + "version": "7.1.4", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", + "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 14" + } + }, + "node_modules/ajv": { + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz", + "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "peer": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/aria-query": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", + "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "dequal": "^2.0.3" + } + }, + "node_modules/assertion-error": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz", + "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + } + }, + "node_modules/balanced-match": { + "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", "dev": true, @@ -1581,6 +2106,16 @@ "node": ">=6.0.0" } }, + "node_modules/bidi-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz", + "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==", + "dev": true, + "license": "MIT", + "dependencies": { + "require-from-string": "^2.0.2" + } + }, "node_modules/brace-expansion": { "version": "1.1.12", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", @@ -1657,6 +2192,16 @@ ], "license": "CC-BY-4.0" }, + "node_modules/chai": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz", + "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + } + }, "node_modules/chalk": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", @@ -1736,6 +2281,53 @@ "node": ">= 8" } }, + "node_modules/css-tree": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz", + "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==", + "dev": true, + "license": "MIT", + "dependencies": { + "mdn-data": "2.27.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" + } + }, + "node_modules/css.escape": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz", + "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==", + "dev": true, + "license": "MIT" + }, + "node_modules/cssstyle": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-6.2.0.tgz", + "integrity": "sha512-Fm5NvhYathRnXNVndkUsCCuR63DCLVVwGOOwQw782coXFi5HhkXdu289l59HlXZBawsyNccXfWRYvLzcDCdDig==", + "dev": true, + "license": "MIT", + "dependencies": { + "@asamuzakjp/css-color": "^5.0.1", + "@csstools/css-syntax-patches-for-csstree": "^1.0.28", + "css-tree": "^3.1.0", + "lru-cache": "^11.2.6" + }, + "engines": { + "node": ">=20" + } + }, + "node_modules/cssstyle/node_modules/lru-cache": { + "version": "11.2.6", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz", + "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": "20 || >=22" + } + }, "node_modules/csstype": { "version": "3.2.3", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", @@ -1743,6 +2335,20 @@ "dev": true, "license": "MIT" }, + "node_modules/data-urls": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz", + "integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==", + "dev": true, + "license": "MIT", + "dependencies": { + "whatwg-mimetype": "^5.0.0", + "whatwg-url": "^16.0.0" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0" + } + }, "node_modules/debug": { "version": "4.4.3", "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", @@ -1761,6 +2367,13 @@ } } }, + "node_modules/decimal.js": { + "version": "10.6.0", + "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz", + "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==", + "dev": true, + "license": "MIT" + }, "node_modules/deep-is": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", @@ -1768,6 +2381,24 @@ "dev": true, "license": "MIT" }, + "node_modules/dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/dom-accessibility-api": { + "version": "0.5.16", + "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz", + "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==", + "dev": true, + "license": "MIT", + "peer": true + }, "node_modules/dompurify": { "version": "3.2.7", "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz", @@ -1785,6 +2416,26 @@ "dev": true, "license": "ISC" }, + "node_modules/entities": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz", + "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/es-module-lexer": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz", + "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==", + "dev": true, + "license": "MIT" + }, "node_modules/esbuild": { "version": "0.27.3", "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz", @@ -2024,6 +2675,16 @@ "node": ">=4.0" } }, + "node_modules/estree-walker": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz", + "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "^1.0.0" + } + }, "node_modules/esutils": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", @@ -2034,6 +2695,16 @@ "node": ">=0.10.0" } }, + "node_modules/expect-type": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz", + "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=12.0.0" + } + }, "node_modules/fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", @@ -2202,6 +2873,47 @@ "hermes-estree": "0.25.1" } }, + "node_modules/html-encoding-sniffer": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz", + "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@exodus/bytes": "^1.6.0" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0" + } + }, + "node_modules/http-proxy-agent": { + "version": "7.0.2", + "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz", + "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==", + "dev": true, + "license": "MIT", + "dependencies": { + "agent-base": "^7.1.0", + "debug": "^4.3.4" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/https-proxy-agent": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz", + "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==", + "dev": true, + "license": "MIT", + "dependencies": { + "agent-base": "^7.1.2", + "debug": "4" + }, + "engines": { + "node": ">= 14" + } + }, "node_modules/ignore": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", @@ -2239,6 +2951,16 @@ "node": ">=0.8.19" } }, + "node_modules/indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -2262,6 +2984,13 @@ "node": ">=0.10.0" } }, + "node_modules/is-potential-custom-element-name": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz", + "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==", + "dev": true, + "license": "MIT" + }, "node_modules/isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", @@ -2289,6 +3018,47 @@ "js-yaml": "bin/js-yaml.js" } }, + "node_modules/jsdom": { + "version": "28.1.0", + "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-28.1.0.tgz", + "integrity": "sha512-0+MoQNYyr2rBHqO1xilltfDjV9G7ymYGlAUazgcDLQaUf8JDHbuGwsxN6U9qWaElZ4w1B2r7yEGIL3GdeW3Rug==", + "dev": true, + "license": "MIT", + "dependencies": { + "@acemir/cssom": "^0.9.31", + "@asamuzakjp/dom-selector": "^6.8.1", + "@bramus/specificity": "^2.4.2", + "@exodus/bytes": "^1.11.0", + "cssstyle": "^6.0.1", + "data-urls": "^7.0.0", + "decimal.js": "^10.6.0", + "html-encoding-sniffer": "^6.0.0", + "http-proxy-agent": "^7.0.2", + "https-proxy-agent": "^7.0.6", + "is-potential-custom-element-name": "^1.0.1", + "parse5": "^8.0.0", + "saxes": "^6.0.0", + "symbol-tree": "^3.2.4", + "tough-cookie": "^6.0.0", + "undici": "^7.21.0", + "w3c-xmlserializer": "^5.0.0", + "webidl-conversions": "^8.0.1", + "whatwg-mimetype": "^5.0.0", + "whatwg-url": "^16.0.0", + "xml-name-validator": "^5.0.0" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0" + }, + "peerDependencies": { + "canvas": "^3.0.0" + }, + "peerDependenciesMeta": { + "canvas": { + "optional": true + } + } + }, "node_modules/jsesc": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", @@ -2402,6 +3172,27 @@ "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, + "node_modules/lz-string": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz", + "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==", + "dev": true, + "license": "MIT", + "peer": true, + "bin": { + "lz-string": "bin/bin.js" + } + }, + "node_modules/magic-string": { + "version": "0.30.21", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", + "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" + } + }, "node_modules/marked": { "version": "14.0.0", "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz", @@ -2415,6 +3206,23 @@ "node": ">= 18" } }, + "node_modules/mdn-data": { + "version": "2.27.1", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz", + "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==", + "dev": true, + "license": "CC0-1.0" + }, + "node_modules/min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, "node_modules/minimatch": { "version": "3.1.5", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz", @@ -2479,6 +3287,17 @@ "dev": true, "license": "MIT" }, + "node_modules/obug": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz", + "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==", + "dev": true, + "funding": [ + "https://github.com/sponsors/sxzz", + "https://opencollective.com/debug" + ], + "license": "MIT" + }, "node_modules/optionator": { "version": "0.9.4", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", @@ -2542,6 +3361,19 @@ "node": ">=6" } }, + "node_modules/parse5": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz", + "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==", + "dev": true, + "license": "MIT", + "dependencies": { + "entities": "^6.0.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, "node_modules/path-exists": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", @@ -2562,6 +3394,13 @@ "node": ">=8" } }, + "node_modules/pathe": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz", + "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==", + "dev": true, + "license": "MIT" + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -2621,6 +3460,36 @@ "node": ">= 0.8.0" } }, + "node_modules/pretty-format": { + "version": "27.5.1", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz", + "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==", + "dev": true, + "license": "MIT", + "peer": true, + "dependencies": { + "ansi-regex": "^5.0.1", + "ansi-styles": "^5.0.0", + "react-is": "^17.0.1" + }, + "engines": { + "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0" + } + }, + "node_modules/pretty-format/node_modules/ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "dev": true, + "license": "MIT", + "peer": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", @@ -2652,6 +3521,14 @@ "react": "^19.2.4" } }, + "node_modules/react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", + "dev": true, + "license": "MIT", + "peer": true + }, "node_modules/react-refresh": { "version": "0.18.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz", @@ -2710,6 +3587,30 @@ "react-dom": ">=18" } }, + "node_modules/redent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz", + "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==", + "dev": true, + "license": "MIT", + "dependencies": { + "indent-string": "^4.0.0", + "strip-indent": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/resolve-from": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", @@ -2765,6 +3666,19 @@ "fsevents": "~2.3.2" } }, + "node_modules/saxes": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz", + "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==", + "dev": true, + "license": "ISC", + "dependencies": { + "xmlchars": "^2.2.0" + }, + "engines": { + "node": ">=v12.22.7" + } + }, "node_modules/scheduler": { "version": "0.27.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", @@ -2810,6 +3724,13 @@ "node": ">=8" } }, + "node_modules/siginfo": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz", + "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==", + "dev": true, + "license": "ISC" + }, "node_modules/source-map-js": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", @@ -2820,12 +3741,39 @@ "node": ">=0.10.0" } }, + "node_modules/stackback": { + "version": "0.0.2", + "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz", + "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==", + "dev": true, + "license": "MIT" + }, "node_modules/state-local": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz", "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==", "license": "MIT" }, + "node_modules/std-env": { + "version": "3.10.0", + "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz", + "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==", + "dev": true, + "license": "MIT" + }, + "node_modules/strip-indent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", + "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "min-indent": "^1.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/strip-json-comments": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", @@ -2852,6 +3800,30 @@ "node": ">=8" } }, + "node_modules/symbol-tree": { + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", + "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", + "dev": true, + "license": "MIT" + }, + "node_modules/tinybench": { + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz", + "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==", + "dev": true, + "license": "MIT" + }, + "node_modules/tinyexec": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz", + "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + } + }, "node_modules/tinyglobby": { "version": "0.2.15", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", @@ -2869,6 +3841,62 @@ "url": "https://github.com/sponsors/SuperchupuDev" } }, + "node_modules/tinyrainbow": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.0.3.tgz", + "integrity": "sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/tldts": { + "version": "7.0.24", + "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.24.tgz", + "integrity": "sha512-1r6vQTTt1rUiJkI5vX7KG8PR342Ru/5Oh13kEQP2SMbRSZpOey9SrBe27IDxkoWulx8ShWu4K6C0BkctP8Z1bQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "tldts-core": "^7.0.24" + }, + "bin": { + "tldts": "bin/cli.js" + } + }, + "node_modules/tldts-core": { + "version": "7.0.24", + "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.24.tgz", + "integrity": "sha512-pj7yygNMoMRqG7ML2SDQ0xNIOfN3IBDUcPVM2Sg6hP96oFNN2nqnzHreT3z9xLq85IWJyNTvD38O002DdOrPMw==", + "dev": true, + "license": "MIT" + }, + "node_modules/tough-cookie": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.0.tgz", + "integrity": "sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "tldts": "^7.0.5" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/tr46": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz", + "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==", + "dev": true, + "license": "MIT", + "dependencies": { + "punycode": "^2.3.1" + }, + "engines": { + "node": ">=20" + } + }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", @@ -2882,6 +3910,16 @@ "node": ">= 0.8.0" } }, + "node_modules/undici": { + "version": "7.22.0", + "resolved": "https://registry.npmjs.org/undici/-/undici-7.22.0.tgz", + "integrity": "sha512-RqslV2Us5BrllB+JeiZnK4peryVTndy9Dnqq62S3yYRRTj0tFQCwEniUy2167skdGOy3vqRzEvl1Dm4sV2ReDg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=20.18.1" + } + }, "node_modules/update-browserslist-db": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz", @@ -2998,6 +4036,132 @@ } } }, + "node_modules/vitest": { + "version": "4.0.18", + "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.18.tgz", + "integrity": "sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@vitest/expect": "4.0.18", + "@vitest/mocker": "4.0.18", + "@vitest/pretty-format": "4.0.18", + "@vitest/runner": "4.0.18", + "@vitest/snapshot": "4.0.18", + "@vitest/spy": "4.0.18", + "@vitest/utils": "4.0.18", + "es-module-lexer": "^1.7.0", + "expect-type": "^1.2.2", + "magic-string": "^0.30.21", + "obug": "^2.1.1", + "pathe": "^2.0.3", + "picomatch": "^4.0.3", + "std-env": "^3.10.0", + "tinybench": "^2.9.0", + "tinyexec": "^1.0.2", + "tinyglobby": "^0.2.15", + "tinyrainbow": "^3.0.3", + "vite": "^6.0.0 || ^7.0.0", + "why-is-node-running": "^2.3.0" + }, + "bin": { + "vitest": "vitest.mjs" + }, + "engines": { + "node": "^20.0.0 || ^22.0.0 || >=24.0.0" + }, + "funding": { + "url": "https://opencollective.com/vitest" + }, + "peerDependencies": { + "@edge-runtime/vm": "*", + "@opentelemetry/api": "^1.9.0", + "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0", + "@vitest/browser-playwright": "4.0.18", + "@vitest/browser-preview": "4.0.18", + "@vitest/browser-webdriverio": "4.0.18", + "@vitest/ui": "4.0.18", + "happy-dom": "*", + "jsdom": "*" + }, + "peerDependenciesMeta": { + "@edge-runtime/vm": { + "optional": true + }, + "@opentelemetry/api": { + "optional": true + }, + "@types/node": { + "optional": true + }, + "@vitest/browser-playwright": { + "optional": true + }, + "@vitest/browser-preview": { + "optional": true + }, + "@vitest/browser-webdriverio": { + "optional": true + }, + "@vitest/ui": { + "optional": true + }, + "happy-dom": { + "optional": true + }, + "jsdom": { + "optional": true + } + } + }, + "node_modules/w3c-xmlserializer": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz", + "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==", + "dev": true, + "license": "MIT", + "dependencies": { + "xml-name-validator": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/webidl-conversions": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz", + "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=20" + } + }, + "node_modules/whatwg-mimetype": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz", + "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=20" + } + }, + "node_modules/whatwg-url": { + "version": "16.0.1", + "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz", + "integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@exodus/bytes": "^1.11.0", + "tr46": "^6.0.0", + "webidl-conversions": "^8.0.1" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0" + } + }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -3014,6 +4178,23 @@ "node": ">= 8" } }, + "node_modules/why-is-node-running": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz", + "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==", + "dev": true, + "license": "MIT", + "dependencies": { + "siginfo": "^2.0.0", + "stackback": "0.0.2" + }, + "bin": { + "why-is-node-running": "cli.js" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/word-wrap": { "version": "1.2.5", "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", @@ -3024,6 +4205,23 @@ "node": ">=0.10.0" } }, + "node_modules/xml-name-validator": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz", + "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18" + } + }, + "node_modules/xmlchars": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz", + "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==", + "dev": true, + "license": "MIT" + }, "node_modules/yallist": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", diff --git a/package.json b/package.json index 831f93c..2e9e932 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,10 @@ "dev": "vite", "build": "vite build", "lint": "eslint .", - "preview": "vite preview" + "preview": "vite preview", + "test": "vitest", + "test:ui": "vitest --ui", + "test:run": "vitest run" }, "dependencies": { "@monaco-editor/react": "^4.7.0", @@ -19,6 +22,9 @@ }, "devDependencies": { "@eslint/js": "^9.39.1", + "@testing-library/jest-dom": "^6.9.1", + "@testing-library/react": "^16.3.2", + "@testing-library/user-event": "^14.6.1", "@types/react": "^19.2.7", "@types/react-dom": "^19.2.3", "@vitejs/plugin-react": "^5.1.1", @@ -26,6 +32,8 @@ "eslint-plugin-react-hooks": "^7.0.1", "eslint-plugin-react-refresh": "^0.4.24", "globals": "^16.5.0", - "vite": "^7.3.1" + "jsdom": "^28.1.0", + "vite": "^7.3.1", + "vitest": "^4.0.18" } } diff --git a/setupTests.js b/setupTests.js new file mode 100644 index 0000000..331666c --- /dev/null +++ b/setupTests.js @@ -0,0 +1 @@ +import '@testing-library/jest-dom'; \ No newline at end of file diff --git a/src/context/UserContext.jsx b/src/context/UserContext.jsx index 9914d32..a7ea96d 100644 --- a/src/context/UserContext.jsx +++ b/src/context/UserContext.jsx @@ -3,18 +3,18 @@ import { createContext, useContext, useState } from 'react'; const UserContext = createContext(); export function UserProvider({ children }) { - const [user, setUser] = useState({ - nickname: "CodeNinja", - avatar: null, - level: 10 - }); + const [user, setUser] = useState(null); + + const login = (userData) => { + setUser(userData); + }; const logout = () => { setUser(null); }; return ( - + {children} ); diff --git a/src/pages/BattlePage.jsx b/src/pages/BattlePage.jsx index e61ce16..0563e01 100644 --- a/src/pages/BattlePage.jsx +++ b/src/pages/BattlePage.jsx @@ -1,4 +1,4 @@ -import { useState, useEffect } from 'react'; +import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; import { useUser } from '../context/UserContext'; import Header from './components/layout/Header'; @@ -12,6 +12,7 @@ export default function BattlePage() { const [showSettings, setShowSettings] = useState(false); const handleLogout = () => { + logout(); navigate('/login'); }; diff --git a/src/pages/BattlePage.test.jsx b/src/pages/BattlePage.test.jsx new file mode 100644 index 0000000..9500a38 --- /dev/null +++ b/src/pages/BattlePage.test.jsx @@ -0,0 +1,79 @@ +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; +import { describe, it, expect, vi, beforeEach } from 'vitest'; +import { BrowserRouter } from 'react-router-dom'; +import BattlePage from './BattlePage'; +import * as UserContext from '../context/UserContext'; + +const mockNavigate = vi.fn(); +vi.mock('react-router-dom', async () => { + const actual = await vi.importActual('react-router-dom'); + return { + ...actual, + useNavigate: () => mockNavigate, + }; +}); + +vi.mock('./components/ui/SettingsModal', () => ({ + default: ({ isOpen, onLogout, onClose }) => { + if (!isOpen) return null; + return ( +
+ + +
+ ); + } +})); + +describe('BattlePage', () => { + const mockLogout = vi.fn(); + + beforeEach(() => { + vi.clearAllMocks(); + vi.spyOn(UserContext, 'useUser').mockReturnValue({ + user: { nickname: 'Gladiator' }, + logout: mockLogout + }); + }); + + const renderComponent = () => render(); + + it('кнопка "В БОЙ!" перенаправляет на /workspace', async () => { + const user = userEvent.setup(); + renderComponent(); + + await user.click(screen.getByRole('button', { name: 'В БОЙ!' })); + expect(mockNavigate).toHaveBeenCalledWith('/workspace'); + }); + + it('нажатие на PVP в Header перенаправляет на /battle (остается на месте)', async () => { + const user = userEvent.setup(); + renderComponent(); + + await user.click(screen.getByText('PVP')); + expect(mockNavigate).toHaveBeenCalledWith('/battle'); + }); + + it('открывает и закрывает окно настроек', async () => { + const user = userEvent.setup(); + renderComponent(); + + const settingsBtn = screen.getByTitle('Настройки'); + await user.click(settingsBtn); + + expect(screen.getByTestId('mock-settings-modal')).toBeInTheDocument(); + }); + + it('кнопка "Выйти" в настройках вызывает logout и перенаправляет на /login', async () => { + const user = userEvent.setup(); + renderComponent(); + + await user.click(screen.getByTitle('Настройки')); + + const logoutBtn = screen.getByRole('button', { name: 'Mock Logout' }); + await user.click(logoutBtn); + + expect(mockNavigate).toHaveBeenCalledWith('/login'); + }); +}); \ No newline at end of file diff --git a/src/pages/LoginPage.jsx b/src/pages/LoginPage.jsx index 36579f5..7f7dbea 100644 --- a/src/pages/LoginPage.jsx +++ b/src/pages/LoginPage.jsx @@ -1,5 +1,6 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; +import { useUser } from '../context/UserContext'; import Header from './components/layout/Header'; import './LoginPage.css'; import '../App.css'; @@ -12,6 +13,7 @@ export default function LoginPage() { const [nickname, setNickname] = useState(''); const [isLoading, setIsLoading] = useState(false); const navigate = useNavigate(); + const { login } = useUser(); const handleResetToLogin = () => { setView('login'); @@ -22,6 +24,7 @@ export default function LoginPage() { setIsLoading(true); try { await new Promise(resolve => setTimeout(resolve, 800)); + login({ email, nickname: 'Winner' }); navigate('/battle'); } catch (error) { console.error("Ошибка авторизации", error); diff --git a/src/pages/LoginPage.test.jsx b/src/pages/LoginPage.test.jsx new file mode 100644 index 0000000..8382a63 --- /dev/null +++ b/src/pages/LoginPage.test.jsx @@ -0,0 +1,79 @@ +import { render, screen, waitFor } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; +import { describe, it, expect, vi, beforeEach } from 'vitest'; +import { BrowserRouter } from 'react-router-dom'; +import LoginPage from './LoginPage'; +import * as UserContext from '../context/UserContext'; + +const mockNavigate = vi.fn(); +vi.mock('react-router-dom', async () => { + const actual = await vi.importActual('react-router-dom'); + return { + ...actual, + useNavigate: () => mockNavigate, + }; +}); + +describe('LoginPage', () => { + beforeEach(() => { + vi.clearAllMocks(); + vi.spyOn(UserContext, 'useUser').mockReturnValue({ + user: null, + login: vi.fn(), + logout: vi.fn() + }); + }); + + const renderComponent = () => render(); + + it('нажатие на логотип в Header сбрасывает вид на форму входа', async () => { + const user = userEvent.setup(); + renderComponent(); + + await user.click(screen.getByText('Регистрация')); + expect(screen.getByRole('heading', { name: 'Регистрация' })).toBeInTheDocument(); + + await user.click(screen.getByText('CodeZilla')); + + expect(screen.getByRole('heading', { name: 'Вход в CodeZilla' })).toBeInTheDocument(); + }); + + it('успешный логин перенаправляет на /battle', async () => { + const user = userEvent.setup(); + renderComponent(); + + await user.type(screen.getByPlaceholderText('Email'), 'test@test.com'); + await user.type(screen.getByPlaceholderText('Пароль'), '123456'); + + const loginButtons = screen.getAllByRole('button', { name: /Войти/i }); + + await user.click(loginButtons[1]); + + expect(screen.getByRole('button', { name: 'Вход...' })).toBeInTheDocument(); + + await waitFor(() => { + expect(mockNavigate).toHaveBeenCalledWith('/battle'); + }, { timeout: 1500 }); + }); + + it('регистрация показывает alert и возвращает на форму логина', async () => { + const user = userEvent.setup(); + const alertMock = vi.spyOn(window, 'alert').mockImplementation(() => {}); + + renderComponent(); + await user.click(screen.getByText('Регистрация')); + + await user.type(screen.getByPlaceholderText('Никнейм'), 'Hero'); + await user.type(screen.getByPlaceholderText('Email'), 'test@test.com'); + await user.type(screen.getByPlaceholderText('Пароль'), '123456'); + await user.click(screen.getByRole('button', { name: 'Зарегистрироваться' })); + + await waitFor(() => { + expect(alertMock).toHaveBeenCalledWith('Регистрация успешна! Теперь вы можете войти.'); + }, { timeout: 1500 }); + + expect(screen.getByRole('heading', { name: 'Вход в CodeZilla' })).toBeInTheDocument(); + + alertMock.mockRestore(); + }); +}); \ No newline at end of file diff --git a/src/pages/WorkspacePage.jsx b/src/pages/WorkspacePage.jsx index c5f7966..70f6d90 100644 --- a/src/pages/WorkspacePage.jsx +++ b/src/pages/WorkspacePage.jsx @@ -10,7 +10,7 @@ import RightWorkspace from './components/workspace/RightWorkspace'; import './WorkspacePage.css'; function WorkspacePage() { - const { user, logout } = useUser(); + const { logout } = useUser(); const navigate = useNavigate(); const [isDarkMode, setIsDarkMode] = useState(true); const [isSwapped, setIsSwapped] = useState(false); diff --git a/src/pages/WorkspacePage.test.jsx b/src/pages/WorkspacePage.test.jsx new file mode 100644 index 0000000..ca1a1d4 --- /dev/null +++ b/src/pages/WorkspacePage.test.jsx @@ -0,0 +1,86 @@ +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; +import { describe, it, expect, vi, beforeEach } from 'vitest'; +import { BrowserRouter } from 'react-router-dom'; +import WorkspacePage from './WorkspacePage'; +import * as UserContext from '../context/UserContext'; + +const mockNavigate = vi.fn(); +vi.mock('react-router-dom', async () => { + const actual = await vi.importActual('react-router-dom'); + return { + ...actual, + useNavigate: () => mockNavigate, + useLocation: () => ({ pathname: '/workspace' }), + }; +}); + +vi.mock('./components/ui/SettingsModal', () => ({ + default: ({ isOpen, onLogout }) => { + if (!isOpen) return null; + return ( +
+ +
+ ); + } +})); + +vi.mock('./components/workspace/LeftWorkspace', () => ({ default: () =>
})); +vi.mock('./components/workspace/RightWorkspace', () => ({ default: () =>
})); +vi.mock('./components/layout/Footer', () => ({ default: () =>
})); + +describe('WorkspacePage', () => { + const mockLogout = vi.fn(); + + beforeEach(() => { + vi.clearAllMocks(); + vi.spyOn(UserContext, 'useUser').mockReturnValue({ + user: { nickname: 'Hero', email: 'test@test.com' }, + login: vi.fn(), + logout: mockLogout, + }); + }); + + const renderComponent = () => render(); + + it('при нажатии на логотип появляется confirm, при согласии кидает на /battle', async () => { + const user = userEvent.setup(); + const confirmMock = vi.spyOn(window, 'confirm').mockReturnValue(true); + + renderComponent(); + + await user.click(screen.getByText('CodeZilla')); + + expect(confirmMock).toHaveBeenCalledWith('Вы точно хотите покинуть битву? Ваш прогресс может быть потерян.'); + expect(mockNavigate).toHaveBeenCalledWith('/battle'); + + confirmMock.mockRestore(); + }); + + it('при нажатии на PVP появляется confirm, при отмене редирект не происходит', async () => { + const user = userEvent.setup(); + const confirmMock = vi.spyOn(window, 'confirm').mockReturnValue(false); + + renderComponent(); + + await user.click(screen.getByText(/PVP/i)); + + expect(confirmMock).toHaveBeenCalled(); + expect(mockNavigate).not.toHaveBeenCalled(); + + confirmMock.mockRestore(); + }); + + it('открытие настроек и нажатие выхода вызывает logout и перенаправляет на /login', async () => { + const user = userEvent.setup(); + renderComponent(); + + await user.click(screen.getByTitle('Настройки')); + + await user.click(screen.getByText('Выйти из аккаунта')); + + expect(mockLogout).toHaveBeenCalled(); + expect(mockNavigate).toHaveBeenCalledWith('/login'); + }); +}); \ No newline at end of file diff --git a/src/pages/components/ui/SettingsModal.test.jsx b/src/pages/components/ui/SettingsModal.test.jsx new file mode 100644 index 0000000..10e11b5 --- /dev/null +++ b/src/pages/components/ui/SettingsModal.test.jsx @@ -0,0 +1,37 @@ +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; +import { describe, it, expect, vi } from 'vitest'; +import SettingsModal from './SettingsModal'; + +describe('SettingsModal', () => { + const defaultProps = { + isOpen: true, + onClose: vi.fn(), + onLogout: vi.fn(), + themeConfig: { isDarkMode: true, setIsDarkMode: vi.fn() }, + workspaceConfig: { isSwapped: false, setIsSwapped: vi.fn() } + }; + + it('не рендерится, если isOpen=false', () => { + render(); + expect(screen.queryByText('Настройки')).toBeNull(); + }); + + it('вызывает onLogout при нажатии на кнопку Выйти', async () => { + const user = userEvent.setup(); + render(); + + await user.click(screen.getByRole('button', { name: 'Выйти' })); + expect(defaultProps.onLogout).toHaveBeenCalledTimes(1); + }); + + it('меняет тему при клике на чекбокс', async () => { + const user = userEvent.setup(); + render(); + + const themeCheckbox = screen.getByLabelText('Светлая тема'); + await user.click(themeCheckbox); + + expect(defaultProps.themeConfig.setIsDarkMode).toHaveBeenCalledWith(false); + }); +}); \ No newline at end of file diff --git a/vitest.config.js b/vitest.config.js new file mode 100644 index 0000000..d6f699f --- /dev/null +++ b/vitest.config.js @@ -0,0 +1,11 @@ +import { defineConfig } from 'vitest/config'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + test: { + environment: 'jsdom', + globals: true, + setupFiles: './setupTests.js', + }, +}); \ No newline at end of file From 3a76a7075c86007a7ea1b03248df4ab13a02f33f Mon Sep 17 00:00:00 2001 From: Egor Date: Fri, 6 Mar 2026 21:11:31 +0300 Subject: [PATCH 09/11] feat: update README.md --- README.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/README.md b/README.md index 207c685..e8fb05b 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ FrontEnd написан на React с использованием сборщика Vite +Для тестов используются Vitest и React Testing Library (RTL) ## Требования для запуска Чтобы всё работало точно так же, как у меня, убедись, что у тебя установлена правильная версия Node.js @@ -22,3 +23,11 @@ FrontEnd написан на React с использованием сборщи ```bash npm run dev +4. **Запуск тестов:** + ```bash + npm run test + +5. **Проверка стиля:** + ```bash + npm run lint + From 8bbac92407adeb981d3635e9bf3768f88e89186c Mon Sep 17 00:00:00 2001 From: Egor Date: Fri, 6 Mar 2026 21:13:00 +0300 Subject: [PATCH 10/11] feat: update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e8fb05b..3eb95ba 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ FrontEnd написан на React с использованием сборщика Vite + Для тестов используются Vitest и React Testing Library (RTL) ## Требования для запуска From 9b68daf46efeef6b73f572894711321bf97f3079 Mon Sep 17 00:00:00 2001 From: CO0LGIRL Date: Fri, 6 Mar 2026 21:14:52 +0300 Subject: [PATCH 11/11] fix: update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 3eb95ba..0add844 100644 --- a/README.md +++ b/README.md @@ -4,6 +4,7 @@ FrontEnd написан на React с использованием сборщи ## Требования для запуска Чтобы всё работало точно так же, как у меня, убедись, что у тебя установлена правильная версия Node.js + Инструкция по установке node.js и npm https://nodejs.org/en/download * **Node.js**: v24.14.0 * **npm**: v11.9.0