nurmuhammet/mm.com.tm-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added car configurator

Browse Source
This commit is contained in:
Jelaletdin12
2026-03-27 22:26:30 +05:00
parent 6ba07d7fef
commit c4ac669a09
26 changed files with 6009 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ecosystem.config.js Normal file
View File

@@ -0,0 +1,10 @@
module.exports = {
apps: [
{
name: "frontend",
script: "server.js",
cwd: "/var/www/frontend",
env: { NODE_ENV: "production" }
}
]
};

28
fetch.js Normal file
View File

@@ -0,0 +1,28 @@
import express from "express";
import fs from "fs";
import path from "path";
import { fileURLToPath } from "url";
import cors from "cors";
const __dirname = path.dirname(fileURLToPath(import.meta.url));
const app = express();
const DATA_PATH = path.join(__dirname, "public", "data.json");
app.use(cors());
app.use(express.json({ limit: "10mb" }));
app.get("/api/data", (req, res) => {
const raw = fs.readFileSync(DATA_PATH, "utf-8");
res.json(JSON.parse(raw));
});
app.post("/api/data", (req, res) => {
try {
fs.writeFileSync(DATA_PATH, JSON.stringify(req.body, null, 2), "utf-8");
res.json({ ok: true });
} catch (e) {
res.status(500).json({ ok: false, error: e.message });
}
});
app.listen(4000, () => console.log("API running on :4000"));

615
package-lock.json generated
View File

