diff --git a/.idea/discord.xml b/.idea/discord.xml new file mode 100644 index 000000000..d8e956166 --- /dev/null +++ b/.idea/discord.xml @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 000000000..444ccc808 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/php.xml b/.idea/php.xml new file mode 100644 index 000000000..f324872a8 --- /dev/null +++ b/.idea/php.xml @@ -0,0 +1,19 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/pleasurable-ui-team-oba.iml b/.idea/pleasurable-ui-team-oba.iml new file mode 100644 index 000000000..c956989b2 --- /dev/null +++ b/.idea/pleasurable-ui-team-oba.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 000000000..35eb1ddfb --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 000000000..75a7854e7 --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,99 @@ + + + + + + + + + + + + + + + + + + + + + + + + { + "associatedIndex": 7 +} + + + + + + + + + + + + + + + + + + + + + + + + + 1715677701921 + + + + + + \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..7a73a41bf --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,2 @@ +{ +} \ No newline at end of file diff --git a/helpers/fetch-json.js b/helpers/fetch-json.js new file mode 100644 index 000000000..971f20d4a --- /dev/null +++ b/helpers/fetch-json.js @@ -0,0 +1,20 @@ +/** + * An asynchronous helper function that wraps the standard node.js fetch API. + * This function calls an API url passed as the first and mandatory parameter, + * there is an optional payload parameter to send a json object, eg. a filter. + * It then calls the API and returns the response body parsed as a json object. + * @example fetchJson as returning function using the await keyword + * const data = await fetchJson('https://api-url.com/endpoint/') + * @example fetchJson as oneliner using the then() structure. + * fetchJson('https://api-url.com/endpoint/').then((data)=>{ + * // use data... + * }) + * @param {string} url the api endpoint to address + * @param {object} [payload] the payload to send to the API + * @returns the response from the API endpoint parsed as a json object + */ +export default async function fetchJson(url, payload = {}) { + return await fetch(url, payload) + .then((response) => response.json()) + .catch((error) => error) +} diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 000000000..3192248db --- /dev/null +++ b/package-lock.json @@ -0,0 +1,1158 @@ +{ + "name": "pleasurable-ui", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "pleasurable-ui", + "version": "1.0.0", + "license": "MIT", + "dependencies": { + "ejs": "^3.1.10", + "express": "^4.19.2", + "nodemon": "^3.1.0" + } + }, + "node_modules/abbrev": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", + "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" + }, + "node_modules/accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "dependencies": { + "mime-types": "~2.1.34", + "negotiator": "0.6.3" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==" + }, + "node_modules/async": { + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz", + "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==" + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" + }, + "node_modules/binary-extensions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", + "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/body-parser": { + "version": "1.20.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz", + "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==", + "dependencies": { + "bytes": "3.1.2", + "content-type": "~1.0.5", + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "on-finished": "2.4.1", + "qs": "6.11.0", + "raw-body": "2.5.2", + "type-is": "~1.6.18", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/call-bind": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", + "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "set-function-length": "^1.2.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==" + }, + "node_modules/content-disposition": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", + "dependencies": { + "safe-buffer": "5.2.1" + }, + "engines": { + "node": ">= 0.6" + } + }, + "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==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", + "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==" + }, + "node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/define-data-property": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", + "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==", + "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "gopd": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "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==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/destroy": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "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==" + }, + "node_modules/ejs": { + "version": "3.1.10", + "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz", + "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==", + "dependencies": { + "jake": "^10.8.5" + }, + "bin": { + "ejs": "bin/cli.js" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/es-define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", + "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", + "dependencies": { + "get-intrinsic": "^1.2.4" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "engines": { + "node": ">= 0.4" + } + }, + "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==" + }, + "node_modules/etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/express": { + "version": "4.19.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz", + "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==", + "dependencies": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "1.20.2", + "content-disposition": "0.5.4", + "content-type": "~1.0.4", + "cookie": "0.6.0", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.2.0", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.7", + "qs": "6.11.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.2.1", + "send": "0.18.0", + "serve-static": "1.15.0", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.10.0" + } + }, + "node_modules/filelist": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz", + "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==", + "dependencies": { + "minimatch": "^5.0.1" + } + }, + "node_modules/filelist/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/filelist/node_modules/minimatch": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/finalhandler": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz", + "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==", + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "statuses": "2.0.1", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/forwarded": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-intrinsic": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", + "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "has-proto": "^1.0.1", + "has-symbols": "^1.0.3", + "hasown": "^2.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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==", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/gopd": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", + "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", + "dependencies": { + "get-intrinsic": "^1.1.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "engines": { + "node": ">=8" + } + }, + "node_modules/has-property-descriptors": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", + "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==", + "dependencies": { + "es-define-property": "^1.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-proto": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz", + "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-symbols": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/http-errors": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", + "dependencies": { + "depd": "2.0.0", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "toidentifier": "1.0.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/ignore-by-default": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz", + "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==" + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" + }, + "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==", + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "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==", + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/jake": { + "version": "10.9.1", + "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.1.tgz", + "integrity": "sha512-61btcOHNnLnsOdtLgA5efqQWjnSi/vow5HbI7HMdKKWqvrKR1bLK3BPlJn9gcSaP2ewuamUSMB5XEy76KUIS2w==", + "dependencies": { + "async": "^3.2.3", + "chalk": "^4.0.2", + "filelist": "^1.0.4", + "minimatch": "^3.1.2" + }, + "bin": { + "jake": "bin/cli.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==" + }, + "node_modules/methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==" + }, + "node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/nodemon": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.0.tgz", + "integrity": "sha512-xqlktYlDMCepBJd43ZQhjWwMw2obW/JRvkrLxq5RCNcuDDX1DbcPT+qT1IlIIdf+DhnWs90JpTMe+Y5KxOchvA==", + "dependencies": { + "chokidar": "^3.5.2", + "debug": "^4", + "ignore-by-default": "^1.0.1", + "minimatch": "^3.1.2", + "pstree.remy": "^1.1.8", + "semver": "^7.5.3", + "simple-update-notifier": "^2.0.0", + "supports-color": "^5.5.0", + "touch": "^3.1.0", + "undefsafe": "^2.0.5" + }, + "bin": { + "nodemon": "bin/nodemon.js" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/nodemon" + } + }, + "node_modules/nodemon/node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/nodemon/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "engines": { + "node": ">=4" + } + }, + "node_modules/nodemon/node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + }, + "node_modules/nodemon/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/nopt": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz", + "integrity": "sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==", + "dependencies": { + "abbrev": "1" + }, + "bin": { + "nopt": "bin/nopt.js" + }, + "engines": { + "node": "*" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/object-inspect": { + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", + "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==", + "funding": { + "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==", + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==" + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "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==", + "dependencies": { + "forwarded": "0.2.0", + "ipaddr.js": "1.9.1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/pstree.remy": { + "version": "1.1.8", + "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz", + "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==" + }, + "node_modules/qs": { + "version": "6.11.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", + "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", + "dependencies": { + "side-channel": "^1.0.4" + }, + "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==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/raw-body": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", + "dependencies": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "node_modules/semver": { + "version": "7.6.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/send": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz", + "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==", + "dependencies": { + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "2.4.1", + "range-parser": "~1.2.1", + "statuses": "2.0.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/send/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==" + }, + "node_modules/serve-static": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz", + "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==", + "dependencies": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.18.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/set-function-length": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", + "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==", + "dependencies": { + "define-data-property": "^1.1.4", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.2" + }, + "engines": { + "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==" + }, + "node_modules/side-channel": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", + "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==", + "dependencies": { + "call-bind": "^1.0.7", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.4", + "object-inspect": "^1.13.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/simple-update-notifier": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz", + "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==", + "dependencies": { + "semver": "^7.5.3" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "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==", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "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==", + "engines": { + "node": ">=0.6" + } + }, + "node_modules/touch": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.0.tgz", + "integrity": "sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==", + "dependencies": { + "nopt": "~1.0.10" + }, + "bin": { + "nodetouch": "bin/nodetouch.js" + } + }, + "node_modules/type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "dependencies": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/undefsafe": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz", + "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==" + }, + "node_modules/unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", + "engines": { + "node": ">= 0.4.0" + } + }, + "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==", + "engines": { + "node": ">= 0.8" + } + } + } +} diff --git a/package.json b/package.json index a09003bcc..96a9119cb 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,8 @@ "doc": "docs" }, "scripts": { - "start": "node server.js" + "start": "node server.js", + "dev": "nodemon server.js" }, "repository": { "type": "git", @@ -27,6 +28,7 @@ "homepage": "https://github.com/fdnd-task/pleasurable-ui#readme", "dependencies": { "ejs": "^3.1.10", - "express": "^4.19.2" + "express": "^4.19.2", + "nodemon": "^3.1.0" } } diff --git a/public/animations.js b/public/animations.js new file mode 100644 index 000000000..e69de29bb diff --git a/public/daan-animations.js b/public/daan-animations.js new file mode 100644 index 000000000..2e790572e --- /dev/null +++ b/public/daan-animations.js @@ -0,0 +1,163 @@ +// personal page load animations +gsap.from('main', {duration: 0.7, y: '100%', ease: 'ease-in'}); +gsap.from('h1', {duration: 0.6, y: '100%', delay: 0.7, ease: 'ease-out'}); +gsap.from('.hamburger-menu', {duration: 0.5, y: '-150%', delay: 0.7, ease: 'bounce'}); +gsap.from('.oba-logo', {duration: 0.8, y: '-130%', delay: 0.7, ease: 'bounce'}); + + +// timeline for the carousel animation +const carouselTimeline = gsap.timeline({defaults: { duration: 1 }}); + +carouselTimeline + .from('.for-you', {duration: 0.5, x: '-100%', delay: 0.7, ease: 'ease-in'}) + .from('.favourites', {duration: 0.5, x: '100%', ease: 'ease-in'}) + .from('.borrowed', {duration: 0.5, x: '-100%', ease: 'ease-in'}); + +// timeline for for you +const forYouTimeline = gsap.timeline({defaults: { duration: 1 }}); + +// forYouTimeline +// .from('.for-you-details', {duration: 0.7, y: '100%', ease: 'ease-in', delay: 0.1}); + + +// detail active buttons +const forYouDetailsButton = document.getElementById('forYoudetailsButton'); +const favoritesDetailsButton = document.getElementById('favoritesButton'); +const borrowedBooksDetailsButton = document.getElementById('borrowedBooksButton'); + +// detail deactive buttons +const forYouDetailsCloseButton = document.getElementById('forYouDetailsCloseButton'); +const favoritesDetailsCloseButton = document.getElementById('favoritesCloseButton'); +const borrowedBooksDetailsCloseButton = document.getElementById('borrowedBooksCloseButton'); + +// elementen voor de detail functie +const forYouDetails = document.querySelector('.for-you-details'); +const favoritesDetails = document.querySelector('.favorites-details'); +const borrowedBooksDetails = document.querySelector('.borrowed-books-details'); +const contentWrapperActive = document.querySelector('.content-wrapper'); +const pageText = document.querySelector('.page'); + +// click events + +// voor details active + +// for you +forYouDetailsButton.addEventListener('click', () => { + // Zorg ervoor dat de animaties in de timeline 3x zo snel gaan + carouselTimeline.timeScale(2); + + // Reverse de animatie op de timeline met .reverse + carouselTimeline.reverse().eventCallback("onReverseComplete", () => { + detailsForYouActive(); + activeContentWrapper(); + }); +}); + +// favorites +favoritesDetailsButton.addEventListener('click', () => { + // Zorg ervoor dat de animaties in de timeline 3x zo snel gaan + carouselTimeline.timeScale(2); + + // Reverse de animatie op de timeline met .reverse + carouselTimeline.reverse().eventCallback("onReverseComplete", () => { + detailsFavoritesActive() + activeContentWrapper(); + }); +}); + +// borrowed books +borrowedBooksDetailsButton.addEventListener('click', () => { + // Zorg ervoor dat de animaties in de timeline 3x zo snel gaan + carouselTimeline.timeScale(2); + + // Reverse de animatie op de timeline met .reverse + carouselTimeline.reverse().eventCallback("onReverseComplete", () => { + detailsBorrowedBooksActive(); + activeContentWrapper(); + }); +}); + +// voor details deactive + +// for you +forYouDetailsCloseButton.addEventListener('click', () => { + // Zorg ervoor dat de animaties in de timeline 3x zo snel gaan + console.log('ik ben geklikt') + detailsForYouDeactive(); + activeContentWrapperDeactive(); +}); + +// favorites +favoritesDetailsCloseButton.addEventListener('click', () => { + detailsFavoritesDeactive(); + activeContentWrapperDeactive(); +}); + +// borrowed books +borrowedBooksDetailsCloseButton.addEventListener('click', () => { + detailsBorrowedBooksDeactive(); + activeContentWrapperDeactive(); +}); + + + +// details active functions + +// for you +function detailsForYouActive(){ + forYouDetails.classList.add('for-you-details-active'); + pageText.innerHTML = 'Voor Jou' +} + +//favorites +function detailsFavoritesActive(){ + favoritesDetails.classList.add('favorites-details-active'); + pageText.innerHTML = 'Favorieten'; +} + +// borrowed books +function detailsBorrowedBooksActive(){ + borrowedBooksDetails.classList.add('borrowed-books-details-active'); + pageText.innerHTML = 'Geleende Boeken'; +} + +// content wrapper +function activeContentWrapper(){ + contentWrapperActive.classList.add('content-wrapper-active'); + console.log('wrapper'); +} + +// details deactive functions + +// for you +// for you +function detailsForYouDeactive(){ + forYouDetails.classList.remove('for-you-details-active'); + pageText.innerHTML = 'Gebruikers Pagina'; + carouselTimeline.play(); // Speel de timeline-animatie opnieuw af zonder omkeren + activeContentWrapperDeactive(); // Roep de functie aan om de content wrapper ook te deactiveren +} + + +//favorites +function detailsFavoritesDeactive(){ + favoritesDetails.classList.remove('favorites-details-active'); + pageText.innerHTML = 'Gebruikers Pagina' + carouselTimeline.play(); // Speel de timeline-animatie opnieuw af zonder omkeren + activeContentWrapperDeactive(); // Roep de functie aan om de content wrapper ook te deactiveren +} + +// borrowed books +function detailsBorrowedBooksDeactive(){ + borrowedBooksDetails.classList.remove('borrowed-books-details-active'); + pageText.innerHTML = 'Gebruikers Pagina' + carouselTimeline.play(); // Speel de timeline-animatie opnieuw af zonder omkeren + activeContentWrapperDeactive(); // Roep de functie aan om de content wrapper ook te deactiveren +} + +// content wrapper +function activeContentWrapperDeactive(){ + contentWrapperActive.classList.remove('content-wrapper-active'); + console.log('wrapper'); +} + diff --git a/public/fonts/Avenir -black.ttf b/public/fonts/Avenir -black.ttf new file mode 100644 index 000000000..d92635a1b Binary files /dev/null and b/public/fonts/Avenir -black.ttf differ diff --git a/public/fonts/Avenir-medium.ttf b/public/fonts/Avenir-medium.ttf new file mode 100644 index 000000000..8e85e647b Binary files /dev/null and b/public/fonts/Avenir-medium.ttf differ diff --git a/public/fonts/Avenir-roman.ttf b/public/fonts/Avenir-roman.ttf new file mode 100644 index 000000000..3c43f4026 Binary files /dev/null and b/public/fonts/Avenir-roman.ttf differ diff --git a/public/img/OBA-logo-wit.svg b/public/img/OBA-logo-wit.svg new file mode 100644 index 000000000..dc414cb4a Binary files /dev/null and b/public/img/OBA-logo-wit.svg differ diff --git a/public/img/OBA_wit.png b/public/img/OBA_wit.png new file mode 100644 index 000000000..dc414cb4a Binary files /dev/null and b/public/img/OBA_wit.png differ diff --git a/public/img/OBA_wit.svg b/public/img/OBA_wit.svg new file mode 100644 index 000000000..9843accc7 --- /dev/null +++ b/public/img/OBA_wit.svg @@ -0,0 +1,54 @@ + + + + diff --git a/public/img/menu.svg b/public/img/menu.svg new file mode 100644 index 000000000..0c4517d6d --- /dev/null +++ b/public/img/menu.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/img/profile-picture.jpg b/public/img/profile-picture.jpg new file mode 100644 index 000000000..7ac13b6c3 Binary files /dev/null and b/public/img/profile-picture.jpg differ diff --git a/public/script.js b/public/script.js new file mode 100644 index 000000000..bf121fe34 --- /dev/null +++ b/public/script.js @@ -0,0 +1,31 @@ +const body = document.querySelector('body'), +sidebar = body.querySelector('nav'), +toggle = body.querySelector(".toggle"), +searchBtn = body.querySelector(".search-box"), +modeSwitch = body.querySelector(".toggle-switch"), +modeText = body.querySelector(".mode-text"); + +toggle.addEventListener("click" , () =>{ + sidebar.classList.toggle("close"); +}) + +modeSwitch.addEventListener("click" , () =>{ + body.classList.toggle("dark"); + + if(body.classList.contains("dark")){ + modeText.innerText = "Light mode"; + }else{ + modeText.innerText = "Dark mode"; + + } +}); + +document.addEventListener("DOMContentLoaded", function() { + document.body.classList.add('js-enabled'); +}); + +function grow(event) { + const item = event.currentTarget; + item.classList.toggle('active'); +} + diff --git a/public/styles/jesse.css b/public/styles/jesse.css new file mode 100644 index 000000000..53b91f326 --- /dev/null +++ b/public/styles/jesse.css @@ -0,0 +1,81 @@ +/* favorites */ + +/* leeslijst.ejs */ +.favorites article { + width: 98%; + } + + .favorites ul h2 { + text-align: center; + } + + .favorites ul li { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + cursor: pointer; + justify-content: flex-end; + } + + /* .favorites ul li img { + width: 30%; + } */ + + @media (width > 80em) { + .favorites ul { + overflow: auto; + display: flex; + gap: 2em; + scrollbar-color: red transparent; + scrollbar-width: thin; + } + + .favorites ul h3 { + height: -webkit-fill-available; + } + + .favorites ul li img { + /* width: 300px; + height: 400px; */ + object-fit: cover; + } + } + + +/* favorites empty */ + +.FavoritesEmp { + margin: auto; + display: flex; + align-items: center; + justify-content: center; + height: 100vh; + flex-direction: column; + text-align: center; + padding-left: 6em; + color: #5883ff; + } + + .FavoritesEmp svg { + color: #5883ff; + } + + .FavoritesEmp h2 { + color: #5883ff; + } + + .FavoritesEmp p { + color: #5883ff; + } + + @media (width > 60em) { + .FavoritesEmp h2 { + font-size: 4em; + } + + .FavoritesEmp p { + font-size: 2em; + word-wrap: break-word; + } + } \ No newline at end of file diff --git a/public/styles/main.css b/public/styles/main.css new file mode 100644 index 000000000..8e5494da0 --- /dev/null +++ b/public/styles/main.css @@ -0,0 +1,131 @@ +@font-face { + font-family: AvenirRoman; + src: url(../fonts/Avenir-roman.ttf); + } + + @font-face { + font-family: AvenirMedium; + src: url(../fonts/Avenir-medium.ttf); + } + + @font-face { + font-family: AvenirBlack; + src: url(../fonts/Avenir\ -black.ttf); + } + + :root{ + /* ===== Colors ===== */ + --body-color: #e4e9f7; + --sidebar-color: #fff; + --primary-color: #ff0000; + --primary-toggle: #ff0000; + --primary-color-light: #f6f5ff; + --toggle-color: #ddd; + --text-color: black; + + /* ====== Transition ====== */ + --tran-03: all 0.2s ease; + --tran-03: all 0.3s ease; + --tran-04: all 0.3s ease; + --tran-05: all 0.5s ease-in-out; + /* Spacing */ + --none: 0px; + --extra-small: 4px; + --small: 8px; + --medium: 16px; + --large: 32px; + --extra-large: 64px; + --extra-extra-large: 128px; + --buttons: 8px 16px; + + /* Borders */ + --button: 4px; + --radius-small: 4px; + --radius-medium: 8px; + --radius-large: 12px; + --radius-extra-large: 16px; + + /* default font */ + font-family: Arial, Helvetica, sans-serif; + } + + body.dark { + --body-color: #18191a; + --sidebar-color: #242526; + --primary-color: #ccc; + --primary-toggle: #3a3b3c; + --primary-color-light: #3a3b3c; + --toggle-color: #fff; + --text-color: #ccc; + } + + ::selection { + background-color: var(--primary-color); + color: #fff; + } + + * { + box-sizing: border-box; + margin: 0; + padding: 0; + line-height: 1.5; + font-family: AvenirMedium; + } + + body { + font-family: "Poppins", sans-serif; + color: var(--body-color); + transition: var(--tran-05); + } + + span { + font-weight: bold; + color: var(--primary-color); + } + + a { + color: var(--text-color); + text-decoration: none; + } + + h1 { + color: var(--text-color); + } + + h2 { + color: var(--primary-color); + } + + h3 { + color: var(--text-color); + } + + p { + text-align: center; + } + + background-color: var(--body-color); + transition: var(--tran-05); + } + + span { + font-weight: bold; + color: var(--primary-color); + } + + a { + color: var(--text-color); + text-decoration: none; + } + + h1 { + color: var(--text-color); + } + + h2 { + color: var(--primary-color); + } + + p { + text-align: center; + } diff --git a/public/styles/personal-page.css b/public/styles/personal-page.css new file mode 100644 index 000000000..f4a31b50a --- /dev/null +++ b/public/styles/personal-page.css @@ -0,0 +1,237 @@ +header { + + display: flex; + align-items: center; + justify-content: space-between; + padding: 1em; + background-color: var(--primary-color); + height: 10vh; + width: 100vw; + +} + +.hamburger-menu { + display: flex; + align-items: center; + justify-content: center; + background-color: white; + border: none; + width: 5em; + height: 5em; + border-radius: 20%; + cursor: pointer; + margin-bottom: 1.5em; + margin-left: 1.5em; + box-shadow: 3px 6px 10px dimgray; +} + +.hamburger-menu:hover { + scale: 1.2; + transition: 0.1s ease-out; +} + +.hamburger-image { + width: 3em; + height: 3em; + fill: var(--primary-color); +} + +.oba-logo { + margin-right: 1em; + margin-bottom: 0.5em; +} + + +body { + overflow-x: hidden; + background-color: #ff0000; +} + +main { + display: flex; + flex-direction: column; + align-items: center; + padding-top: 7em; + border-top-left-radius: 1em; + border-top-right-radius: 1em; + background-color: white; + position: absolute; + width: 100vw; + top: 8%; +} + + +.content-wrapper-active { + display: block; +} + +.profile-picture { + position: absolute; + bottom: 100%; /* Plaats het element verticaal in het midden */ + top: 0.01%; + /* Plaats het element horizontaal in het midden */ + transform: translate(-5%, -50%); /* Verschuif het element terug met 50% van zijn eigen breedte en hoogte */ + border-radius: 100%; /* Maak de afbeelding rond */ + box-shadow: 2px 8px 5px darkgrey; +} + +h1::first-line { + font-weight: bold; +} + +.details { + display: flex; + align-items: center; + justify-content: space-between; + width: 100vw; + margin-top: 1em; + padding-left: 1.5em; + padding-right: 1.5em; +} + +.details-buttons { + background: none; + border: none; + font-size: 1.5em; + cursor: pointer; +} + +/*hidden details*/ + +.details-item-container { + display: grid; + place-items: center; + justify-content: center; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + grid-auto-rows: minmax(200px, auto); /* Vaste hoogte van 200px voor alle rijen */ + grid-gap: 1em; /* Optioneel: voeg ruimte toe tussen de kolommen */ +} + +.details-close-buttons { + position: relative; + left: 50%; + transform: translateX(-50%); + margin: 1em 0; + background: none; + border: none; + font-size: 1.5em; + cursor: pointer; + color: var(--primary-color); + font-weight: bold; +} + +.for-you-details { + display: none; +} + +.for-you-details-active { + display: block; + +} + +.favorites-details { + display: none; +} + +.favorites-details-active { + display: block; +} + +.borrowed-books-details { + display: none; +} + +.borrowed-books-details-active { + display: block; +} + +ul { + list-style: none; +} + +.carousel { + display: flex; + overflow-x: auto; + scrollbar-width: auto; + width: 100vw; + scroll-snap-type: x mandatory; + +} + +.carousel-items { + list-style: none; + margin: 1em; + scroll-snap-align: center; +} + +.bookCarouselImg { + border-radius: 2em; + cursor: pointer; + box-shadow: 6px 10px 5px darkgrey; +} + +.bookCarouselImg:hover { + scale: 1.1; + transition: 0.1s ease-out; + box-shadow: 3px 6px 10px darkgrey; + +} + + +::-webkit-scrollbar { + height: 0.9em; + width: 0.3em; + background: #B6B6B6; + border-radius: 2em; + box-shadow: 7px 10px 15px darkgrey; +} + +::-webkit-scrollbar:hover { + scale: 1.2; +} + +::-webkit-scrollbar-thumb:horizontal { + background: var(--primary-color); + border-radius: 2em; + width: 5em; +} + +::-webkit-scrollbar-thumb { + background: var(--primary-color); + width: 2em; + border-radius: 2em; +} + +::-webkit-scrollbar-button:end { + width: 0.5em; +} + +::-webkit-scrollbar-button:start { + width: 0.5em; +} + +::-webkit-scrollbar-button { + height: 1em; +} + + +/*ul {*/ +/* max-height: 600px;*/ +/* border: 1px solid #ddd;*/ +/* display: flex;*/ +/* overflow-x: auto;*/ +/* overflow-y: hidden; !* verticale scroll uitzetten *!*/ +/* gap: 4em;*/ +/* margin: 2em;*/ +/* text-align: center;*/ +/*}*/ + +/*li{*/ +/* min-width: 400px;*/ +/* height: 600px;*/ +/* line-height: 350px;*/ +/* text-align: center;*/ +/* background-color: #ddd;*/ +/* margin-right: 10px;*/ + +/*}*/ \ No newline at end of file diff --git a/public/styles/sidebar.css b/public/styles/sidebar.css new file mode 100644 index 000000000..916f40f87 --- /dev/null +++ b/public/styles/sidebar.css @@ -0,0 +1,322 @@ +/* sidebar niet gemaakt door mij. gemaakt door amber */ + +/* ===== Sidebar ===== */ +.sidebar{ + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 300px; + padding: 10px 14px; + background: var(--sidebar-color); + transition: var(--tran-05); + z-index: 100; +} +.sidebar.close{ + width: 88px; +} + +/* ===== Reusable code - Here ===== */ +.sidebar li{ + height: 50px; + list-style: none; + display: flex; + align-items: center; + margin-top: 10px; + overflow: hidden; + + &:nth-child(1){ + margin-top: 0; + } +} + + .notification{ + animation: notify; + animation-duration: 1.5s; + animation-iteration-count: 3; + animation-direction: alternate; +} + + +.sidebar header .image, +.sidebar .icon{ + min-width: 60px; + border-radius: 6px; +} + +.sidebar .icon{ + min-width: 60px; + border-radius: 6px; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: 20px; +} + + +.sidebar .text, +.sidebar .icon{ + color: var(--text-color); + transition: var(--tran-03); +} + +.sidebar .text{ + font-size: 17px; + font-weight: 500; + white-space: nowrap; + opacity: 1; +} +.sidebar.close .text{ + opacity: 0; +} + +.sidebar .text-long, +.sidebar .icon{ + color: var(--text-color); + transition: var(--tran-03); +} + +.sidebar .text-long{ + font-size: 17px; + font-weight: 500; + resize: none; + opacity: 1; +} +.sidebar.close .text-long{ + resize: none; + opacity: 0; +} + +/* =========================== */ + +.sidebar header{ + position: relative; +} + +.sidebar header .image-text{ + display: flex; + align-items: center; +} +.sidebar header .logo-text{ + display: flex; + flex-direction: column; +} +header .image-text .name { + margin-top: 2px; + font-size: 18px; + font-weight: 600; +} + +header .image-text .profession{ + font-size: 16px; + margin-top: -2px; + display: block; +} + +.sidebar header .image{ + display: flex; + align-items: center; + justify-content: center; +} + +.sidebar header .image img{ + width: 3rem; + border-radius: 180px; +} + +.sidebar header .toggle{ + position: absolute; + top: 50%; + right: -25px; + transform: translateY(-50%) rotate(180deg); + height: 25px; + width: 25px; + background-color: var(--primary-toggle); + color: var(--sidebar-color); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 22px; + cursor: pointer; + transition: var(--tran-05); +} + +body.dark .sidebar header .toggle{ + color: var(--text-color); +} + +.sidebar.close .toggle{ + transform: translateY(-50%) rotate(0deg); +} + +.sidebar .menu{ + margin-top: 18px; +} + +.sidebar li.search-box{ + border-radius: 6px; + background-color: var(--primary-color-light); + cursor: pointer; + transition: var(--tran-05); +} + +.sidebar li.search-box input{ + height: 100%; + width: 100%; + outline: none; + border: none; + background-color: var(--primary-color-light); + color: var(--text-color); + border-radius: 6px; + font-size: 17px; + font-weight: 500; + transition: var(--tran-05); +} +.sidebar li a{ + list-style: none; + height: 100%; + background-color: transparent; + display: flex; + align-items: center; + height: 100%; + width: 100%; + border-radius: 6px; + text-decoration: none; + transition: var(--tran-03); +} + +.sidebar li a:hover{ + background-color: var(--primary-color); +} +.sidebar li a:hover .icon, +.sidebar li a:hover .text{ + color: var(--sidebar-color); +} + +.sidebar .menu-bar{ + height: calc(100% - 55px); + display: flex; + flex-direction: column; + justify-content: space-between; +} + + +.menu-bar::-webkit-scrollbar{ + display: none; +} +.sidebar .menu-bar .mode{ + border-radius: 6px; + background-color: var(--primary-color-light); + position: relative; + transition: var(--tran-05); +} + +.menu-bar .mode .sun-moon{ + height: 50px; + width: 60px; +} + +.mode .sun-moon i{ + position: absolute; +} +.mode .sun-moon i.sun{ + opacity: 0; +} +body.dark .mode .sun-moon i.sun{ + opacity: 1; +} +body.dark .mode .sun-moon i.moon{ + opacity: 0; +} + +.menu-bar .bottom-content .toggle-switch{ + position: absolute; + right: 0; + height: 100%; + min-width: 60px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + cursor: pointer; +} +.toggle-switch .switch{ + position: relative; + height: 22px; + width: 40px; + border-radius: 25px; + background-color: var(--toggle-color); + transition: var(--tran-05); +} + +.switch::before{ + content: ''; + position: absolute; + height: 15px; + width: 15px; + border-radius: 50%; + top: 50%; + left: 5px; + transform: translateY(-50%); + background-color: var(--sidebar-color); + transition: var(--tran-04); +} + +body.dark .switch::before{ + left: 20px; +} + +.home{ + position: absolute; + top: 0; + top: 0; + left: 250px; + height: 100vh; + width: calc(100% - 250px); + background-color: var(--body-color); + transition: var(--tran-05); +} +.home .text{ + font-size: 30px; + font-weight: 500; + color: var(--text-color); + padding: 12px 60px; +} + +.sidebar.close ~ .home{ + left: 78px; + height: 100vh; + width: calc(100% - 78px); +} +body.dark .home .text{ + color: var(--text-color); +} + +/* gemaakt door Jesse L. */ +/* fixed voor firefox */ +@-moz-document url-prefix() { + @media screen and (max-height: 47.0em) { + .sidebar .menu-bar { + overflow-x: hidden; + scrollbar-width: none; + } + + } + } + + @keyframes notify { + 0% { + background-color: transparent; + color: var(--text-color); + } + 50% { + background-color: var(--primary-color); + color: var(--primary-color-light); + } + 100% { + background-color: transparent; + color: var(--text-color); + } +} \ No newline at end of file diff --git a/public/styles/tom.css b/public/styles/tom.css new file mode 100644 index 000000000..e69de29bb diff --git a/public/styles/user-overviews.css b/public/styles/user-overviews.css new file mode 100644 index 000000000..fb7192bd4 --- /dev/null +++ b/public/styles/user-overviews.css @@ -0,0 +1,178 @@ +.family-list { + display: flex; + flex-wrap: wrap; + padding: 5vh 5vw; + list-style-type: none; + justify-content: center; + align-items: center; + background-color: var(--body-color); + margin-left: 88px; +} + +.family-list .title { + width: 100%; + margin-bottom: var(--large); +} + +.family-list li { + margin-right: 0; + margin-bottom: var(--medium); + border-radius: var(--radius-small); + width: 90vw; + height: auto; + min-width: 200px; + padding: var(--small); + background-color: var(--sidebar-color); + display: flex; + flex-direction: column; + color: var(--text-color); + transition: var(--tran-05); + overflow: hidden; +} + +.js-enabled .family-list li { + width: 70vw; + height: auto; + flex-direction: column; +} + +.js-enabled .family-list li:hover { + cursor: pointer; +} + +.family-list li article { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: var(--small); + width: 100%; +} + +.family-list li article img { + width: 30vw; + border-radius: 50%; + aspect-ratio: 1/1; + object-fit: cover; + margin: auto; +} + +.hidden { + gap: var(--small); + transition: var(--tran-05); + opacity: 1; + width: 100%; +} + +.family-list li.active { + width: 90vw; +} + +.family-list li.active .hidden { + max-height: 50vw; + overflow: scroll; + padding: var(--large) var(--medium); +} + +.hidden ul { + list-style-type: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: var(--medium); +} + +.hidden a { + display: flex; + background-color: var(--primary-color); + color: var(--primary-color-light); + width: 100%; + padding: var(--small); + align-items: center; + justify-content: center; + border-radius: var(--radius-small); + font-size: 1.2rem; + margin-bottom: var(--small); +} + +#item-list { + margin: 0; + width: 100%; + height: min-content; + min-width: 0; + min-height: 0; + padding: var(--small); + display: flex; + flex-direction: column; +} + +#item-list li { + padding: var(--small); + display: flex; + flex-direction: column; +} + +.hidden .danger { + color: red; +} + +@media (min-width: 601px) { + .family-list { + padding: 10vh 12vw; + margin: 0; + } + + .family-list li { + margin-right: var(--large); + margin-bottom: var(--large); + width: 34vw; + } + + .js-enabled .family-list li { + width: 16vw; + height: 24vw; + flex-direction: row; + } + + .js-enabled .hidden { + opacity: 0; + width: 0; + } + + .family-list li article img { + width: 12vw; + } + + .family-list li.active { + width: 34vw; + } + + .family-list li.active .hidden { + opacity: 1; + width: 100%; + max-height: 24vw; + } +} + +.person-list { + padding: 10vh 12vw; + color: var(--text-color); + background-color: var(--body-color); + transition: var(--tran-05); + margin-left: 88px; + height: 100%; +} + +.person-list ul { + margin-top: var(--large); + list-style: none; +} + +.person-list p { + text-align: left; + margin-bottom: var(--small); +} + +.person-list ul li.danger { + color: red; +} diff --git a/server.js b/server.js index 562d97a21..6d4e4a2d5 100644 --- a/server.js +++ b/server.js @@ -1 +1,120 @@ -console.log('Hier komt jullie server') \ No newline at end of file +// Importeer het npm pakket express uit de node_modules map +import express from 'express' + +// Importeer de zelfgemaakte functie fetchJson uit de ./helpers map +import fetchJson from './helpers/fetch-json.js' + +// // Stel het basis endpoint in +const apiUrl = "https://fdnd-agency.directus.app/items/" +const apiItems = (apiUrl + '/oba_item') +const apiFamily = (apiUrl + 'oba_family') +const apiProfile = (apiUrl + 'oba_profile') +const apiItem = (apiUrl + 'oba_item?fields=*,afbeelding.id,afbeelding.height,afbeelding.width') + +// Maak een nieuwe express app aan +const app = express() + +// Stel ejs in als template engine +app.set('view engine', 'ejs') + +// Stel de map met ejs templates in +app.set('views', './views') + +// Gebruik de map 'public' voor statische resources, zoals stylesheets, afbeeldingen en client-side JavaScript +app.use(express.static('public')) + +// Zorg dat werken met request data makkelijker wordt +app.use(express.urlencoded({extended: true})) + +app.get('/', function (request, response) { + fetchJson(apiFamily).then((apiFamily) => { + response.render('index',{ + // apiUser: apiUser.data + }) + }) +}) + +//Profile Page +app.get('/personal-page/:id', function (request, response) { + // Maak twee afzonderlijke fetch-aanroepen naar families en profiles + Promise.all([fetchJson(apiItems), fetchJson(apiProfile)]) + .then(([apiItems, apiProfiles]) => { + // families en profiles bevatten de opgehaalde data van de API + // Je kunt hier de gewenste bewerkingen uitvoeren voordat je ze doorgeeft aan de view + // console.log(apiItems); + // console.log(apiProfiles); + + // Render de chooseProfile view en geef de opgehaalde data mee + response.render('personal-page', { + apiItems: apiItems.data, + apiProfiles: apiProfiles.data + }); + }) + .catch((error) => { + // Behandel eventuele fouten die optreden tijdens het ophalen van de data + console.error('Error fetching data:', error); + // Stuur een foutbericht naar de client + response.status(500).send('Error fetching data'); + }); +}); + +app.get('/favorites', function(request, response) { + + let leeslijstFetch = `${apiUrl}oba_bookmarks?fields=*.*` + + fetchJson(leeslijstFetch) + .then(({data}) => { + return data.map((bookmark) =>{ + return bookmark.item + }) + }) + .then(itemsOpLeeslijst => { + if (itemsOpLeeslijst.length) { + response.render('favorites', { + items: itemsOpLeeslijst + }); + } else { + // Render lege staat (empty state) + response.render('favorites_empty'); + } + }) +})// Stel het poortnummer in waar express op moet gaan luisteren +app.set('port', process.env.PORT || 8001) + +// Start express op, haal daarbij het zojuist ingestelde poortnummer op +app.listen(app.get('port'), function () { + // Toon een bericht in de console en geef het poortnummer door + console.log(`Application started on http://localhost:${app.get('port')}`) +}) + + + +// Route voor individuele overview pagina. + +app.get('/user-overview/:id', function(request, response) { + const userId = request.params.id; + fetchJson(apiProfile + `/${userId}?fields=*,linked_item.oba_item_id.*`).then((userData) => { + response.render('user-overview', { data: userData.data }); + }); +}); + + +// Route voor overview pagina voor de familie + +app.get('/user-all', function(request, response) { + fetchJson(apiUrl + `/oba_profile?fields=id`).then((userData) => { + const ids = userData.data.map(item => item.id); + const users = []; + ids.forEach(id => { + users.push(fetchJson(apiProfile + `/${id}?fields=*,linked_item.oba_item_id.*`)); + }); + + + Promise.all(users) + .then(linkedItemsArray => { + linkedItemsArray.forEach(linkedItems => { + }); + response.render('user-all', { data: linkedItemsArray }); + }) + }) +}); diff --git a/views/detail.ejs b/views/detail.ejs new file mode 100644 index 000000000..e69de29bb diff --git a/views/favorites.ejs b/views/favorites.ejs new file mode 100644 index 000000000..ca1962937 --- /dev/null +++ b/views/favorites.ejs @@ -0,0 +1,21 @@ +<%- include('./partials/head') %> +
+
+ + +
+ +
+ +<%- include('./partials/foot') %> \ No newline at end of file diff --git a/views/favorites_empty.ejs b/views/favorites_empty.ejs new file mode 100644 index 000000000..a5d447e6c --- /dev/null +++ b/views/favorites_empty.ejs @@ -0,0 +1,11 @@ +<%- include('./partials/head') %> + +
+

+ + +

+

Het ziet er naar uit dat je geen items in je leeslijst hebt

+
+ +<%- include('./partials/foot') %> \ No newline at end of file diff --git a/views/index.ejs b/views/index.ejs new file mode 100644 index 000000000..b5ea05818 --- /dev/null +++ b/views/index.ejs @@ -0,0 +1 @@ +<%- include('./partials/head') %> \ No newline at end of file diff --git a/views/partials/carousel.ejs b/views/partials/carousel.ejs new file mode 100644 index 000000000..e9f83e757 --- /dev/null +++ b/views/partials/carousel.ejs @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/views/partials/foot.ejs b/views/partials/foot.ejs new file mode 100644 index 000000000..cf5ea935a --- /dev/null +++ b/views/partials/foot.ejs @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/views/partials/head.ejs b/views/partials/head.ejs new file mode 100644 index 000000000..3d683d98b --- /dev/null +++ b/views/partials/head.ejs @@ -0,0 +1,123 @@ + + + + + + + Oba + + + + + + + + + + + + + + + +
\ No newline at end of file diff --git a/views/partials/nav.ejs b/views/partials/nav.ejs new file mode 100644 index 000000000..e69de29bb diff --git a/views/partials/tijdelijk b/views/partials/tijdelijk new file mode 100644 index 000000000..d04976d70 --- /dev/null +++ b/views/partials/tijdelijk @@ -0,0 +1,29 @@ + +
+ +

Voor Jou

+ + + +
+ + +
+

Voor Jou

+ + +
\ No newline at end of file diff --git a/views/personal-page.ejs b/views/personal-page.ejs new file mode 100644 index 000000000..f7e6048c8 --- /dev/null +++ b/views/personal-page.ejs @@ -0,0 +1,144 @@ + + + + + + + Obba + + + + + + + + + + + + + + + +
+ + + +
+
+ + profiel foto +

Gebruiker's Pagina

+ + +
+ + +
+ +
+ <% apiItems.forEach(function(apiItem) { %> + + <%= apiItem.title %> + + <% }) %> +
+
+ + +
+ +
+ <% apiItems.forEach(function(apiItem) { %> + + <%= apiItem.title %> + + <% }) %> +
+
+ + +
+ +
+ <% apiItems.forEach(function(apiItem) { %> + + <%= apiItem.title %> + + <% }) %> +
+
+ + +
+ +
+

Voor Jou

+ +
+
    + <% apiItems.forEach(function(apiItem) { %> +
  • + <%= apiItem.title %> +
    • + <% }) %> +
+
+ +
+
+

Favorieten

+ +
+
    + <% apiItems.forEach(function(apiItem) { %> +
  • + <%= apiItem.title %> +
    • + <% }) %> +
+
+ +
+
+

Geleende Boeken

+ +
+
    + <% apiItems.forEach(function(apiItem) { %> +
  • + <%= apiItem.title %> +
    • + <% }) %> +
+
+ +
+ + + + + + + + diff --git a/views/user-all.ejs b/views/user-all.ejs new file mode 100644 index 000000000..3de7c1610 --- /dev/null +++ b/views/user-all.ejs @@ -0,0 +1,75 @@ +<%- include('partials/head') %> +<%- include('partials/nav') %> + + + +<%- include('partials/foot') %> diff --git a/views/user-overview.ejs b/views/user-overview.ejs new file mode 100644 index 000000000..4caa1b9bd --- /dev/null +++ b/views/user-overview.ejs @@ -0,0 +1,36 @@ +<%- include('partials/head')%> +<%- include('partials/nav')%> + +
+

Geleende items van <%= data.name %>

+ Bekijk persoonlijke pagina + +
    + <% + if (data.linked_item && data.linked_item.length > 0) { + const sortedItems = data.linked_item.sort((a, b) => new Date(a.oba_item_id.datetime) - new Date(b.oba_item_id.datetime)); + const today = new Date(); + + sortedItems.forEach(item => { + const itemDate = new Date(item.oba_item_id.datetime); + const isBeforetoday = itemDate < today; + const classList = isBeforetoday ? 'danger' : ''; + %> +
  • +

    <%= item.oba_item_id.title %>

    +

    <%= item.oba_item_id.auteur %>

    +

    <%= itemDate.toLocaleString('nl-NL', { month: 'long', day: 'numeric', hour: 'numeric', minute: '2-digit' }) %>

    +

    • + <% + }); + } else { + %> +
  • +

    <%= data.name %> leent momenteel geen items!

    +
    • + <% } %> +
+
+ + +<%- include('partials/foot')%> \ No newline at end of file diff --git a/views/user-select.ejs b/views/user-select.ejs new file mode 100644 index 000000000..e69de29bb