From 25fc2e9af79b275b8e2daa59b179b2ad6a34accb Mon Sep 17 00:00:00 2001 From: Isaac Amanor <68393840+Ike44@users.noreply.github.com> Date: Wed, 4 Sep 2024 17:58:15 -0400 Subject: [PATCH 1/6] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e301846..6782ed1 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# mern-stack-example +# mern-stack-PG HW1 Mern Stack code for the [Mern Tutorial](https://www.mongodb.com/languages/mern-stack-tutorial) [![CI](https://github.com/mongodb-developer/mern-stack-example/actions/workflows/main.yaml/badge.svg)](https://github.com/mongodb-developer/mern-stack-example/actions/workflows/main.yaml) From 42371c343c423f1552175779774c1020f5cd81b8 Mon Sep 17 00:00:00 2001 From: Ike44 Date: Wed, 11 Sep 2024 18:08:37 -0400 Subject: [PATCH 2/6] Implementing the functionality to search by name and position --- mern/client/src/components/RecordList.jsx | 35 ++- mern/server/package-lock.json | 258 ++++++++++++++++------ 2 files changed, 211 insertions(+), 82 deletions(-) diff --git a/mern/client/src/components/RecordList.jsx b/mern/client/src/components/RecordList.jsx index 06309f5..23cbd26 100644 --- a/mern/client/src/components/RecordList.jsx +++ b/mern/client/src/components/RecordList.jsx @@ -37,6 +37,7 @@ const Record = (props) => ( export default function RecordList() { const [records, setRecords] = useState([]); + const [searchQuery, setSearchQuery] = useState(""); // This method fetches the records from the database. useEffect(() => { @@ -65,23 +66,37 @@ export default function RecordList() { // This method will map out the records on the table function recordList() { - return records.map((record) => { - return ( - deleteRecord(record._id)} - key={record._id} - /> - ); - }); + return records + .filter((record) => + record.name.toLowerCase().includes(searchQuery.toLowerCase()) || + record.position.toLowerCase().includes(searchQuery.toLowerCase()) + ) + .map((record) => { + return ( + deleteRecord(record._id)} + key={record._id} + /> + ); + }); } - // This following section will display the table with the records of individuals. return ( <>

Employee Records

