From 6a2abeb16838d00f933234ff0541713b175e4df0 Mon Sep 17 00:00:00 2001
From: carrier-of-cyberbully <hchen7@wpi.edu>
Date: Mon, 5 Sep 2022 14:15:27 -0400
Subject: [PATCH 1/4] initial commit

---
 .vscode/launch.json                 |  17 ++
 node_modules/.bin/mime              |  12 ++
 node_modules/.bin/mime.cmd          |  17 ++
 node_modules/.bin/mime.ps1          |  28 +++
 node_modules/.package-lock.json     |  18 ++
 node_modules/mime/CHANGELOG.md      | 296 ++++++++++++++++++++++++++++
 node_modules/mime/LICENSE           |  21 ++
 node_modules/mime/Mime.js           |  97 +++++++++
 node_modules/mime/README.md         | 187 ++++++++++++++++++
 node_modules/mime/cli.js            |  46 +++++
 node_modules/mime/index.js          |   4 +
 node_modules/mime/lite.js           |   4 +
 node_modules/mime/package.json      |  52 +++++
 node_modules/mime/types/other.js    |   1 +
 node_modules/mime/types/standard.js |   1 +
 package-lock.json                   |  30 +++
 public/css/style.css                | 103 +++++++++-
 public/index.html                   |  55 +++++-
 public/js/scripts.js                | 133 ++++++++++++-
 19 files changed, 1115 insertions(+), 7 deletions(-)
 create mode 100644 .vscode/launch.json
 create mode 100644 node_modules/.bin/mime
 create mode 100644 node_modules/.bin/mime.cmd
 create mode 100644 node_modules/.bin/mime.ps1
 create mode 100644 node_modules/.package-lock.json
 create mode 100644 node_modules/mime/CHANGELOG.md
 create mode 100644 node_modules/mime/LICENSE
 create mode 100644 node_modules/mime/Mime.js
 create mode 100644 node_modules/mime/README.md
 create mode 100644 node_modules/mime/cli.js
 create mode 100644 node_modules/mime/index.js
 create mode 100644 node_modules/mime/lite.js
 create mode 100644 node_modules/mime/package.json
 create mode 100644 node_modules/mime/types/other.js
 create mode 100644 node_modules/mime/types/standard.js
 create mode 100644 package-lock.json

diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..be0bce0
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,17 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "program": "${workspaceFolder}\\server.improved.js"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/node_modules/.bin/mime b/node_modules/.bin/mime
new file mode 100644
index 0000000..0a62a1b
--- /dev/null
+++ b/node_modules/.bin/mime
@@ -0,0 +1,12 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../mime/cli.js" "$@"
+else 
+  exec node  "$basedir/../mime/cli.js" "$@"
+fi
diff --git a/node_modules/.bin/mime.cmd b/node_modules/.bin/mime.cmd
new file mode 100644
index 0000000..54491f1
--- /dev/null
+++ b/node_modules/.bin/mime.cmd
@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\mime\cli.js" %*
diff --git a/node_modules/.bin/mime.ps1 b/node_modules/.bin/mime.ps1
new file mode 100644
index 0000000..2222f40
--- /dev/null
+++ b/node_modules/.bin/mime.ps1
@@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../mime/cli.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../mime/cli.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../mime/cli.js" $args
+  } else {
+    & "node$exe"  "$basedir/../mime/cli.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
new file mode 100644
index 0000000..236e6b5
--- /dev/null
+++ b/node_modules/.package-lock.json
@@ -0,0 +1,18 @@
+{
+  "name": "a2-shortstack",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    }
+  }
+}
diff --git a/node_modules/mime/CHANGELOG.md b/node_modules/mime/CHANGELOG.md
new file mode 100644
index 0000000..dd25431
--- /dev/null
+++ b/node_modules/mime/CHANGELOG.md
@@ -0,0 +1,296 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+## [2.6.0](https://github.com/broofa/mime/compare/v2.5.2...v2.6.0) (2021-11-02)
+
+
+### Features
+
+* mime-db@1.50.0 ([cef0cc4](https://github.com/broofa/mime/commit/cef0cc484ff6d05ff1e12b54ca3e8b856fbc14d8))
+
+### [2.5.2](https://github.com/broofa/mime/compare/v2.5.0...v2.5.2) (2021-02-17)
+
+
+### Bug Fixes
+
+* update to mime-db@1.46.0, fixes [#253](https://github.com/broofa/mime/issues/253) ([f10e6aa](https://github.com/broofa/mime/commit/f10e6aa62e1356de7e2491d7fb4374c8dac65800))
+
+## [2.5.0](https://github.com/broofa/mime/compare/v2.4.7...v2.5.0) (2021-01-16)
+
+
+### Features
+
+* improved CLI ([#244](https://github.com/broofa/mime/issues/244)) ([c8a8356](https://github.com/broofa/mime/commit/c8a8356e3b27f3ef46b64b89b428fdb547b14d5f))
+
+### [2.4.7](https://github.com/broofa/mime/compare/v2.4.6...v2.4.7) (2020-12-16)
+
+
+### Bug Fixes
+
+* update to latest mime-db ([43b09ef](https://github.com/broofa/mime/commit/43b09eff0233eacc449af2b1f99a19ba9e104a44))
+
+### [2.4.6](https://github.com/broofa/mime/compare/v2.4.5...v2.4.6) (2020-05-27)
+
+
+### Bug Fixes
+
+* add cli.js to package.json files ([#237](https://github.com/broofa/mime/issues/237)) ([6c070bc](https://github.com/broofa/mime/commit/6c070bc298fa12a48e2ed126fbb9de641a1e7ebc))
+
+### [2.4.5](https://github.com/broofa/mime/compare/v2.4.4...v2.4.5) (2020-05-01)
+
+
+### Bug Fixes
+
+* fix [#236](https://github.com/broofa/mime/issues/236) ([7f4ecd0](https://github.com/broofa/mime/commit/7f4ecd0d850ed22c9e3bfda2c11fc74e4dde12a7))
+* update to latest mime-db ([c5cb3f2](https://github.com/broofa/mime/commit/c5cb3f2ab8b07642a066efbde1142af1b90c927b))
+
+### [2.4.4](https://github.com/broofa/mime/compare/v2.4.3...v2.4.4) (2019-06-07)
+
+
+
+### [2.4.3](https://github.com/broofa/mime/compare/v2.4.2...v2.4.3) (2019-05-15)
+
+
+
+### [2.4.2](https://github.com/broofa/mime/compare/v2.4.1...v2.4.2) (2019-04-07)
+
+
+### Bug Fixes
+
+* don't use arrow function introduced in 2.4.1 ([2e00b5c](https://github.com/broofa/mime/commit/2e00b5c))
+
+
+
+### [2.4.1](https://github.com/broofa/mime/compare/v2.4.0...v2.4.1) (2019-04-03)
+
+
+### Bug Fixes
+
+* update MDN and mime-db types ([3e567a9](https://github.com/broofa/mime/commit/3e567a9))
+
+
+
+# [2.4.0](https://github.com/broofa/mime/compare/v2.3.1...v2.4.0) (2018-11-26)
+
+
+### Features
+
+* Bind exported methods ([9d2a7b8](https://github.com/broofa/mime/commit/9d2a7b8))
+* update to mime-db@1.37.0 ([49e6e41](https://github.com/broofa/mime/commit/49e6e41))
+
+
+
+### [2.3.1](https://github.com/broofa/mime/compare/v2.3.0...v2.3.1) (2018-04-11)
+
+
+### Bug Fixes
+
+* fix [#198](https://github.com/broofa/mime/issues/198) ([25ca180](https://github.com/broofa/mime/commit/25ca180))
+
+
+
+# [2.3.0](https://github.com/broofa/mime/compare/v2.2.2...v2.3.0) (2018-04-11)
+
+
+### Bug Fixes
+
+* fix [#192](https://github.com/broofa/mime/issues/192) ([5c35df6](https://github.com/broofa/mime/commit/5c35df6))
+
+
+### Features
+
+* add travis-ci testing ([d64160f](https://github.com/broofa/mime/commit/d64160f))
+
+
+
+### [2.2.2](https://github.com/broofa/mime/compare/v2.2.1...v2.2.2) (2018-03-30)
+
+
+### Bug Fixes
+
+* update types files to mime-db@1.32.0 ([85aac16](https://github.com/broofa/mime/commit/85aac16))
+
+
+### [2.2.1](https://github.com/broofa/mime/compare/v2.2.0...v2.2.1) (2018-03-30)
+
+
+### Bug Fixes
+
+* Retain type->extension mappings for non-default types.  Fixes [#180](https://github.com/broofa/mime/issues/180) ([b5c83fb](https://github.com/broofa/mime/commit/b5c83fb))
+
+
+
+# [2.2.0](https://github.com/broofa/mime/compare/v2.1.0...v2.2.0) (2018-01-04)
+
+
+### Features
+
+* Retain type->extension mappings for non-default types.  Fixes [#180](https://github.com/broofa/mime/issues/180) ([10f82ac](https://github.com/broofa/mime/commit/10f82ac))
+
+
+
+# [2.1.0](https://github.com/broofa/mime/compare/v2.0.5...v2.1.0) (2017-12-22)
+
+
+### Features
+
+* Upgrade to mime-db@1.32.0.  Fixes [#185](https://github.com/broofa/mime/issues/185) ([3f775ba](https://github.com/broofa/mime/commit/3f775ba))
+
+
+
+### [2.0.5](https://github.com/broofa/mime/compare/v2.0.1...v2.0.5) (2017-12-22)
+
+
+### Bug Fixes
+
+* ES5 support (back to node v0.4) ([f14ccb6](https://github.com/broofa/mime/commit/f14ccb6))
+
+
+
+# Changelog
+
+### v2.0.4 (24/11/2017)
+- [**closed**] Switch to mime-score module for resolving extension contention issues. [#182](https://github.com/broofa/mime/issues/182)
+- [**closed**] Update mime-db to 1.31.0 in v1.x branch [#181](https://github.com/broofa/mime/issues/181)
+
+---
+
+## v1.5.0 (22/11/2017)
+- [**closed**] need ES5 version ready in npm package [#179](https://github.com/broofa/mime/issues/179)
+- [**closed**] mime-db no trace of iWork - pages / numbers / etc. [#178](https://github.com/broofa/mime/issues/178)
+- [**closed**] How it works in brownser ? [#176](https://github.com/broofa/mime/issues/176)
+- [**closed**] Missing `./Mime` [#175](https://github.com/broofa/mime/issues/175)
+- [**closed**] Vulnerable Regular Expression [#167](https://github.com/broofa/mime/issues/167)
+
+---
+
+### v2.0.3 (25/09/2017)
+*No changelog for this release.*
+
+---
+
+### v1.4.1 (25/09/2017)
+- [**closed**] Issue when bundling with webpack [#172](https://github.com/broofa/mime/issues/172)
+
+---
+
+### v2.0.2 (15/09/2017)
+- [**V2**] fs.readFileSync is not a function [#165](https://github.com/broofa/mime/issues/165)
+- [**closed**] The extension for video/quicktime should map to .mov, not .qt [#164](https://github.com/broofa/mime/issues/164)
+- [**V2**] [v2 Feedback request] Mime class API [#163](https://github.com/broofa/mime/issues/163)
+- [**V2**] [v2 Feedback request] Resolving conflicts over extensions [#162](https://github.com/broofa/mime/issues/162)
+- [**V2**] Allow callers to load module with official, full, or no defined types.  [#161](https://github.com/broofa/mime/issues/161)
+- [**V2**] Use "facets" to resolve extension conflicts [#160](https://github.com/broofa/mime/issues/160)
+- [**V2**] Remove fs and path dependencies [#152](https://github.com/broofa/mime/issues/152)
+- [**V2**] Default content-type should not be application/octet-stream [#139](https://github.com/broofa/mime/issues/139)
+- [**V2**] reset mime-types [#124](https://github.com/broofa/mime/issues/124)
+- [**V2**] Extensionless paths should return null or false [#113](https://github.com/broofa/mime/issues/113)
+
+---
+
+### v2.0.1 (14/09/2017)
+- [**closed**] Changelog for v2.0 does not mention breaking changes [#171](https://github.com/broofa/mime/issues/171)
+- [**closed**] MIME breaking with 'class' declaration as it is without 'use strict mode' [#170](https://github.com/broofa/mime/issues/170)
+
+---
+
+## v2.0.0 (12/09/2017)
+- [**closed**] woff and woff2 [#168](https://github.com/broofa/mime/issues/168)
+
+---
+
+## v1.4.0 (28/08/2017)
+- [**closed**] support for ac3 voc files [#159](https://github.com/broofa/mime/issues/159)
+- [**closed**] Help understanding change from application/xml to text/xml [#158](https://github.com/broofa/mime/issues/158)
+- [**closed**] no longer able to override mimetype [#157](https://github.com/broofa/mime/issues/157)
+- [**closed**] application/vnd.adobe.photoshop [#147](https://github.com/broofa/mime/issues/147)
+- [**closed**] Directories should appear as something other than application/octet-stream [#135](https://github.com/broofa/mime/issues/135)
+- [**closed**] requested features [#131](https://github.com/broofa/mime/issues/131)
+- [**closed**] Make types.json loading optional? [#129](https://github.com/broofa/mime/issues/129)
+- [**closed**] Cannot find module './types.json' [#120](https://github.com/broofa/mime/issues/120)
+- [**V2**] .wav files show up as "audio/x-wav" instead of "audio/x-wave" [#118](https://github.com/broofa/mime/issues/118)
+- [**closed**] Don't be a pain in the ass for node community [#108](https://github.com/broofa/mime/issues/108)
+- [**closed**] don't make default_type global [#78](https://github.com/broofa/mime/issues/78)
+- [**closed**] mime.extension() fails if the content-type is parameterized [#74](https://github.com/broofa/mime/issues/74)
+
+---
+
+### v1.3.6 (11/05/2017)
+- [**closed**] .md should be text/markdown as of March 2016 [#154](https://github.com/broofa/mime/issues/154)
+- [**closed**] Error while installing mime [#153](https://github.com/broofa/mime/issues/153)
+- [**closed**] application/manifest+json [#149](https://github.com/broofa/mime/issues/149)
+- [**closed**] Dynamic adaptive streaming over HTTP (DASH) file extension typo [#141](https://github.com/broofa/mime/issues/141)
+- [**closed**] charsets image/png undefined [#140](https://github.com/broofa/mime/issues/140)
+- [**closed**] Mime-db dependency out of date [#130](https://github.com/broofa/mime/issues/130)
+- [**closed**] how to support plist？ [#126](https://github.com/broofa/mime/issues/126)
+- [**closed**] how does .types file format look like? [#123](https://github.com/broofa/mime/issues/123)
+- [**closed**] Feature: support for expanding MIME patterns [#121](https://github.com/broofa/mime/issues/121)
+- [**closed**] DEBUG_MIME doesn't work [#117](https://github.com/broofa/mime/issues/117)
+
+---
+
+### v1.3.4 (06/02/2015)
+*No changelog for this release.*
+
+---
+
+### v1.3.3 (06/02/2015)
+*No changelog for this release.*
+
+---
+
+### v1.3.1 (05/02/2015)
+- [**closed**] Consider adding support for Handlebars .hbs file ending [#111](https://github.com/broofa/mime/issues/111)
+- [**closed**] Consider adding support for hjson. [#110](https://github.com/broofa/mime/issues/110)
+- [**closed**] Add mime type for Opus audio files [#94](https://github.com/broofa/mime/issues/94)
+- [**closed**] Consider making the `Requesting New Types` information more visible [#77](https://github.com/broofa/mime/issues/77)
+
+---
+
+## v1.3.0 (05/02/2015)
+- [**closed**] Add common name? [#114](https://github.com/broofa/mime/issues/114)
+- [**closed**] application/x-yaml [#104](https://github.com/broofa/mime/issues/104)
+- [**closed**] Add mime type for WOFF file format 2.0 [#102](https://github.com/broofa/mime/issues/102)
+- [**closed**] application/x-msi for .msi [#99](https://github.com/broofa/mime/issues/99)
+- [**closed**] Add mimetype for gettext translation files [#98](https://github.com/broofa/mime/issues/98)
+- [**closed**] collaborators [#88](https://github.com/broofa/mime/issues/88)
+- [**closed**] getting errot in installation of mime module...any1 can help? [#87](https://github.com/broofa/mime/issues/87)
+- [**closed**] should application/json's charset be utf8? [#86](https://github.com/broofa/mime/issues/86)
+- [**closed**] Add "license" and "licenses" to package.json [#81](https://github.com/broofa/mime/issues/81)
+- [**closed**] lookup with extension-less file on Windows returns wrong type [#68](https://github.com/broofa/mime/issues/68)
+
+---
+
+### v1.2.11 (15/08/2013)
+- [**closed**] Update mime.types [#65](https://github.com/broofa/mime/issues/65)
+- [**closed**] Publish a new version [#63](https://github.com/broofa/mime/issues/63)
+- [**closed**] README should state upfront that "application/octet-stream" is default for unknown extension [#55](https://github.com/broofa/mime/issues/55)
+- [**closed**] Suggested improvement to the charset API [#52](https://github.com/broofa/mime/issues/52)
+
+---
+
+### v1.2.10 (25/07/2013)
+- [**closed**] Mime type for woff files should be application/font-woff and not application/x-font-woff [#62](https://github.com/broofa/mime/issues/62)
+- [**closed**] node.types in conflict with mime.types [#51](https://github.com/broofa/mime/issues/51)
+
+---
+
+### v1.2.9 (17/01/2013)
+- [**closed**] Please update "mime" NPM [#49](https://github.com/broofa/mime/issues/49)
+- [**closed**] Please add semicolon [#46](https://github.com/broofa/mime/issues/46)
+- [**closed**] parse full mime types [#43](https://github.com/broofa/mime/issues/43)
+
+---
+
+### v1.2.8 (10/01/2013)
+- [**closed**] /js directory mime is application/javascript. Is it correct? [#47](https://github.com/broofa/mime/issues/47)
+- [**closed**] Add mime types for lua code. [#45](https://github.com/broofa/mime/issues/45)
+
+---
+
+### v1.2.7 (19/10/2012)
+- [**closed**] cannot install 1.2.7 via npm [#41](https://github.com/broofa/mime/issues/41)
+- [**closed**] Transfer ownership to @broofa [#36](https://github.com/broofa/mime/issues/36)
+- [**closed**] it's wrong to set charset to UTF-8 for text [#30](https://github.com/broofa/mime/issues/30)
+- [**closed**] Allow multiple instances of MIME types container [#27](https://github.com/broofa/mime/issues/27)
diff --git a/node_modules/mime/LICENSE b/node_modules/mime/LICENSE
new file mode 100644
index 0000000..d3f46f7
--- /dev/null
+++ b/node_modules/mime/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2010 Benjamin Thomas, Robert Kieffer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/mime/Mime.js b/node_modules/mime/Mime.js
new file mode 100644
index 0000000..969a66e
--- /dev/null
+++ b/node_modules/mime/Mime.js
@@ -0,0 +1,97 @@
+'use strict';
+
+/**
+ * @param typeMap [Object] Map of MIME type -> Array[extensions]
+ * @param ...
+ */
+function Mime() {
+  this._types = Object.create(null);
+  this._extensions = Object.create(null);
+
+  for (let i = 0; i < arguments.length; i++) {
+    this.define(arguments[i]);
+  }
+
+  this.define = this.define.bind(this);
+  this.getType = this.getType.bind(this);
+  this.getExtension = this.getExtension.bind(this);
+}
+
+/**
+ * Define mimetype -> extension mappings.  Each key is a mime-type that maps
+ * to an array of extensions associated with the type.  The first extension is
+ * used as the default extension for the type.
+ *
+ * e.g. mime.define({'audio/ogg', ['oga', 'ogg', 'spx']});
+ *
+ * If a type declares an extension that has already been defined, an error will
+ * be thrown.  To suppress this error and force the extension to be associated
+ * with the new type, pass `force`=true.  Alternatively, you may prefix the
+ * extension with "*" to map the type to extension, without mapping the
+ * extension to the type.
+ *
+ * e.g. mime.define({'audio/wav', ['wav']}, {'audio/x-wav', ['*wav']});
+ *
+ *
+ * @param map (Object) type definitions
+ * @param force (Boolean) if true, force overriding of existing definitions
+ */
+Mime.prototype.define = function(typeMap, force) {
+  for (let type in typeMap) {
+    let extensions = typeMap[type].map(function(t) {
+      return t.toLowerCase();
+    });
+    type = type.toLowerCase();
+
+    for (let i = 0; i < extensions.length; i++) {
+      const ext = extensions[i];
+
+      // '*' prefix = not the preferred type for this extension.  So fixup the
+      // extension, and skip it.
+      if (ext[0] === '*') {
+        continue;
+      }
+
+      if (!force && (ext in this._types)) {
+        throw new Error(
+          'Attempt to change mapping for "' + ext +
+          '" extension from "' + this._types[ext] + '" to "' + type +
+          '". Pass `force=true` to allow this, otherwise remove "' + ext +
+          '" from the list of extensions for "' + type + '".'
+        );
+      }
+
+      this._types[ext] = type;
+    }
+
+    // Use first extension as default
+    if (force || !this._extensions[type]) {
+      const ext = extensions[0];
+      this._extensions[type] = (ext[0] !== '*') ? ext : ext.substr(1);
+    }
+  }
+};
+
+/**
+ * Lookup a mime type based on extension
+ */
+Mime.prototype.getType = function(path) {
+  path = String(path);
+  let last = path.replace(/^.*[/\\]/, '').toLowerCase();
+  let ext = last.replace(/^.*\./, '').toLowerCase();
+
+  let hasPath = last.length < path.length;
+  let hasDot = ext.length < last.length - 1;
+
+  return (hasDot || !hasPath) && this._types[ext] || null;
+};
+
+/**
+ * Return file extension associated with a mime type
+ */
+Mime.prototype.getExtension = function(type) {
+  type = /^\s*([^;\s]*)/.test(type) && RegExp.$1;
+  return type && this._extensions[type.toLowerCase()] || null;
+};
+
+module.exports = Mime;
diff --git a/node_modules/mime/README.md b/node_modules/mime/README.md
new file mode 100644
index 0000000..b08316f
--- /dev/null
+++ b/node_modules/mime/README.md
@@ -0,0 +1,187 @@
+<!--
+  -- This file is auto-generated from src/README_js.md. Changes should be made there.
+  -->
+# Mime
+
+A comprehensive, compact MIME type module.
+
+[![Build Status](https://travis-ci.org/broofa/mime.svg?branch=master)](https://travis-ci.org/broofa/mime)
+
+## Version 2 Notes
+
+Version 2 is a breaking change from 1.x as the semver implies.  Specifically:
+
+* `lookup()` renamed to `getType()`
+* `extension()` renamed to `getExtension()`
+* `charset()` and `load()` methods have been removed
+
+If you prefer the legacy version of this module please `npm install mime@^1`.  Version 1 docs may be found [here](https://github.com/broofa/mime/tree/v1.4.0).
+
+## Install
+
+### NPM
+```
+npm install mime
+```
+
+### Browser
+
+It is recommended that you use a bundler such as
+[webpack](https://webpack.github.io/) or [browserify](http://browserify.org/) to
+package your code.  However, browser-ready versions are available via wzrd.in.
+E.g. For the full version:
+
+    <script src="https://wzrd.in/standalone/mime@latest"></script>
+    <script>
+    mime.getType(...); // etc.
+    </script>
+
+Or, for the `mime/lite` version:
+
+    <script src="https://wzrd.in/standalone/mime%2flite@latest"></script>
+    <script>
+    mimelite.getType(...); // (Note `mimelite` here)
+    </script>
+
+## Quick Start
+
+For the full version (800+ MIME types, 1,000+ extensions):
+
+```javascript
+const mime = require('mime');
+
+mime.getType('txt');                    // ⇨ 'text/plain'
+mime.getExtension('text/plain');        // ⇨ 'txt'
+```
+
+See [Mime API](#mime-api) below for API details.
+
+## Lite Version
+
+There is also a "lite" version of this module that omits vendor-specific
+(`*/vnd.*`) and experimental (`*/x-*`) types.  It weighs in at ~2.5KB, compared
+to 8KB for the full version.  To load the lite version:
+
+```javascript
+const mime = require('mime/lite');
+```
+
+## Mime .vs. mime-types .vs. mime-db modules
+
+For those of you wondering about the difference between these [popular] NPM modules,
+here's a brief rundown ...
+
+[`mime-db`](https://github.com/jshttp/mime-db) is "the source of
+truth" for MIME type information.  It is not an API.  Rather, it is a canonical
+dataset of mime type definitions pulled from IANA, Apache, NGINX, and custom mappings
+submitted by the Node.js community.
+
+[`mime-types`](https://github.com/jshttp/mime-types) is a thin
+wrapper around mime-db that provides an API drop-in compatible(ish) with `mime @ < v1.3.6` API.
+
+`mime` is, as of v2, a self-contained module bundled with a pre-optimized version
+of the `mime-db` dataset.  It provides a simplified API with the following characteristics:
+
+* Intelligently resolved type conflicts (See [mime-score](https://github.com/broofa/mime-score) for details)
+* Method naming consistent with industry best-practices
+* Compact footprint.  E.g. The minified+compressed sizes of the various modules:
+
+Module | Size
+--- | ---
+`mime-db`  | 18 KB
+`mime-types` | same as mime-db
+`mime` | 8 KB
+`mime/lite` | 2 KB
+
+## Mime API
+
+Both `require('mime')` and `require('mime/lite')` return instances of the MIME
+class, documented below.
+
+Note: Inputs to this API are case-insensitive.  Outputs (returned values) will
+be lowercase.
+
+### new Mime(typeMap, ... more maps)
+
+Most users of this module will not need to create Mime instances directly.
+However if you would like to create custom mappings, you may do so as follows
+...
+
+```javascript
+// Require Mime class
+const Mime = require('mime/Mime');
+
+// Define mime type -> extensions map
+const typeMap = {
+  'text/abc': ['abc', 'alpha', 'bet'],
+  'text/def': ['leppard']
+};
+
+// Create and use Mime instance
+const myMime = new Mime(typeMap);
+myMime.getType('abc');            // ⇨ 'text/abc'
+myMime.getExtension('text/def');  // ⇨ 'leppard'
+```
+
+If more than one map argument is provided, each map is `define()`ed (see below), in order.
+
+### mime.getType(pathOrExtension)
+
+Get mime type for the given path or extension.  E.g.
+
+```javascript
+mime.getType('js');             // ⇨ 'application/javascript'
+mime.getType('json');           // ⇨ 'application/json'
+
+mime.getType('txt');            // ⇨ 'text/plain'
+mime.getType('dir/text.txt');   // ⇨ 'text/plain'
+mime.getType('dir\\text.txt');  // ⇨ 'text/plain'
+mime.getType('.text.txt');      // ⇨ 'text/plain'
+mime.getType('.txt');           // ⇨ 'text/plain'
+```
+
+`null` is returned in cases where an extension is not detected or recognized
+
+```javascript
+mime.getType('foo/txt');        // ⇨ null
+mime.getType('bogus_type');     // ⇨ null
+```
+
+### mime.getExtension(type)
+Get extension for the given mime type.  Charset options (often included in
+Content-Type headers) are ignored.
+
+```javascript
+mime.getExtension('text/plain');               // ⇨ 'txt'
+mime.getExtension('application/json');         // ⇨ 'json'
+mime.getExtension('text/html; charset=utf8');  // ⇨ 'html'
+```
+
+### mime.define(typeMap[, force = false])
+
+Define [more] type mappings.
+
+`typeMap` is a map of type -> extensions, as documented in `new Mime`, above.
+
+By default this method will throw an error if you try to map a type to an
+extension that is already assigned to another type.  Passing `true` for the
+`force` argument will suppress this behavior (overriding any previous mapping).
+
+```javascript
+mime.define({'text/x-abc': ['abc', 'abcd']});
+
+mime.getType('abcd');            // ⇨ 'text/x-abc'
+mime.getExtension('text/x-abc')  // ⇨ 'abc'
+```
+
+## Command Line
+
+    mime [path_or_extension]
+
+E.g.
+
+    > mime scripts/jquery.js
+    application/javascript
+
+----
+Markdown generated from [src/README_js.md](src/README_js.md) by [![RunMD Logo](http://i.imgur.com/h0FVyzU.png)](https://github.com/broofa/runmd)
\ No newline at end of file
diff --git a/node_modules/mime/cli.js b/node_modules/mime/cli.js
new file mode 100644
index 0000000..ab70a49
--- /dev/null
+++ b/node_modules/mime/cli.js
@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+
+'use strict';
+
+process.title = 'mime';
+let mime = require('.');
+let pkg = require('./package.json');
+let args = process.argv.splice(2);
+
+if (args.includes('--version') || args.includes('-v') || args.includes('--v')) {
+  console.log(pkg.version);
+  process.exit(0);
+} else if (args.includes('--name') || args.includes('-n') || args.includes('--n')) {
+  console.log(pkg.name);
+  process.exit(0);
+} else if (args.includes('--help') || args.includes('-h') || args.includes('--h')) {
+  console.log(pkg.name + ' - ' + pkg.description + '\n');
+  console.log(`Usage:
+
+  mime [flags] [path_or_extension]
+
+  Flags:
+    --help, -h                     Show this message
+    --version, -v                  Display the version
+    --name, -n                     Print the name of the program
+
+  Note: the command will exit after it executes if a command is specified
+  The path_or_extension is the path to the file or the extension of the file.
+
+  Examples:
+    mime --help
+    mime --version
+    mime --name
+    mime -v
+    mime src/log.js
+    mime new.py
+    mime foo.sh
+  `);
+  process.exit(0);
+}
+
+let file = args[0];
+let type = mime.getType(file);
+
+process.stdout.write(type + '\n');
+
diff --git a/node_modules/mime/index.js b/node_modules/mime/index.js
new file mode 100644
index 0000000..fadcf8d
--- /dev/null
+++ b/node_modules/mime/index.js
@@ -0,0 +1,4 @@
+'use strict';
+
+let Mime = require('./Mime');
+module.exports = new Mime(require('./types/standard'), require('./types/other'));
diff --git a/node_modules/mime/lite.js b/node_modules/mime/lite.js
new file mode 100644
index 0000000..835cffb
--- /dev/null
+++ b/node_modules/mime/lite.js
@@ -0,0 +1,4 @@
+'use strict';
+
+let Mime = require('./Mime');
+module.exports = new Mime(require('./types/standard'));
diff --git a/node_modules/mime/package.json b/node_modules/mime/package.json
new file mode 100644
index 0000000..df7f369
--- /dev/null
+++ b/node_modules/mime/package.json
@@ -0,0 +1,52 @@
+{
+  "author": {
+    "name": "Robert Kieffer",
+    "url": "http://github.com/broofa",
+    "email": "robert@broofa.com"
+  },
+  "engines": {
+    "node": ">=4.0.0"
+  },
+  "bin": {
+    "mime": "cli.js"
+  },
+  "contributors": [],
+  "description": "A comprehensive library for mime-type mapping",
+  "license": "MIT",
+  "dependencies": {},
+  "devDependencies": {
+    "benchmark": "*",
+    "chalk": "4.1.2",
+    "eslint": "8.1.0",
+    "mime-db": "1.50.0",
+    "mime-score": "1.2.0",
+    "mime-types": "2.1.33",
+    "mocha": "9.1.3",
+    "runmd": "*",
+    "standard-version": "9.3.2"
+  },
+  "files": [
+    "index.js",
+    "lite.js",
+    "Mime.js",
+    "cli.js",
+    "/types"
+  ],
+  "scripts": {
+    "prepare": "node src/build.js && runmd --output README.md src/README_js.md",
+    "release": "standard-version",
+    "benchmark": "node src/benchmark.js",
+    "md": "runmd --watch --output README.md src/README_js.md",
+    "test": "mocha src/test.js"
+  },
+  "keywords": [
+    "util",
+    "mime"
+  ],
+  "name": "mime",
+  "repository": {
+    "url": "https://github.com/broofa/mime",
+    "type": "git"
+  },
+  "version": "2.6.0"
+}
diff --git a/node_modules/mime/types/other.js b/node_modules/mime/types/other.js
new file mode 100644
index 0000000..bb6a035
--- /dev/null
+++ b/node_modules/mime/types/other.js
@@ -0,0 +1 @@
+module.exports = {"application/prs.cww":["cww"],"application/vnd.1000minds.decision-model+xml":["1km"],"application/vnd.3gpp.pic-bw-large":["plb"],"application/vnd.3gpp.pic-bw-small":["psb"],"application/vnd.3gpp.pic-bw-var":["pvb"],"application/vnd.3gpp2.tcap":["tcap"],"application/vnd.3m.post-it-notes":["pwn"],"application/vnd.accpac.simply.aso":["aso"],"application/vnd.accpac.simply.imp":["imp"],"application/vnd.acucobol":["acu"],"application/vnd.acucorp":["atc","acutc"],"application/vnd.adobe.air-application-installer-package+zip":["air"],"application/vnd.adobe.formscentral.fcdt":["fcdt"],"application/vnd.adobe.fxp":["fxp","fxpl"],"application/vnd.adobe.xdp+xml":["xdp"],"application/vnd.adobe.xfdf":["xfdf"],"application/vnd.ahead.space":["ahead"],"application/vnd.airzip.filesecure.azf":["azf"],"application/vnd.airzip.filesecure.azs":["azs"],"application/vnd.amazon.ebook":["azw"],"application/vnd.americandynamics.acc":["acc"],"application/vnd.amiga.ami":["ami"],"application/vnd.android.package-archive":["apk"],"application/vnd.anser-web-certificate-issue-initiation":["cii"],"application/vnd.anser-web-funds-transfer-initiation":["fti"],"application/vnd.antix.game-component":["atx"],"application/vnd.apple.installer+xml":["mpkg"],"application/vnd.apple.keynote":["key"],"application/vnd.apple.mpegurl":["m3u8"],"application/vnd.apple.numbers":["numbers"],"application/vnd.apple.pages":["pages"],"application/vnd.apple.pkpass":["pkpass"],"application/vnd.aristanetworks.swi":["swi"],"application/vnd.astraea-software.iota":["iota"],"application/vnd.audiograph":["aep"],"application/vnd.balsamiq.bmml+xml":["bmml"],"application/vnd.blueice.multipass":["mpm"],"application/vnd.bmi":["bmi"],"application/vnd.businessobjects":["rep"],"application/vnd.chemdraw+xml":["cdxml"],"application/vnd.chipnuts.karaoke-mmd":["mmd"],"application/vnd.cinderella":["cdy"],"application/vnd.citationstyles.style+xml":["csl"],"application/vnd.claymore":["cla"],"application/vnd.cloanto.rp9":["rp9"],"application/vnd.clonk.c4group":["c4g","c4d","c4f","c4p","c4u"],"application/vnd.cluetrust.cartomobile-config":["c11amc"],"application/vnd.cluetrust.cartomobile-config-pkg":["c11amz"],"application/vnd.commonspace":["csp"],"application/vnd.contact.cmsg":["cdbcmsg"],"application/vnd.cosmocaller":["cmc"],"application/vnd.crick.clicker":["clkx"],"application/vnd.crick.clicker.keyboard":["clkk"],"application/vnd.crick.clicker.palette":["clkp"],"application/vnd.crick.clicker.template":["clkt"],"application/vnd.crick.clicker.wordbank":["clkw"],"application/vnd.criticaltools.wbs+xml":["wbs"],"application/vnd.ctc-posml":["pml"],"application/vnd.cups-ppd":["ppd"],"application/vnd.curl.car":["car"],"application/vnd.curl.pcurl":["pcurl"],"application/vnd.dart":["dart"],"application/vnd.data-vision.rdz":["rdz"],"application/vnd.dbf":["dbf"],"application/vnd.dece.data":["uvf","uvvf","uvd","uvvd"],"application/vnd.dece.ttml+xml":["uvt","uvvt"],"application/vnd.dece.unspecified":["uvx","uvvx"],"application/vnd.dece.zip":["uvz","uvvz"],"application/vnd.denovo.fcselayout-link":["fe_launch"],"application/vnd.dna":["dna"],"application/vnd.dolby.mlp":["mlp"],"application/vnd.dpgraph":["dpg"],"application/vnd.dreamfactory":["dfac"],"application/vnd.ds-keypoint":["kpxx"],"application/vnd.dvb.ait":["ait"],"application/vnd.dvb.service":["svc"],"application/vnd.dynageo":["geo"],"application/vnd.ecowin.chart":["mag"],"application/vnd.enliven":["nml"],"application/vnd.epson.esf":["esf"],"application/vnd.epson.msf":["msf"],"application/vnd.epson.quickanime":["qam"],"application/vnd.epson.salt":["slt"],"application/vnd.epson.ssf":["ssf"],"application/vnd.eszigno3+xml":["es3","et3"],"application/vnd.ezpix-album":["ez2"],"application/vnd.ezpix-package":["ez3"],"application/vnd.fdf":["fdf"],"application/vnd.fdsn.mseed":["mseed"],"application/vnd.fdsn.seed":["seed","dataless"],"application/vnd.flographit":["gph"],"application/vnd.fluxtime.clip":["ftc"],"application/vnd.framemaker":["fm","frame","maker","book"],"application/vnd.frogans.fnc":["fnc"],"application/vnd.frogans.ltf":["ltf"],"application/vnd.fsc.weblaunch":["fsc"],"application/vnd.fujitsu.oasys":["oas"],"application/vnd.fujitsu.oasys2":["oa2"],"application/vnd.fujitsu.oasys3":["oa3"],"application/vnd.fujitsu.oasysgp":["fg5"],"application/vnd.fujitsu.oasysprs":["bh2"],"application/vnd.fujixerox.ddd":["ddd"],"application/vnd.fujixerox.docuworks":["xdw"],"application/vnd.fujixerox.docuworks.binder":["xbd"],"application/vnd.fuzzysheet":["fzs"],"application/vnd.genomatix.tuxedo":["txd"],"application/vnd.geogebra.file":["ggb"],"application/vnd.geogebra.tool":["ggt"],"application/vnd.geometry-explorer":["gex","gre"],"application/vnd.geonext":["gxt"],"application/vnd.geoplan":["g2w"],"application/vnd.geospace":["g3w"],"application/vnd.gmx":["gmx"],"application/vnd.google-apps.document":["gdoc"],"application/vnd.google-apps.presentation":["gslides"],"application/vnd.google-apps.spreadsheet":["gsheet"],"application/vnd.google-earth.kml+xml":["kml"],"application/vnd.google-earth.kmz":["kmz"],"application/vnd.grafeq":["gqf","gqs"],"application/vnd.groove-account":["gac"],"application/vnd.groove-help":["ghf"],"application/vnd.groove-identity-message":["gim"],"application/vnd.groove-injector":["grv"],"application/vnd.groove-tool-message":["gtm"],"application/vnd.groove-tool-template":["tpl"],"application/vnd.groove-vcard":["vcg"],"application/vnd.hal+xml":["hal"],"application/vnd.handheld-entertainment+xml":["zmm"],"application/vnd.hbci":["hbci"],"application/vnd.hhe.lesson-player":["les"],"application/vnd.hp-hpgl":["hpgl"],"application/vnd.hp-hpid":["hpid"],"application/vnd.hp-hps":["hps"],"application/vnd.hp-jlyt":["jlt"],"application/vnd.hp-pcl":["pcl"],"application/vnd.hp-pclxl":["pclxl"],"application/vnd.hydrostatix.sof-data":["sfd-hdstx"],"application/vnd.ibm.minipay":["mpy"],"application/vnd.ibm.modcap":["afp","listafp","list3820"],"application/vnd.ibm.rights-management":["irm"],"application/vnd.ibm.secure-container":["sc"],"application/vnd.iccprofile":["icc","icm"],"application/vnd.igloader":["igl"],"application/vnd.immervision-ivp":["ivp"],"application/vnd.immervision-ivu":["ivu"],"application/vnd.insors.igm":["igm"],"application/vnd.intercon.formnet":["xpw","xpx"],"application/vnd.intergeo":["i2g"],"application/vnd.intu.qbo":["qbo"],"application/vnd.intu.qfx":["qfx"],"application/vnd.ipunplugged.rcprofile":["rcprofile"],"application/vnd.irepository.package+xml":["irp"],"application/vnd.is-xpr":["xpr"],"application/vnd.isac.fcs":["fcs"],"application/vnd.jam":["jam"],"application/vnd.jcp.javame.midlet-rms":["rms"],"application/vnd.jisp":["jisp"],"application/vnd.joost.joda-archive":["joda"],"application/vnd.kahootz":["ktz","ktr"],"application/vnd.kde.karbon":["karbon"],"application/vnd.kde.kchart":["chrt"],"application/vnd.kde.kformula":["kfo"],"application/vnd.kde.kivio":["flw"],"application/vnd.kde.kontour":["kon"],"application/vnd.kde.kpresenter":["kpr","kpt"],"application/vnd.kde.kspread":["ksp"],"application/vnd.kde.kword":["kwd","kwt"],"application/vnd.kenameaapp":["htke"],"application/vnd.kidspiration":["kia"],"application/vnd.kinar":["kne","knp"],"application/vnd.koan":["skp","skd","skt","skm"],"application/vnd.kodak-descriptor":["sse"],"application/vnd.las.las+xml":["lasxml"],"application/vnd.llamagraphics.life-balance.desktop":["lbd"],"application/vnd.llamagraphics.life-balance.exchange+xml":["lbe"],"application/vnd.lotus-1-2-3":["123"],"application/vnd.lotus-approach":["apr"],"application/vnd.lotus-freelance":["pre"],"application/vnd.lotus-notes":["nsf"],"application/vnd.lotus-organizer":["org"],"application/vnd.lotus-screencam":["scm"],"application/vnd.lotus-wordpro":["lwp"],"application/vnd.macports.portpkg":["portpkg"],"application/vnd.mapbox-vector-tile":["mvt"],"application/vnd.mcd":["mcd"],"application/vnd.medcalcdata":["mc1"],"application/vnd.mediastation.cdkey":["cdkey"],"application/vnd.mfer":["mwf"],"application/vnd.mfmp":["mfm"],"application/vnd.micrografx.flo":["flo"],"application/vnd.micrografx.igx":["igx"],"application/vnd.mif":["mif"],"application/vnd.mobius.daf":["daf"],"application/vnd.mobius.dis":["dis"],"application/vnd.mobius.mbk":["mbk"],"application/vnd.mobius.mqy":["mqy"],"application/vnd.mobius.msl":["msl"],"application/vnd.mobius.plc":["plc"],"application/vnd.mobius.txf":["txf"],"application/vnd.mophun.application":["mpn"],"application/vnd.mophun.certificate":["mpc"],"application/vnd.mozilla.xul+xml":["xul"],"application/vnd.ms-artgalry":["cil"],"application/vnd.ms-cab-compressed":["cab"],"application/vnd.ms-excel":["xls","xlm","xla","xlc","xlt","xlw"],"application/vnd.ms-excel.addin.macroenabled.12":["xlam"],"application/vnd.ms-excel.sheet.binary.macroenabled.12":["xlsb"],"application/vnd.ms-excel.sheet.macroenabled.12":["xlsm"],"application/vnd.ms-excel.template.macroenabled.12":["xltm"],"application/vnd.ms-fontobject":["eot"],"application/vnd.ms-htmlhelp":["chm"],"application/vnd.ms-ims":["ims"],"application/vnd.ms-lrm":["lrm"],"application/vnd.ms-officetheme":["thmx"],"application/vnd.ms-outlook":["msg"],"application/vnd.ms-pki.seccat":["cat"],"application/vnd.ms-pki.stl":["*stl"],"application/vnd.ms-powerpoint":["ppt","pps","pot"],"application/vnd.ms-powerpoint.addin.macroenabled.12":["ppam"],"application/vnd.ms-powerpoint.presentation.macroenabled.12":["pptm"],"application/vnd.ms-powerpoint.slide.macroenabled.12":["sldm"],"application/vnd.ms-powerpoint.slideshow.macroenabled.12":["ppsm"],"application/vnd.ms-powerpoint.template.macroenabled.12":["potm"],"application/vnd.ms-project":["mpp","mpt"],"application/vnd.ms-word.document.macroenabled.12":["docm"],"application/vnd.ms-word.template.macroenabled.12":["dotm"],"application/vnd.ms-works":["wps","wks","wcm","wdb"],"application/vnd.ms-wpl":["wpl"],"application/vnd.ms-xpsdocument":["xps"],"application/vnd.mseq":["mseq"],"application/vnd.musician":["mus"],"application/vnd.muvee.style":["msty"],"application/vnd.mynfc":["taglet"],"application/vnd.neurolanguage.nlu":["nlu"],"application/vnd.nitf":["ntf","nitf"],"application/vnd.noblenet-directory":["nnd"],"application/vnd.noblenet-sealer":["nns"],"application/vnd.noblenet-web":["nnw"],"application/vnd.nokia.n-gage.ac+xml":["*ac"],"application/vnd.nokia.n-gage.data":["ngdat"],"application/vnd.nokia.n-gage.symbian.install":["n-gage"],"application/vnd.nokia.radio-preset":["rpst"],"application/vnd.nokia.radio-presets":["rpss"],"application/vnd.novadigm.edm":["edm"],"application/vnd.novadigm.edx":["edx"],"application/vnd.novadigm.ext":["ext"],"application/vnd.oasis.opendocument.chart":["odc"],"application/vnd.oasis.opendocument.chart-template":["otc"],"application/vnd.oasis.opendocument.database":["odb"],"application/vnd.oasis.opendocument.formula":["odf"],"application/vnd.oasis.opendocument.formula-template":["odft"],"application/vnd.oasis.opendocument.graphics":["odg"],"application/vnd.oasis.opendocument.graphics-template":["otg"],"application/vnd.oasis.opendocument.image":["odi"],"application/vnd.oasis.opendocument.image-template":["oti"],"application/vnd.oasis.opendocument.presentation":["odp"],"application/vnd.oasis.opendocument.presentation-template":["otp"],"application/vnd.oasis.opendocument.spreadsheet":["ods"],"application/vnd.oasis.opendocument.spreadsheet-template":["ots"],"application/vnd.oasis.opendocument.text":["odt"],"application/vnd.oasis.opendocument.text-master":["odm"],"application/vnd.oasis.opendocument.text-template":["ott"],"application/vnd.oasis.opendocument.text-web":["oth"],"application/vnd.olpc-sugar":["xo"],"application/vnd.oma.dd2+xml":["dd2"],"application/vnd.openblox.game+xml":["obgx"],"application/vnd.openofficeorg.extension":["oxt"],"application/vnd.openstreetmap.data+xml":["osm"],"application/vnd.openxmlformats-officedocument.presentationml.presentation":["pptx"],"application/vnd.openxmlformats-officedocument.presentationml.slide":["sldx"],"application/vnd.openxmlformats-officedocument.presentationml.slideshow":["ppsx"],"application/vnd.openxmlformats-officedocument.presentationml.template":["potx"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":["xlsx"],"application/vnd.openxmlformats-officedocument.spreadsheetml.template":["xltx"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":["docx"],"application/vnd.openxmlformats-officedocument.wordprocessingml.template":["dotx"],"application/vnd.osgeo.mapguide.package":["mgp"],"application/vnd.osgi.dp":["dp"],"application/vnd.osgi.subsystem":["esa"],"application/vnd.palm":["pdb","pqa","oprc"],"application/vnd.pawaafile":["paw"],"application/vnd.pg.format":["str"],"application/vnd.pg.osasli":["ei6"],"application/vnd.picsel":["efif"],"application/vnd.pmi.widget":["wg"],"application/vnd.pocketlearn":["plf"],"application/vnd.powerbuilder6":["pbd"],"application/vnd.previewsystems.box":["box"],"application/vnd.proteus.magazine":["mgz"],"application/vnd.publishare-delta-tree":["qps"],"application/vnd.pvi.ptid1":["ptid"],"application/vnd.quark.quarkxpress":["qxd","qxt","qwd","qwt","qxl","qxb"],"application/vnd.rar":["rar"],"application/vnd.realvnc.bed":["bed"],"application/vnd.recordare.musicxml":["mxl"],"application/vnd.recordare.musicxml+xml":["musicxml"],"application/vnd.rig.cryptonote":["cryptonote"],"application/vnd.rim.cod":["cod"],"application/vnd.rn-realmedia":["rm"],"application/vnd.rn-realmedia-vbr":["rmvb"],"application/vnd.route66.link66+xml":["link66"],"application/vnd.sailingtracker.track":["st"],"application/vnd.seemail":["see"],"application/vnd.sema":["sema"],"application/vnd.semd":["semd"],"application/vnd.semf":["semf"],"application/vnd.shana.informed.formdata":["ifm"],"application/vnd.shana.informed.formtemplate":["itp"],"application/vnd.shana.informed.interchange":["iif"],"application/vnd.shana.informed.package":["ipk"],"application/vnd.simtech-mindmapper":["twd","twds"],"application/vnd.smaf":["mmf"],"application/vnd.smart.teacher":["teacher"],"application/vnd.software602.filler.form+xml":["fo"],"application/vnd.solent.sdkm+xml":["sdkm","sdkd"],"application/vnd.spotfire.dxp":["dxp"],"application/vnd.spotfire.sfs":["sfs"],"application/vnd.stardivision.calc":["sdc"],"application/vnd.stardivision.draw":["sda"],"application/vnd.stardivision.impress":["sdd"],"application/vnd.stardivision.math":["smf"],"application/vnd.stardivision.writer":["sdw","vor"],"application/vnd.stardivision.writer-global":["sgl"],"application/vnd.stepmania.package":["smzip"],"application/vnd.stepmania.stepchart":["sm"],"application/vnd.sun.wadl+xml":["wadl"],"application/vnd.sun.xml.calc":["sxc"],"application/vnd.sun.xml.calc.template":["stc"],"application/vnd.sun.xml.draw":["sxd"],"application/vnd.sun.xml.draw.template":["std"],"application/vnd.sun.xml.impress":["sxi"],"application/vnd.sun.xml.impress.template":["sti"],"application/vnd.sun.xml.math":["sxm"],"application/vnd.sun.xml.writer":["sxw"],"application/vnd.sun.xml.writer.global":["sxg"],"application/vnd.sun.xml.writer.template":["stw"],"application/vnd.sus-calendar":["sus","susp"],"application/vnd.svd":["svd"],"application/vnd.symbian.install":["sis","sisx"],"application/vnd.syncml+xml":["xsm"],"application/vnd.syncml.dm+wbxml":["bdm"],"application/vnd.syncml.dm+xml":["xdm"],"application/vnd.syncml.dmddf+xml":["ddf"],"application/vnd.tao.intent-module-archive":["tao"],"application/vnd.tcpdump.pcap":["pcap","cap","dmp"],"application/vnd.tmobile-livetv":["tmo"],"application/vnd.trid.tpt":["tpt"],"application/vnd.triscape.mxs":["mxs"],"application/vnd.trueapp":["tra"],"application/vnd.ufdl":["ufd","ufdl"],"application/vnd.uiq.theme":["utz"],"application/vnd.umajin":["umj"],"application/vnd.unity":["unityweb"],"application/vnd.uoml+xml":["uoml"],"application/vnd.vcx":["vcx"],"application/vnd.visio":["vsd","vst","vss","vsw"],"application/vnd.visionary":["vis"],"application/vnd.vsf":["vsf"],"application/vnd.wap.wbxml":["wbxml"],"application/vnd.wap.wmlc":["wmlc"],"application/vnd.wap.wmlscriptc":["wmlsc"],"application/vnd.webturbo":["wtb"],"application/vnd.wolfram.player":["nbp"],"application/vnd.wordperfect":["wpd"],"application/vnd.wqd":["wqd"],"application/vnd.wt.stf":["stf"],"application/vnd.xara":["xar"],"application/vnd.xfdl":["xfdl"],"application/vnd.yamaha.hv-dic":["hvd"],"application/vnd.yamaha.hv-script":["hvs"],"application/vnd.yamaha.hv-voice":["hvp"],"application/vnd.yamaha.openscoreformat":["osf"],"application/vnd.yamaha.openscoreformat.osfpvg+xml":["osfpvg"],"application/vnd.yamaha.smaf-audio":["saf"],"application/vnd.yamaha.smaf-phrase":["spf"],"application/vnd.yellowriver-custom-menu":["cmp"],"application/vnd.zul":["zir","zirz"],"application/vnd.zzazz.deck+xml":["zaz"],"application/x-7z-compressed":["7z"],"application/x-abiword":["abw"],"application/x-ace-compressed":["ace"],"application/x-apple-diskimage":["*dmg"],"application/x-arj":["arj"],"application/x-authorware-bin":["aab","x32","u32","vox"],"application/x-authorware-map":["aam"],"application/x-authorware-seg":["aas"],"application/x-bcpio":["bcpio"],"application/x-bdoc":["*bdoc"],"application/x-bittorrent":["torrent"],"application/x-blorb":["blb","blorb"],"application/x-bzip":["bz"],"application/x-bzip2":["bz2","boz"],"application/x-cbr":["cbr","cba","cbt","cbz","cb7"],"application/x-cdlink":["vcd"],"application/x-cfs-compressed":["cfs"],"application/x-chat":["chat"],"application/x-chess-pgn":["pgn"],"application/x-chrome-extension":["crx"],"application/x-cocoa":["cco"],"application/x-conference":["nsc"],"application/x-cpio":["cpio"],"application/x-csh":["csh"],"application/x-debian-package":["*deb","udeb"],"application/x-dgc-compressed":["dgc"],"application/x-director":["dir","dcr","dxr","cst","cct","cxt","w3d","fgd","swa"],"application/x-doom":["wad"],"application/x-dtbncx+xml":["ncx"],"application/x-dtbook+xml":["dtb"],"application/x-dtbresource+xml":["res"],"application/x-dvi":["dvi"],"application/x-envoy":["evy"],"application/x-eva":["eva"],"application/x-font-bdf":["bdf"],"application/x-font-ghostscript":["gsf"],"application/x-font-linux-psf":["psf"],"application/x-font-pcf":["pcf"],"application/x-font-snf":["snf"],"application/x-font-type1":["pfa","pfb","pfm","afm"],"application/x-freearc":["arc"],"application/x-futuresplash":["spl"],"application/x-gca-compressed":["gca"],"application/x-glulx":["ulx"],"application/x-gnumeric":["gnumeric"],"application/x-gramps-xml":["gramps"],"application/x-gtar":["gtar"],"application/x-hdf":["hdf"],"application/x-httpd-php":["php"],"application/x-install-instructions":["install"],"application/x-iso9660-image":["*iso"],"application/x-iwork-keynote-sffkey":["*key"],"application/x-iwork-numbers-sffnumbers":["*numbers"],"application/x-iwork-pages-sffpages":["*pages"],"application/x-java-archive-diff":["jardiff"],"application/x-java-jnlp-file":["jnlp"],"application/x-keepass2":["kdbx"],"application/x-latex":["latex"],"application/x-lua-bytecode":["luac"],"application/x-lzh-compressed":["lzh","lha"],"application/x-makeself":["run"],"application/x-mie":["mie"],"application/x-mobipocket-ebook":["prc","mobi"],"application/x-ms-application":["application"],"application/x-ms-shortcut":["lnk"],"application/x-ms-wmd":["wmd"],"application/x-ms-wmz":["wmz"],"application/x-ms-xbap":["xbap"],"application/x-msaccess":["mdb"],"application/x-msbinder":["obd"],"application/x-mscardfile":["crd"],"application/x-msclip":["clp"],"application/x-msdos-program":["*exe"],"application/x-msdownload":["*exe","*dll","com","bat","*msi"],"application/x-msmediaview":["mvb","m13","m14"],"application/x-msmetafile":["*wmf","*wmz","*emf","emz"],"application/x-msmoney":["mny"],"application/x-mspublisher":["pub"],"application/x-msschedule":["scd"],"application/x-msterminal":["trm"],"application/x-mswrite":["wri"],"application/x-netcdf":["nc","cdf"],"application/x-ns-proxy-autoconfig":["pac"],"application/x-nzb":["nzb"],"application/x-perl":["pl","pm"],"application/x-pilot":["*prc","*pdb"],"application/x-pkcs12":["p12","pfx"],"application/x-pkcs7-certificates":["p7b","spc"],"application/x-pkcs7-certreqresp":["p7r"],"application/x-rar-compressed":["*rar"],"application/x-redhat-package-manager":["rpm"],"application/x-research-info-systems":["ris"],"application/x-sea":["sea"],"application/x-sh":["sh"],"application/x-shar":["shar"],"application/x-shockwave-flash":["swf"],"application/x-silverlight-app":["xap"],"application/x-sql":["sql"],"application/x-stuffit":["sit"],"application/x-stuffitx":["sitx"],"application/x-subrip":["srt"],"application/x-sv4cpio":["sv4cpio"],"application/x-sv4crc":["sv4crc"],"application/x-t3vm-image":["t3"],"application/x-tads":["gam"],"application/x-tar":["tar"],"application/x-tcl":["tcl","tk"],"application/x-tex":["tex"],"application/x-tex-tfm":["tfm"],"application/x-texinfo":["texinfo","texi"],"application/x-tgif":["*obj"],"application/x-ustar":["ustar"],"application/x-virtualbox-hdd":["hdd"],"application/x-virtualbox-ova":["ova"],"application/x-virtualbox-ovf":["ovf"],"application/x-virtualbox-vbox":["vbox"],"application/x-virtualbox-vbox-extpack":["vbox-extpack"],"application/x-virtualbox-vdi":["vdi"],"application/x-virtualbox-vhd":["vhd"],"application/x-virtualbox-vmdk":["vmdk"],"application/x-wais-source":["src"],"application/x-web-app-manifest+json":["webapp"],"application/x-x509-ca-cert":["der","crt","pem"],"application/x-xfig":["fig"],"application/x-xliff+xml":["*xlf"],"application/x-xpinstall":["xpi"],"application/x-xz":["xz"],"application/x-zmachine":["z1","z2","z3","z4","z5","z6","z7","z8"],"audio/vnd.dece.audio":["uva","uvva"],"audio/vnd.digital-winds":["eol"],"audio/vnd.dra":["dra"],"audio/vnd.dts":["dts"],"audio/vnd.dts.hd":["dtshd"],"audio/vnd.lucent.voice":["lvp"],"audio/vnd.ms-playready.media.pya":["pya"],"audio/vnd.nuera.ecelp4800":["ecelp4800"],"audio/vnd.nuera.ecelp7470":["ecelp7470"],"audio/vnd.nuera.ecelp9600":["ecelp9600"],"audio/vnd.rip":["rip"],"audio/x-aac":["aac"],"audio/x-aiff":["aif","aiff","aifc"],"audio/x-caf":["caf"],"audio/x-flac":["flac"],"audio/x-m4a":["*m4a"],"audio/x-matroska":["mka"],"audio/x-mpegurl":["m3u"],"audio/x-ms-wax":["wax"],"audio/x-ms-wma":["wma"],"audio/x-pn-realaudio":["ram","ra"],"audio/x-pn-realaudio-plugin":["rmp"],"audio/x-realaudio":["*ra"],"audio/x-wav":["*wav"],"chemical/x-cdx":["cdx"],"chemical/x-cif":["cif"],"chemical/x-cmdf":["cmdf"],"chemical/x-cml":["cml"],"chemical/x-csml":["csml"],"chemical/x-xyz":["xyz"],"image/prs.btif":["btif"],"image/prs.pti":["pti"],"image/vnd.adobe.photoshop":["psd"],"image/vnd.airzip.accelerator.azv":["azv"],"image/vnd.dece.graphic":["uvi","uvvi","uvg","uvvg"],"image/vnd.djvu":["djvu","djv"],"image/vnd.dvb.subtitle":["*sub"],"image/vnd.dwg":["dwg"],"image/vnd.dxf":["dxf"],"image/vnd.fastbidsheet":["fbs"],"image/vnd.fpx":["fpx"],"image/vnd.fst":["fst"],"image/vnd.fujixerox.edmics-mmr":["mmr"],"image/vnd.fujixerox.edmics-rlc":["rlc"],"image/vnd.microsoft.icon":["ico"],"image/vnd.ms-dds":["dds"],"image/vnd.ms-modi":["mdi"],"image/vnd.ms-photo":["wdp"],"image/vnd.net-fpx":["npx"],"image/vnd.pco.b16":["b16"],"image/vnd.tencent.tap":["tap"],"image/vnd.valve.source.texture":["vtf"],"image/vnd.wap.wbmp":["wbmp"],"image/vnd.xiff":["xif"],"image/vnd.zbrush.pcx":["pcx"],"image/x-3ds":["3ds"],"image/x-cmu-raster":["ras"],"image/x-cmx":["cmx"],"image/x-freehand":["fh","fhc","fh4","fh5","fh7"],"image/x-icon":["*ico"],"image/x-jng":["jng"],"image/x-mrsid-image":["sid"],"image/x-ms-bmp":["*bmp"],"image/x-pcx":["*pcx"],"image/x-pict":["pic","pct"],"image/x-portable-anymap":["pnm"],"image/x-portable-bitmap":["pbm"],"image/x-portable-graymap":["pgm"],"image/x-portable-pixmap":["ppm"],"image/x-rgb":["rgb"],"image/x-tga":["tga"],"image/x-xbitmap":["xbm"],"image/x-xpixmap":["xpm"],"image/x-xwindowdump":["xwd"],"message/vnd.wfa.wsc":["wsc"],"model/vnd.collada+xml":["dae"],"model/vnd.dwf":["dwf"],"model/vnd.gdl":["gdl"],"model/vnd.gtw":["gtw"],"model/vnd.mts":["mts"],"model/vnd.opengex":["ogex"],"model/vnd.parasolid.transmit.binary":["x_b"],"model/vnd.parasolid.transmit.text":["x_t"],"model/vnd.sap.vds":["vds"],"model/vnd.usdz+zip":["usdz"],"model/vnd.valve.source.compiled-map":["bsp"],"model/vnd.vtu":["vtu"],"text/prs.lines.tag":["dsc"],"text/vnd.curl":["curl"],"text/vnd.curl.dcurl":["dcurl"],"text/vnd.curl.mcurl":["mcurl"],"text/vnd.curl.scurl":["scurl"],"text/vnd.dvb.subtitle":["sub"],"text/vnd.fly":["fly"],"text/vnd.fmi.flexstor":["flx"],"text/vnd.graphviz":["gv"],"text/vnd.in3d.3dml":["3dml"],"text/vnd.in3d.spot":["spot"],"text/vnd.sun.j2me.app-descriptor":["jad"],"text/vnd.wap.wml":["wml"],"text/vnd.wap.wmlscript":["wmls"],"text/x-asm":["s","asm"],"text/x-c":["c","cc","cxx","cpp","h","hh","dic"],"text/x-component":["htc"],"text/x-fortran":["f","for","f77","f90"],"text/x-handlebars-template":["hbs"],"text/x-java-source":["java"],"text/x-lua":["lua"],"text/x-markdown":["mkd"],"text/x-nfo":["nfo"],"text/x-opml":["opml"],"text/x-org":["*org"],"text/x-pascal":["p","pas"],"text/x-processing":["pde"],"text/x-sass":["sass"],"text/x-scss":["scss"],"text/x-setext":["etx"],"text/x-sfv":["sfv"],"text/x-suse-ymp":["ymp"],"text/x-uuencode":["uu"],"text/x-vcalendar":["vcs"],"text/x-vcard":["vcf"],"video/vnd.dece.hd":["uvh","uvvh"],"video/vnd.dece.mobile":["uvm","uvvm"],"video/vnd.dece.pd":["uvp","uvvp"],"video/vnd.dece.sd":["uvs","uvvs"],"video/vnd.dece.video":["uvv","uvvv"],"video/vnd.dvb.file":["dvb"],"video/vnd.fvt":["fvt"],"video/vnd.mpegurl":["mxu","m4u"],"video/vnd.ms-playready.media.pyv":["pyv"],"video/vnd.uvvu.mp4":["uvu","uvvu"],"video/vnd.vivo":["viv"],"video/x-f4v":["f4v"],"video/x-fli":["fli"],"video/x-flv":["flv"],"video/x-m4v":["m4v"],"video/x-matroska":["mkv","mk3d","mks"],"video/x-mng":["mng"],"video/x-ms-asf":["asf","asx"],"video/x-ms-vob":["vob"],"video/x-ms-wm":["wm"],"video/x-ms-wmv":["wmv"],"video/x-ms-wmx":["wmx"],"video/x-ms-wvx":["wvx"],"video/x-msvideo":["avi"],"video/x-sgi-movie":["movie"],"video/x-smv":["smv"],"x-conference/x-cooltalk":["ice"]};
\ No newline at end of file
diff --git a/node_modules/mime/types/standard.js b/node_modules/mime/types/standard.js
new file mode 100644
index 0000000..5ee9937
--- /dev/null
+++ b/node_modules/mime/types/standard.js
@@ -0,0 +1 @@
+module.exports = {"application/andrew-inset":["ez"],"application/applixware":["aw"],"application/atom+xml":["atom"],"application/atomcat+xml":["atomcat"],"application/atomdeleted+xml":["atomdeleted"],"application/atomsvc+xml":["atomsvc"],"application/atsc-dwd+xml":["dwd"],"application/atsc-held+xml":["held"],"application/atsc-rsat+xml":["rsat"],"application/bdoc":["bdoc"],"application/calendar+xml":["xcs"],"application/ccxml+xml":["ccxml"],"application/cdfx+xml":["cdfx"],"application/cdmi-capability":["cdmia"],"application/cdmi-container":["cdmic"],"application/cdmi-domain":["cdmid"],"application/cdmi-object":["cdmio"],"application/cdmi-queue":["cdmiq"],"application/cu-seeme":["cu"],"application/dash+xml":["mpd"],"application/davmount+xml":["davmount"],"application/docbook+xml":["dbk"],"application/dssc+der":["dssc"],"application/dssc+xml":["xdssc"],"application/ecmascript":["es","ecma"],"application/emma+xml":["emma"],"application/emotionml+xml":["emotionml"],"application/epub+zip":["epub"],"application/exi":["exi"],"application/express":["exp"],"application/fdt+xml":["fdt"],"application/font-tdpfr":["pfr"],"application/geo+json":["geojson"],"application/gml+xml":["gml"],"application/gpx+xml":["gpx"],"application/gxf":["gxf"],"application/gzip":["gz"],"application/hjson":["hjson"],"application/hyperstudio":["stk"],"application/inkml+xml":["ink","inkml"],"application/ipfix":["ipfix"],"application/its+xml":["its"],"application/java-archive":["jar","war","ear"],"application/java-serialized-object":["ser"],"application/java-vm":["class"],"application/javascript":["js","mjs"],"application/json":["json","map"],"application/json5":["json5"],"application/jsonml+json":["jsonml"],"application/ld+json":["jsonld"],"application/lgr+xml":["lgr"],"application/lost+xml":["lostxml"],"application/mac-binhex40":["hqx"],"application/mac-compactpro":["cpt"],"application/mads+xml":["mads"],"application/manifest+json":["webmanifest"],"application/marc":["mrc"],"application/marcxml+xml":["mrcx"],"application/mathematica":["ma","nb","mb"],"application/mathml+xml":["mathml"],"application/mbox":["mbox"],"application/mediaservercontrol+xml":["mscml"],"application/metalink+xml":["metalink"],"application/metalink4+xml":["meta4"],"application/mets+xml":["mets"],"application/mmt-aei+xml":["maei"],"application/mmt-usd+xml":["musd"],"application/mods+xml":["mods"],"application/mp21":["m21","mp21"],"application/mp4":["mp4s","m4p"],"application/msword":["doc","dot"],"application/mxf":["mxf"],"application/n-quads":["nq"],"application/n-triples":["nt"],"application/node":["cjs"],"application/octet-stream":["bin","dms","lrf","mar","so","dist","distz","pkg","bpk","dump","elc","deploy","exe","dll","deb","dmg","iso","img","msi","msp","msm","buffer"],"application/oda":["oda"],"application/oebps-package+xml":["opf"],"application/ogg":["ogx"],"application/omdoc+xml":["omdoc"],"application/onenote":["onetoc","onetoc2","onetmp","onepkg"],"application/oxps":["oxps"],"application/p2p-overlay+xml":["relo"],"application/patch-ops-error+xml":["xer"],"application/pdf":["pdf"],"application/pgp-encrypted":["pgp"],"application/pgp-signature":["asc","sig"],"application/pics-rules":["prf"],"application/pkcs10":["p10"],"application/pkcs7-mime":["p7m","p7c"],"application/pkcs7-signature":["p7s"],"application/pkcs8":["p8"],"application/pkix-attr-cert":["ac"],"application/pkix-cert":["cer"],"application/pkix-crl":["crl"],"application/pkix-pkipath":["pkipath"],"application/pkixcmp":["pki"],"application/pls+xml":["pls"],"application/postscript":["ai","eps","ps"],"application/provenance+xml":["provx"],"application/pskc+xml":["pskcxml"],"application/raml+yaml":["raml"],"application/rdf+xml":["rdf","owl"],"application/reginfo+xml":["rif"],"application/relax-ng-compact-syntax":["rnc"],"application/resource-lists+xml":["rl"],"application/resource-lists-diff+xml":["rld"],"application/rls-services+xml":["rs"],"application/route-apd+xml":["rapd"],"application/route-s-tsid+xml":["sls"],"application/route-usd+xml":["rusd"],"application/rpki-ghostbusters":["gbr"],"application/rpki-manifest":["mft"],"application/rpki-roa":["roa"],"application/rsd+xml":["rsd"],"application/rss+xml":["rss"],"application/rtf":["rtf"],"application/sbml+xml":["sbml"],"application/scvp-cv-request":["scq"],"application/scvp-cv-response":["scs"],"application/scvp-vp-request":["spq"],"application/scvp-vp-response":["spp"],"application/sdp":["sdp"],"application/senml+xml":["senmlx"],"application/sensml+xml":["sensmlx"],"application/set-payment-initiation":["setpay"],"application/set-registration-initiation":["setreg"],"application/shf+xml":["shf"],"application/sieve":["siv","sieve"],"application/smil+xml":["smi","smil"],"application/sparql-query":["rq"],"application/sparql-results+xml":["srx"],"application/srgs":["gram"],"application/srgs+xml":["grxml"],"application/sru+xml":["sru"],"application/ssdl+xml":["ssdl"],"application/ssml+xml":["ssml"],"application/swid+xml":["swidtag"],"application/tei+xml":["tei","teicorpus"],"application/thraud+xml":["tfi"],"application/timestamped-data":["tsd"],"application/toml":["toml"],"application/trig":["trig"],"application/ttml+xml":["ttml"],"application/ubjson":["ubj"],"application/urc-ressheet+xml":["rsheet"],"application/urc-targetdesc+xml":["td"],"application/voicexml+xml":["vxml"],"application/wasm":["wasm"],"application/widget":["wgt"],"application/winhlp":["hlp"],"application/wsdl+xml":["wsdl"],"application/wspolicy+xml":["wspolicy"],"application/xaml+xml":["xaml"],"application/xcap-att+xml":["xav"],"application/xcap-caps+xml":["xca"],"application/xcap-diff+xml":["xdf"],"application/xcap-el+xml":["xel"],"application/xcap-ns+xml":["xns"],"application/xenc+xml":["xenc"],"application/xhtml+xml":["xhtml","xht"],"application/xliff+xml":["xlf"],"application/xml":["xml","xsl","xsd","rng"],"application/xml-dtd":["dtd"],"application/xop+xml":["xop"],"application/xproc+xml":["xpl"],"application/xslt+xml":["*xsl","xslt"],"application/xspf+xml":["xspf"],"application/xv+xml":["mxml","xhvml","xvml","xvm"],"application/yang":["yang"],"application/yin+xml":["yin"],"application/zip":["zip"],"audio/3gpp":["*3gpp"],"audio/adpcm":["adp"],"audio/amr":["amr"],"audio/basic":["au","snd"],"audio/midi":["mid","midi","kar","rmi"],"audio/mobile-xmf":["mxmf"],"audio/mp3":["*mp3"],"audio/mp4":["m4a","mp4a"],"audio/mpeg":["mpga","mp2","mp2a","mp3","m2a","m3a"],"audio/ogg":["oga","ogg","spx","opus"],"audio/s3m":["s3m"],"audio/silk":["sil"],"audio/wav":["wav"],"audio/wave":["*wav"],"audio/webm":["weba"],"audio/xm":["xm"],"font/collection":["ttc"],"font/otf":["otf"],"font/ttf":["ttf"],"font/woff":["woff"],"font/woff2":["woff2"],"image/aces":["exr"],"image/apng":["apng"],"image/avif":["avif"],"image/bmp":["bmp"],"image/cgm":["cgm"],"image/dicom-rle":["drle"],"image/emf":["emf"],"image/fits":["fits"],"image/g3fax":["g3"],"image/gif":["gif"],"image/heic":["heic"],"image/heic-sequence":["heics"],"image/heif":["heif"],"image/heif-sequence":["heifs"],"image/hej2k":["hej2"],"image/hsj2":["hsj2"],"image/ief":["ief"],"image/jls":["jls"],"image/jp2":["jp2","jpg2"],"image/jpeg":["jpeg","jpg","jpe"],"image/jph":["jph"],"image/jphc":["jhc"],"image/jpm":["jpm"],"image/jpx":["jpx","jpf"],"image/jxr":["jxr"],"image/jxra":["jxra"],"image/jxrs":["jxrs"],"image/jxs":["jxs"],"image/jxsc":["jxsc"],"image/jxsi":["jxsi"],"image/jxss":["jxss"],"image/ktx":["ktx"],"image/ktx2":["ktx2"],"image/png":["png"],"image/sgi":["sgi"],"image/svg+xml":["svg","svgz"],"image/t38":["t38"],"image/tiff":["tif","tiff"],"image/tiff-fx":["tfx"],"image/webp":["webp"],"image/wmf":["wmf"],"message/disposition-notification":["disposition-notification"],"message/global":["u8msg"],"message/global-delivery-status":["u8dsn"],"message/global-disposition-notification":["u8mdn"],"message/global-headers":["u8hdr"],"message/rfc822":["eml","mime"],"model/3mf":["3mf"],"model/gltf+json":["gltf"],"model/gltf-binary":["glb"],"model/iges":["igs","iges"],"model/mesh":["msh","mesh","silo"],"model/mtl":["mtl"],"model/obj":["obj"],"model/step+xml":["stpx"],"model/step+zip":["stpz"],"model/step-xml+zip":["stpxz"],"model/stl":["stl"],"model/vrml":["wrl","vrml"],"model/x3d+binary":["*x3db","x3dbz"],"model/x3d+fastinfoset":["x3db"],"model/x3d+vrml":["*x3dv","x3dvz"],"model/x3d+xml":["x3d","x3dz"],"model/x3d-vrml":["x3dv"],"text/cache-manifest":["appcache","manifest"],"text/calendar":["ics","ifb"],"text/coffeescript":["coffee","litcoffee"],"text/css":["css"],"text/csv":["csv"],"text/html":["html","htm","shtml"],"text/jade":["jade"],"text/jsx":["jsx"],"text/less":["less"],"text/markdown":["markdown","md"],"text/mathml":["mml"],"text/mdx":["mdx"],"text/n3":["n3"],"text/plain":["txt","text","conf","def","list","log","in","ini"],"text/richtext":["rtx"],"text/rtf":["*rtf"],"text/sgml":["sgml","sgm"],"text/shex":["shex"],"text/slim":["slim","slm"],"text/spdx":["spdx"],"text/stylus":["stylus","styl"],"text/tab-separated-values":["tsv"],"text/troff":["t","tr","roff","man","me","ms"],"text/turtle":["ttl"],"text/uri-list":["uri","uris","urls"],"text/vcard":["vcard"],"text/vtt":["vtt"],"text/xml":["*xml"],"text/yaml":["yaml","yml"],"video/3gpp":["3gp","3gpp"],"video/3gpp2":["3g2"],"video/h261":["h261"],"video/h263":["h263"],"video/h264":["h264"],"video/iso.segment":["m4s"],"video/jpeg":["jpgv"],"video/jpm":["*jpm","jpgm"],"video/mj2":["mj2","mjp2"],"video/mp2t":["ts"],"video/mp4":["mp4","mp4v","mpg4"],"video/mpeg":["mpeg","mpg","mpe","m1v","m2v"],"video/ogg":["ogv"],"video/quicktime":["qt","mov"],"video/webm":["webm"]};
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..306b6fd
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,30 @@
+{
+  "name": "a2-shortstack",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "mime": "^2.4.4"
+      }
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    }
+  },
+  "dependencies": {
+    "mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg=="
+    }
+  }
+}
diff --git a/public/css/style.css b/public/css/style.css
index d5f842a..7169eba 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1 +1,102 @@
-/*Style your own assignment! This is fun! */
\ No newline at end of file
+/*Style your own assignment! This is fun! */
+/* styles.css */
+/* universal selector - Applies to whole document */
+*{
+	padding: 0;
+	margin: 0;
+	box-sizing: border-box;
+	background: #082c6c;
+	color: #fff;
+}
+/* To center everything in game */
+.game{
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	width: 100vw;
+	justify-content: center;
+	align-items: center;
+}
+
+/* Title of the game */
+.title{
+	position: absolute;
+	top: 0;
+	font-size: 4rem;
+	z-index: 2;
+}
+
+/* Score Board */
+.score{
+	display: flex;
+	width: 30vw;
+	justify-content: space-evenly;
+	position: absolute;
+	top: 70px;
+	z-index: 1;
+}
+
+/* Score */
+.p-count,.c-count{
+	text-align: center;
+	font-size: 1.5rem;
+	margin-top: 1rem;
+}
+
+/* displaying three buttons in one line */
+.options{
+	display: flex;
+	width: 50vw;
+	justify-content: space-evenly;
+	margin-top: 2rem;
+}
+
+/* Styling on all three buttons */
+.rock, .paper, .scissor{
+	padding: 0.8rem;
+	width: 100px;
+	border-radius: 10px;
+	background: green;
+	outline: none;
+	border-color: green;
+	border: none;
+	cursor: pointer;
+}
+
+.move{
+	font-size: 2rem;
+	font-weight: bold;
+}
+
+/* Reload button style */
+.reload {
+	display: none;
+	margin-top: 2rem;
+	padding: 1rem;
+	background: green;
+	outline: none;
+	border: none;
+	border-radius: 10px;
+	cursor: pointer;
+}
+
+.result{
+	margin-top: 20px;
+	font-size: 1.2rem;
+}
+
+/* Responsive Design */
+@media screen and (max-width: 612px)
+{
+	.title{
+		text-align: center;
+	}
+	.score{
+		position: absolute;
+		top: 200px;
+		width: 100vw;
+	}
+	.options{
+		width: 100vw;
+	}
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index c56d620..60773d2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,16 +1,61 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <title>CS4241 Assignment 2</title>
+    <title>Hao Chen Assignment 2</title>
+    <link rel="stylesheet" href="css/style.css">
+    <link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
     <meta charset="utf-8">
+    <meta name="viewport"
+    content="width=device-width,
+             initial-scale=1.0">
   </head>
   <body>
-    <form action="">
+    <section class="game">
+      <!--Title -->
+      <div class="title">Rock Paper Scissor</div>
+       
+        <!--Display Score of player and computer -->
+      <div class="score"> 
+          <div class="playerScore">
+              <h2>Player</h2>
+              <p class="p-count count">0</p>
+
+          </div>      
+          <div class="computerScore">
+              <h2>Computer</h2>
+              <p class="c-count count">0</p>
+
+          </div>
+      </div>
+     
+      <div class="move">Choose your move</div>
+       
+        <!--Number of moves left before game ends -->
+      <div class="movesleft">Moves Left: 10 </div>
+       
+        <!--Options available to player to play game -->
+      <div class="options">
+          <button class="rock">Rock</button>
+          <button class="paper">Paper</button>
+          <button class="scissor">Scissors</button>   
+      </div>
+       
+        <!--Final result of game -->
+      <div class="result"></div>
+       
+        <!--Reload the game -->
+      <button class="reload"></button>
+
+  </section>
+
+  <script src="js/scripts.js"></script>
+
+    <!-- <form action="">
       <input type='text' id='yourname' value="your name here">
       <button>submit</button>
-    </form>
+    </form> -->
   </body>
-  <script>
+  <!-- <script>
 
   const submit = function( e ) {
     // prevent default form action from being carried out
@@ -37,5 +82,5 @@
     button.onclick = submit
   }
 
-  </script>
+  </script> -->
 </html>
diff --git a/public/js/scripts.js b/public/js/scripts.js
index de052ea..820ceb1 100644
--- a/public/js/scripts.js
+++ b/public/js/scripts.js
@@ -1,3 +1,134 @@
 // Add some Javascript code here, to run on the front end.
 
-console.log("Welcome to assignment 2!")
\ No newline at end of file
+console.log("Welcome to assignment 2!")
+
+// Complete logic of game inside this function
+const game = () => {
+    let playerScore = 0;
+    let computerScore = 0;
+    let moves = 0;
+ 
+ 
+    // Function to
+    const playGame = () => {
+        const rockBtn = document.querySelector('.rock');
+        const paperBtn = document.querySelector('.paper');
+        const scissorBtn = document.querySelector('.scissor');
+        const playerOptions = [rockBtn,paperBtn,scissorBtn];
+        const computerOptions = ['rock','paper','scissors']
+         
+        // Function to start playing game
+        playerOptions.forEach(option => {
+            option.addEventListener('click',function(){
+ 
+                const movesLeft = document.querySelector('.movesleft');
+                moves++;
+                movesLeft.innerText = `Moves Left: ${10-moves}`;
+                 
+ 
+                const choiceNumber = Math.floor(Math.random()*3);
+                const computerChoice = computerOptions[choiceNumber];
+ 
+                // Function to check who wins
+                winner(this.innerText,computerChoice)
+                 
+                // Calling gameOver function after 10 moves
+                if(moves == 10){
+                    gameOver(playerOptions,movesLeft);
+                }
+            })
+        })
+         
+    }
+ 
+    // Function to decide winner
+    const winner = (player,computer) => {
+        const result = document.querySelector('.result');
+        const playerScoreBoard = document.querySelector('.p-count');
+        const computerScoreBoard = document.querySelector('.c-count');
+        player = player.toLowerCase();
+        computer = computer.toLowerCase();
+        if(player === computer){
+            result.textContent = 'Tie'
+        }
+        else if(player == 'rock'){
+            if(computer == 'paper'){
+                result.textContent = 'Computer Won';
+                computerScore++;
+                computerScoreBoard.textContent = computerScore;
+ 
+            }else{
+                result.textContent = 'Player Won'
+                playerScore++;
+                playerScoreBoard.textContent = playerScore;
+            }
+        }
+        else if(player == 'scissors'){
+            if(computer == 'rock'){
+                result.textContent = 'Computer Won';
+                computerScore++;
+                computerScoreBoard.textContent = computerScore;
+            }else{
+                result.textContent = 'Player Won';
+                playerScore++;
+                playerScoreBoard.textContent = playerScore;
+            }
+        }
+        else if(player == 'paper'){
+            if(computer == 'scissors'){
+                result.textContent = 'Computer Won';
+                computerScore++;
+                computerScoreBoard.textContent = computerScore;
+            }else{
+                result.textContent = 'Player Won';
+                playerScore++;
+                playerScoreBoard.textContent = playerScore;
+            }
+        }
+    }
+ 
+    // Function to run when game is over
+    const gameOver = (playerOptions,movesLeft) => {
+ 
+        const chooseMove = document.querySelector('.move');
+        const result = document.querySelector('.result');
+        const reloadBtn = document.querySelector('.reload');
+ 
+        playerOptions.forEach(option => {
+            option.style.display = 'none';
+        })
+ 
+      
+        chooseMove.innerText = 'Game Over!!'
+        movesLeft.style.display = 'none';
+ 
+        if(playerScore > computerScore){
+            result.style.fontSize = '2rem';
+            result.innerText = 'You Won The Game'
+            result.style.color = '#308D46';
+        }
+        else if(playerScore < computerScore){
+            result.style.fontSize = '2rem';
+            result.innerText = 'You Lost The Game';
+            result.style.color = 'red';
+        }
+        else{
+            result.style.fontSize = '2rem';
+            result.innerText = 'Tie';
+            result.style.color = 'grey'
+        }
+        reloadBtn.innerText = 'Restart';
+        reloadBtn.style.display = 'flex'
+        reloadBtn.addEventListener('click',() => {
+            window.location.reload();
+        })
+    }
+ 
+ 
+    // Calling playGame function inside game
+    playGame();
+     
+}
+ 
+// Calling the game function
+game();
\ No newline at end of file

From 9a41e5b1ba77aab28cbd376ee9d6b5e087ad94ce Mon Sep 17 00:00:00 2001
From: carrier-of-cyberbully <hchen7@wpi.edu>
Date: Tue, 6 Sep 2022 11:38:31 -0400
Subject: [PATCH 2/4] broken

---
 public/css/main.css  | 47 +++++++++++++++++++++++
 public/css/style.css | 20 +++++-----
 public/game.html     | 51 +++++++++++++++++++++++++
 public/index.html    | 89 +++++++++++++++++++-------------------------
 public/js/scripts.js | 15 +++++---
 server.improved.js   |  6 +--
 6 files changed, 159 insertions(+), 69 deletions(-)
 create mode 100644 public/css/main.css
 create mode 100644 public/game.html

diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000..7f12b93
--- /dev/null
+++ b/public/css/main.css
@@ -0,0 +1,47 @@
+h1,
+h2 {
+    text-align: center;
+    color: #FA9E4B;
+}
+
+h3 {
+    color: #FA7150;
+}
+
+div.coloredBorder {
+    border: 2px solid #F0B151;
+    border-radius: 30px;
+}
+
+ul {
+    list-style: none;
+}
+
+ul li::before {
+    content: "\2022";
+    color: #F0463E;
+    font-weight: bold;
+    display: inline-block;
+    width: 1em;
+    margin-left: -1em;
+}
+
+.videoWrapper {
+    position: relative;
+    padding-bottom: 56.25%;
+    /* 16:9 */
+    height: 0;
+}
+
+.videoWrapper iframe {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 70%;
+}
\ No newline at end of file
diff --git a/public/css/style.css b/public/css/style.css
index 7169eba..74863fd 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -5,8 +5,8 @@
 	padding: 0;
 	margin: 0;
 	box-sizing: border-box;
-	background: #082c6c;
-	color: #fff;
+	background: #3c3b47;
+	color: rgb(255, 255, 255);
 }
 /* To center everything in game */
 .game{
@@ -22,17 +22,18 @@
 .title{
 	position: absolute;
 	top: 0;
-	font-size: 4rem;
+	font-size: 3rem;
 	z-index: 2;
+	margin-top: 3rem;
 }
 
 /* Score Board */
 .score{
 	display: flex;
-	width: 30vw;
+	width: 50vw;
 	justify-content: space-evenly;
 	position: absolute;
-	top: 70px;
+	top: 170px;
 	z-index: 1;
 }
 
@@ -48,7 +49,7 @@
 	display: flex;
 	width: 50vw;
 	justify-content: space-evenly;
-	margin-top: 2rem;
+	margin-top: 8rem;
 }
 
 /* Styling on all three buttons */
@@ -56,9 +57,9 @@
 	padding: 0.8rem;
 	width: 100px;
 	border-radius: 10px;
-	background: green;
+	background: #F0B151;
 	outline: none;
-	border-color: green;
+	border-color: #F0B151;
 	border: none;
 	cursor: pointer;
 }
@@ -66,6 +67,7 @@
 .move{
 	font-size: 2rem;
 	font-weight: bold;
+	margin-top: 15rem;
 }
 
 /* Reload button style */
@@ -73,7 +75,7 @@
 	display: none;
 	margin-top: 2rem;
 	padding: 1rem;
-	background: green;
+	background: #301e06;
 	outline: none;
 	border: none;
 	border-radius: 10px;
diff --git a/public/game.html b/public/game.html
new file mode 100644
index 0000000..fcbfd3c
--- /dev/null
+++ b/public/game.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>game</title>
+    <link rel="stylesheet" href="css/style.css">
+    <meta charset="utf-8">
+  </head>
+  <body>
+    <section class="game">
+      <!--Title -->
+      <div class="title" style="color:aquamarine ;">Rock Paper Scissors</div>
+       
+        <!--Display Score of player and computer -->
+      <div class="score"> 
+          <div class="playerScore">
+              <h2>Player</h2>
+              <p class="p-count count">0</p>
+
+          </div>      
+          <div class="computerScore">
+              <h2>Computer</h2>
+              <p class="c-count count">0</p>
+
+          </div>
+      </div>
+     
+      <div class="move">Decide Your Move</div>
+      <br>
+       
+        <!--Number of moves left before game ends -->
+      <div class="movesleft" style="margin-top: 1rem; font-size: large;">Moves Left: 5 </div>
+       
+        <!--Options available to player to play game -->
+      <div class="options">
+          <button class="rock" style="color: rgb(70, 66, 63);">Rock</button>
+          <button class="paper" style="color: rgb(70, 66, 63);">Paper</button>
+          <button class="scissor" style="color: rgb(70, 66, 63);">Scissors</button>   
+      </div>
+       
+        <!--Final result of game -->
+      <div class="result"></div>
+       
+        <!--Reload the game -->
+      <button class="reload"></button>
+
+  </section>
+
+  <script src="js/scripts.js"></script>
+
+  </body>
+</html>
diff --git a/public/index.html b/public/index.html
index 60773d2..bfd66fd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,76 +2,63 @@
 <html lang="en">
   <head>
     <title>Hao Chen Assignment 2</title>
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/main.css">
     <link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
     <meta charset="utf-8">
-    <meta name="viewport"
-    content="width=device-width,
-             initial-scale=1.0">
+    <style>
+      body {
+          font-family: 'Abel';font-size: 18px;
+      }
+      </style>
   </head>
-  <body>
-    <section class="game">
-      <!--Title -->
-      <div class="title">Rock Paper Scissor</div>
-       
-        <!--Display Score of player and computer -->
-      <div class="score"> 
-          <div class="playerScore">
-              <h2>Player</h2>
-              <p class="p-count count">0</p>
+  <body class="center">
+    <div class="coloredBorder">
+      <h1>A Simple Game of Rock Paper Scissors</h1>
+    </div>
+    <h3>
+      <b>Game Introduction: </b>
+    </h3>
+    <p>A classic two-person game. Players start each round by selecting one of the three following options</p>
+    <ul>
+      <li>Rock</li>
+      <li>Paper</li>
+      <li>Scissors</li>
+    </ul>
+    <p style="text-align: center; font-size:x-large; color: #F0463E;" >Counter Relations: Rock crushes scissors, scissors cut paper, and paper covers rock. See who wins each round!</p>
+    <p>Player:</p>
+    <p id="username"></p>
+    <p>Player Accmulated Wins:</p>
+    <p>Player Accmulated loss:</p>
 
-          </div>      
-          <div class="computerScore">
-              <h2>Computer</h2>
-              <p class="c-count count">0</p>
+    <div class="videoWrapper">
+      <iframe src="game.html" style="border:none;" title="Game"></iframe>
+    </div>
 
-          </div>
-      </div>
-     
-      <div class="move">Choose your move</div>
-       
-        <!--Number of moves left before game ends -->
-      <div class="movesleft">Moves Left: 10 </div>
-       
-        <!--Options available to player to play game -->
-      <div class="options">
-          <button class="rock">Rock</button>
-          <button class="paper">Paper</button>
-          <button class="scissor">Scissors</button>   
-      </div>
-       
-        <!--Final result of game -->
-      <div class="result"></div>
-       
-        <!--Reload the game -->
-      <button class="reload"></button>
-
-  </section>
-
-  <script src="js/scripts.js"></script>
-
-    <!-- <form action="">
-      <input type='text' id='yourname' value="your name here">
+    <form action="">
+      <input type='text' id='newUsername' value="new username" required>
       <button>submit</button>
-    </form> -->
+    </form>
   </body>
-  <!-- <script>
+  <script>
 
   const submit = function( e ) {
     // prevent default form action from being carried out
     e.preventDefault()
 
-    const input = document.querySelector( '#yourname' ),
-          json = { yourname: input.value },
+    const input = document.querySelector( '#newUsername' ),
+          json = { username: input.value },
           body = JSON.stringify( json )
 
     fetch( '/submit', {
       method:'POST',
-      body 
+      body
     })
     .then( function( response ) {
       // do something with the reponse 
       console.log( response )
+      // data = JSON.stringify(response.json())
+      // const currentUser = document.querySelector('#username');
+      // currentUser.textContent = data
     })
 
     return false
@@ -82,5 +69,5 @@ <h2>Computer</h2>
     button.onclick = submit
   }
 
-  </script> -->
+  </script>
 </html>
diff --git a/public/js/scripts.js b/public/js/scripts.js
index 820ceb1..6eac7c7 100644
--- a/public/js/scripts.js
+++ b/public/js/scripts.js
@@ -2,7 +2,7 @@
 
 console.log("Welcome to assignment 2!")
 
-// Complete logic of game inside this function
+// Complete logic of game
 const game = () => {
     let playerScore = 0;
     let computerScore = 0;
@@ -23,7 +23,7 @@ const game = () => {
  
                 const movesLeft = document.querySelector('.movesleft');
                 moves++;
-                movesLeft.innerText = `Moves Left: ${10-moves}`;
+                movesLeft.innerText = `Moves Left: ${5-moves}`;
                  
  
                 const choiceNumber = Math.floor(Math.random()*3);
@@ -32,8 +32,8 @@ const game = () => {
                 // Function to check who wins
                 winner(this.innerText,computerChoice)
                  
-                // Calling gameOver function after 10 moves
-                if(moves == 10){
+                // Calling gameOver function after 5 moves
+                if(moves == 5){
                     gameOver(playerOptions,movesLeft);
                 }
             })
@@ -50,6 +50,11 @@ const game = () => {
         computer = computer.toLowerCase();
         if(player === computer){
             result.textContent = 'Tie'
+            // increment both scores when a tie occurs
+            computerScore++;
+            computerScoreBoard.textContent = computerScore;
+            playerScore++;
+            playerScoreBoard.textContent = playerScore;
         }
         else if(player == 'rock'){
             if(computer == 'paper'){
@@ -118,7 +123,7 @@ const game = () => {
             result.style.color = 'grey'
         }
         reloadBtn.innerText = 'Restart';
-        reloadBtn.style.display = 'flex'
+        reloadBtn.style.display = 'flex';
         reloadBtn.addEventListener('click',() => {
             window.location.reload();
         })
diff --git a/server.improved.js b/server.improved.js
index 26673fc..78d6376 100644
--- a/server.improved.js
+++ b/server.improved.js
@@ -7,9 +7,7 @@ const http = require( 'http' ),
       port = 3000
 
 const appdata = [
-  { 'model': 'toyota', 'year': 1999, 'mpg': 23 },
-  { 'model': 'honda', 'year': 2004, 'mpg': 30 },
-  { 'model': 'ford', 'year': 1987, 'mpg': 14} 
+  { "playerName": "Oliver", "wins": 0, "loss": 0 }
 ]
 
 const server = http.createServer( function( request,response ) {
@@ -34,7 +32,7 @@ const handlePost = function( request, response ) {
   let dataString = ''
 
   request.on( 'data', function( data ) {
-      dataString += data 
+     dataString += data   
   })
 
   request.on( 'end', function() {

From d72cd5375f208eb1e9d9242b8fb47c5e19fa2aaf Mon Sep 17 00:00:00 2001
From: carrier-of-cyberbully <hchen7@wpi.edu>
Date: Thu, 8 Sep 2022 13:46:21 -0400
Subject: [PATCH 3/4] done

---
 README.md            | 116 ++++-----------
 public/css/main.css  |  70 ++++++++-
 public/css/style.css | 104 --------------
 public/game.html     |  51 -------
 public/index.html    | 194 ++++++++++++++++---------
 public/js/scripts.js | 329 +++++++++++++++++++++++++++++++++++++------
 server.improved.js   | 148 +++++++++++++------
 7 files changed, 617 insertions(+), 395 deletions(-)
 delete mode 100644 public/css/style.css
 delete mode 100644 public/game.html

diff --git a/README.md b/README.md
index f229958..fca5d55 100644
--- a/README.md
+++ b/README.md
@@ -1,98 +1,40 @@
-Assignment 2 - Short Stack: Basic Two-tier Web Application using HTML/CSS/JS and Node.js  
-===
+# Assignment 1 for CS4241   
 
-Due: September 8th, by 11:59 AM.
-
-This assignment aims to introduce you to creating a prototype two-tiered web application. 
-Your application will include the use of HTML, CSS, JavaScript, and Node.js functionality, with active communication between the client and the server over the life of a user session.
-
-Baseline Requirements
+Summary
 ---
+You can play rock paper scissors with the computer in this page. You can add/delete new users, modify current username and switch to an existing player. Each game, you will have 5 moves and the game result will be recorded under the current player dataset. A derived field "winrate" will also be calculated by the program. Have fun!  
 
-There is a large range of application areas and possibilities that meet these baseline requirements. 
-Try to make your application do something useful! A todo list, storing / retrieving high scores for a very simple game... have a little fun with it.
-
-Your application is required to implement the following functionalities:
-
-- a `Server` which not only serves files, but also maintains a tabular dataset with 3 or more fields related to your application
-- a `Results` functionality which shows the entire dataset residing in the server's memory
-- a `Form/Entry` functionality which allows a user to add, modify, or delete (complete at least two) data items residing in the server's memory
-- a `Server Logic` which, upon receiving new or modified "incoming" data, includes and uses a function that adds at least one additional derived field to this incoming data before integrating it with the existing dataset
-- the `Derived field` for a new row of data must be computed based on fields already existing in the row. 
-For example, a `todo` dataset with `task`, `priority`, and `creation_date` may generate a new field `deadline` by looking at `creation_date` and `priority`
-
-Your application is required to demonstrate the use of the following concepts:
-
-HTML:
-- One or more [HTML Forms](https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms), with any combination of form tags appropriate for the user input portion of the application
-- A results page displaying all data currently available on the server. You will most likely use a `<table>` tag for this, but `<ul>` or `<ol>` could also work and might be simpler to work with. Alternatively, you can create a single-page app (see Technical Acheivements) but this is not a requirement.
-- All pages should [validate](https://validator.w3.org)
-- If your app contains multple pages, they should all be accessible from the homepage (index.html)
-
-CSS:
-- CSS styling of the primary visual elements in the application
-- Various CSS Selector functionality must be demonstrated:
-    - Element selectors
-    - ID selectors
-    - Class selectors
-- CSS positioning and styling of the primary visual elements in the application:
-    - Use of either a CSS grid or flexbox for layout
-    - Rules defining fonts for all text used; no default fonts! Be sure to use a web safe font or a font from a web service like [Google Fonts](http://fonts.google.com/)
-
-- CSS defined in a maintainable, readable form, in external stylesheets 
-
-JavaScript:
-- At minimum, a small amount of front-end JavaScript to get / fetch data from the server; a sample is provided in this repository.
-
-Node.js:
-- An HTTP Server that delivers all necessary files and data for the application, and also creates the required `Derived Fields` in your data. 
-A starting point is provided in this repository.
-
-Deliverables
----
 
-Do the following to complete this assignment and acheive a base grade of 85%:
-
-1. Fork the starting project code (make sure to fork the 2022 repo!). This repo contains some starter code that may be used or discarded as needed.
-2. Implement your project with the above requirements.
-3. Test your project to make sure that when someone goes to your main page, it displays correctly.
-4. Deploy your project to Glitch, and fill in the appropriate fields in your package.json file.
-5. Ensure that your project has the proper naming scheme `a2-yourGithubUsername` so we can find it.
-6. Modify the README to the specifications below, and delete all of the instructions originally found in this README.
-7. Create and submit a Pull Request to the original repo. Label the pull request as follows: a2-gitusername-firstname-lastname
-
-Acheivements
+Baseline Requirements
 ---
+- a `Server`: Starting with a default table with only one row, but can be modified freely
+- a `Results`: A mini game is intergraded
+- a `Form/Entry`: Allowing for Adding, Deleting, Modifing and Selecting
+- a `Server Logic`: Functioning client and server comminucaiton
+- the `Derived field`: winrate for the game
 
-Below are suggested technical and design achievements. You can use these to help boost your grade up to an A and customize the assignment to your personal interests. These are recommended acheivements, but feel free to create/implement your own... just make sure you thoroughly describe what you did in your README and why it was challenging. ALL ACHIEVEMENTS MUST BE DESCRIBED IN YOUR README IN ORDER TO GET CREDIT FOR THEM.
-
-*Technical*
-- (10 points) Create a single-page app that both provides a form for users to submit data and always shows the current state of the server-side data. To put it another way, when the user submits data, the server should respond sending back the updated data (including the derived field calculated on the server) and the client should then update its data display.
-
-*Design/UX*
-- (5 points per person, with a max of 10 points) Test your user interface with other students in the class. Define a specific task for them to complete (ideally something short that takes <10 minutes), and then use the [think-aloud protocol](https://en.wikipedia.org/wiki/Think_aloud_protocol) to obtain feedback on your design (talk-aloud is also find). Important considerations when designing your study:
-
-1. Make sure you start the study by clearly stating the task that you expect your user to accomplish.
-2. You shouldn't provide any verbal instructions on how to use your interface / accomplish the task you give them. Make sure that your interface is clear enough that users can figure it out without any instruction, or provide text instructions from within the interface itself. 
-3. If users get stuck to the point where they give up, you can then provde instruction so that the study can continue, but make sure to discuss this in your README. You won't lose any points for this... all feedback is good feedback!
 
-You'll need to use sometype of collaborative software that will enable you both to see the test subject's screen and listen to their voice as they describe their thoughts. After completing each study, briefly (one to two sentences for each question) address the following in your README:
-
-1. Provide the last name of each student you conduct the evaluation with.
-2. What problems did the user have with your design?
-3. What comments did they make that surprised you?
-4. What would you change about the interface based on their feedback?
-
-*You do not need to actually make changes based on their feedback*. This acheivement is designed to help gain experience testing user interfaces. If you run two user studies, you should answer two sets of questions. 
-
-Sample Readme (delete the above when you're ready to submit, and modify the below so with your links and descriptions)
----
+## Technical Achievements
+- **Tech Achievement**: This a single-page app. The user has control of the user modification (adding new user, delete existing user, modify current username, switch to an existing user). The only problem is that the content won't show automatically when it reloads. There is a "Refresh" button to compensate that flaw.
 
-## Your Web Application Title
-Include a very brief summary of your project here. Be sure to include the CSS positioning technique you used, and any required instructions to use your application.
+FYI: 
+1. The page needs to be reload everytime user restarts a game. Once loads, user need to click the "refresh" button to view the data. But after that, all other actions such as Adding, deleting, name changing and user switching will update the data display. After restarting or first time entering the page, a click on "refresh" button is needed to view the data.
+2. The default user is always the first one in the table. The table will never be empty and user is not allowed to delete the very last user.
+3. After user deletes the current player, the user needs to either switch to an existing user or simply click the "refresh" to let the program auto-assign a player to the user.
+4. Not surprisingly, all records of the game will go to the current player. However, if the current user is empty and the game starts, all records will not be saved. So plz specify a player before the game starts.
+5. From the playtesting, people find it annoying to have keep switching to a new added player when the game restarts. you can get around that but only keeping one user in the table. (And sorry for that inconvinieneve. I should definitely make the program lock on the current active user somehow, but I am running out of time for this submission)
 
-## Technical Achievements
-- **Tech Achievement 1**: Using a combination of...
 
 ### Design/Evaluation Achievements
-- **Design Achievement 1**: 
+- **Design Achievement**:   
+Tester 1:
+1. Li
+2. The user found the "refresh" button confusing and it's annoying that they have to select a player everytime they restart the game.
+3. "I have never lost so many RPS games in a row, this program knows all my moves."
+4. If I had more time, I will definitely have the program keeps track of the current active user instead of having user switching it every game.
+
+Test 2:
+1. Chen
+2. The user played 5 rounds and then realized that no records were saved since the current user was never been set, unsurprisingly, the tester called this program a hot pile of garbage.
+3. "My winrate is already higher than your grades in this class."
+4. Again, the current player and "refresh" button caused a lot of confusion for new user, the page needs to update the displayed data even after it reloads itself.
diff --git a/public/css/main.css b/public/css/main.css
index 7f12b93..37920a4 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -44,4 +44,72 @@ ul li::before {
     margin-left: auto;
     margin-right: auto;
     width: 70%;
-}
\ No newline at end of file
+}
+
+.gameContainer {
+    background: #3c3b47;
+    color: rgb(255, 255, 255);
+}
+
+/* Score */
+.p-count,
+.c-count {
+    text-align: center;
+    font-size: 1.5rem;
+    margin-top: 1rem;
+}
+
+.title {
+    font-size: 3rem;
+    z-index: 2;
+    margin-top: 3rem;
+}
+
+/* displaying three buttons in one line */
+.options {
+    display: flex;
+    width: 70vw;
+    justify-content: space-evenly;
+    margin-top: 3rem;
+}
+
+/* Styling on all three buttons */
+.rock,
+.paper,
+.scissor {
+    padding: 0.8rem;
+    margin-bottom: 1rem;
+    width: 100px;
+    border-radius: 10px;
+    background: #F0B151;
+    outline: none;
+    border-color: #F0B151;
+    border: none;
+    cursor: pointer;
+}
+
+.move {
+    font-size: 2rem;
+    font-weight: bold;
+    margin-top: 3rem;
+}
+
+.result {
+    margin-top: 10px;
+    font-size: 1.2rem;
+}
+
+/* Reload button style */
+.reload {
+    display: none;
+	margin-top: 2rem;
+	padding: 1rem;
+	background: #f3593d;
+	outline: none;
+	border: none;
+	border-radius: 10px;
+	cursor: pointer;
+}
+
+
+
diff --git a/public/css/style.css b/public/css/style.css
deleted file mode 100644
index 74863fd..0000000
--- a/public/css/style.css
+++ /dev/null
@@ -1,104 +0,0 @@
-/*Style your own assignment! This is fun! */
-/* styles.css */
-/* universal selector - Applies to whole document */
-*{
-	padding: 0;
-	margin: 0;
-	box-sizing: border-box;
-	background: #3c3b47;
-	color: rgb(255, 255, 255);
-}
-/* To center everything in game */
-.game{
-	display: flex;
-	flex-direction: column;
-	height: 100vh;
-	width: 100vw;
-	justify-content: center;
-	align-items: center;
-}
-
-/* Title of the game */
-.title{
-	position: absolute;
-	top: 0;
-	font-size: 3rem;
-	z-index: 2;
-	margin-top: 3rem;
-}
-
-/* Score Board */
-.score{
-	display: flex;
-	width: 50vw;
-	justify-content: space-evenly;
-	position: absolute;
-	top: 170px;
-	z-index: 1;
-}
-
-/* Score */
-.p-count,.c-count{
-	text-align: center;
-	font-size: 1.5rem;
-	margin-top: 1rem;
-}
-
-/* displaying three buttons in one line */
-.options{
-	display: flex;
-	width: 50vw;
-	justify-content: space-evenly;
-	margin-top: 8rem;
-}
-
-/* Styling on all three buttons */
-.rock, .paper, .scissor{
-	padding: 0.8rem;
-	width: 100px;
-	border-radius: 10px;
-	background: #F0B151;
-	outline: none;
-	border-color: #F0B151;
-	border: none;
-	cursor: pointer;
-}
-
-.move{
-	font-size: 2rem;
-	font-weight: bold;
-	margin-top: 15rem;
-}
-
-/* Reload button style */
-.reload {
-	display: none;
-	margin-top: 2rem;
-	padding: 1rem;
-	background: #301e06;
-	outline: none;
-	border: none;
-	border-radius: 10px;
-	cursor: pointer;
-}
-
-.result{
-	margin-top: 20px;
-	font-size: 1.2rem;
-}
-
-/* Responsive Design */
-@media screen and (max-width: 612px)
-{
-	.title{
-		text-align: center;
-	}
-	.score{
-		position: absolute;
-		top: 200px;
-		width: 100vw;
-	}
-	.options{
-		width: 100vw;
-	}
-}
\ No newline at end of file
diff --git a/public/game.html b/public/game.html
deleted file mode 100644
index fcbfd3c..0000000
--- a/public/game.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <title>game</title>
-    <link rel="stylesheet" href="css/style.css">
-    <meta charset="utf-8">
-  </head>
-  <body>
-    <section class="game">
-      <!--Title -->
-      <div class="title" style="color:aquamarine ;">Rock Paper Scissors</div>
-       
-        <!--Display Score of player and computer -->
-      <div class="score"> 
-          <div class="playerScore">
-              <h2>Player</h2>
-              <p class="p-count count">0</p>
-
-          </div>      
-          <div class="computerScore">
-              <h2>Computer</h2>
-              <p class="c-count count">0</p>
-
-          </div>
-      </div>
-     
-      <div class="move">Decide Your Move</div>
-      <br>
-       
-        <!--Number of moves left before game ends -->
-      <div class="movesleft" style="margin-top: 1rem; font-size: large;">Moves Left: 5 </div>
-       
-        <!--Options available to player to play game -->
-      <div class="options">
-          <button class="rock" style="color: rgb(70, 66, 63);">Rock</button>
-          <button class="paper" style="color: rgb(70, 66, 63);">Paper</button>
-          <button class="scissor" style="color: rgb(70, 66, 63);">Scissors</button>   
-      </div>
-       
-        <!--Final result of game -->
-      <div class="result"></div>
-       
-        <!--Reload the game -->
-      <button class="reload"></button>
-
-  </section>
-
-  <script src="js/scripts.js"></script>
-
-  </body>
-</html>
diff --git a/public/index.html b/public/index.html
index bfd66fd..7823a28 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,73 +1,141 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <title>Hao Chen Assignment 2</title>
-    <link rel="stylesheet" href="css/main.css">
-    <link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
-    <meta charset="utf-8">
-    <style>
-      body {
-          font-family: 'Abel';font-size: 18px;
-      }
-      </style>
-  </head>
-  <body class="center">
-    <div class="coloredBorder">
-      <h1>A Simple Game of Rock Paper Scissors</h1>
-    </div>
-    <h3>
-      <b>Game Introduction: </b>
-    </h3>
-    <p>A classic two-person game. Players start each round by selecting one of the three following options</p>
-    <ul>
-      <li>Rock</li>
-      <li>Paper</li>
-      <li>Scissors</li>
-    </ul>
-    <p style="text-align: center; font-size:x-large; color: #F0463E;" >Counter Relations: Rock crushes scissors, scissors cut paper, and paper covers rock. See who wins each round!</p>
-    <p>Player:</p>
-    <p id="username"></p>
-    <p>Player Accmulated Wins:</p>
-    <p>Player Accmulated loss:</p>
 
-    <div class="videoWrapper">
-      <iframe src="game.html" style="border:none;" title="Game"></iframe>
-    </div>
+<head>
+  <title>Hao Chen Assignment 2</title>
+  <link rel="stylesheet" href="css/main.css">
+  <link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
+  <meta charset="utf-8">
+  <style>
+    body {
+      font-family: 'Abel';
+      font-size: 18px;
+    }
 
-    <form action="">
-      <input type='text' id='newUsername' value="new username" required>
-      <button>submit</button>
-    </form>
-  </body>
-  <script>
+    table,
+    th,
+    td {
+      border: 2px solid;
+      border-collapse: collapse;
+      text-align: center;
+      color: rgb(26, 34, 105);
+    }
 
-  const submit = function( e ) {
-    // prevent default form action from being carried out
-    e.preventDefault()
+    th {
+      background-color: #FA9E4B;
+    }
 
-    const input = document.querySelector( '#newUsername' ),
-          json = { username: input.value },
-          body = JSON.stringify( json )
+    input[type=text] {
+      width: 10%;
+      margin: 8px 0;
+      box-sizing: border-box;
+      border: 1px solid #FA7150;
+      border-radius: 4px;
+    }
+  </style>
+</head>
 
-    fetch( '/submit', {
-      method:'POST',
-      body
-    })
-    .then( function( response ) {
-      // do something with the reponse 
-      console.log( response )
-      // data = JSON.stringify(response.json())
-      // const currentUser = document.querySelector('#username');
-      // currentUser.textContent = data
-    })
+<body class="center">
+  <div class="coloredBorder">
+    <h1>A Simple Game of Rock Paper Scissors</h1>
+  </div>
+  <h3>
+    <b>Game Introduction: </b>
+  </h3>
+  <p>A classic two-person game. Players start each round by selecting one of the three following options</p>
+  <ul>
+    <li>Rock</li>
+    <li>Paper</li>
+    <li>Scissors</li>
+  </ul>
+  <p style="text-align: center; font-size:x-large; color: #F0463E;">Counter Relations: Rock crushes scissors, scissors
+    cut paper, and paper covers rock. See who wins each round!</p>
+  <h3>
+    <b>All Players --> this is a magic button</b>
+    <button id="display">refresh</button>
+  </h3>
+  <table style="width:100%">
+    <tr>
+      <th>Username</th>
+      <th>Win</th>
+      <th>Loss</th>
+      <th>Winrate</th>
+    </tr>
+    <tbody id="myTable">
+    </tbody>
+  </table>
+  <p><strong>Action --- add new user or delete existing user</strong></p>
+  <form action="">
+    <label>Add User</label>
+    <input type='text' id='newUsername_2'>
+    <button id="add">add</button>
+    <label>Delete User</label>
+    <input type='text' id='unwanted'>
+    <button id="delete">delete</button>
+  </form>
 
-    return false
-  }
+  <h3>
+    <b>Current Player *if not specified, will pick the first user in the table*</b>
+  </h3>
+  <table style="width:100%">
+    <tr>
+      <th>Username</th>
+      <th>Win</th>
+      <th>Loss</th>
+      <th>Winrate</th>
+    </tr>
+    <tbody id="currentTable">
+    </tbody>
+  </table>
+  <p><strong>Action --- edit current username or switch to an existing user</strong></p>
+  <form action="">
+    <label>Current User</label>
+    <input type='text' id='currentUsername' disabled>
+    <label>Edit Username/Select User</label>
+    <input type='text' id='newUsername'>
+    <button id="updateUsername">update</button>
+  </form>
+  <div class="gameContainer">
+    <!-- <iframe src="game.html" style="border:none;" title="Game"></iframe> -->
+    <section class="game">
+      <!--Title -->
+      <div class="title" style="color:rgb(148, 255, 138);text-align: center;">Rock Paper Scissors</div>
 
-  window.onload = function() {
-    const button = document.querySelector( 'button' )
-    button.onclick = submit
-  }
+      <!--Display Score of player and computer -->
+      <div class="score">
+        <div class="playerScore">
+          <h2>Player</h2>
+          <p class="p-count count">0</p>
 
-  </script>
-</html>
+        </div>
+        <div class="computerScore">
+          <h2>Computer</h2>
+          <p class="c-count count">0</p>
+
+        </div>
+      </div>
+
+      <div class="move" style="text-align:center;">Decide Your Move</div>
+      <br>
+
+      <!--Number of moves left before game ends -->
+      <div class="movesleft" style="margin-top: 1rem; font-size: large; text-align: center;">Moves Left: 5 </div>
+
+      <!--Options available to player to play game -->
+      <div class="options">
+        <button class="rock" style="color: rgb(70, 66, 63);">Rock</button>
+        <button class="paper" style="color: rgb(70, 66, 63);">Paper</button>
+        <button class="scissor" style="color: rgb(70, 66, 63);">Scissors</button>
+      </div>
+
+      <!--Final result of game -->
+      <div class="result" style="text-align:center ;"></div>
+
+      <!--Reload the game -->
+      <button class="reload"></button>
+    </section>
+  </div>
+</body>
+<script src="js/scripts.js"></script>
+
+</html>
\ No newline at end of file
diff --git a/public/js/scripts.js b/public/js/scripts.js
index 6eac7c7..3e79386 100644
--- a/public/js/scripts.js
+++ b/public/js/scripts.js
@@ -7,48 +7,48 @@ const game = () => {
     let playerScore = 0;
     let computerScore = 0;
     let moves = 0;
- 
- 
+
+
     // Function to
     const playGame = () => {
         const rockBtn = document.querySelector('.rock');
         const paperBtn = document.querySelector('.paper');
         const scissorBtn = document.querySelector('.scissor');
-        const playerOptions = [rockBtn,paperBtn,scissorBtn];
-        const computerOptions = ['rock','paper','scissors']
-         
+        const playerOptions = [rockBtn, paperBtn, scissorBtn];
+        const computerOptions = ['rock', 'paper', 'scissors']
+
         // Function to start playing game
         playerOptions.forEach(option => {
-            option.addEventListener('click',function(){
- 
+            option.addEventListener('click', function () {
+
                 const movesLeft = document.querySelector('.movesleft');
                 moves++;
-                movesLeft.innerText = `Moves Left: ${5-moves}`;
-                 
- 
-                const choiceNumber = Math.floor(Math.random()*3);
+                movesLeft.innerText = `Moves Left: ${5 - moves}`;
+
+
+                const choiceNumber = Math.floor(Math.random() * 3);
                 const computerChoice = computerOptions[choiceNumber];
- 
+
                 // Function to check who wins
-                winner(this.innerText,computerChoice)
-                 
+                winner(this.innerText, computerChoice)
+
                 // Calling gameOver function after 5 moves
-                if(moves == 5){
-                    gameOver(playerOptions,movesLeft);
+                if (moves == 5) {
+                    gameOver(playerOptions, movesLeft);
                 }
             })
         })
-         
+
     }
- 
+
     // Function to decide winner
-    const winner = (player,computer) => {
+    const winner = (player, computer) => {
         const result = document.querySelector('.result');
         const playerScoreBoard = document.querySelector('.p-count');
         const computerScoreBoard = document.querySelector('.c-count');
         player = player.toLowerCase();
         computer = computer.toLowerCase();
-        if(player === computer){
+        if (player === computer) {
             result.textContent = 'Tie'
             // increment both scores when a tie occurs
             computerScore++;
@@ -56,84 +56,321 @@ const game = () => {
             playerScore++;
             playerScoreBoard.textContent = playerScore;
         }
-        else if(player == 'rock'){
-            if(computer == 'paper'){
+        else if (player == 'rock') {
+            if (computer == 'paper') {
                 result.textContent = 'Computer Won';
                 computerScore++;
                 computerScoreBoard.textContent = computerScore;
- 
-            }else{
+
+            } else {
                 result.textContent = 'Player Won'
                 playerScore++;
                 playerScoreBoard.textContent = playerScore;
             }
         }
-        else if(player == 'scissors'){
-            if(computer == 'rock'){
+        else if (player == 'scissors') {
+            if (computer == 'rock') {
                 result.textContent = 'Computer Won';
                 computerScore++;
                 computerScoreBoard.textContent = computerScore;
-            }else{
+            } else {
                 result.textContent = 'Player Won';
                 playerScore++;
                 playerScoreBoard.textContent = playerScore;
             }
         }
-        else if(player == 'paper'){
-            if(computer == 'scissors'){
+        else if (player == 'paper') {
+            if (computer == 'scissors') {
                 result.textContent = 'Computer Won';
                 computerScore++;
                 computerScoreBoard.textContent = computerScore;
-            }else{
+            } else {
                 result.textContent = 'Player Won';
                 playerScore++;
                 playerScoreBoard.textContent = playerScore;
             }
         }
     }
- 
+
     // Function to run when game is over
-    const gameOver = (playerOptions,movesLeft) => {
- 
+    const gameOver = (playerOptions, movesLeft) => {
+
         const chooseMove = document.querySelector('.move');
         const result = document.querySelector('.result');
         const reloadBtn = document.querySelector('.reload');
- 
+        var gameStatus = 2;
+
         playerOptions.forEach(option => {
             option.style.display = 'none';
         })
- 
-      
+
+
         chooseMove.innerText = 'Game Over!!'
         movesLeft.style.display = 'none';
- 
-        if(playerScore > computerScore){
+
+        if (playerScore > computerScore) {
             result.style.fontSize = '2rem';
             result.innerText = 'You Won The Game'
             result.style.color = '#308D46';
+            gameStatus = 1;
+           
         }
-        else if(playerScore < computerScore){
+        else if (playerScore < computerScore) {
             result.style.fontSize = '2rem';
             result.innerText = 'You Lost The Game';
             result.style.color = 'red';
+            gameStatus = 0;
+           
         }
-        else{
+        else {
             result.style.fontSize = '2rem';
             result.innerText = 'Tie';
             result.style.color = 'grey'
         }
         reloadBtn.innerText = 'Restart';
         reloadBtn.style.display = 'flex';
-        reloadBtn.addEventListener('click',() => {
+        if (gameStatus === 0) {
+            reloadBtn.onclick = handleGameLose
+        }
+        if (gameStatus === 1) {
+            reloadBtn.onclick = handleGameWin
+        }
+        reloadBtn.addEventListener('click', () => {
             window.location.reload();
         })
     }
- 
- 
+
+
     // Calling playGame function inside game
     playGame();
-     
+
 }
- 
+
 // Calling the game function
-game();
\ No newline at end of file
+game();
+
+const handleGameWin = function(e) {
+    // prevent default form action from being carried out
+    e.preventDefault()
+
+    const newUser = document.querySelector('#currentUsername'),
+        json = { currentuser: "_WinCondition_", newusername: newUser.value },
+        body = JSON.stringify(json)
+
+    fetch('/submit', {
+        method: 'POST',
+        body
+    })
+        .then(async function (response) {
+            let data = await response.json()
+            const currentUser = document.querySelector('#currentUsername')
+            if (currentUser.value !== null) {
+                const pos = findDataIndex(data, newUser.value)
+                makeCurrentTable(data,pos)
+                makeTable(data);
+            }
+            else{alert("Please choose a user!")}
+        })
+    return false
+}
+const handleGameLose = function (e) {
+     // prevent default form action from being carried out
+     e.preventDefault()
+
+     const newUser = document.querySelector('#currentUsername'),
+         json = { currentuser: "_LossCondition_", newusername: newUser.value },
+         body = JSON.stringify(json)
+ 
+     fetch('/submit', {
+         method: 'POST',
+         body
+     })
+         .then(async function (response) {
+             let data = await response.json()
+             if (currentUser.value !== null) {
+                const pos = findDataIndex(data, newUser.value)
+                makeCurrentTable(data,pos)
+                makeTable(data);
+            }
+            else{alert("Please choose a user!")}
+         })
+     return false
+ }
+
+const updateName = function (e) {
+    // prevent default form action from being carried out
+    e.preventDefault()
+
+    const input = document.querySelector('#newUsername'),
+        currentUser = document.querySelector('#currentUsername'),
+        json = { currentuser: "__" + currentUser.value, newusername: input.value },
+        body = JSON.stringify(json)
+
+    fetch('/submit', {
+        method: 'POST',
+        body
+    })
+        .then(async function (response) {
+            let data = await response.json()
+            const currentUser = document.querySelector('#username');
+            const win = document.querySelector('#win');
+            const loss = document.querySelector('#loss');
+            const winrate = document.querySelector('#winrate');
+            const currentUser_1 = document.querySelector('#currentUsername');
+            makeTable(data)
+            // find the data
+            const pos = findDataIndex(data, input.value)
+            if (input.value !== '') {
+                currentUser.textContent = data[pos].playerName
+                win.textContent = data[pos].win
+                loss.textContent = data[pos].loss
+                if (data[pos].win !== 0 || data[pos].loss !== 0) {
+                    winrate.textContent = ((data[pos].win / (data[pos].win + data[pos].loss)) * 100).toFixed(2)
+                }
+                winrate.textContent = data[pos].winrate
+                currentUser_1.value = data[pos].playerName
+                input.value = ''
+            }
+            else { alert("Field must be valid and not empty!") }
+
+        })
+    return false
+}
+
+const displayData = function (e) {
+    // prevent default form action from being carried out
+    e.preventDefault()
+
+
+    const json = '',
+        body = JSON.stringify(json)
+
+    fetch('/submit', {
+        method: 'POST',
+        body
+    })
+        .then(async function (response) {
+            let data = await response.json()
+            const currentUser_1 = document.querySelector('#currentUsername');
+            makeTable(data);
+            if (data.length !== 0) {
+                makeCurrentTable(data, 0)
+                currentUser_1.value = data[0].playerName
+            }
+        })
+    return false
+}
+
+const addUser = function (e) {
+    // prevent default form action from being carried out
+    e.preventDefault()
+
+    const newUser = document.querySelector('#newUsername_2'),
+        json = { currentuser: "_yessir_", newusername: newUser.value },
+        body = JSON.stringify(json)
+
+    fetch('/submit', {
+        method: 'POST',
+        body
+    })
+        .then(async function (response) {
+            let data = await response.json()
+            if (newUser.value === '') {
+                alert("Field must be valid and not empty!")
+            }
+            makeTable(data);
+            newUser.value = ''
+        })
+    return false
+}
+
+const deleteUser = function (e) {
+    // prevent default form action from being carried out
+    e.preventDefault()
+
+    const newUser = document.querySelector('#unwanted'),
+        json = { currentuser: "_Delete_", newusername: newUser.value },
+        body = JSON.stringify(json)
+
+    fetch('/submit', {
+        method: 'POST',
+        body
+    })
+        .then(async function (response) {
+            let data = await response.json()
+            if (newUser.value === '') {
+                alert("Field must be valid and not empty!")
+            }
+            if (data[0].playerName === newUser.value) {
+                alert("This game requires at least one player!")
+            }
+            //TODO:handle current player status
+            const currentUser = document.querySelector('#currentUsername')
+            const pos = findDataIndex(data, currentUser.value)
+            if (pos !== null) {
+                const table = document.getElementById('currentTable')
+                table.innerHTML = "";
+                currentUser.value = null;
+            }
+            makeTable(data);
+            newUser.value = ''
+        })
+    return false
+}
+
+function makeTable(data) {
+    const table = document.getElementById('myTable')
+    table.innerHTML = "";
+    for (let index = 0; index < data.length; index++) {
+        const row = `<tr>
+                        <td>${data[index].playerName}</td>
+                        <td>${data[index].win}</td>
+                        <td>${data[index].loss}</td>
+                        <td>${data[index].winrate}</td>
+                    </tr>`
+        table.innerHTML += row
+
+    }
+}
+
+function makeCurrentTable(data, pos) {
+    const table = document.getElementById('currentTable')
+    table.innerHTML = "";
+
+    const row = `<tr>
+                        <td id="username">${data[pos].playerName}</td>
+                        <td id="win">${data[pos].win}</td>
+                        <td id="loss">${data[pos].loss}</td>
+                        <td id="winrate">${data[pos].winrate}</td>
+                    </tr>`
+    table.innerHTML = row
+}
+
+function findDataIndex(data, input) {
+    for (let i = 0; i < data.length; i++) {
+        if (data[i].playerName === input) {
+            return i;
+        }
+    }
+}
+
+function checkValidity(data, newName) {
+    let x = true;
+    for (let index = 0; index < data.length; index++) {
+        if (data[index].playerName === newName) {
+            x = false
+        }
+    }
+    return x;
+}
+
+window.onload = function () {
+    const update_btn = document.querySelector('#updateUsername')
+    update_btn.onclick = updateName
+    const display_btn = document.querySelector('#display')
+    display_btn.onclick = displayData
+    const add_btn = document.querySelector('#add')
+    add_btn.onclick = addUser
+    const delete_btn = document.querySelector('#delete')
+    delete_btn.onclick = deleteUser
+}
\ No newline at end of file
diff --git a/server.improved.js b/server.improved.js
index 78d6376..f6a9c33 100644
--- a/server.improved.js
+++ b/server.improved.js
@@ -1,70 +1,132 @@
-const http = require( 'http' ),
-      fs   = require( 'fs' ),
-      // IMPORTANT: you must run `npm install` in the directory for this assignment
-      // to install the mime library used in the following line of code
-      mime = require( 'mime' ),
-      dir  = 'public/',
-      port = 3000
+const http = require('http'),
+  fs = require('fs'),
+  // IMPORTANT: you must run `npm install` in the directory for this assignment
+  // to install the mime library used in the following line of code
+  mime = require('mime'),
+  dir = 'public/',
+  port = 3000
 
 const appdata = [
-  { "playerName": "Oliver", "wins": 0, "loss": 0 }
+  { playerName: "oliver", win: 0, loss: 0, winrate: 0 }
 ]
 
-const server = http.createServer( function( request,response ) {
-  if( request.method === 'GET' ) {
-    handleGet( request, response )    
-  }else if( request.method === 'POST' ){
-    handlePost( request, response ) 
+const server = http.createServer(function (request, response) {
+  if (request.method === 'GET') {
+    handleGet(request, response)
+  } else if (request.method === 'POST') {
+    handlePost(request, response)
   }
 })
 
-const handleGet = function( request, response ) {
-  const filename = dir + request.url.slice( 1 ) 
+const handleGet = function (request, response) {
+  const filename = dir + request.url.slice(1)
 
-  if( request.url === '/' ) {
-    sendFile( response, 'public/index.html' )
-  }else{
-    sendFile( response, filename )
+  if (request.url === '/') {
+    sendFile(response, 'public/index.html')
+  } else {
+    sendFile(response, filename)
   }
 }
 
-const handlePost = function( request, response ) {
+const handlePost = function (request, response) {
   let dataString = ''
 
-  request.on( 'data', function( data ) {
-     dataString += data   
+  request.on('data', function (data) {
+    dataString += data
   })
 
-  request.on( 'end', function() {
-    console.log( JSON.parse( dataString ) )
-
+  request.on('end', function () {
+    console.log(JSON.parse(dataString))
     // ... do something with the data here!!!
-
-    response.writeHead( 200, "OK", {'Content-Type': 'text/plain' })
-    response.end()
+    oldName = JSON.parse(dataString).currentuser
+    newName = JSON.parse(dataString).newusername
+
+    if (oldName === '_WinCondition_') {
+      const newData = appdata.map(item => {
+        if (item.playerName === newName) {
+          return { ...item, win: item.win+1, winrate: (((item.win + 1) / (item.loss + item.win + 1)) * 100).toFixed(2) }
+        }
+        return item
+      })
+      updateUserArray(appdata, newData)
+    }
+    if (oldName === '_LossCondition_') {
+      const newData = appdata.map(item => {
+        if (item.playerName === newName) {
+          return { ...item, loss: item.loss+1, winrate: (((item.win) / (item.loss + item.win + 1)) * 100).toFixed(2) }
+        }
+        return item
+      })
+      updateUserArray(appdata, newData)
+    }
+
+    if (newName !== '') {
+      if (checkValidity(appdata, newName)) {
+        const newData = appdata.map(item => {
+          if ("__" + item.playerName === oldName) {
+            return { ...item, playerName: newName }
+          }
+          return item
+        })
+        updateUserArray(appdata, newData)
+      }
+      if (oldName === '_yessir_' && checkValidity(appdata, newName)) {
+        appdata[appdata.length] = { playerName: newName, win: 0, loss: 0, winrate: 0 }
+      }
+      if (oldName === '_Delete_' && !checkValidity(appdata, newName) && appdata.length > 1) {
+        removeData(appdata, newName)
+      }
+    }
+    console.log(JSON.stringify(appdata))
+    response.writeHead(200, "OK", { 'Content-Type': 'text/plain' })
+    response.end(JSON.stringify(appdata))
   })
 }
 
-const sendFile = function( response, filename ) {
-   const type = mime.getType( filename ) 
+const sendFile = function (response, filename) {
+  const type = mime.getType(filename)
 
-   fs.readFile( filename, function( err, content ) {
+  fs.readFile(filename, function (err, content) {
 
-     // if the error = null, then we've loaded the file successfully
-     if( err === null ) {
+    // if the error = null, then we've loaded the file successfully
+    if (err === null) {
 
-       // status code: https://httpstatuses.com
-       response.writeHeader( 200, { 'Content-Type': type })
-       response.end( content )
+      // status code: https://httpstatuses.com
+      response.writeHeader(200, { 'Content-Type': type })
+      response.end(content)
 
-     }else{
+    } else {
 
-       // file not found, error code 404
-       response.writeHeader( 404 )
-       response.end( '404 Error: File Not Found' )
+      // file not found, error code 404
+      response.writeHeader(404)
+      response.end('404 Error: File Not Found')
 
-     }
-   })
+    }
+  })
 }
 
-server.listen( process.env.PORT || port )
+server.listen(process.env.PORT || port)
+
+function updateUserArray(oldData, newData) {
+  for (let index = 0; index < newData.length; index++) {
+    oldData[index] = newData[index];
+  }
+}
+
+function checkValidity(data, newName) {
+  let x = true;
+  for (let index = 0; index < data.length; index++) {
+    if (data[index].playerName !== null && data[index].playerName === newName) {
+      x = false
+    }
+  }
+  return x;
+}
+
+function removeData(data, target) {
+  for (let i = 0; i < data.length; i++) {
+    if (data[i].playerName === target) {
+      data.splice(i, 1)
+    }
+  }
+}
\ No newline at end of file

From 6067ef8bdbf051b287a99f289abd7092e81fe295 Mon Sep 17 00:00:00 2001
From: Oliver Chen <75399499+Hao-OliverChen@users.noreply.github.com>
Date: Thu, 8 Sep 2022 13:55:07 -0400
Subject: [PATCH 4/4] Update README.md

---
 README.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index fca5d55..b02b2ef 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,7 @@
-# Assignment 1 for CS4241   
+# Assignment 1 for CS4241    
+Link To the Project
+---
+https://a2-hao-oliverchen.glitch.me/
 
 Summary
 ---