@@ -10,6 +10,7 @@
"dependencies": {
"@reduxjs/toolkit": "^2.5.0",
"antd": "^5.22.7",
"express": "^5.2.1",
"framer-motion": "^12.5.0",
"i18next": "^24.2.1",
"i18next-browser-languagedetector": "^8.0.2",
@@ -1079,17 +1080,6 @@
"node": ">=6.0.0"
}
},
"node_modules/@jridgewell/source-map": {
"version": "0.3.6",
"resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
"integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
"dev": true,
"optional": true,
"dependencies": {
"@jridgewell/gen-mapping": "^0.3.5",
"@jridgewell/trace-mapping": "^0.3.25"
}
},
"node_modules/@jridgewell/sourcemap-codec": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
@@ -1624,6 +1614,19 @@
"vite": "^4.2.0 || ^5.0.0 || ^6.0.0"
}
},
"node_modules/accepts": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
"integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
"license": "MIT",
"dependencies": {
"mime-types": "^3.0.0",
"negotiator": "^1.0.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/acorn": {
"version": "8.14.0",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
@@ -1897,6 +1900,30 @@
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
"dev": true
},
"node_modules/body-parser": {
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz",
"integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==",
"license": "MIT",
"dependencies": {
"bytes": "^3.1.2",
"content-type": "^1.0.5",
"debug": "^4.4.3",
"http-errors": "^2.0.0",
"iconv-lite": "^0.7.0",
"on-finished": "^2.4.1",
"qs": "^6.14.1",
"raw-body": "^3.0.1",
"type-is": "^2.0.1"
},
"engines": {
"node": ">=18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -1946,12 +1973,14 @@
"integrity": "sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==",
"dev": true
},
"node_modules/buffer-from": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
"dev": true,
"optional": true
"node_modules/bytes": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
"integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/call-bind": {
"version": "1.0.8",
@@ -1975,7 +2004,6 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
"integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
"dev": true,
"dependencies": {
"es-errors": "^1.3.0",
"function-bind": "^1.1.2"
@@ -1988,7 +2016,6 @@
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
"integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
"dev": true,
"dependencies": {
"call-bind-apply-helpers": "^1.0.1",
"get-intrinsic": "^1.2.6"
@@ -2074,13 +2101,6 @@
"integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
"dev": true
},
"node_modules/commander": {
"version": "2.20.3",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
"dev": true,
"optional": true
},
"node_modules/compute-scroll-into-view": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
@@ -2092,6 +2112,28 @@
"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
"dev": true
},
"node_modules/content-disposition": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
"integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
"license": "MIT",
"engines": {
"node": ">=18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/content-type": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
"integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/convert-source-map": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -2106,6 +2148,15 @@
"node": ">=18"
}
},
"node_modules/cookie-signature": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
"integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
"license": "MIT",
"engines": {
"node": ">=6.6.0"
}
},
"node_modules/copy-to-clipboard": {
"version": "3.3.3",
"resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
@@ -2201,10 +2252,10 @@
"peer": true
},
"node_modules/debug": {
"version": "4.4.0",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
"integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
"dev": true,
"version": "4.4.3",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
"license": "MIT",
"dependencies": {
"ms": "^2.1.3"
},
@@ -2257,6 +2308,15 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/depd": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
"integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/doctrine": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -2273,7 +2333,6 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
"dev": true,
"dependencies": {
"call-bind-apply-helpers": "^1.0.1",
"es-errors": "^1.3.0",
@@ -2283,12 +2342,27 @@
"node": ">= 0.4"
}
},
"node_modules/ee-first": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
"license": "MIT"
},
"node_modules/electron-to-chromium": {
"version": "1.5.76",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.76.tgz",
"integrity": "sha512-CjVQyG7n7Sr+eBXE86HIulnL5N8xZY1sgmOPGuq/F0Rr0FJq63lg0kEtOIDfZBk44FnDLf6FUJ+dsJcuiUDdDQ==",
"dev": true
},
"node_modules/encodeurl": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
"integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/es-abstract": {
"version": "1.23.9",
"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
@@ -2358,7 +2432,6 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
"dev": true,
"engines": {
"node": ">= 0.4"
}
@@ -2367,7 +2440,6 @@
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
"dev": true,
"engines": {
"node": ">= 0.4"
}
@@ -2403,7 +2475,6 @@
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
"integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
"dev": true,
"dependencies": {
"es-errors": "^1.3.0"
},
@@ -2501,6 +2572,12 @@
"node": ">=6"
}
},
"node_modules/escape-html": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
"integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
"license": "MIT"
},
"node_modules/escape-string-regexp": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -2713,6 +2790,67 @@
"node": ">=0.10.0"
}
},
"node_modules/etag": {
"version": "1.8.1",
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
"integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/express": {
"version": "5.2.1",
"resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
"integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
"license": "MIT",
"dependencies": {
"accepts": "^2.0.0",
"body-parser": "^2.2.1",
"content-disposition": "^1.0.0",
"content-type": "^1.0.5",
"cookie": "^0.7.1",
"cookie-signature": "^1.2.1",
"debug": "^4.4.0",
"depd": "^2.0.0",
"encodeurl": "^2.0.0",
"escape-html": "^1.0.3",
"etag": "^1.8.1",
"finalhandler": "^2.1.0",
"fresh": "^2.0.0",
"http-errors": "^2.0.0",
"merge-descriptors": "^2.0.0",
"mime-types": "^3.0.0",
"on-finished": "^2.4.1",
"once": "^1.4.0",
"parseurl": "^1.3.3",
"proxy-addr": "^2.0.7",
"qs": "^6.14.0",
"range-parser": "^1.2.1",
"router": "^2.2.0",
"send": "^1.1.0",
"serve-static": "^2.2.0",
"statuses": "^2.0.1",
"type-is": "^2.0.1",
"vary": "^1.1.2"
},
"engines": {
"node": ">= 18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/express/node_modules/cookie": {
"version": "0.7.2",
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
"integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/fast-deep-equal": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -2743,6 +2881,27 @@
"node": ">=16.0.0"
}
},
"node_modules/finalhandler": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
"integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
"license": "MIT",
"dependencies": {
"debug": "^4.4.0",
"encodeurl": "^2.0.0",
"escape-html": "^1.0.3",
"on-finished": "^2.4.1",
"parseurl": "^1.3.3",
"statuses": "^2.0.1"
},
"engines": {
"node": ">= 18.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/find-up": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -2787,6 +2946,15 @@
"is-callable": "^1.1.3"
}
},
"node_modules/forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
"integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/framer-motion": {
"version": "12.5.0",
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.5.0.tgz",
@@ -2813,6 +2981,15 @@
}
}
},
"node_modules/fresh": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
"integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -2831,7 +3008,6 @@
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
"dev": true,
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
@@ -2878,7 +3054,6 @@
"version": "1.2.7",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
"integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
"dev": true,
"dependencies": {
"call-bind-apply-helpers": "^1.0.1",
"es-define-property": "^1.0.1",
@@ -2902,7 +3077,6 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
"dev": true,
"dependencies": {
"dunder-proto": "^1.0.1",
"es-object-atoms": "^1.0.0"
@@ -2972,7 +3146,6 @@
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
"dev": true,
"engines": {
"node": ">= 0.4"
},
@@ -3032,7 +3205,6 @@
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
"dev": true,
"engines": {
"node": ">= 0.4"
},
@@ -3059,7 +3231,6 @@
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
"dev": true,
"dependencies": {
"function-bind": "^1.1.2"
},
@@ -3075,6 +3246,26 @@
"void-elements": "3.1.0"
}
},
"node_modules/http-errors": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
"integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
"license": "MIT",
"dependencies": {
"depd": "~2.0.0",
"inherits": "~2.0.4",
"setprototypeof": "~1.2.0",
"statuses": "~2.0.2",
"toidentifier": "~1.0.1"
},
"engines": {
"node": ">= 0.8"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/i18next": {
"version": "24.2.1",
"resolved": "https://registry.npmjs.org/i18next/-/i18next-24.2.1.tgz",
@@ -3114,6 +3305,22 @@
"@babel/runtime": "^7.23.2"
}
},
"node_modules/iconv-lite": {
"version": "0.7.2",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
"integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
"license": "MIT",
"dependencies": {
"safer-buffer": ">= 2.1.2 < 3.0.0"
},
"engines": {
"node": ">=0.10.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/ignore": {
"version": "5.3.2",
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -3174,6 +3381,12 @@
"node": ">=0.8.19"
}
},
"node_modules/inherits": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
"license": "ISC"
},
"node_modules/install": {
"version": "0.13.0",
"resolved": "https://registry.npmjs.org/install/-/install-0.13.0.tgz",
@@ -3197,6 +3410,15 @@
"node": ">= 0.4"
}
},
"node_modules/ipaddr.js": {
"version": "1.9.1",
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
"integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
"license": "MIT",
"engines": {
"node": ">= 0.10"
}
},
"node_modules/is-array-buffer": {
"version": "3.0.5",
"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -3405,6 +3627,12 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/is-promise": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
"integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
"license": "MIT"
},
"node_modules/is-regex": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
@@ -3732,11 +3960,56 @@
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
"dev": true,
"engines": {
"node": ">= 0.4"
}
},
"node_modules/media-typer": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
"integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/merge-descriptors": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
"integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
"license": "MIT",
"engines": {
"node": ">=18"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/mime-db": {
"version": "1.54.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
"integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/mime-types": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
"integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
"license": "MIT",
"dependencies": {
"mime-db": "^1.54.0"
},
"engines": {
"node": ">=18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/minimatch": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -3765,8 +4038,7 @@
"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
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
},
"node_modules/nanoid": {
"version": "3.3.8",
@@ -3792,6 +4064,15 @@
"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
"dev": true
},
"node_modules/negotiator": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
"integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/node-releases": {
"version": "2.0.19",
"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
@@ -6474,7 +6755,6 @@
"version": "1.13.3",
"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
"integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
"dev": true,
"engines": {
"node": ">= 0.4"
},
@@ -6561,6 +6841,27 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/on-finished": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
"integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
"license": "MIT",
"dependencies": {
"ee-first": "1.1.1"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/once": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
"integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
"license": "ISC",
"dependencies": {
"wrappy": "1"
}
},
"node_modules/optionator": {
"version": "0.9.4",
"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -6637,6 +6938,15 @@
"node": ">=6"
}
},
"node_modules/parseurl": {
"version": "1.3.3",
"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
"integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/path-exists": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -6661,6 +6971,16 @@
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
"dev": true
},
"node_modules/path-to-regexp": {
"version": "8.4.0",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.4.0.tgz",
"integrity": "sha512-PuseHIvAnz3bjrM2rGJtSgo1zjgxapTLZ7x2pjhzWwlp4SJQgK3f3iZIQwkpEnBaKz6seKBADpM4B4ySkuYypg==",
"license": "MIT",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/picocolors": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -6724,6 +7044,19 @@
"react-is": "^16.13.1"
}
},
"node_modules/proxy-addr": {
"version": "2.0.7",
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
"integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
"license": "MIT",
"dependencies": {
"forwarded": "0.2.0",
"ipaddr.js": "1.9.1"
},
"engines": {
"node": ">= 0.10"
}
},
"node_modules/punycode": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -6733,6 +7066,45 @@
"node": ">=6"
}
},
"node_modules/qs": {
"version": "6.15.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
"integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
"license": "BSD-3-Clause",
"dependencies": {
"side-channel": "^1.1.0"
},
"engines": {
"node": ">=0.6"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/range-parser": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/raw-body": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
"integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
"license": "MIT",
"dependencies": {
"bytes": "~3.1.2",
"http-errors": "~2.0.1",
"iconv-lite": "~0.7.0",
"unpipe": "~1.0.0"
},
"engines": {
"node": ">= 0.10"
}
},
"node_modules/rc-cascader": {
"version": "3.30.0",
"resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.30.0.tgz",
@@ -7595,6 +7967,22 @@
"fsevents": "~2.3.2"
}
},
"node_modules/router": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
"integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
"license": "MIT",
"dependencies": {
"debug": "^4.4.0",
"depd": "^2.0.0",
"is-promise": "^4.0.0",
"parseurl": "^1.3.3",
"path-to-regexp": "^8.0.0"
},
"engines": {
"node": ">= 18"
}
},
"node_modules/rxjs": {
"version": "7.8.1",
"resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
@@ -7656,6 +8044,12 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/safer-buffer": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
"license": "MIT"
},
"node_modules/sass-embedded": {
"version": "1.83.0",
"resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.83.0.tgz",
@@ -8060,6 +8454,51 @@
"semver": "bin/semver.js"
}
},
"node_modules/send": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
"integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
"license": "MIT",
"dependencies": {
"debug": "^4.4.3",
"encodeurl": "^2.0.0",
"escape-html": "^1.0.3",
"etag": "^1.8.1",
"fresh": "^2.0.0",
"http-errors": "^2.0.1",
"mime-types": "^3.0.2",
"ms": "^2.1.3",
"on-finished": "^2.4.1",
"range-parser": "^1.2.1",
"statuses": "^2.0.2"
},
"engines": {
"node": ">= 18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/serve-static": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.1.tgz",
"integrity": "sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==",
"license": "MIT",
"dependencies": {
"encodeurl": "^2.0.0",
"escape-html": "^1.0.3",
"parseurl": "^1.3.3",
"send": "^1.2.0"
},
"engines": {
"node": ">= 18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/set-cookie-parser": {
"version": "2.7.1",
"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
@@ -8111,6 +8550,12 @@
"node": ">= 0.4"
}
},
"node_modules/setprototypeof": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
"integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
"license": "ISC"
},
"node_modules/shebang-command": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -8136,7 +8581,6 @@
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
"integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
"dev": true,
"dependencies": {
"es-errors": "^1.3.0",
"object-inspect": "^1.13.3",
@@ -8155,7 +8599,6 @@
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
"integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
"dev": true,
"dependencies": {
"es-errors": "^1.3.0",
"object-inspect": "^1.13.3"
@@ -8171,7 +8614,6 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
"integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
"dev": true,
"dependencies": {
"call-bound": "^1.0.2",
"es-errors": "^1.3.0",
@@ -8189,7 +8631,6 @@
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
"integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
"dev": true,
"dependencies": {
"call-bound": "^1.0.2",
"es-errors": "^1.3.0",
@@ -8204,16 +8645,6 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true,
"optional": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/source-map-js": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -8223,15 +8654,13 @@
"node": ">=0.10.0"
}
},
"node_modules/source-map-support": {
"version": "0.5.21",
"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
"integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
"dev": true,
"optional": true,
"dependencies": {
"buffer-from": "^1.0.0",
"source-map": "^0.6.0"
"node_modules/statuses": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
"integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/string-convert": {
@@ -8425,6 +8854,15 @@
"resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
"integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
},
"node_modules/toidentifier": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
"integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
"license": "MIT",
"engines": {
"node": ">=0.6"
}
},
"node_modules/tslib": {
"version": "2.8.1",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -8447,6 +8885,20 @@
"node": ">= 0.8.0"
}
},
"node_modules/type-is": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
"integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
"license": "MIT",
"dependencies": {
"content-type": "^1.0.5",
"media-typer": "^1.1.0",
"mime-types": "^3.0.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/typed-array-buffer": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
@@ -8539,12 +8991,14 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/undici-types": {
"version": "6.20.0",
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
"integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
"dev": true,
"optional": true
"node_modules/unpipe": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
"integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/update-browserslist-db": {
"version": "1.1.1",
@@ -8599,6 +9053,15 @@
"integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==",
"dev": true
},
"node_modules/vary": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
"integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/vite": {
"version": "6.0.7",
"resolved": "https://registry.npmjs.org/vite/-/vite-6.0.7.tgz",
@@ -8787,6 +9250,12 @@
"node": ">=0.10.0"
}
},
"node_modules/wrappy": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
"license": "ISC"
},
"node_modules/yallist": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",

3
package.json
View File

@@ -7,11 +7,12 @@
"dev": "vite",
"build": "vite build",
"lint": "eslint .",
"preview": "vite preview"
"preview": "node server.js"
},
"dependencies": {
"@reduxjs/toolkit": "^2.5.0",
"antd": "^5.22.7",
"express": "^5.2.1",
"framer-motion": "^12.5.0",
"i18next": "^24.2.1",
"i18next-browser-languagedetector": "^8.0.2",

3628
public/data.json Normal file
View File

File diff suppressed because it is too large Load Diff

41
server.js Normal file
View File

@@ -0,0 +1,41 @@
import express from "express";
import fs from "fs";
import path from "path";
const app = express();
const port = 3000;
// API endpointleri
app.post("/api/data", express.json(), (req, res) => {
fs.writeFile(path.join(process.cwd(), "public", "data.json"), JSON.stringify(req.body, null, 2), (err) => {
if (err) {
res.status(500).send(err.message);
} else {
res.status(200).json({ ok: true });
}
});
});
app.get("/api/data", (req, res) => {
fs.readFile(path.join(process.cwd(), "public", "data.json"), "utf-8", (err, data) => {
if (err) {
res.status(500).send(err.message);
} else {
res.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");
res.setHeader("Pragma", "no-cache");
res.setHeader("Expires", "0");
res.setHeader("Content-Type", "application/json");
res.send(data);
}
});
});
// Statik dosyaları sun ve diğer tüm istekleri index.html'e yönlendir
app.use(express.static(path.join(process.cwd(), "dist")));
app.get(/^(?!\/api).*/, (req, res) => {
res.sendFile(path.join(process.cwd(), "dist", "index.html"));
});
app.listen(port, () => {
console.log(`Sunucu http://localhost:${port} adresinde çalışıyor`);
});

BIN
src/assets/arch_inter_side.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/arch_street_side.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/door.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/engine.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/floor.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/assets/hood.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/maincar.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

BIN
src/assets/plastik_fender_liner_4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/roof.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/trunk_flor.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/trunk_lid.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

212
src/components/CarConfigurator/Carconfigurator.jsx Normal file
View File

@@ -0,0 +1,212 @@
import { useState, useEffect } from "react";
import styles from "./CarConfigurator.module.scss";
import maincar from "../../assets/maincar.webp";
import imgRoof from "../../assets/roof.jpg";
import imgHood from "../../assets/hood.jpg";
import imgFloor from "../../assets/floor.jpg";
import imgDoor from "../../assets/door.jpg";
import imgTrunkLid from "../../assets/trunk_lid.jpg";
import imgTrunkFloor from "../../assets/trunk_flor.jpg";
import imgEngine from "../../assets/engine.jpg";
import imgArchInter from "../../assets/arch_inter_side.jpg";
import imgArchStreet from "../../assets/arch_street_side.jpg";
import imgPlasticFender from "../../assets/plastik_fender_liner_4.jpg";
// ─── Zone image map ───────────────────────────────────────────────────────────
const ZONE_IMAGES = {
roof: imgRoof,
hood: imgHood,
floor: imgFloor,
doors: imgDoor,
trunk_lid: imgTrunkLid,
trunk_floor: imgTrunkFloor,
engine: imgEngine,
arch_interior: imgArchInter,
arch_street: imgArchStreet,
fender_liner: imgPlasticFender,
wheel: imgArchStreet,
};
const DOTS = [
{ id: "roof", x: 44, y: 22 },
{ id: "trunk_lid", x: 80, y: 27 },
{ id: "trunk_floor", x: 68, y: 46 },
{ id: "arch_interior", x: 75, y: 43 },
{ id: "fender_liner", x: 73, y: 51 },
{ id: "arch_street", x: 47, y: 69 },
{ id: "engine", x: 40, y: 59 },
{ id: "floor", x: 58, y: 61 },
{ id: "doors", x: 74, y: 80 },
{ id: "hood", x: 17, y: 52 },
{ id: "wheel", x: 42, y: 82 },
];
// ─── Product List ─────────────────────────────────────────────────────────────
function ProductList({ zone, pkg, bodyType, appData }) {
if (!appData) return <p className={styles.emptyMsg}>Загрузка...</p>;
const zoneInfo = appData.zones[zone];
const products = zoneInfo?.products?.[bodyType]?.[pkg] || [];
const total = products.reduce((s, p) => s + p.price * p.qty, 0);
const zoneImage = ZONE_IMAGES[zone];
return (
<div className={styles.productList}>
{zoneImage ? (
<div className={styles.zoneImageWrapper}>
<img src={zoneImage} alt={zoneInfo?.label} className={styles.zoneImage} />
<span className={styles.zoneImageLabel}>{zoneInfo?.label}</span>
</div>
) : (
<h3 className={styles.zoneTitle}>{zoneInfo?.label}</h3>
)}
{products.length === 0 && (
<p className={styles.emptyMsg}>Нет товаров для данной зоны / пакета.</p>
)}
{products.map((p, i) => (
<div key={i} className={styles.productRow}>
<span className={styles.productName}>{p.name}</span>
<span className={styles.productCalc}>
<b>{p.price.toLocaleString("ru")} m</b>
{" × "}
{p.qty} {p.unit}
{" = "}
<b className={styles.subtotal}>
{(p.price * p.qty).toLocaleString("ru")} m
</b>
</span>
</div>
))}
{products.length > 0 && (
<div className={styles.totalRow}>
Итого: <strong>{total.toLocaleString("ru")} m</strong>
</div>
)}
{/* <div className={styles.actionButtons}>
<button className={styles.btnBuy}>Купить</button>
<button className={styles.btnView}>Смотреть</button>
</div> */}
</div>
);
}
// ─── Main Component ───────────────────────────────────────────────────────────
export default function CarConfigurator() {
const [appData, setAppData] = useState(null);
const [selectedBody, setSelectedBody]= useState(null);
const [selectedPkg, setSelectedPkg] = useState(null);
const [activeZone, setActiveZone] = useState("roof");
const [tooltip, setTooltip] = useState(null);
// Load data.json — served from /public/data.json, readable by all users
useEffect(() => {
fetch("/api/data")
.then((r) => r.json())
.then((data) => {
setAppData(data);
setSelectedBody(data.bodyTypes[0]?.id || "sedan");
setSelectedPkg(data.packages[0] || "Максимум");
})
.catch(console.error);
}, []);
if (!appData) {
return (
<div className={styles.wrapper}>
<p className={styles.emptyMsg}>Загрузка данных...</p>
</div>
);
}
return (
<div className={styles.wrapper}>
{/* ── Body Type Bar — TOP ──────────────────────────────── */}
<div className={styles.bodyBar}>
<p className={styles.sectionLabel}>Тип кузова</p>
<div className={styles.bodyGrid}>
{appData.bodyTypes.map((b) => (
<button
key={b.id}
className={`${styles.bodyCard} ${selectedBody === b.id ? styles.active : ""}`}
onClick={() => setSelectedBody(b.id)}
>
<span className={styles.bodyIcon}>
{b.image ? <img src={b.image} alt={b.label} /> : b.icon}
</span>
<span className={styles.bodyLabel}>{b.label}</span>
{selectedBody === b.id && <span className={styles.activeDot} />}
</button>
))}
</div>
</div>
{/* ── Main ─────────────────────────────────────────────── */}
<div className={styles.main}>
{/* Car visual */}
<div className={styles.carWrapper}>
<img
className={styles.carImage}
src={maincar}
alt="Автомобиль"
draggable={false}
/>
{DOTS.map((dot) => (
<button
key={dot.id}
className={`${styles.dot} ${activeZone === dot.id ? styles.dotActive : ""}`}
style={{ left: `${dot.x}%`, top: `${dot.y}%` }}
onClick={() => setActiveZone(dot.id)}
onMouseEnter={() => setTooltip(dot)}
onMouseLeave={() => setTooltip(null)}
aria-label={appData.zones[dot.id]?.label}
>
<span className={styles.dotRipple} />
</button>
))}
{tooltip && (
<div
className={styles.tooltip}
style={{ left: `${tooltip.x}%`, top: `${tooltip.y - 8}%` }}
>
{appData.zones[tooltip.id]?.label ?? tooltip.id}
</div>
)}
</div>
{/* Right panel */}
<div className={styles.panel}>
<div className={styles.pkgTabs}>
{appData.packages.map((p) => (
<button
key={p}
className={`${styles.pkgTab} ${selectedPkg === p ? styles.pkgActive : ""}`}
onClick={() => setSelectedPkg(p)}
>
{p}
</button>
))}
</div>
<div className={styles.productGridContainer}>
<ProductList
zone={activeZone}
pkg={selectedPkg}
bodyType={selectedBody}
appData={appData}
/>
</div>
</div>
</div>
</div>
);
}

397
src/components/CarConfigurator/Carconfigurator.module.scss Normal file
View File

@@ -0,0 +1,397 @@
// ── Variables ─────────────────────────────────────────────────
$orange: #f26522;
$orange-dark: #d4551a;
$bg: #f5f5f5;
$white: #ffffff;
$border: #e0e0e0;
$text: #1a1a1a;
$muted: #888;
$radius-sm: 6px;
$radius-md: 10px;
$radius-lg: 16px;
$transition: 0.2s ease;
// ── Wrapper ───────────────────────────────────────────────────
.wrapper {
font-family: "Segoe UI", sans-serif;
background: $bg;
border-radius: $radius-lg;
max-width: 1336px;
margin: 0 auto;
color: $text;
display: flex;
flex-direction: column;
gap: 16px;
padding-bottom: 16px;
}
// ── Body Bar (TOP) ────────────────────────────────────────────
.bodyBar {
background: $white;
border-radius: $radius-lg;
border: 1px solid $border;
padding: 14px 20px;
}
.sectionLabel {
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: $muted;
margin: 0 0 10px;
}
// ── Main Layout ───────────────────────────────────────────────
.main {
display: grid;
grid-template-columns: 1fr 380px;
gap: 20px;
align-items: start;
@media (max-width: 860px) {
grid-template-columns: 1fr;
}
}
// ── Car Wrapper ───────────────────────────────────────────────
.carWrapper {
position: relative;
background: $white;
border-radius: $radius-lg;
overflow: hidden;
border: 1px solid $border;
}
.carImage {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
user-select: none;
pointer-events: none;
}
// ── Dots ──────────────────────────────────────────────────────
.dot {
position: absolute;
transform: translate(-50%, -50%);
width: 16px;
height: 16px;
border-radius: 50%;
background: $orange;
border: 3px solid $white;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
transition: transform $transition, background $transition;
padding: 0;
&:hover {
transform: translate(-50%, -50%) scale(1.25);
background: $orange-dark;
}
&.dotActive {
background: $white;
border-color: $orange;
box-shadow: 0 0 0 3px $orange;
.dotRipple {
animation: ripple 1.2s ease-out infinite;
}
}
}
.dotRipple {
position: absolute;
inset: -6px;
border-radius: 50%;
border: 2px solid $orange;
opacity: 0;
}
@keyframes ripple {
0% { inset: -4px; opacity: 0.8; }
100% { inset: -16px; opacity: 0; }
}
// ── Tooltip ───────────────────────────────────────────────────
.tooltip {
position: absolute;
transform: translate(-50%, -100%);
background: rgba(0, 0, 0, 0.78);
color: $white;
font-size: 0.72rem;
font-weight: 600;
padding: 4px 10px;
border-radius: 4px;
white-space: nowrap;
pointer-events: none;
margin-top: -8px;
z-index: 10;
&::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: rgba(0, 0, 0, 0.78);
}
}
// ── Right Panel ───────────────────────────────────────────────
.panel {
background: $white;
border-radius: $radius-lg;
border: 1px solid $border;
padding: 20px;
display: flex;
flex-direction: column;
gap: 16px;
max-height: 90vh;
overflow-y: auto;
}
// ── Body Grid ─────────────────────────────────────────────────
.bodyGrid {
display: grid;
grid-template-columns: repeat(9, 1fr);
gap: 6px;
@media (max-width: 860px) {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 480px) {
grid-template-columns: repeat(3, 1fr);
}
}
.bodyCard {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 8px 4px;
background: $bg;
border: 2px solid $border;
border-radius: $radius-md;
cursor: pointer;
transition: border-color $transition, box-shadow $transition;
&:hover {
border-color: $orange;
box-shadow: 0 2px 8px rgba($orange, 0.15);
}
&.active {
border-color: $orange;
background: lighten($orange, 45%);
}
}
.bodyIcon {
font-size: 1.3rem;
line-height: 1;
}
.bodyIcon {
max-height: 30px;
max-width: 30px;
img {
width: 100%;
height: 100%;
object-fit: contain;
}
}
.productGridContainer {
max-height: 400px; /* Yüksekliği buradan ayarlayabilirsiniz */
overflow-y: auto;
padding-right: 10px; /* Kaydırma çubuğu için boşluk */
}
.bodyLabel {
font-size: 0.6rem;
font-weight: 600;
text-align: center;
color: $text;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.activeDot {
position: absolute;
top: 5px;
right: 5px;
width: 7px;
height: 7px;
border-radius: 50%;
background: $orange;
}
// ── Package Tabs ──────────────────────────────────────────────
.pkgTabs {
display: flex;
gap: 4px;
border-bottom: 2px solid $border;
padding-bottom: 12px;
}
.pkgTab {
flex: 1;
padding: 6px 4px;
font-size: 0.72rem;
font-weight: 700;
border: none;
background: none;
color: $muted;
cursor: pointer;
border-bottom: 2px solid transparent;
margin-bottom: -14px;
transition: color $transition, border-color $transition;
&:hover { color: $orange; }
&.pkgActive {
color: $orange;
border-bottom-color: $orange;
}
}
// ── Zone Image ────────────────────────────────────────────────
.zoneImageWrapper {
position: relative;
border-radius: $radius-md;
overflow: hidden;
height: 140px;
background: #000;
}
.zoneImage {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: 0.9;
transition: opacity $transition;
&:hover { opacity: 1; }
}
.zoneImageLabel {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 6px 10px;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
color: $white;
font-size: 0.78rem;
font-weight: 700;
}
// ── Product List ──────────────────────────────────────────────
.productList {
display: flex;
flex-direction: column;
gap: 8px;
}
.zoneTitle {
font-size: 1rem;
font-weight: 700;
margin: 0 0 4px;
color: $text;
}
.emptyMsg {
font-size: 0.78rem;
color: $muted;
font-style: italic;
margin: 0;
}
.productRow {
display: flex;
flex-direction: column;
gap: 2px;
padding: 8px 10px;
background: $bg;
border-radius: $radius-sm;
border-left: 3px solid $orange;
}
.productName {
font-size: 0.78rem;
color: $text;
font-weight: 500;
}
.productCalc {
font-size: 0.74rem;
color: $muted;
}
.subtotal {
color: $orange-dark;
}
.totalRow {
font-size: 0.85rem;
font-weight: 700;
color: $text;
padding-top: 4px;
border-top: 1px solid $border;
text-align: right;
strong {
color: $orange;
font-size: 1rem;
}
}
// ── Action Buttons ────────────────────────────────────────────
.actionButtons {
display: flex;
gap: 10px;
margin-top: 4px;
}
.btnBuy {
flex: 1;
padding: 10px;
background: $orange;
color: $white;
border: none;
border-radius: $radius-sm;
font-weight: 700;
font-size: 0.85rem;
cursor: pointer;
transition: background $transition;
&:hover { background: $orange-dark; }
}
.btnView {
flex: 1;
padding: 10px;
background: $white;
color: $orange;
border: 2px solid $orange;
border-radius: $radius-sm;
font-weight: 700;
font-size: 0.85rem;
cursor: pointer;
transition: background $transition, color $transition;
&:hover {
background: $orange;
color: $white;
}
}

22
src/components/Navbar/Navbar.module.scss
View File

@@ -26,6 +26,11 @@
padding: 6px 10px;
font-weight: bold;
color: #ffffff;
margin: 8px 14px 6px;
@media screen and (max-width: 426px) {
font-size: 14px;
margin: 8px 10px 6px;
}
}
.navbarDown {
@@ -66,8 +71,14 @@
box-sizing: border-box;
justify-content: center;
flex-direction: column;
img{
width: 300px;
@media screen and (max-width: 426px) {
width: 80px;
width: 100%;
}
}
@media screen and (max-width: 426px) {
width: 100%;
}
svg {
@@ -260,3 +271,12 @@
font-size: 0.75rem;
}
}
.langSelector {
display: flex;
align-items: center;
gap: 8px;
margin-left: auto;
@media screen and (max-width: 426px) {
display: none;
}
}

