diff --git a/vite-project/package-lock.json b/vite-project/package-lock.json index 2d849630..265724f9 100644 --- a/vite-project/package-lock.json +++ b/vite-project/package-lock.json @@ -15,13 +15,17 @@ }, "devDependencies": { "@eslint/js": "^9.25.0", + "@types/node": "^24.3.0", "@types/react": "^19.1.2", "@types/react-dom": "^19.1.2", + "@types/styled-components": "^5.1.34", "@vitejs/plugin-react": "^4.4.1", "eslint": "^9.25.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.19", "globals": "^16.0.0", + "typescript": "^5.9.2", + "typescript-eslint": "^8.42.0", "vite": "^6.3.5" } }, @@ -1043,6 +1047,44 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, "node_modules/@rolldown/pluginutils": { "version": "1.0.0-beta.27", "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz", @@ -1382,6 +1424,19 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/hoist-non-react-statics": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.7.tgz", + "integrity": "sha512-PQTyIulDkIDro8P+IHbKCsw7U2xxBYflVzW/FgWdCAePD9xGSidgA76/GeJ6lBKoblyhf9pBY763gbrN+1dI8g==", + "dev": true, + "license": "MIT", + "dependencies": { + "hoist-non-react-statics": "^3.3.0" + }, + "peerDependencies": { + "@types/react": "*" + } + }, "node_modules/@types/json-schema": { "version": "7.0.15", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", @@ -1389,6 +1444,16 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/node": { + "version": "24.3.0", + "resolved": "https://registry.npmjs.org/@types/node/-/node-24.3.0.tgz", + "integrity": "sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow==", + "dev": true, + "license": "MIT", + "dependencies": { + "undici-types": "~7.10.0" + } + }, "node_modules/@types/react": { "version": "19.1.8", "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz", @@ -1409,12 +1474,295 @@ "@types/react": "^19.0.0" } }, + "node_modules/@types/styled-components": { + "version": "5.1.34", + "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.34.tgz", + "integrity": "sha512-mmiVvwpYklFIv9E8qfxuPyIt/OuyIrn6gMOAMOFUO3WJfSrSE+sGUoa4PiZj77Ut7bKZpaa6o1fBKS/4TOEvnA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/hoist-non-react-statics": "*", + "@types/react": "*", + "csstype": "^3.0.2" + } + }, "node_modules/@types/stylis": { "version": "4.2.5", "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz", "integrity": "sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==", "license": "MIT" }, + "node_modules/@typescript-eslint/eslint-plugin": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.42.0.tgz", + "integrity": "sha512-Aq2dPqsQkxHOLfb2OPv43RnIvfj05nw8v/6n3B2NABIPpHnjQnaLo9QGMTvml+tv4korl/Cjfrb/BYhoL8UUTQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/regexpp": "^4.10.0", + "@typescript-eslint/scope-manager": "8.42.0", + "@typescript-eslint/type-utils": "8.42.0", + "@typescript-eslint/utils": "8.42.0", + "@typescript-eslint/visitor-keys": "8.42.0", + "graphemer": "^1.4.0", + "ignore": "^7.0.0", + "natural-compare": "^1.4.0", + "ts-api-utils": "^2.1.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "@typescript-eslint/parser": "^8.42.0", + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <6.0.0" + } + }, + "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": { + "version": "7.0.5", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz", + "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/@typescript-eslint/parser": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.42.0.tgz", + "integrity": "sha512-r1XG74QgShUgXph1BYseJ+KZd17bKQib/yF3SR+demvytiRXrwd12Blnz5eYGm8tXaeRdd4x88MlfwldHoudGg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/scope-manager": "8.42.0", + "@typescript-eslint/types": "8.42.0", + "@typescript-eslint/typescript-estree": "8.42.0", + "@typescript-eslint/visitor-keys": "8.42.0", + "debug": "^4.3.4" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <6.0.0" + } + }, + "node_modules/@typescript-eslint/project-service": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.42.0.tgz", + "integrity": "sha512-vfVpLHAhbPjilrabtOSNcUDmBboQNrJUiNAGoImkZKnMjs2TIcWG33s4Ds0wY3/50aZmTMqJa6PiwkwezaAklg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/tsconfig-utils": "^8.42.0", + "@typescript-eslint/types": "^8.42.0", + "debug": "^4.3.4" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "typescript": ">=4.8.4 <6.0.0" + } + }, + "node_modules/@typescript-eslint/scope-manager": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.42.0.tgz", + "integrity": "sha512-51+x9o78NBAVgQzOPd17DkNTnIzJ8T/O2dmMBLoK9qbY0Gm52XJcdJcCl18ExBMiHo6jPMErUQWUv5RLE51zJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/types": "8.42.0", + "@typescript-eslint/visitor-keys": "8.42.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/tsconfig-utils": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.42.0.tgz", + "integrity": "sha512-kHeFUOdwAJfUmYKjR3CLgZSglGHjbNTi1H8sTYRYV2xX6eNz4RyJ2LIgsDLKf8Yi0/GL1WZAC/DgZBeBft8QAQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "typescript": ">=4.8.4 <6.0.0" + } + }, + "node_modules/@typescript-eslint/type-utils": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.42.0.tgz", + "integrity": "sha512-9KChw92sbPTYVFw3JLRH1ockhyR3zqqn9lQXol3/YbI6jVxzWoGcT3AsAW0mu1MY0gYtsXnUGV/AKpkAj5tVlQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/types": "8.42.0", + "@typescript-eslint/typescript-estree": "8.42.0", + "@typescript-eslint/utils": "8.42.0", + "debug": "^4.3.4", + "ts-api-utils": "^2.1.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <6.0.0" + } + }, + "node_modules/@typescript-eslint/types": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.42.0.tgz", + "integrity": "sha512-LdtAWMiFmbRLNP7JNeY0SqEtJvGMYSzfiWBSmx+VSZ1CH+1zyl8Mmw1TT39OrtsRvIYShjJWzTDMPWZJCpwBlw==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/typescript-estree": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.42.0.tgz", + "integrity": "sha512-ku/uYtT4QXY8sl9EDJETD27o3Ewdi72hcXg1ah/kkUgBvAYHLwj2ofswFFNXS+FL5G+AGkxBtvGt8pFBHKlHsQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/project-service": "8.42.0", + "@typescript-eslint/tsconfig-utils": "8.42.0", + "@typescript-eslint/types": "8.42.0", + "@typescript-eslint/visitor-keys": "8.42.0", + "debug": "^4.3.4", + "fast-glob": "^3.3.2", + "is-glob": "^4.0.3", + "minimatch": "^9.0.4", + "semver": "^7.6.0", + "ts-api-utils": "^2.1.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "typescript": ">=4.8.4 <6.0.0" + } + }, + "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz", + "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": { + "version": "7.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz", + "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@typescript-eslint/utils": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.42.0.tgz", + "integrity": "sha512-JnIzu7H3RH5BrKC4NoZqRfmjqCIS1u3hGZltDYJgkVdqAezl4L9d1ZLw+36huCujtSBSAirGINF/S4UxOcR+/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.7.0", + "@typescript-eslint/scope-manager": "8.42.0", + "@typescript-eslint/types": "8.42.0", + "@typescript-eslint/typescript-estree": "8.42.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <6.0.0" + } + }, + "node_modules/@typescript-eslint/visitor-keys": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.42.0.tgz", + "integrity": "sha512-3WbiuzoEowaEn8RSnhJBrxSwX8ULYE9CXaPepS2C2W3NSA5NNIvBaslpBSBElPq0UGr0xVJlXFWOAKIkyylydQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/types": "8.42.0", + "eslint-visitor-keys": "^4.2.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, "node_modules/@vitejs/plugin-react": { "version": "4.7.0", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz", @@ -1517,6 +1865,19 @@ "concat-map": "0.0.1" } }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "license": "MIT", + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/browserslist": { "version": "4.25.1", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz", @@ -1973,6 +2334,36 @@ "dev": true, "license": "MIT" }, + "node_modules/fast-glob": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz", + "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.8" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/fast-glob/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, "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", @@ -1987,6 +2378,16 @@ "dev": true, "license": "MIT" }, + "node_modules/fastq": { + "version": "1.19.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz", + "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "reusify": "^1.0.4" + } + }, "node_modules/fdir": { "version": "6.4.6", "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz", @@ -2015,6 +2416,19 @@ "node": ">=16.0.0" } }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "license": "MIT", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/find-up": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", @@ -2104,6 +2518,13 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/graphemer": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", + "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", + "dev": true, + "license": "MIT" + }, "node_modules/has-flag": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", @@ -2114,6 +2535,16 @@ "node": ">=8" } }, + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "react-is": "^16.7.0" + } + }, "node_modules/ignore": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", @@ -2174,6 +2605,16 @@ "node": ">=0.10.0" } }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.12.0" + } + }, "node_modules/isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", @@ -2305,6 +2746,43 @@ "yallist": "^3.0.2" } }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "license": "MIT", + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/minimatch": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", @@ -2514,6 +2992,27 @@ "node": ">=6" } }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, "node_modules/react": { "version": "19.1.0", "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz", @@ -2535,6 +3034,13 @@ "react": "^19.1.0" } }, + "node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "dev": true, + "license": "MIT" + }, "node_modules/react-refresh": { "version": "0.17.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", @@ -2593,6 +3099,17 @@ "node": ">=4" } }, + "node_modules/reusify": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz", + "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==", + "dev": true, + "license": "MIT", + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, "node_modules/rollup": { "version": "4.45.1", "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.45.1.tgz", @@ -2633,6 +3150,30 @@ "fsevents": "~2.3.2" } }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, "node_modules/scheduler": { "version": "0.26.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz", @@ -2798,6 +3339,32 @@ "url": "https://github.com/sponsors/SuperchupuDev" } }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/ts-api-utils": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz", + "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18.12" + }, + "peerDependencies": { + "typescript": ">=4.8.4" + } + }, "node_modules/tslib": { "version": "2.6.2", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", @@ -2817,6 +3384,51 @@ "node": ">= 0.8.0" } }, + "node_modules/typescript": { + "version": "5.9.2", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz", + "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/typescript-eslint": { + "version": "8.42.0", + "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.42.0.tgz", + "integrity": "sha512-ozR/rQn+aQXQxh1YgbCzQWDFrsi9mcg+1PM3l/z5o1+20P7suOIaNg515bpr/OYt6FObz/NHcBstydDLHWeEKg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/eslint-plugin": "8.42.0", + "@typescript-eslint/parser": "8.42.0", + "@typescript-eslint/typescript-estree": "8.42.0", + "@typescript-eslint/utils": "8.42.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <6.0.0" + } + }, + "node_modules/undici-types": { + "version": "7.10.0", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz", + "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==", + "dev": true, + "license": "MIT" + }, "node_modules/update-browserslist-db": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz", diff --git a/vite-project/package.json b/vite-project/package.json index 85b90b29..a69dc0c3 100644 --- a/vite-project/package.json +++ b/vite-project/package.json @@ -5,7 +5,7 @@ "type": "module", "scripts": { "dev": "vite", - "build": "vite build", + "build": "tsc -b && vite build", "lint": "eslint .", "preview": "vite preview" }, @@ -17,13 +17,17 @@ }, "devDependencies": { "@eslint/js": "^9.25.0", + "@types/node": "^24.3.0", "@types/react": "^19.1.2", "@types/react-dom": "^19.1.2", + "@types/styled-components": "^5.1.34", "@vitejs/plugin-react": "^4.4.1", "eslint": "^9.25.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.19", "globals": "^16.0.0", + "typescript": "^5.9.2", + "typescript-eslint": "^8.42.0", "vite": "^6.3.5" } } diff --git a/vite-project/src/app.jsx b/vite-project/src/app.jsx index 39842696..1950f9f1 100644 --- a/vite-project/src/app.jsx +++ b/vite-project/src/app.jsx @@ -1,22 +1,56 @@ import { BrowserRouter, Route, Routes } from "react-router-dom"; -import HomeLayout from "./layouts/home-layout/home-layout"; -import AddItemPage from "./pages/add-item/add-item-page"; -import ItemDetailPage from "./pages/items/item-detail-page"; -import ItemsPage from "./pages/items/items-page"; +import HomeLayout from "./layouts/home-layout"; +import OnboardingLayout from "./layouts/onboarding-layout"; +import AddItemPage from "./pages/add-item-page"; +import ItemDetailPage from "./pages/item-detail-page"; +import ItemsPage from "./pages/items-page"; +import LoginPage from "./pages/login-page"; +import NotFoundPage from "./pages/not-found-page"; +import OnboardingPage from "./pages/onboarding-page"; +import SignUpPage from "./pages/signup-page"; import "./styles/global.css"; import "./styles/palette.css"; function App() { return ( - - - } /> - } /> - } /> - NOT IMPLEMENTED} /> - - + + + + + } + /> + } /> + } /> + + + + } + /> + + + + } + /> + + + + } + /> + } /> + ); } diff --git a/vite-project/src/assets/ic-facebook.svg b/vite-project/src/assets/ic-facebook.svg new file mode 100644 index 00000000..b9c9d493 --- /dev/null +++ b/vite-project/src/assets/ic-facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/vite-project/src/assets/ic-google.svg b/vite-project/src/assets/ic-google.svg new file mode 100644 index 00000000..df44db81 --- /dev/null +++ b/vite-project/src/assets/ic-google.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/vite-project/src/assets/ic-instagram.svg b/vite-project/src/assets/ic-instagram.svg new file mode 100644 index 00000000..0b9337b0 --- /dev/null +++ b/vite-project/src/assets/ic-instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/vite-project/src/assets/ic-kakaotalk.svg b/vite-project/src/assets/ic-kakaotalk.svg new file mode 100644 index 00000000..a7990c3e --- /dev/null +++ b/vite-project/src/assets/ic-kakaotalk.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/vite-project/src/assets/ic-twitter.svg b/vite-project/src/assets/ic-twitter.svg new file mode 100644 index 00000000..14a6069a --- /dev/null +++ b/vite-project/src/assets/ic-twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/vite-project/src/assets/ic-youtube.svg b/vite-project/src/assets/ic-youtube.svg new file mode 100644 index 00000000..ad8b97ba --- /dev/null +++ b/vite-project/src/assets/ic-youtube.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/vite-project/src/assets/landing-image-bottom.png b/vite-project/src/assets/landing-image-bottom.png new file mode 100644 index 00000000..1258dabb Binary files /dev/null and b/vite-project/src/assets/landing-image-bottom.png differ diff --git a/vite-project/src/assets/landing-image_top.png b/vite-project/src/assets/landing-image_top.png new file mode 100644 index 00000000..7ccc211f Binary files /dev/null and b/vite-project/src/assets/landing-image_top.png differ diff --git a/vite-project/src/assets/logo-large.svg b/vite-project/src/assets/logo-large.svg index ceaa7bf0..4373386b 100644 --- a/vite-project/src/assets/logo-large.svg +++ b/vite-project/src/assets/logo-large.svg @@ -1,15 +1,15 @@ - - - - - - - - - - - - - - + + + + + + + + + + + + + + diff --git a/vite-project/src/assets/logo-medium.svg b/vite-project/src/assets/logo-medium.svg new file mode 100644 index 00000000..47b920af --- /dev/null +++ b/vite-project/src/assets/logo-medium.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/vite-project/src/assets/logo-small.svg b/vite-project/src/assets/logo-small.svg index dfab2145..ceaa7bf0 100644 --- a/vite-project/src/assets/logo-small.svg +++ b/vite-project/src/assets/logo-small.svg @@ -1,3 +1,15 @@ - - + + + + + + + + + + + + + + diff --git a/vite-project/src/assets/logo-text-xsmall.svg b/vite-project/src/assets/logo-text-xsmall.svg new file mode 100644 index 00000000..dfab2145 --- /dev/null +++ b/vite-project/src/assets/logo-text-xsmall.svg @@ -0,0 +1,3 @@ + + + diff --git a/vite-project/src/assets/onboarding-hot-item.png b/vite-project/src/assets/onboarding-hot-item.png new file mode 100644 index 00000000..01e055e0 Binary files /dev/null and b/vite-project/src/assets/onboarding-hot-item.png differ diff --git a/vite-project/src/assets/onboarding-register.png b/vite-project/src/assets/onboarding-register.png new file mode 100644 index 00000000..42ca8636 Binary files /dev/null and b/vite-project/src/assets/onboarding-register.png differ diff --git a/vite-project/src/assets/onboarding-search.png b/vite-project/src/assets/onboarding-search.png new file mode 100644 index 00000000..ad93c905 Binary files /dev/null and b/vite-project/src/assets/onboarding-search.png differ diff --git a/vite-project/src/components/avatar/avatar.jsx b/vite-project/src/components/avatar/avatar.tsx similarity index 67% rename from vite-project/src/components/avatar/avatar.jsx rename to vite-project/src/components/avatar/avatar.tsx index 4751b651..92f47395 100644 --- a/vite-project/src/components/avatar/avatar.jsx +++ b/vite-project/src/components/avatar/avatar.tsx @@ -1,7 +1,8 @@ +import type { JSX } from "react"; import styled from "styled-components"; import defaultImg from "../../assets/profile-default.svg"; -const StyledAvatar = styled.div` +const StyledAvatar = styled.div<{ $size: number }>` width: ${({ $size }) => $size}px; height: ${({ $size }) => $size}px; @@ -15,7 +16,12 @@ const StyledAvatar = styled.div` const DEFAULT_SIZE = 40; -function Avatar({ imageUrl, size = DEFAULT_SIZE }) { +interface Props { + imageUrl?: string; + size?: number; +} + +function Avatar({ imageUrl, size = DEFAULT_SIZE }: Props): JSX.Element { return ( 프로필 사진 diff --git a/vite-project/src/components/button/button-styles.js b/vite-project/src/components/button/button-styles.js deleted file mode 100644 index b97948b3..00000000 --- a/vite-project/src/components/button/button-styles.js +++ /dev/null @@ -1,11 +0,0 @@ -const BUTTON_SIZE = Object.freeze({ - medium: "medium", - small: "small", -}); - -const BUTTON_TYPE = Object.freeze({ - round: "round", - pill: "pill", -}); - -export { BUTTON_SIZE, BUTTON_TYPE }; diff --git a/vite-project/src/components/button/button-styles.ts b/vite-project/src/components/button/button-styles.ts new file mode 100644 index 00000000..db267f90 --- /dev/null +++ b/vite-project/src/components/button/button-styles.ts @@ -0,0 +1,15 @@ +const ButtonSize = { + medium: "medium", + small: "small", +} as const; + +type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize]; + +const ButtonShape = { + round: "round", + pill: "pill", +} as const; + +type ButtonShape = (typeof ButtonShape)[keyof typeof ButtonShape]; + +export { ButtonShape, ButtonSize }; diff --git a/vite-project/src/components/button/button.jsx b/vite-project/src/components/button/button.tsx similarity index 54% rename from vite-project/src/components/button/button.jsx rename to vite-project/src/components/button/button.tsx index 979be3c0..7f52009b 100644 --- a/vite-project/src/components/button/button.jsx +++ b/vite-project/src/components/button/button.tsx @@ -1,25 +1,27 @@ +import type { ButtonHTMLAttributes } from "react"; import styled from "styled-components"; -import { BUTTON_SIZE, BUTTON_TYPE } from "./button-styles"; +import { ButtonShape, ButtonSize } from "./button-styles"; const BUTTON_STYLE = { - [BUTTON_SIZE.medium]: { + [ButtonSize.medium]: { padding: "11px 40px", fontSize: 18, }, - [BUTTON_SIZE.small]: { + [ButtonSize.small]: { padding: "8px 23px", fontSize: 16, }, - [BUTTON_TYPE.round]: { + [ButtonShape.round]: { borderRadius: 8, }, - [BUTTON_TYPE.pill]: { + [ButtonShape.pill]: { borderRadius: 24, }, }; -const StyledButton = styled.button` +const StyledButton = styled.button<{ $size: ButtonSize; $shape: ButtonShape }>` display: flex; + justify-content: center; gap: 8px; background-color: var(--color-primary-100); padding: ${({ $size }) => BUTTON_STYLE[$size].padding}; @@ -27,7 +29,7 @@ const StyledButton = styled.button` font-size: ${({ $size }) => BUTTON_STYLE[$size].fontSize}px; font-weight: 600; line-height: 26px; - border-radius: ${({ $type }) => BUTTON_STYLE[$type].borderRadius}px; + border-radius: ${({ $shape }) => BUTTON_STYLE[$shape].borderRadius}px; border: none; cursor: pointer; @@ -41,14 +43,20 @@ const StyledButton = styled.button` } `; +interface Props extends ButtonHTMLAttributes { + size?: ButtonSize; + shape?: ButtonShape; + children: React.ReactNode; +} + function Button({ children, - size = BUTTON_SIZE.small, - type = BUTTON_TYPE.round, + size = ButtonSize.small, + shape = ButtonShape.round, ...props -}) { +}: Props) { return ( - + {children} ); diff --git a/vite-project/src/components/button/social-login-button.tsx b/vite-project/src/components/button/social-login-button.tsx new file mode 100644 index 00000000..eb0c2ee2 --- /dev/null +++ b/vite-project/src/components/button/social-login-button.tsx @@ -0,0 +1,24 @@ +import type { JSX } from "react/jsx-dev-runtime"; +import { styled } from "styled-components"; +import type { SocialLoginType } from "../social/social-login"; + +const StyledSocialLoginButton = styled.button` + background: none; + border: none; + cursor: pointer; + padding: 0; +`; + +interface Props { + socialLogin: SocialLoginType; +} + +function SocialLoginButton({ socialLogin }: Props): JSX.Element { + return ( + + {socialLogin.name} + + ); +} + +export default SocialLoginButton; diff --git a/vite-project/src/components/input/form-input.tsx b/vite-project/src/components/input/form-input.tsx new file mode 100644 index 00000000..9e1182c1 --- /dev/null +++ b/vite-project/src/components/input/form-input.tsx @@ -0,0 +1,31 @@ +import type { InputHTMLAttributes, JSX } from "react"; +import styled from "styled-components"; +import TextInput from "./text-input"; + +const StyledFormInput = styled.div` + width: 100%; + display: flex; + flex-direction: column; + gap: 16px; + + label { + font-size: 18px; + font-weight: 700; + line-height: 26px; + } +`; + +interface Props extends InputHTMLAttributes { + labelText: string; +} + +function FormInput({ type, labelText, id, ...props }: Props): JSX.Element { + return ( + + + + + ); +} + +export default FormInput; diff --git a/vite-project/src/components/input/input-styles.ts b/vite-project/src/components/input/input-styles.ts new file mode 100644 index 00000000..4b94a7f1 --- /dev/null +++ b/vite-project/src/components/input/input-styles.ts @@ -0,0 +1,29 @@ +import { css } from "styled-components"; + +const fontStyle = css` + font-size: 16px; + font-weight: 400; + line-height: 26px; +`; + +const inputStyle = css` + background-color: var(--color-secondary-100); + padding: 16px 24px; + border-radius: 12px; +`; + +const inputTextStyle = css` + ${fontStyle} + width: 100%; + border: none; + background: none; + padding: 0; + color: var(--color-secondary-800); +`; + +const inputPlaceholderStyle = css` + color: var(--color-secondary-400); + ${fontStyle} +`; + +export { inputPlaceholderStyle, inputStyle, inputTextStyle }; diff --git a/vite-project/src/components/input/text-area-input.tsx b/vite-project/src/components/input/text-area-input.tsx new file mode 100644 index 00000000..7d3fcd90 --- /dev/null +++ b/vite-project/src/components/input/text-area-input.tsx @@ -0,0 +1,31 @@ +import type { JSX, TextareaHTMLAttributes } from "react"; +import styled from "styled-components"; +import { inputPlaceholderStyle, inputStyle } from "./input-styles"; + +const StyledTextAreaInput = styled.div` + ${inputStyle} + + textarea { + ${inputStyle} + height: 100%; + resize: none; + } + textarea:focus { + outline: none; + } + textarea::placeholder { + ${inputPlaceholderStyle} + } +`; + +interface Props extends TextareaHTMLAttributes {} + +function TextAreaInput({ ...props }: Props): JSX.Element { + return ( + +