+
+ + setSearchQuery(e.target.value)} + /> +
diff --git a/mern/server/package-lock.json b/mern/server/package-lock.json index f3e1780..1a8b8b4 100644 --- a/mern/server/package-lock.json +++ b/mern/server/package-lock.json @@ -53,20 +53,21 @@ "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==" }, "node_modules/body-parser": { - "version": "1.20.1", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz", - "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==", + "version": "1.20.3", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz", + "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==", + "license": "MIT", "dependencies": { "bytes": "3.1.2", - "content-type": "~1.0.4", + "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.1", + "qs": "6.13.0", + "raw-body": "2.5.2", "type-is": "~1.6.18", "unpipe": "1.0.0" }, @@ -75,6 +76,21 @@ "npm": "1.2.8000 || >= 1.4.16" } }, + "node_modules/body-parser/node_modules/qs": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz", + "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==", + "license": "BSD-3-Clause", + "dependencies": { + "side-channel": "^1.0.6" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/bson": { "version": "6.3.0", "resolved": "https://registry.npmjs.org/bson/-/bson-6.3.0.tgz", @@ -87,19 +103,22 @@ "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.6", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.6.tgz", - "integrity": "sha512-Mj50FLHtlsoVfRfnHaZvyrooHcrlceNZdL/QBvJJVd9Ta55qCQK0gs4ss2oZDeV9zFCs6ewzYgVE5yfVmfFpVg==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", + "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "license": "MIT", "dependencies": { + "es-define-property": "^1.0.0", "es-errors": "^1.3.0", "function-bind": "^1.1.2", - "get-intrinsic": "^1.2.3", - "set-function-length": "^1.2.0" + "get-intrinsic": "^1.2.4", + "set-function-length": "^1.2.1" }, "engines": { "node": ">= 0.4" @@ -123,14 +142,16 @@ "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/cookie": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz", - "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==", + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", + "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==", + "license": "MIT", "engines": { "node": ">= 0.6" } @@ -161,23 +182,27 @@ } }, "node_modules/define-data-property": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.2.tgz", - "integrity": "sha512-SRtsSqsDbgpJBbW3pABMCOt6rQyeM8s8RiyeSN8jYG8sYmt/kGJejbydttUsnDs1tadr19tvhT4ShwMyoqAm4g==", + "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==", + "license": "MIT", "dependencies": { + "es-define-property": "^1.0.0", "es-errors": "^1.3.0", - "get-intrinsic": "^1.2.2", - "gopd": "^1.0.1", - "has-property-descriptors": "^1.0.1" + "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==", + "license": "MIT", "engines": { "node": ">= 0.8" } @@ -186,6 +211,7 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "license": "MIT", "engines": { "node": ">= 0.8", "npm": "1.2.8000 || >= 1.4.16" @@ -204,10 +230,23 @@ "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==", + "license": "MIT", + "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==", + "license": "MIT", "engines": { "node": ">= 0.4" } @@ -221,41 +260,43 @@ "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": "4.18.2", - "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz", - "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/express/-/express-4.20.0.tgz", + "integrity": "sha512-pLdae7I6QqShF5PnNTCVn4hI91Dx0Grkn2+IAsMTgMIKuQVte2dN9PeGSSAME2FR8anOhVA62QDIUaWVfEXVLw==", + "license": "MIT", "dependencies": { "accepts": "~1.3.8", "array-flatten": "1.1.1", - "body-parser": "1.20.1", + "body-parser": "1.20.3", "content-disposition": "0.5.4", "content-type": "~1.0.4", - "cookie": "0.5.0", + "cookie": "0.6.0", "cookie-signature": "1.0.6", "debug": "2.6.9", "depd": "2.0.0", - "encodeurl": "~1.0.2", + "encodeurl": "~2.0.0", "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", + "merge-descriptors": "1.0.3", "methods": "~1.1.2", "on-finished": "2.4.1", "parseurl": "~1.3.3", - "path-to-regexp": "0.1.7", + "path-to-regexp": "0.1.10", "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", + "send": "0.19.0", + "serve-static": "1.16.0", "setprototypeof": "1.2.0", "statuses": "2.0.1", "type-is": "~1.6.18", @@ -266,6 +307,15 @@ "node": ">= 0.10.0" } }, + "node_modules/express/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/finalhandler": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz", @@ -295,6 +345,7 @@ "version": "0.5.2", "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "license": "MIT", "engines": { "node": ">= 0.6" } @@ -303,6 +354,7 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -311,6 +363,7 @@ "version": "1.2.4", "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "license": "MIT", "dependencies": { "es-errors": "^1.3.0", "function-bind": "^1.1.2", @@ -329,6 +382,7 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", + "license": "MIT", "dependencies": { "get-intrinsic": "^1.1.3" }, @@ -337,20 +391,22 @@ } }, "node_modules/has-property-descriptors": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz", - "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", + "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==", + "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.2" + "es-define-property": "^1.0.0" }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/has-proto": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz", - "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz", + "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==", + "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -362,6 +418,7 @@ "version": "1.0.3", "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -370,9 +427,10 @@ } }, "node_modules/hasown": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz", - "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "license": "MIT", "dependencies": { "function-bind": "^1.1.2" }, @@ -384,6 +442,7 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", + "license": "MIT", "dependencies": { "depd": "2.0.0", "inherits": "2.0.4", @@ -399,6 +458,7 @@ "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "license": "MIT", "dependencies": { "safer-buffer": ">= 2.1.2 < 3" }, @@ -409,7 +469,8 @@ "node_modules/inherits": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "license": "ISC" }, "node_modules/ipaddr.js": { "version": "1.9.1", @@ -423,6 +484,7 @@ "version": "0.3.0", "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "license": "MIT", "engines": { "node": ">= 0.6" } @@ -433,9 +495,13 @@ "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==" }, "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==" + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz", + "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } }, "node_modules/methods": { "version": "1.1.2", @@ -449,6 +515,7 @@ "version": "1.6.0", "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "license": "MIT", "bin": { "mime": "cli.js" }, @@ -551,9 +618,13 @@ } }, "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==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz", + "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -578,9 +649,10 @@ } }, "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==" + "version": "0.1.10", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz", + "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==", + "license": "MIT" }, "node_modules/proxy-addr": { "version": "2.0.7", @@ -606,6 +678,7 @@ "version": "6.11.0", "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", + "license": "BSD-3-Clause", "dependencies": { "side-channel": "^1.0.4" }, @@ -620,14 +693,16 @@ "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": "2.5.1", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz", - "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==", + "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==", + "license": "MIT", "dependencies": { "bytes": "3.1.2", "http-errors": "2.0.0", @@ -660,12 +735,14 @@ "node_modules/safer-buffer": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", - "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "license": "MIT" }, "node_modules/send": { - "version": "0.18.0", - "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz", - "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==", + "version": "0.19.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz", + "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==", + "license": "MIT", "dependencies": { "debug": "2.6.9", "depd": "2.0.0", @@ -688,12 +765,14 @@ "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==" + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "license": "MIT" }, "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==", + "version": "1.16.0", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.0.tgz", + "integrity": "sha512-pDLK8zwl2eKaYrs8mrPZBJua4hMplRWJ1tIFksVC3FtBEBnl8dxgeHtsaMS8DhS9i4fLObaon6ABoc4/hQGdPA==", + "license": "MIT", "dependencies": { "encodeurl": "~1.0.2", "escape-html": "~1.0.3", @@ -704,17 +783,48 @@ "node": ">= 0.8.0" } }, + "node_modules/serve-static/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==", + "license": "MIT" + }, + "node_modules/serve-static/node_modules/send": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz", + "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==", + "license": "MIT", + "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/set-function-length": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.1.tgz", - "integrity": "sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==", + "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==", + "license": "MIT", "dependencies": { - "define-data-property": "^1.1.2", + "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "function-bind": "^1.1.2", - "get-intrinsic": "^1.2.3", + "get-intrinsic": "^1.2.4", "gopd": "^1.0.1", - "has-property-descriptors": "^1.0.1" + "has-property-descriptors": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -723,14 +833,16 @@ "node_modules/setprototypeof": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", - "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==" + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", + "license": "ISC" }, "node_modules/side-channel": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.5.tgz", - "integrity": "sha512-QcgiIWV4WV7qWExbN5llt6frQB/lBven9pqliLXfGPB+K9ZYXxDozp0wLkHS24kWCm+6YXH/f0HhnObZnZOBnQ==", + "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==", + "license": "MIT", "dependencies": { - "call-bind": "^1.0.6", + "call-bind": "^1.0.7", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.4", "object-inspect": "^1.13.1" @@ -762,6 +874,7 @@ "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" } @@ -781,6 +894,7 @@ "version": "1.6.18", "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "license": "MIT", "dependencies": { "media-typer": "0.3.0", "mime-types": "~2.1.24" From dad2571d94a3759f03a653fc945fa09fa27f9b0b Mon Sep 17 00:00:00 2001 From: David Taylor Date: Thu, 12 Sep 2024 10:40:30 -0400 Subject: [PATCH 3/6] excel upload populates table with new data - David Taylor --- mern/client/package-lock.json | 246 +++++++++++++++++++++- mern/client/package.json | 4 +- mern/client/src/components/Record.jsx | 1 + mern/client/src/components/RecordList.jsx | 54 ++++- 4 files changed, 299 insertions(+), 6 deletions(-) diff --git a/mern/client/package-lock.json b/mern/client/package-lock.json index d8bef83..81f8e85 100644 --- a/mern/client/package-lock.json +++ b/mern/client/package-lock.json @@ -8,8 +8,10 @@ "name": "client", "version": "0.1.0", "dependencies": { + "mongodb": "^6.8.1", "react": "^18.2.0", - "react-dom": "^18.2.0" + "react-dom": "^18.2.0", + "xlsx": "^0.18.5" }, "devDependencies": { "@types/react": "^18.2.43", @@ -1010,6 +1012,15 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "node_modules/@mongodb-js/saslprep": { + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.1.9.tgz", + "integrity": "sha512-tVkljjeEaAhCqTzajSdgbQ6gE6f3oneVwa3iXR6csiEwXXOFsiC6Uh9iAjAhXPtqa/XMDHWjjeNH/77m/Yq2dw==", + "license": "MIT", + "dependencies": { + "sparse-bitfield": "^3.0.3" + } + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -1334,6 +1345,21 @@ "integrity": "sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==", "dev": true }, + "node_modules/@types/webidl-conversions": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz", + "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA==", + "license": "MIT" + }, + "node_modules/@types/whatwg-url": { + "version": "11.0.5", + "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.5.tgz", + "integrity": "sha512-coYR071JRaHa+xoEvvYqvnIHaVqaYrLPbsufM9BF63HkwI5Lgmy2QR8Q5K/lYDYo5AK82wOvSOS0UsLTpTG7uQ==", + "license": "MIT", + "dependencies": { + "@types/webidl-conversions": "*" + } + }, "node_modules/@types/yauzl": { "version": "2.10.3", "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz", @@ -1390,6 +1416,15 @@ "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, + "node_modules/adler-32": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.3.1.tgz", + "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==", + "license": "Apache-2.0", + "engines": { + "node": ">=0.8" + } + }, "node_modules/aggregate-error": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", @@ -1864,6 +1899,15 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/bson": { + "version": "6.8.0", + "resolved": "https://registry.npmjs.org/bson/-/bson-6.8.0.tgz", + "integrity": "sha512-iOJg8pr7wq2tg/zSlCCHMi3hMm5JTOxLTagf3zxhcenHsFp+c6uOs6K7W5UE7A4QIJGtqh/ZovFNMP4mOPJynQ==", + "license": "Apache-2.0", + "engines": { + "node": ">=16.20.1" + } + }, "node_modules/buffer": { "version": "5.7.1", "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz", @@ -1964,6 +2008,19 @@ "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==", "dev": true }, + "node_modules/cfb": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz", + "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==", + "license": "Apache-2.0", + "dependencies": { + "adler-32": "~1.3.0", + "crc-32": "~1.2.0" + }, + "engines": { + "node": ">=0.8" + } + }, "node_modules/chalk": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", @@ -2133,6 +2190,15 @@ "node": ">=8" } }, + "node_modules/codepage": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz", + "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==", + "license": "Apache-2.0", + "engines": { + "node": ">=0.8" + } + }, "node_modules/color-convert": { "version": "1.9.3", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", @@ -2202,6 +2268,18 @@ "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==", "dev": true }, + "node_modules/crc-32": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz", + "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==", + "license": "Apache-2.0", + "bin": { + "crc32": "bin/crc32.njs" + }, + "engines": { + "node": ">=0.8" + } + }, "node_modules/cross-spawn": { "version": "7.0.3", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", @@ -3324,6 +3402,15 @@ "node": ">= 0.12" } }, + "node_modules/frac": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz", + "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==", + "license": "Apache-2.0", + "engines": { + "node": ">=0.8" + } + }, "node_modules/fraction.js": { "version": "4.3.7", "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", @@ -4742,6 +4829,12 @@ "yallist": "^3.0.2" } }, + "node_modules/memory-pager": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz", + "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==", + "license": "MIT" + }, "node_modules/merge-stream": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", @@ -4830,6 +4923,62 @@ "node": ">=16 || 14 >=14.17" } }, + "node_modules/mongodb": { + "version": "6.8.1", + "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.8.1.tgz", + "integrity": "sha512-qsS+gl5EJb+VzJqUjXSZ5Y5rbuM/GZlZUEJ2OIVYP10L9rO9DQ0DGp+ceTzsmoADh6QYMWd9MSdG9IxRyYUkEA==", + "license": "Apache-2.0", + "dependencies": { + "@mongodb-js/saslprep": "^1.1.5", + "bson": "^6.7.0", + "mongodb-connection-string-url": "^3.0.0" + }, + "engines": { + "node": ">=16.20.1" + }, + "peerDependencies": { + "@aws-sdk/credential-providers": "^3.188.0", + "@mongodb-js/zstd": "^1.1.0", + "gcp-metadata": "^5.2.0", + "kerberos": "^2.0.1", + "mongodb-client-encryption": ">=6.0.0 <7", + "snappy": "^7.2.2", + "socks": "^2.7.1" + }, + "peerDependenciesMeta": { + "@aws-sdk/credential-providers": { + "optional": true + }, + "@mongodb-js/zstd": { + "optional": true + }, + "gcp-metadata": { + "optional": true + }, + "kerberos": { + "optional": true + }, + "mongodb-client-encryption": { + "optional": true + }, + "snappy": { + "optional": true + }, + "socks": { + "optional": true + } + } + }, + "node_modules/mongodb-connection-string-url": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.1.tgz", + "integrity": "sha512-XqMGwRX0Lgn05TDB4PyG2h2kKO/FfWJyCzYQbIhXUxz7ETt0I/FqHjUeqj37irJ+Dl1ZtU82uYyj14u2XsZKfg==", + "license": "Apache-2.0", + "dependencies": { + "@types/whatwg-url": "^11.0.2", + "whatwg-url": "^13.0.0" + } + }, "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", @@ -5462,7 +5611,6 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", - "dev": true, "engines": { "node": ">=6" } @@ -6003,6 +6151,27 @@ "node": ">=0.10.0" } }, + "node_modules/sparse-bitfield": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz", + "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==", + "license": "MIT", + "dependencies": { + "memory-pager": "^1.0.2" + } + }, + "node_modules/ssf": { + "version": "0.11.2", + "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz", + "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==", + "license": "Apache-2.0", + "dependencies": { + "frac": "~1.1.2" + }, + "engines": { + "node": ">=0.8" + } + }, "node_modules/sshpk": { "version": "1.18.0", "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz", @@ -6449,6 +6618,18 @@ "node": ">= 4.0.0" } }, + "node_modules/tr46": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz", + "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==", + "license": "MIT", + "dependencies": { + "punycode": "^2.3.0" + }, + "engines": { + "node": ">=14" + } + }, "node_modules/ts-interface-checker": { "version": "0.1.13", "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", @@ -6741,6 +6922,28 @@ } } }, + "node_modules/webidl-conversions": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz", + "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=12" + } + }, + "node_modules/whatwg-url": { + "version": "13.0.0", + "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-13.0.0.tgz", + "integrity": "sha512-9WWbymnqj57+XEuqADHrCJ2eSXzn8WXIW/YSGaZtb2WKAInQ6CHfaUUcTyyver0p8BDg5StLQq8h1vtZuwmOig==", + "license": "MIT", + "dependencies": { + "tr46": "^4.1.1", + "webidl-conversions": "^7.0.0" + }, + "engines": { + "node": ">=16" + } + }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -6832,6 +7035,24 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/wmf": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz", + "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==", + "license": "Apache-2.0", + "engines": { + "node": ">=0.8" + } + }, + "node_modules/word": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz", + "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==", + "license": "Apache-2.0", + "engines": { + "node": ">=0.8" + } + }, "node_modules/wrap-ansi": { "version": "8.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", @@ -6965,6 +7186,27 @@ "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", "dev": true }, + "node_modules/xlsx": { + "version": "0.18.5", + "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz", + "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==", + "license": "Apache-2.0", + "dependencies": { + "adler-32": "~1.3.0", + "cfb": "~1.2.1", + "codepage": "~1.15.0", + "crc-32": "~1.2.1", + "ssf": "~0.11.2", + "wmf": "~1.0.1", + "word": "~0.3.0" + }, + "bin": { + "xlsx": "bin/xlsx.njs" + }, + "engines": { + "node": ">=0.8" + } + }, "node_modules/yallist": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", diff --git a/mern/client/package.json b/mern/client/package.json index 6f6e62c..3766aee 100644 --- a/mern/client/package.json +++ b/mern/client/package.json @@ -10,8 +10,10 @@ "preview": "vite preview" }, "dependencies": { + "mongodb": "^6.8.1", "react": "^18.2.0", - "react-dom": "^18.2.0" + "react-dom": "^18.2.0", + "xlsx": "^0.18.5" }, "devDependencies": { "@types/react": "^18.2.43", diff --git a/mern/client/src/components/Record.jsx b/mern/client/src/components/Record.jsx index f5b3255..0112a5a 100644 --- a/mern/client/src/components/Record.jsx +++ b/mern/client/src/components/Record.jsx @@ -58,6 +58,7 @@ export default function Record() { }, body: JSON.stringify(person), }); + console.log(JSON.stringify(person)) } else { // if we are updating a record we will PATCH to /record/:id. response = await fetch(`http://localhost:5050/record/${params.id}`, { diff --git a/mern/client/src/components/RecordList.jsx b/mern/client/src/components/RecordList.jsx index 23cbd26..0cfd116 100644 --- a/mern/client/src/components/RecordList.jsx +++ b/mern/client/src/components/RecordList.jsx @@ -1,6 +1,6 @@ import { useEffect, useState } from "react"; import { Link } from "react-router-dom"; - +import * as xlsx from 'xlsx'; const Record = (props) => ( ); + export default function RecordList() { const [records, setRecords] = useState([]); const [searchQuery, setSearchQuery] = useState(""); @@ -68,8 +69,8 @@ export default function RecordList() { function recordList() { return records .filter((record) => - record.name.toLowerCase().includes(searchQuery.toLowerCase()) || - record.position.toLowerCase().includes(searchQuery.toLowerCase()) + (record.name && record.name.toLowerCase().includes(searchQuery.toLowerCase())) || + (record.position && record.position.toLowerCase().includes(searchQuery.toLowerCase())) ) .map((record) => { return ( @@ -82,9 +83,56 @@ export default function RecordList() { }); } + function uploadFile() { + //alert user if file is not uploaded + if (document.getElementById('fileInput').files.length === 0) { + alert('Please select a file to upload.'); + return; + } + const fileInput = document.getElementById('fileInput'); + console.log("Uploading file..."); + const file = fileInput.files[0]; + + const reader = new FileReader(); + reader.onload = (e) => { + const data = new Uint8Array(e.target.result); + const workbook = xlsx.read(data, { type: 'array' }); + const sheetName = workbook.SheetNames[0]; + const worksheet = workbook.Sheets[sheetName]; + const json = xlsx.utils.sheet_to_json(worksheet); + sendToServer(json); + }; + reader.readAsArrayBuffer(file); + function sendToServer(json){ + console.log("Sending to server..."); + console.log(json); + //for each item in json, send it to server + for (let i = 0; i < json.length; i++) { + fetch('http://localhost:5050/record', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify(json[i]) + }) + .then(response => response.json()) + .then(data => { + setRecords([...records, data]); + console.log('Upload Successful:', data); + }) + .catch((error) => { + console.error('Upload Error:', error); + }); + } + } + } + return ( <>

Employee Records

+

Load Excel Data:

+ +
From c5505fe2fa90cc5817d5c7e678dedf2d8907df07 Mon Sep 17 00:00:00 2001 From: David Taylor Date: Thu, 12 Sep 2024 15:00:13 -0400 Subject: [PATCH 4/6] added alert for successful upload --- mern/client/src/components/RecordList.jsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/mern/client/src/components/RecordList.jsx b/mern/client/src/components/RecordList.jsx index 0cfd116..9766bb2 100644 --- a/mern/client/src/components/RecordList.jsx +++ b/mern/client/src/components/RecordList.jsx @@ -122,8 +122,10 @@ export default function RecordList() { }) .catch((error) => { console.error('Upload Error:', error); + return; }); } + alert('Upload Successful!'); } } From cb9cc15934d4cbfe440120336ef3a2a634adc887 Mon Sep 17 00:00:00 2001 From: David Taylor Date: Thu, 12 Sep 2024 15:04:54 -0400 Subject: [PATCH 5/6] added test excel data file --- Test excel.xlsx | Bin 0 -> 8934 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 Test excel.xlsx diff --git a/Test excel.xlsx b/Test excel.xlsx new file mode 100644 index 0000000000000000000000000000000000000000..68200a6f5e07ae92256b22b622c876d1fea5dbca GIT binary patch literal 8934 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 bC-`rEQC$fMcDeunI_wt&i`?qeKmPq6*d3Dz literal 0 HcmV?d00001 From 5afb47832685d15d511f336376f7fec0f35e5237 Mon Sep 17 00:00:00 2001 From: och3k <40705326+ochsner3k@users.noreply.github.com> Date: Thu, 12 Sep 2024 17:22:12 -0400 Subject: [PATCH 6/6] Update RecordList.jsx choose file + upload format --- mern/client/src/components/RecordList.jsx | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/mern/client/src/components/RecordList.jsx b/mern/client/src/components/RecordList.jsx index 9766bb2..13aaac2 100644 --- a/mern/client/src/components/RecordList.jsx +++ b/mern/client/src/components/RecordList.jsx @@ -131,10 +131,15 @@ export default function RecordList() { return ( <> -

Employee Records

-

Load Excel Data:

- - +

Employee Records

+ +

Load Excel Data:

+ + setFileName(e.target.files[0]?.name || 'No file chosen')}> + + + +
@@ -35,6 +35,7 @@ const Record = (props) => (