17
src/components/Navbar/index.jsx
View File

@@ -47,16 +47,11 @@ const Navbar = () => {
className={styles.logoContainer}
onClick={() => navigate("/")}
>
<img style={{ width: "300px" }} src={Logo} alt="" />
<img src={Logo} alt="" />
</div>
</div>
<div
style={{
display: "flex",
alignItems: "center",
gap: "8px",
marginLeft: "auto",
}}
<div className={styles.langSelector}
>
{languages.map((lang) => (
<button
@@ -89,11 +84,7 @@ const Navbar = () => {
))}
</div>
<div
style={{
display: "flex",
alignItems: "center",
padding: "8px 14px 6px",
}}
>
<button className={styles.btn} onClick={showModal}>
Satyjy bol

651
src/pages/CarconfiguratorAdmin/Adminpage.module.scss Normal file
View File

@@ -0,0 +1,651 @@
// ── Variables ─────────────────────────────────────────────────
$orange: #f26522;
$orange-dark: #d4551a;
$bg: #f0f0f0;
$white: #ffffff;
$border: #e0e0e0;
$text: #1a1a1a;
$muted: #888;
$danger: #e53935;
$success: #2e7d32;
$radius-sm: 6px;
$radius-md: 10px;
$radius-lg: 16px;
$transition: 0.2s ease;
// ── Login ─────────────────────────────────────────────────────
.loginWrapper {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
padding: 20px;
}
.loginCard {
background: $white;
border-radius: $radius-lg;
padding: 48px 40px;
width: 100%;
max-width: 380px;
box-shadow: 0 32px 80px rgba(0, 0, 0, 0.4);
text-align: center;
}
.loginLogo { font-size: 3rem; margin-bottom: 16px; }
.loginTitle {
font-family: "Segoe UI", sans-serif;
font-size: 1.3rem;
font-weight: 800;
color: $text;
margin: 0 0 6px;
}
.loginSub {
font-family: "Segoe UI", sans-serif;
font-size: 0.82rem;
color: $muted;
margin: 0 0 28px;
}
.loginForm { display: flex; flex-direction: column; gap: 12px; }
.loginInput {
width: 100%;
padding: 12px 16px;
border: 2px solid $border;
border-radius: $radius-md;
font-size: 0.95rem;
font-family: "Segoe UI", sans-serif;
outline: none;
transition: border-color $transition;
box-sizing: border-box;
&:focus { border-color: $orange; }
&.inputError { border-color: $danger; }
}
.errorMsg {
font-family: "Segoe UI", sans-serif;
font-size: 0.78rem;
color: $danger;
margin: -4px 0 0;
text-align: left;
}
.loginBtn {
padding: 12px;
background: $orange;
color: $white;
border: none;
border-radius: $radius-md;
font-weight: 700;
font-size: 0.95rem;
font-family: "Segoe UI", sans-serif;
cursor: pointer;
transition: background $transition;
&:hover { background: $orange-dark; }
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-8px); }
40% { transform: translateX(8px); }
60% { transform: translateX(-6px); }
80% { transform: translateX(6px); }
}
.shake { animation: shake 0.45s ease; }
// ── Loading ───────────────────────────────────────────────────
.loadingScreen {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
font-family: "Segoe UI", sans-serif;
font-size: 1rem;
color: $muted;
}
// ── Admin layout ──────────────────────────────────────────────
.adminWrapper {
font-family: "Segoe UI", sans-serif;
min-height: 100vh;
background: $bg;
color: $text;
display: flex;
flex-direction: column;
padding-bottom: 80px;
}
// ── Header ────────────────────────────────────────────────────
.adminHeader {
background: $white;
border-bottom: 1px solid $border;
padding: 16px 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2px 8px rgba(0,0,0,.06);
flex-wrap: wrap;
}
.adminHeaderLeft {
display: flex;
align-items: center;
gap: 14px;
}
.adminHeaderIcon { font-size: 1.8rem; }
.adminHeaderTitle {
font-size: 1.1rem;
font-weight: 800;
margin: 0;
}
.adminHeaderSub {
font-size: 0.72rem;
color: $muted;
margin: 0;
}
.adminHeaderRight {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.savedBadge {
background: lighten($success, 58%);
color: $success;
border: 1px solid lighten($success, 40%);
border-radius: 20px;
padding: 4px 12px;
font-size: 0.72rem;
font-weight: 700;
}
.btnSaveHeader {
padding: 8px 18px;
background: $orange;
color: $white;
border: none;
border-radius: $radius-sm;
font-weight: 700;
font-size: 0.82rem;
cursor: pointer;
transition: background $transition;
&:hover { background: $orange-dark; }
}
.btnLogout {
padding: 8px 18px;
background: $white;
color: $muted;
border: 1.5px solid $border;
border-radius: $radius-sm;
font-weight: 600;
font-size: 0.82rem;
cursor: pointer;
transition: color $transition, border-color $transition;
&:hover { color: $danger; border-color: $danger; }
}
// ── Tab bar ───────────────────────────────────────────────────
.tabBar {
display: flex;
gap: 0;
background: $white;
border-bottom: 2px solid $border;
padding: 0 28px;
}
.tabBtn {
padding: 12px 24px;
border: none;
background: none;
font-size: 0.85rem;
font-weight: 600;
color: $muted;
cursor: pointer;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
transition: color $transition, border-color $transition;
&:hover { color: $orange; }
&.tabActive {
color: $orange;
border-bottom-color: $orange;
}
}
// ── Products tab body ─────────────────────────────────────────
.adminBody {
display: grid;
grid-template-columns: 220px 1fr;
flex: 1;
@media (max-width: 700px) { grid-template-columns: 1fr; }
}
// ── Sidebar ───────────────────────────────────────────────────
.sidebar {
background: $white;
border-right: 1px solid $border;
padding: 20px 12px;
display: flex;
flex-direction: column;
gap: 4px;
min-height: calc(100vh - 200px);
}
.sidebarLabel {
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: $muted;
margin: 0 0 8px 6px;
}
.sidebarItem {
display: block;
width: 100%;
text-align: left;
padding: 9px 12px;
border: none;
background: none;
border-radius: $radius-sm;
font-size: 0.8rem;
font-weight: 500;
color: $text;
cursor: pointer;
transition: background $transition;
&:hover { background: $bg; }
&.sidebarActive {
background: lighten($orange, 44%);
color: $orange;
font-weight: 700;
border-left: 3px solid $orange;
padding-left: 9px;
}
}
// ── Content ───────────────────────────────────────────────────
.content {
padding: 28px;
display: flex;
flex-direction: column;
gap: 20px;
}
// ── Field ─────────────────────────────────────────────────────
.fieldRow {
display: flex;
align-items: center;
gap: 12px;
}
.fieldLabel {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: $muted;
white-space: nowrap;
min-width: 120px;
}
.fieldInput {
flex: 1;
max-width: 360px;
padding: 9px 14px;
border: 1.5px solid $border;
border-radius: $radius-sm;
font-size: 0.88rem;
font-family: "Segoe UI", sans-serif;
outline: none;
box-sizing: border-box;
transition: border-color $transition;
&:focus { border-color: $orange; }
}
// ── Body type pills row ───────────────────────────────────────
.bodyTypeRow {
display: flex;
align-items: flex-start;
gap: 12px;
flex-wrap: wrap;
}
.bodyTypePills {
display: flex;
flex-wrap: wrap;
gap: 6px;
flex: 1;
}
.bodyPill {
padding: 6px 14px;
border-radius: 20px;
border: 1.5px solid $border;
background: $bg;
color: $text;
font-size: 0.78rem;
font-weight: 600;
cursor: pointer;
transition: border-color $transition, background $transition, color $transition;
&:hover { border-color: $orange; }
&.bodyPillActive {
border-color: $orange;
background: lighten($orange, 44%);
color: $orange;
}
}
.bodyPillIcon {
width: 20px;
height: 20px;
margin-right: 8px;
object-fit: contain;
}
.bodyPillEmoji {
margin-right: 8px;
}
// ── Package tabs ──────────────────────────────────────────────
.pkgTabs {
display: flex;
gap: 4px;
border-bottom: 2px solid $border;
padding-bottom: 0;
}
.pkgTab {
padding: 8px 20px;
font-size: 0.78rem;
font-weight: 700;
border: none;
background: none;
color: $muted;
cursor: pointer;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
transition: color $transition, border-color $transition;
&:hover { color: $orange; }
&.pkgActive { color: $orange; border-bottom-color: $orange; }
}
// ── Table ─────────────────────────────────────────────────────
.tableWrapper {
background: $white;
border-radius: $radius-md;
border: 1px solid $border;
overflow: hidden;
}
.table { width: 100%; border-collapse: collapse; }
.th {
text-align: left;
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.07em;
color: $muted;
padding: 10px 14px;
background: $bg;
border-bottom: 2px solid $border;
}
.thNum { width: 110px; }
.tr {
&:not(:last-child) { border-bottom: 1px solid $border; }
&:hover { background: rgba($orange, 0.025); }
}
.td { padding: 8px 10px; font-size: 0.82rem; vertical-align: middle; }
.tdTotal { font-weight: 700; color: $orange-dark; white-space: nowrap; }
.cellInput {
width: 100%;
padding: 7px 10px;
border: 1.5px solid $border;
border-radius: $radius-sm;
font-size: 0.82rem;
font-family: "Segoe UI", sans-serif;
outline: none;
box-sizing: border-box;
transition: border-color $transition;
&:focus { border-color: $orange; }
}
.cellNum { text-align: right; }
.emptyRow {
text-align: center;
padding: 24px;
font-size: 0.82rem;
color: $muted;
font-style: italic;
}
.btnAdd {
align-self: flex-start;
background: none;
border: 2px dashed $orange;
color: $orange;
border-radius: $radius-md;
padding: 9px 20px;
font-weight: 700;
font-size: 0.82rem;
font-family: "Segoe UI", sans-serif;
cursor: pointer;
transition: background $transition;
&:hover { background: lighten($orange, 46%); }
}
.btnDel {
background: none;
border: none;
color: $danger;
cursor: pointer;
font-size: 0.9rem;
padding: 4px 8px;
border-radius: $radius-sm;
transition: background $transition;
&:hover { background: lighten($danger, 46%); }
}
// ── Body Types tab ────────────────────────────────────────────
.bodyTypesPage {
padding: 28px;
display: flex;
flex-direction: column;
gap: 24px;
}
.bodyTypesHeader { display: flex; flex-direction: column; gap: 6px; }
.bodyTypesTitle {
font-size: 1.1rem;
font-weight: 800;
margin: 0;
}
.bodyTypesSub {
font-size: 0.82rem;
color: $muted;
margin: 0;
max-width: 540px;
}
.bodyTypesGrid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 14px;
}
.bodyTypeCard {
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.imageUploader {
position: relative;
background: #f9f9f9;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 120px;
}
.iconPreview {
max-width: 100%;
max-height: 100%;
object-fit: contain;
font-size: 48px;
}
.uploadLabel {
position: absolute;
bottom: 8px;
right: 8px;
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
color: white;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
opacity: 0;
transition: opacity 0.2s;
}
.imageUploader:hover .uploadLabel {
opacity: 1;
}
// ── FIX: bodyTypeCardBottom — input görünür + delete butonu hizalı ──
.bodyTypeCardBottom {
padding: 10px;
display: flex;
align-items: center;
gap: 8px;
background: white;
// Global .fieldInput'taki max-width:360px'i burada ezip
// flex container içinde düzgün genişlemesini sağlıyoruz
.fieldInput {
flex: 1;
min-width: 0; // flex shrink için zorunlu
max-width: none; // ← Ana sorun buydu
}
// Silme butonu sabit genişlikte, flex'ten etkilenmesin
.btnDel {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
}
}
.bodyTypeAddCard {
background: none;
border: 2px dashed $border;
border-radius: $radius-md;
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
cursor: pointer;
color: $muted;
font-size: 0.85rem;
font-weight: 600;
transition: border-color $transition, color $transition;
min-height: 100px;
span:first-child { font-size: 1.8rem; }
&:hover { border-color: $orange; color: $orange; }
}
// ── Save hint ─────────────────────────────────────────────────
.saveHint {
background: lighten($orange, 46%);
border: 1px solid lighten($orange, 30%);
border-radius: $radius-md;
padding: 14px 18px;
font-size: 0.82rem;
color: darken($orange, 10%);
max-width: 600px;
p { margin: 0; line-height: 1.6; }
code {
background: rgba($orange, 0.12);
padding: 2px 6px;
border-radius: 4px;
font-size: 0.78rem;
}
}
// ── Floating save button ──────────────────────────────────────
.floatSave {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 200;
}
.btnSaveFloat {
padding: 12px 24px;
background: $orange;
color: $white;
border: none;
border-radius: $radius-lg;
font-weight: 700;
font-size: 0.88rem;
font-family: "Segoe UI", sans-serif;
cursor: pointer;
box-shadow: 0 6px 20px rgba($orange, 0.45);
transition: background $transition, transform $transition;
&:hover {
background: $orange-dark;
transform: translateY(-2px);
}
}

435
src/pages/CarconfiguratorAdmin/index.jsx Normal file
View File

@@ -0,0 +1,435 @@
import { useState, useEffect, useRef } from "react";
import styles from "./AdminPage.module.scss";
// ─── PASSWORD — change this ───────────────────────────────────────────────────
const ADMIN_PASSWORD = "shumoff2024";
// ─── LOGIN ────────────────────────────────────────────────────────────────────
function LoginScreen({ onLogin }) {
const [input, setInput] = useState("");
const [error, setError] = useState(false);
const [shake, setShake] = useState(false);
function handleSubmit(e) {
e.preventDefault();
if (input === ADMIN_PASSWORD) {
onLogin();
} else {
setError(true);
setShake(true);
setTimeout(() => setShake(false), 500);
}
}
return (
<div className={styles.loginWrapper}>
<div className={`${styles.loginCard} ${shake ? styles.shake : ""}`}>
<div className={styles.loginLogo}>⚙️</div>
<h1 className={styles.loginTitle}>Панель администратора</h1>
<p className={styles.loginSub}>Введите пароль для доступа</p>
<form onSubmit={handleSubmit} className={styles.loginForm}>
<input
type="password"
className={`${styles.loginInput} ${error ? styles.inputError : ""}`}
placeholder="Пароль"
value={input}
onChange={(e) => { setInput(e.target.value); setError(false); }}
autoFocus
/>
{error && <p className={styles.errorMsg}>Неверный пароль. Попробуйте ещё раз.</p>}
<button type="submit" className={styles.loginBtn}>Войти</button>
</form>
</div>
</div>
);
}
// ─── TABS ─────────────────────────────────────────────────────────────────────
const ADMIN_TABS = [
{ id: "products", label: "📦 Товары и цены" },
{ id: "bodytypes", label: "🚗 Типы кузова" },
];
// ─── ADMIN PANEL ─────────────────────────────────────────────────────────────
function AdminPanel({ onLogout }) {
const [data, setData] = useState(null);
const [tab, setTab] = useState("products");
const [zone, setZone] = useState(null);
const [bodyType, setBodyType] = useState(null);
const [pkg, setPkg] = useState(null);
const [saved, setSaved] = useState(false);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
// Load data.json from /public
useEffect(() => {
fetch("api/data")
.then((r) => r.json())
.then((d) => {
setData(d);
setZone(Object.keys(d.zones)[0]);
setBodyType(d.bodyTypes[0]?.id);
setPkg(d.packages[0]);
setLoading(false);
})
.catch((e) => { setError(e.message); setLoading(false); });
}, []);
// ── helpers ────────────────────────────────────────────────
function updateData(fn) {
setData((prev) => {
const next = JSON.parse(JSON.stringify(prev));
fn(next);
return next;
});
}
// Products tab
function getProducts() {
return data?.zones?.[zone]?.products?.[bodyType]?.[pkg] || [];
}
function setProducts(products) {
updateData((d) => {
if (!d.zones[zone].products[bodyType]) d.zones[zone].products[bodyType] = {};
d.zones[zone].products[bodyType][pkg] = products;
});
}
function updateProduct(idx, field, val) {
const ps = JSON.parse(JSON.stringify(getProducts()));
if (field === "price" || field === "qty") ps[idx][field] = Number(val) || 0;
else ps[idx][field] = val;
setProducts(ps);
}
function deleteProduct(idx) {
const ps = JSON.parse(JSON.stringify(getProducts()));
ps.splice(idx, 1);
setProducts(ps);
}
function addProduct() {
const ps = JSON.parse(JSON.stringify(getProducts()));
ps.push({ name: "Новый товар", price: 0, qty: 1, unit: "Л" });
setProducts(ps);
}
// Body types tab
function updateBodyType(idx, field, val) {
updateData((d) => { d.bodyTypes[idx][field] = val; });
}
function deleteBodyType(idx) {
const bt = data.bodyTypes[idx];
updateData((d) => {
d.bodyTypes.splice(idx, 1);
// remove products for this body type in all zones
Object.values(d.zones).forEach((z) => { delete z.products[bt.id]; });
});
if (bodyType === bt.id) setBodyType(data.bodyTypes[0]?.id);
}
function addBodyType() {
const newId = `body_${Date.now()}`;
updateData((d) => {
d.bodyTypes.push({ id: newId, label: "Новый тип", icon: "🚗" });
});
}
// Zone label
function updateZoneLabel(val) {
updateData((d) => { d.zones[zone].label = val; });
}
function handleImageUpload(e, idx) {
const file = e.target.files[0];
if (!file) return;
const reader = new FileReader();
reader.onload = (event) => {
updateBodyType(idx, "image", event.target.result);
updateBodyType(idx, "icon", null); // Eski icon verisini temizle
};
reader.readAsDataURL(file);
}
// ── Save = download updated data.json ──────────────────────
// Since there's no backend, admin downloads the JSON and replaces public/data.json
async function handleSave() {
const res = await fetch("/api/data", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(data),
});
const result = await res.json();
if (!result.ok) { alert("Hata: " + result.error); return; }
setSaved(true);
setTimeout(() => setSaved(false), 3000);
}
// ── Render ─────────────────────────────────────────────────
if (loading) return <div className={styles.loadingScreen}>Загрузка...</div>;
if (error) return <div className={styles.loadingScreen}>Ошибка: {error}</div>;
const products = getProducts();
return (
<div className={styles.adminWrapper}>
{/* Header */}
<header className={styles.adminHeader}>
<div className={styles.adminHeaderLeft}>
<span className={styles.adminHeaderIcon}>⚙️</span>
<div>
<h1 className={styles.adminHeaderTitle}>Панель администратора</h1>
<p className={styles.adminHeaderSub}>Управление товарами, ценами и типами кузова</p>
</div>
</div>
<div className={styles.adminHeaderRight}>
{saved && (
<span className={styles.savedBadge}>
✓ Сохранено
</span>
)}
<button className={styles.btnSaveHeader} onClick={handleSave}>
💾 Сохранить
</button>
<button className={styles.btnLogout} onClick={onLogout}>Выйти</button>
</div>
</header>
{/* Tab bar */}
<div className={styles.tabBar}>
{ADMIN_TABS.map((t) => (
<button
key={t.id}
className={`${styles.tabBtn} ${tab === t.id ? styles.tabActive : ""}`}
onClick={() => setTab(t.id)}
>
{t.label}
</button>
))}
</div>
{/* ── PRODUCTS TAB ─────────────────────────────────────── */}
{tab === "products" && (
<div className={styles.adminBody}>
{/* Sidebar: zones */}
<aside className={styles.sidebar}>
<p className={styles.sidebarLabel}>Зоны</p>
{Object.entries(data.zones).map(([zid, z]) => (
<button
key={zid}
className={`${styles.sidebarItem} ${zone === zid ? styles.sidebarActive : ""}`}
onClick={() => setZone(zid)}
>
{z.label}
</button>
))}
</aside>
{/* Main content */}
<main className={styles.content}>
{/* Zone label */}
<div className={styles.fieldRow}>
<label className={styles.fieldLabel}>Название зоны</label>
<input
className={styles.fieldInput}
value={data.zones[zone]?.label || ""}
onChange={(e) => updateZoneLabel(e.target.value)}
/>
</div>
{/* Body type selector */}
<div className={styles.bodyTypeRow}>
<span className={styles.fieldLabel}>Тип кузова</span>
<div className={styles.bodyTypePills}>
{data.bodyTypes.map((b) => (
<button
key={b.id}
className={`${styles.bodyPill} ${bodyType === b.id ? styles.bodyPillActive : ""}`}
onClick={() => setBodyType(b.id)}
>
{b.image ? <img src={b.image} alt={b.label} className={styles.bodyPillIcon} /> : (b.icon && <span className={styles.bodyPillEmoji}>{b.icon}</span>)}
{b.label}
</button>
))}
</div>
</div>
{/* Package tabs */}
<div className={styles.pkgTabs}>
{data.packages.map((p) => (
<button
key={p}
className={`${styles.pkgTab} ${pkg === p ? styles.pkgActive : ""}`}
onClick={() => setPkg(p)}
>
{p}
</button>
))}
</div>
{/* Products table */}
<div className={styles.tableWrapper}>
<table className={styles.table}>
<thead>
<tr>
<th className={styles.th}>Название товара</th>
<th className={`${styles.th} ${styles.thNum}`}>Цена (m)</th>
<th className={`${styles.th} ${styles.thNum}`}>Кол-во</th>
<th className={`${styles.th} ${styles.thNum}`}>Ед.</th>
<th className={`${styles.th} ${styles.thNum}`}>Итого</th>
<th className={styles.th}></th>
</tr>
</thead>
<tbody>
{products.map((p, i) => (
<tr key={i} className={styles.tr}>
<td className={styles.td}>
<input
className={styles.cellInput}
value={p.name}
onChange={(e) => updateProduct(i, "name", e.target.value)}
/>
</td>
<td className={styles.td}>
<input
className={`${styles.cellInput} ${styles.cellNum}`}
type="number" min="0"
value={p.price}
onChange={(e) => updateProduct(i, "price", e.target.value)}
/>
</td>
<td className={styles.td}>
<input
className={`${styles.cellInput} ${styles.cellNum}`}
type="number" min="0"
value={p.qty}
onChange={(e) => updateProduct(i, "qty", e.target.value)}
/>
</td>
<td className={styles.td}>
<input
className={`${styles.cellInput} ${styles.cellNum}`}
value={p.unit}
onChange={(e) => updateProduct(i, "unit", e.target.value)}
/>
</td>
<td className={`${styles.td} ${styles.tdTotal}`}>
{(p.price * p.qty).toLocaleString("ru")} m
</td>
<td className={styles.td}>
<button className={styles.btnDel} onClick={() => deleteProduct(i)}>✕</button>
</td>
</tr>
))}
{products.length === 0 && (
<tr>
<td colSpan={6} className={styles.emptyRow}>
Нет товаров для этой комбинации
</td>
</tr>
)}
</tbody>
</table>
</div>
<button className={styles.btnAdd} onClick={addProduct}>
+ Добавить товар
</button>
</main>
</div>
)}
{/* ── BODY TYPES TAB ───────────────────────────────────── */}
{tab === "bodytypes" && (
<div className={styles.bodyTypesPage}>
<div className={styles.bodyTypesHeader}>
<h2 className={styles.bodyTypesTitle}>Типы кузова</h2>
<p className={styles.bodyTypesSub}>
Добавляйте, удаляйте и редактируйте типы кузова. Изменения применяются
ко всем зонам и пакетам.
</p>
</div>
<div className={styles.bodyTypesGrid}>
{data.bodyTypes.map((b, i) => (
<div key={b.id} className={styles.bodyTypeCard}>
<div className={styles.imageUploader}>
{b.image ? (
<img src={b.image} alt="Preview" className={styles.iconPreview} />
) : (
b.icon && <span className={styles.iconPreview}>{b.icon}</span>
)}
<label className={styles.uploadLabel}>
<span>{b.image || b.icon ? 'Изменить' : 'Загрузить'}</span>
<input
type="file"
accept="image/png, image/jpeg, image/svg+xml"
onChange={(e) => handleImageUpload(e, i)}
style={{ display: 'none' }}
/>
</label>
</div>
<div className={styles.bodyTypeCardBottom}>
<input
className={styles.fieldInput}
value={b.label}
onChange={(e) => updateBodyType(i, "label", e.target.value)}
placeholder="Название типа"
/>
<button
className={styles.btnDel}
onClick={() => {
if (window.confirm(`Удалить тип "${b.label}"? Все товары для этого типа будут удалены.`)) {
deleteBodyType(i);
}
}}
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/></svg>
</button>
</div>
</div>
))}
{/* Add new */}
<button className={styles.bodyTypeAddCard} onClick={addBodyType}>
<span>+</span>
<span>Добавить тип</span>
</button>
</div>
<div className={styles.saveHint}>
<p>
После всех изменений нажмите <strong>«Сохранить»</strong> в шапке.
</p>
</div>
</div>
)}
{/* Floating save */}
<div className={styles.floatSave}>
<button className={styles.btnSaveFloat} onClick={handleSave}>
💾 Сохранить
</button>
</div>
</div>
);
}
// ─── PAGE EXPORT ─────────────────────────────────────────────────────────────
export default function AdminPage() {
const [authed, setAuthed] = useState(false);
return authed
? <AdminPanel onLogout={() => setAuthed(false)} />
: <LoginScreen onLogin={() => setAuthed(true)} />;
}

3
src/pages/Category/index.jsx
View File

@@ -15,6 +15,7 @@ import CategoryFilters from "./components/CategoryFilters";
import CategoryBreadcrumbs from "./components/CategoryBreadcrumbs";
import useCategoryData from "./hooks/useCategoryData";
import useCategoryProducts from "./hooks/useCategoryProducts";
import Carconfigurator from "../../components/CarConfigurator/Carconfigurator";
import MobilePhoneCard from "./components/Mobilephonecard";
@@ -375,6 +376,8 @@ const CategoryPage = () => {
/>
<main className={styles.productsContainer}>
{categoryId === "1136" && (
<Carconfigurator /> )}
{isInitialLoad ? (
<div className={styles.loaderContainer}>
<Loader />

2
src/routes.jsx
View File

@@ -20,6 +20,7 @@ const ContactUs = lazy(() => import("./pages/ContactUs/index.jsx"));
const DeliveryTerms = lazy(() => import("./pages/DeliveryTerms/index.jsx"));
const AboutUs = lazy(() => import("./pages/AboutUs/index.jsx"));
const PrivacyPolicy = lazy(() => import("./pages/PrivacyPolicy/index.jsx"));
const AdminPage = lazy(() => import("./pages/CarconfiguratorAdmin/index.jsx"));
export default function Router() {
const routes = useRoutes([
@@ -47,6 +48,7 @@ export default function Router() {
{ path: "/delivery-and-payment", element: <DeliveryTerms /> },
{ path: "/about-us", element: <AboutUs /> },
{ path: "/privacy-policy", element: <PrivacyPolicy /> },
{ path: "/carconfigurator-admin", element: <AdminPage /> },
],
},
]);

32
vite.config.js
View File

@@ -1,11 +1,39 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import fs from 'fs';
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
plugins: [
react(),
{
name: "data-api",
configureServer(server) {
server.middlewares.use("/api/data", (req, res, next) => {
if (req.method === "POST") {
let body = "";
req.on("data", (chunk) => { body += chunk; });
req.on("end", () => {
fs.writeFile("public/data.json", body, (err) => {
if (err) { res.statusCode = 500; res.end(err.message); }
else { res.statusCode = 200; res.end(JSON.stringify({ ok: true })); }
});
});
return;
}
if (req.method === "GET") {
fs.readFile("public/data.json", "utf-8", (err, data) => {
if (err) { res.statusCode = 500; res.end(err.message); }
else { res.statusCode = 200; res.setHeader("Content-Type", "application/json"); res.end(data); }
});
return;
}
next();
});
},
},
],
server: {
host: true,
},
})